@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/fonts/manrope-latin.woff2') format('woff2')}
:root{--bg:#101010;--alt:#161616;--surface:#202020;--text:#f3f0eb;--muted:rgba(243,240,235,.66);--line:rgba(243,240,235,.12);--accent:#a88fc7;--accent-soft:rgba(168,143,199,.13);--nav:rgba(16,16,16,.86)}
[data-theme=light]{--bg:#f7f6f2;--alt:#eeece7;--surface:#fff;--text:#171717;--muted:rgba(23,23,23,.65);--line:rgba(23,23,23,.11);--accent:#745b94;--accent-soft:rgba(116,91,148,.1);--nav:rgba(247,246,242,.88)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}.shell{width:min(1160px,calc(100% - 40px));margin:auto}
.case-nav{position:fixed;z-index:20;top:18px;left:50%;width:min(1160px,calc(100% - 32px));height:62px;padding:0 18px;border:1px solid var(--line);border-radius:18px;background:var(--nav);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%)}.case-nav a{color:inherit;text-decoration:none}.logo{font-family:Georgia,serif;font-size:20px;letter-spacing:.14em}.case-nav a:last-child{font-size:12px}
.case-hero{min-height:78svh;padding:150px 0 70px;display:flex;align-items:end;position:relative;overflow:hidden}.case-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.24;mask-image:radial-gradient(circle at 50% 50%,black,transparent 72%)}.case-hero-inner{position:relative}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.case-hero h1{max-width:1050px;margin:18px 0 28px;font-size:clamp(58px,9vw,132px);font-weight:650;line-height:.87;letter-spacing:-.075em}.case-intro{max-width:680px;margin:0 0 42px;color:var(--muted);font-size:17px;line-height:1.75}.case-meta{display:grid;grid-template-columns:.8fr 1fr 1.5fr;gap:20px;border-top:1px solid var(--line);padding-top:22px}.case-meta small{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;letter-spacing:.15em;text-transform:uppercase}.case-meta span{font-size:13px}
.project-hero{padding:0 0 110px}.artwork-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.project-hero .artwork-button{min-height:620px;padding:34px;border:1px solid var(--line);border-radius:25px;background:var(--alt)}.project-hero img{display:block;width:100%;height:70svh;object-fit:contain}
.case-section{padding:110px 0}.case-section.alt{background:var(--alt)}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;align-items:end;margin-bottom:56px}.section-head h2,.project-cta h2{margin:0;font-size:clamp(46px,7vw,90px);line-height:.9;letter-spacing:-.07em}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.gallery-item{grid-column:span 6;margin:0;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--bg)}.gallery-item:only-child{grid-column:3/span 8}.gallery-item.wide{grid-column:1/-1}.gallery-item img{display:block;width:100%;max-height:1100px;object-fit:contain}.gallery-document{grid-column:span 6;min-height:260px;padding:35px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--accent-soft));color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:end}.gallery-document span,.gallery-document small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.gallery-document strong{margin:12px 0 30px;font-size:24px;line-height:1.25}
.project-cta{background:var(--bg)}.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.project-cta .eyebrow{margin-bottom:16px}.cta-actions{display:flex;gap:10px;flex-shrink:0}.button{display:inline-flex;min-height:50px;align-items:center;padding:0 20px;border:1px solid var(--line);border-radius:999px;color:inherit;font-size:12px;font-weight:750;text-decoration:none}.button.primary{background:#745b94;color:#fff;border-color:transparent}
.project-navigation{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.project-navigation a{padding:75px 0;color:inherit;text-decoration:none}.project-navigation a:last-child{text-align:right}.project-navigation small{display:block;margin-bottom:12px;color:var(--accent);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.project-navigation strong{font-size:clamp(26px,4vw,50px);letter-spacing:-.05em}.case-footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:36px;border:0;background:rgba(10,10,10,.96);overflow:auto}.lightbox::backdrop{background:rgba(0,0,0,.75)}.lightbox img{display:block;width:100%;height:100%;object-fit:contain}.lightbox-close{position:fixed;top:20px;right:20px;z-index:2;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#171717;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:700px){.case-nav{top:10px}.case-hero{min-height:auto;padding:135px 0 65px}.case-hero h1{font-size:clamp(52px,16vw,78px)}.case-intro{font-size:15px}.case-meta{grid-template-columns:1fr;gap:17px}.project-hero{padding-bottom:75px}.project-hero .artwork-button{min-height:0;padding:14px}.project-hero img{height:auto;max-height:74svh}.case-section{padding:78px 0}.section-head{grid-template-columns:1fr;gap:14px}.gallery{grid-template-columns:1fr}.gallery-item,.gallery-item:only-child,.gallery-item.wide,.gallery-document{grid-column:auto;padding:14px}.gallery-document{min-height:210px;padding:24px}.cta-inner{display:block}.cta-actions{display:grid;margin-top:28px}.button{justify-content:center}.project-navigation{grid-template-columns:1fr}.project-navigation a{padding:45px 0}.project-navigation a:last-child{text-align:left;border-top:1px solid var(--line)}.lightbox{padding:12px}}