/* Black water / champagne identity. */
html:root:root{--bg:#070809;--bg2:#111214;--surface:#101113;--surface2:#161719;--ink:#f4f1e9;--muted:#bbb9b3;--faint:#aaa8a2;--accent:#d9c18d;--accent-soft:#85754f;--accent-ink:#11100d;--contrast:#e3c992;--contrast-soft:#d9c18d;--logo-g:#e5cf9f;--logo-r:#d9c18d;--line:rgba(227,209,173,.25);--line2:rgba(227,209,173,.13);color-scheme:dark}
body{background:#070809;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 47%,rgba(165,145,102,.12),transparent 48%),repeating-radial-gradient(ellipse at 70% 65%,transparent 0 30px,rgba(178,159,120,.025) 33px 34px,transparent 36px 56px)}
#waterBackground{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.72}
header.nav{background:rgba(5,6,7,.92);border-color:rgba(227,209,173,.18)}
.nav-in{padding-top:18px;padding-bottom:18px}.brand .mark{width:46px;height:46px}.brand .logo-txt{display:flex;flex-direction:column;gap:5px;align-items:flex-start;font-family:"Gelasio",Georgia,serif;font-size:1.2rem;line-height:1}.brand .logo-txt b{color:#f4f1e9;font-weight:400;letter-spacing:.12em}.brand .logo-txt .sub{color:#d9c18d;font-family:"Inter",sans-serif;font-size:.46em;letter-spacing:.46em;display:block!important}.brand .nadio-n{object-fit:contain;flex:none}
.nav-links a{color:#d2d0c8;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.nav-links a:hover{color:#f4dfb8;border-color:#d9c18d}.langs a{color:#aaa8a2}.langs a.on{color:#eed8ad!important;border-color:#d9c18d}.motion-toggle{background:none;border:1px solid #6e6654;color:#e5cf9f;width:30px;height:30px;display:grid;place-items:center;flex:none;cursor:pointer;border-radius:50%;font-size:11px}.motion-toggle:hover{border-color:#e5cf9f}
.hero{padding-top:68px;padding-bottom:90px}.hero-grid h1.hero-t{font-size:clamp(2.9rem,5.05vw,5rem);font-weight:400;letter-spacing:-.055em}.hero-grid h1.hero-t em{color:#ddc18b}.hero .eyebrow{color:#c5b28e;font-size:.61rem;letter-spacing:.22em}.hero-grid .hero-media{border:1px solid rgba(230,209,170,.2);background-color:#151515;box-shadow:0 35px 80px -50px #000}.hero-grid .hero-sub{color:#c6c3bb}.hero-proof{color:#b8b5ae!important;border-color:#9f8658!important}.hero-offer{color:#aaa8a2}.hero .keys .key{color:#b7afa0}.hero .key:not(:last-child)::after{color:#746d5d}
.btn-primary{background:#dbc594;color:#11100d!important;border-color:#dbc594}.btn-primary:hover{background:#efdfbb;color:#090909!important}.btn-ghost{color:#e9e4d8;border-color:#6a6250}.btn-ghost:hover{border-color:#dbc594;color:#f4dfb8;background:rgba(219,197,148,.04)}
#portfolio{background:rgba(5,6,7,.78);--ink:#f4f1e9;--muted:#bbb9b3;--faint:#aaa8a2;--surface:#101113;--bg2:#111214;--line:rgba(227,209,173,.25);--line2:rgba(227,209,173,.13);--accent:#d9c18d;--contrast:#e3c992;border-block:1px solid var(--line2)}
.tr-feature{border-color:var(--line)}.tr-feature-copy h3{font-size:clamp(2.6rem,4.9vw,4.6rem)}.tr-pill{color:#c7b78f}.tr-info h3{color:#f4f1e9}.tr-info .tr-pill{color:#bfb195}.tr-play{background:rgba(6,7,8,.8);color:#f4dfb8;border-color:#ae9869}.tr-play:hover{background:#090909}.tr-media{background-color:#0b0c0e}.tr-card .tr-media{border:1px solid rgba(227,209,173,.14)}
#example,.compare,#services,#compliance,#pricing,#faq{background:rgba(5,6,7,.44)}
.proof-grid img{background:#151617}.proof-grid figure:first-child img{background:#e7e3da}.proof-grid figcaption{color:#c6b58f}.proof-note{color:#bbb9b3}.cmp-old h3{color:#b8b5ae}.cmp-new h3{color:#e3c992}.cmp-col .ci{background:#25221c}.cmp-new .ci{background:#d9c18d}.cmp-new .ci::before{color:#11100d}.cmp-old .ci::before{color:#d9c18d}.card h3{color:#f4f1e9}.card:hover{border-color:#dbc594}
.price.feat{background:rgba(215,192,143,.07);border-color:#99865f}.price .plabel{color:#d5c399}.price .badge{background:#d9c18d;color:#11100d}.fmt-chip{color:#d9c18d}.price .pval{color:#f2e8d2}.pfeat{color:#d2cfc6}.price-trust{color:#d9c18d}.price-strip .pval,.addon b{color:#f2e8d2}
#process{background:rgba(15,16,18,.85);border-block:1px solid var(--line2)}.step-num{color:#d9c18d}.step-title{color:#f4f1e9}.step-body-in{color:#bbb9b3}.faq-it summary{color:#e9e4d8}.faq-it summary::after{border-color:#c6ad79}.manifesto{background:rgba(16,17,19,.88);border-block:1px solid var(--line2)}.manifesto .quote{color:#ede7db}.manifesto .by{color:#c6b58f}
.contact{background:rgba(5,6,7,.82);--ink:#f4f1e9;--muted:#bbb9b3;--faint:#aaa8a2;--bg:#070809;--line:rgba(227,209,173,.3);--accent:#d9c18d;--contrast:#e3c992;color:var(--ink)}.contact .btn-primary{background:#dbc594;color:#11100d!important}.contact .btn-primary:hover{background:#efdfbb}.contact-links .btn{color:#e9d5aa!important}.contact .brief select option{background:#101113;color:#f4f1e9}.brief input:focus-visible,.brief select:focus-visible,.brief textarea:focus-visible{outline-color:#dbc594}.brief-err{color:#f0bba6}.brief-privacy a{color:#e3c992}.contact p.brief-privacy{color:#aaa8a2}.contact .brief button.btn-ghost{color:#e9e4d8;border-color:#6a6250}
.marquee{background:rgba(13,14,16,.95);border-block:1px solid var(--line2)}.mq-item{color:#b9b6ae}.mq-item b,.mq-sep{color:#c6b58f}footer{background:rgba(5,6,7,.85)}.foot-in .brand .mark{width:44px;height:44px}.foot-in .brand{gap:14px}.foot-in .brand>span{font-family:"Gelasio",Georgia,serif;letter-spacing:.07em;font-weight:400;color:#dfd6c5}.foot-in .brand b{font-weight:400}.legal-links a:hover{color:#e3c992}a:focus-visible,button:focus-visible{outline-color:#dfc99a}
@media(max-width:850px){.nav-in{gap:15px}.hero{padding-top:44px}.hero-grid h1.hero-t{font-size:clamp(3rem,8.1vw,5rem)}}
@media(max-width:560px){.nav-in{gap:10px}.brand .mark{width:35px;height:35px}.brand .logo-txt{font-size:1rem;gap:4px}.brand .logo-txt .sub{font-size:.42em}.nav-links a{font-size:.58rem}.motion-toggle{width:26px;height:26px;font-size:10px}.langs{gap:0}.langs a{padding-inline:4px;font-size:.6rem}.hero{padding-top:34px}.hero-grid h1.hero-t{font-size:clamp(2.7rem,10.6vw,4rem)}.hero .eyebrow{font-size:.56rem;letter-spacing:.16em}.hero-grid .hero-sub{font-size:.94rem}.tr-feature-copy h3{font-size:2.6rem}#waterBackground{opacity:.55}}
@media(prefers-reduced-motion:reduce){#waterBackground{opacity:.45}}
/* Expanded portfolio — native controls, click-to-play, original framing. */
.collection-heading{padding-top:26px;border-top:1px solid var(--line);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#c6b58f;margin-bottom:28px}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:90px}
.collection-card{min-width:0}.collection-media{aspect-ratio:9/16;background:#0b0c0d;border:1px solid rgba(227,209,173,.18)}.collection-media video{object-fit:contain}.collection-card .tr-info{padding-top:24px}.collection-card .tr-info h3{font-family:"Gelasio",Georgia,serif;font-weight:400;font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:18px 0 14px}.collection-desc{font-size:.82rem;color:#bbb9b3;line-height:1.85;margin-bottom:18px}.collection-card .tr-meta{font-size:.7rem;padding-top:14px;border-top:1px solid var(--line2)}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.collection-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}}
@media(max-width:560px){.collection-grid{grid-template-columns:1fr;gap:46px;margin-bottom:60px}.collection-card:last-child{grid-column:auto;max-width:none}.collection-card .tr-info h3{font-size:1.9rem}.collection-desc{font-size:.87rem}}
/* Founder portrait: soft side light, edges fading into the dark page. */
.manifesto{overflow:hidden;background:rgba(13,14,16,.9)}
.manifesto .about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(36px,6vw,90px)}
.about-copy{position:relative;z-index:1}.manifesto .about-copy h2{margin-bottom:30px;font-size:.66rem;line-height:1.8;letter-spacing:.18em}.manifesto .about-copy .quote{font-size:clamp(1.5rem,2.25vw,2.25rem);line-height:1.55;letter-spacing:-.025em;max-width:32ch}.manifesto .about-copy .by{margin-top:32px;font-size:.73rem;line-height:1.8}
.about-portrait{margin:0;position:relative;width:100%;max-width:490px;aspect-ratio:4/5;justify-self:end;isolation:isolate}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:brightness(.76) saturate(.68) contrast(1.03);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 77%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 77%,transparent 100%)}
.about-portrait::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,rgba(13,14,16,.95) 0%,rgba(13,14,16,.25) 19%,transparent 42%,transparent 82%,rgba(13,14,16,.65) 100%)}
@media(max-width:900px){.manifesto .about-grid{gap:30px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.manifesto .about-copy .quote{font-size:1.5rem}.about-portrait{aspect-ratio:3/4}}
@media(max-width:700px){.manifesto .about-grid{grid-template-columns:1fr;gap:30px}.manifesto .about-copy .quote{max-width:none;font-size:clamp(1.4rem,5.2vw,1.85rem)}.about-portrait{max-width:380px;justify-self:center;aspect-ratio:4/5}.manifesto .about-copy .by{margin-top:26px}.about-portrait::after{background:linear-gradient(90deg,rgba(13,14,16,.6),transparent 25%,transparent 80%,rgba(13,14,16,.5))}}

/* Match AGE studio background without cropping the garment or accessories. */
#work-age-collection{background:#fafafa}
#work-age-collection video{object-fit:contain;background:#fafafa}
