:root{--black:#080808;--bone:#f5f4f0;--white:#fff;--acid:#aeb3b8;--accent-dark:#6f7479;--grey:#7d7d78;--line:rgba(8,8,8,.2);--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--black);font:16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.06em;line-height:.93}.section{padding:clamp(84px,10vw,150px) max(24px,calc((100vw - var(--max))/2))}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:86px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;color:white;transition:.3s;background:linear-gradient(#080808aa,transparent)}.site-header.scrolled{height:68px;background:rgba(8,8,8,.94);backdrop-filter:blur(12px)}.brand img{width:172px;height:54px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:32px;font-size:.86rem}.site-nav>a:not(.nav-cta){opacity:.7}.site-nav>a:hover{opacity:1}.nav-cta{border-bottom:1px solid white;padding:5px 0}.nav-cta span,.line-link span,.contact>a span{color:var(--acid)}.menu-button{display:none;background:none;border:0;color:white;font:inherit}.hero{height:max(760px,100svh);position:relative;background:#111;color:white;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.9),rgba(8,8,8,.18) 70%),linear-gradient(0deg,rgba(8,8,8,.72),transparent 50%)}.hero-copy{position:absolute;inset:auto max(24px,calc((100vw - var(--max))/2)) 8vh}.kicker,.index,.project-type{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:600}.kicker{color:rgba(255,255,255,.7)}.hero h1{font-size:clamp(4.5rem,11vw,10.5rem);margin:22px 0 36px}.hero h1 span,.manifesto h2 em,.work h2 em,.proof h2 em,.contact h2 em{font-style:normal;color:var(--acid)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:890px}.hero-bottom p{max-width:480px;margin:0;color:rgba(255,255,255,.74);font-size:1.18rem}.round-link{border:1px solid rgba(255,255,255,.55);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;transition:.2s}.round-link:hover{background:var(--acid);color:var(--black);border-color:var(--acid)}.photo-note{position:absolute;right:28px;bottom:24px;writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}.index{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:12px;opacity:.75}.manifesto h2{font-size:clamp(3rem,6.9vw,7.5rem);max-width:1260px;margin:70px 0}.manifesto h2 em{font-style:normal}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:35%;font-size:1.1rem}.manifesto-copy p:last-child{color:#686863}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:0}.expertise-grid article{border-top:1px solid var(--line);padding:24px 28px 20px 0;min-height:340px;display:flex;flex-direction:column}.expertise-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.expertise-grid article>span{font-size:.72rem;color:#8c8c87}.expertise-grid h3{font-size:2rem;margin:auto 0 22px}.expertise-grid p{color:#656560;margin:0;font-size:.92rem}.work{background:var(--black);color:white}.work-title h2{font-size:clamp(4rem,9vw,9rem);margin:70px 0 90px}.project{display:grid;grid-template-columns:1.2fr .8fr;min-height:650px;border-top:1px solid rgba(255,255,255,.2)}.project-image{overflow:hidden;min-height:620px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project:hover .project-image img,.visual-card:hover img{transform:scale(1.025)}.project-copy{padding:clamp(42px,6vw,88px);display:flex;flex-direction:column;justify-content:center;background:#151515}.project-copy h3{font-size:clamp(3rem,5vw,5.8rem);margin:24px 0 36px}.project-copy>p:not(.project-type){color:#a7a7a1;max-width:520px}.project-copy dl{margin:45px 0 0}.project-copy dl div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:12px 0;border-top:1px solid rgba(255,255,255,.13)}.project-copy dt{color:#777}.project-copy dd{margin:0}.project-product{grid-template-columns:.85fr 1.15fr;background:var(--bone);color:var(--black);min-height:760px}.project-product .project-copy{background:var(--acid);color:var(--black)}.project-product .project-copy>p:not(.project-type){color:#333}.project-product .project-copy dl div{border-color:rgba(8,8,8,.17)}.project-product .project-copy dt{color:#53534f}.project-image.bottle{background:#ece8df}.project-image.bottle img{object-fit:contain}.project-pair{display:grid;grid-template-columns:1fr 1fr}.visual-card{height:720px;position:relative;overflow:hidden;background:#111}.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.82),transparent 60%)}.visual-card>div{position:absolute;z-index:2;left:42px;right:42px;bottom:38px}.visual-card p{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.visual-card h3{font-size:clamp(2.3rem,4vw,4.5rem);margin:0}.proof{background:var(--bone)}.proof-intro{display:grid;grid-template-columns:1fr 320px;gap:9vw;align-items:end;margin:65px 0 110px}.proof h2{font-size:clamp(3rem,6vw,6.5rem);margin:0}.proof-intro>p{color:#696965;margin:0}.credential-list{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:18px 55px;padding-top:38px;font:700 clamp(1.1rem,2vw,1.8rem) Manrope,sans-serif;color:#555550}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:white}.about-photo{height:760px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.about-copy{align-self:center}.about-copy h2{font-size:clamp(4rem,7vw,7.5rem);margin:60px 0 42px}.about-copy .lead{font:600 1.5rem/1.25 Manrope,sans-serif}.about-copy>p:not(.index):not(.lead){color:#6e6e69;max-width:530px}.line-link{display:inline-block;margin-top:25px;font-weight:600;border-bottom:1px solid;padding-bottom:4px}.contact{min-height:750px;background:var(--black);color:white;display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(4.5rem,11vw,11rem);margin:70px 0}.contact>a{font-size:clamp(1.1rem,2vw,1.7rem);border-bottom:1px solid #777;align-self:flex-start;padding-bottom:7px}footer{background:var(--black);color:white;padding:70px max(24px,calc((100vw - var(--max))/2)) 34px;display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid #2d2d2d}footer img{width:220px}footer>p{text-align:right;color:#777}.footer-contact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:34px;border-top:1px solid #2d2d2d;padding-top:30px}.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 28px}.footer-legal a{color:#929292;font-size:.82rem;border-bottom:1px solid transparent;transition:.2s}.footer-legal a:hover{color:white;border-color:#777}footer small{grid-column:1/-1;color:#5e5e5e}.site-header,.hero-copy,.manifesto,.work-title,.project,.proof,.about,.contact,footer{animation:fadeUp .7s ease-out both}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:900px){.site-header{height:68px}.menu-button{display:block;position:relative;z-index:2}.site-nav{position:fixed;inset:0;background:var(--black);padding:120px 25px;display:flex;flex-direction:column;align-items:flex-start;font:700 2rem Manrope,sans-serif;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:none}.site-nav.open{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .35s}.nav-cta{font-size:1rem;margin-top:25px}.hero{height:820px}.hero-shade{background:linear-gradient(0deg,rgba(8,8,8,.94),rgba(8,8,8,.15) 78%)}.hero-image{object-position:60% center}.hero-bottom{display:block}.hero-bottom .round-link{margin-top:28px}.photo-note{display:none}.manifesto-copy{margin-left:0}.expertise-grid{grid-template-columns:1fr 1fr;gap:0}.expertise-grid article:nth-child(3){border-left:0}.project,.project-product{grid-template-columns:1fr}.project-product .project-copy{order:2}.project-image{min-height:520px}.project-pair{grid-template-columns:1fr}.visual-card{height:650px}.proof-intro{grid-template-columns:1fr;gap:35px}.about{grid-template-columns:1fr}.about-photo{height:620px}}
@media(max-width:560px){.brand img{width:145px}.section{padding-inline:21px}.hero-copy{inset:auto 21px 6vh}.hero h1{font-size:4rem}.manifesto h2{font-size:3.25rem}.manifesto-copy{grid-template-columns:1fr;gap:12px}.expertise-grid{grid-template-columns:1fr}.expertise-grid article{min-height:260px;padding:22px 0!important;border-left:0!important}.work-title h2{font-size:4.3rem}.project-image{min-height:430px}.project-copy{padding:42px 25px}.project-product .project-copy h3{font-size:3.1rem}.visual-card{height:560px}.visual-card>div{left:25px;right:25px}.about-photo{height:520px}.contact{min-height:650px}.contact h2{font-size:4.6rem}footer{grid-template-columns:1fr}footer>p{text-align:left}}

/* Refined cool-neutral palette and aligned expertise cards. */
.manifesto h2 em,.proof h2 em{color:var(--accent-dark)}
.manifesto h2{line-height:1.02}
.project-product .project-copy{background:#dfe1e2}
.expertise-grid article{display:grid;grid-template-rows:auto 1fr 6.5em}
.expertise-grid h3{margin:0 0 22px}
@media(max-width:560px){.expertise-grid article{grid-template-rows:auto 1fr auto}}

@media(max-width:900px){.site-nav{height:100vh;height:100dvh;overflow-y:auto;justify-content:flex-start;padding:100px 25px 32px}.site-nav>a{flex-shrink:0}.site-header.scrolled{backdrop-filter:none}}

/* Legal pages */
.legal-page{background:var(--bone)}
.legal-page .site-header{background:rgba(8,8,8,.97)}
.legal-hero{background:var(--black);color:white;padding:clamp(150px,18vw,240px) max(24px,calc((100vw - 1040px)/2)) clamp(72px,9vw,120px)}
.legal-hero h1{font-size:clamp(3.2rem,8vw,7.6rem);margin:35px 0 0;max-width:1000px}
.legal-subtitle{margin:32px 0 0;color:#9b9b96;max-width:650px;font-size:1.05rem}
.legal-content{max-width:1040px;margin:0 auto;padding:clamp(70px,9vw,130px) 24px clamp(100px,12vw,170px);font-size:1rem;line-height:1.72}
.legal-content>p:first-child,.legal-version{font:600 .76rem/1.4 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dark);margin-bottom:48px}
.legal-content h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.045em;margin:76px 0 25px;padding-top:24px;border-top:1px solid var(--line)}
.legal-content h2:first-of-type{margin-top:40px}
.legal-content h3{font-size:1.25rem;line-height:1.2;letter-spacing:-.025em;margin:42px 0 16px}
.legal-content p{max-width:800px;margin-bottom:18px}
.legal-content ul,.legal-content ol{max-width:800px;padding-left:24px;margin:18px 0 28px}
.legal-content li{padding-left:8px;margin-bottom:10px}
.legal-content li>p{margin:0}
.legal-content a{text-decoration:underline;text-underline-offset:3px}
.legal-content strong{font-weight:600}
.legal-language-switch{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 56px}
.legal-language-switch a{display:inline-block;padding:9px 14px;border:1px solid var(--line);text-decoration:none;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.legal-language-title{font-size:clamp(2.4rem,5vw,4.8rem)!important;margin-top:110px!important;border-top:2px solid var(--black)!important;padding-top:42px!important}
@media(max-width:560px){.legal-hero{padding-inline:21px}.legal-content{padding-inline:21px}.legal-content h2{margin-top:58px}.legal-language-title{margin-top:80px!important}}
