/* finesse · brand · curated-archive · image-led-editorial · silver-mint · native-lightbox */
.archive{background:linear-gradient(180deg,var(--bg),#101c22);padding-top:30px;padding-bottom:80px}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.archive-head>p{font-size:13px;line-height:2;color:var(--ink);margin:0}.archive-head>p span{color:var(--muted);font-size:11px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.filter-row button{border:1px solid var(--line);background:transparent;padding:12px 19px;min-height:44px;border-radius:30px;font-size:11px;color:var(--muted);transition:background .3s,color .3s,border-color .3s;white-space:nowrap}.filter-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filter-row button:hover{border-color:var(--accent)}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}.case-card{text-align:left;background:transparent;padding:0;min-width:0;display:block}.case-image{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#18252c;display:flex;align-items:center;justify-content:center}.case-image img{width:100%;height:100%;object-fit:contain;transition:transform 1s var(--ease);padding:13px}.case-card:hover .case-image img{transform:scale(1.035)}.case-badge{position:absolute;right:15px;bottom:15px;padding:11px 15px;border:1px solid rgba(209,229,224,.2);background:rgba(9,15,19,.84);border-radius:24px;color:var(--ink);font-size:10px;transition:transform .35s}.case-card:hover .case-badge{transform:translateY(-4px)}.case-meta{padding:23px 2px 0}.case-meta>span{font:9px monospace;letter-spacing:1.3px;color:var(--green)}.case-meta h3{font-size:21px;font-weight:400;line-height:1.5;margin:12px 0}.case-meta p{font-size:12px;line-height:2;color:var(--muted);max-width:480px;margin-bottom:0}.gallery-status{text-align:right;color:var(--muted);font:10px monospace;letter-spacing:1px;margin:35px 0 0}.cert-section{background:radial-gradient(ellipse at 95% 45%,rgba(74,135,116,.09),transparent 65%),var(--bg);padding-bottom:70px}.cert-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.cert-total strong{display:block;font:90px/.95 Arial,sans-serif;letter-spacing:-6px;color:var(--accent);text-align:right}.cert-total span{display:block;font-size:10px;color:var(--muted);margin-top:20px}.cert-context{font-size:13px;line-height:2;color:var(--muted);margin-top:25px;max-width:620px}.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.cert-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-align:left;padding:0;transition:transform .4s,border-color .4s}.cert-card:hover{transform:translateY(-5px);border-color:rgba(189,235,214,.5)}.cert-image{aspect-ratio:1.42;background:#dfe7e5;padding:16px;display:flex;align-items:center;justify-content:center}.cert-image img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 5px 13px rgba(20,40,34,.13)}.cert-meta{padding:21px;position:relative;min-height:120px}.cert-meta>span{font-size:9px;letter-spacing:1px;color:var(--green)}.cert-meta h3{font-size:12px;line-height:1.85;font-weight:400;margin:9px 18px 0 0}.cert-meta>b{position:absolute;right:16px;bottom:18px;font-weight:400;color:var(--muted)}.cert-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.cert-bottom p{font-size:11px;color:var(--muted);margin:0}.cert-bottom button{min-height:44px;border:1px solid var(--line);border-radius:30px;background:transparent;padding:12px 24px;font-size:11px}.archive-note{font-size:10px;line-height:1.9;color:var(--muted);margin:26px 0 0;max-width:700px}.personal-signature{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.personal-signature img{border-radius:50%;object-fit:cover;filter:saturate(.75)}.personal-signature strong{display:block;font-size:13px;font-weight:400}.personal-signature span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.modal-open{overflow:hidden}.media-viewer{width:min(1160px,94vw);max-height:94svh;padding:25px;border-radius:14px}.viewer-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.viewer-head>div>span{font:9px monospace;color:var(--green);letter-spacing:1px}.viewer-head h2{font-size:20px;margin:9px 0 20px;line-height:1.6}.viewer-head button{background:transparent;width:44px;height:44px;font-size:29px;flex-shrink:0}.viewer-media{height:58svh;min-height:240px;display:flex;align-items:center;justify-content:center;background:#070d10;overflow:auto;border-radius:6px}.viewer-media img,.viewer-media video{max-width:100%;max-height:100%;object-fit:contain}.viewer-media.zoomed{display:block}.viewer-media.zoomed img{max-width:none;max-height:none;width:150%;height:auto}.viewer-toolbar{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.viewer-toolbar button{min-height:44px;min-width:44px;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:12px;padding:10px}.viewer-toolbar button:disabled{opacity:.3;cursor:default}.viewer-toolbar>span{font:10px monospace;color:var(--muted)}.viewer-toolbar a{font-size:11px;color:var(--accent);margin-left:auto;min-height:44px;display:flex;align-items:center}.media-viewer>p{font-size:11px;line-height:1.9;margin:12px 0 0}.nav{backdrop-filter:blur(10px);background:rgba(9,15,19,.15)}.nav nav{gap:24px}.hero-copy{top:28%}.hero-bottom p{color:#afbfbe}.intro{padding-block:90px}.work-heading h2{line-height:1.35}.project-stage{border-radius:12px;background:radial-gradient(ellipse at 50% 80%,rgba(90,140,125,.25),transparent 68%),var(--panel)}.statement .section{padding-block:85px}.contact{padding-top:60px}
@media(min-width:1000px){.case-card:nth-child(3n){grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:55px}.case-card:nth-child(3n) .case-image{aspect-ratio:16/9}.case-card:nth-child(3n) .case-meta{padding:0}.case-card:nth-child(3n) h3{font-size:26px}}
@media(max-width:900px){.archive-head{gap:25px}.archive-head>p{font-size:11px}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav{gap:17px}.nav nav a{font-size:11px}.cert-total strong{font-size:70px}.case-grid{gap:35px 20px}.case-meta h3{font-size:18px}.nav-name span{display:none}}
@media(max-width:600px){.archive{padding-top:10px}.archive-head{display:block;margin-bottom:30px}.archive-head h2,.cert-heading h2{font-size:29px}.archive-head>p{margin-top:25px;line-height:1.9}.case-grid{grid-template-columns:minmax(0,1fr);gap:35px}.case-image{aspect-ratio:4/3}.case-meta{padding-top:17px}.case-meta h3{font-size:20px}.filter-row{gap:7px;margin-block:25px}.filter-row button{font-size:10px;padding:10px 14px}.cert-heading{gap:15px;align-items:start}.cert-total strong{font-size:48px;letter-spacing:-3px}.cert-total span{max-width:80px;font-size:9px;text-align:right;line-height:1.7;margin-top:12px}.cert-heading .eyebrow{font-size:8px;letter-spacing:1px}.cert-grid{gap:12px}.cert-image{padding:8px}.cert-meta{padding:13px;min-height:124px}.cert-meta h3{font-size:10px;margin-right:0}.cert-meta>span{font-size:8px;letter-spacing:0}.cert-meta>b{display:none}.cert-context{font-size:12px}.cert-bottom button{padding-inline:15px}.archive-note{font-size:9px}.media-viewer{padding:16px}.viewer-head h2{font-size:16px}.viewer-media{height:52svh;min-height:200px}.viewer-toolbar{gap:8px}.viewer-toolbar a{margin-left:0;font-size:10px}.viewer-toolbar button{font-size:10px}.contact{padding-top:40px}.nav nav>a:not(:last-child){display:none}.nav nav>a[href='#archive']{display:block}.nav-name{letter-spacing:0}.nav{gap:13px}.nav nav{gap:13px}.nav-contact span{margin-left:5px}.intro{padding-block:70px}}
@media(prefers-reduced-motion:reduce){.cert-card:hover{transform:none}.case-card:hover .case-image img{transform:none}}
@media(max-width:600px){.cert-heading{display:block;position:relative}.cert-heading .eyebrow{padding-right:65px;margin-bottom:35px}.cert-heading h2{font-size:clamp(21px,6vw,26px)}.cert-total{position:absolute;right:0;top:-5px}.cert-total strong{font-size:34px}.cert-total span{display:none}}
