/* Warm orange visual identity. Photography carries the scene; motion stays in layers. */
:root{--ink:#19120f;--paper:#f4eadd;--white:#fff5e9;--copper:#f68a47;--muted:#ae9e92;--orange:#f68a47}
.primary{background:var(--orange);color:var(--ink)}
.primary:hover{background:#ffb079}
.pill:before{background:#ffb079}
.header{background:linear-gradient(#19120fe8,#19120f00)}
.scrolled .header{background:#19120ff5}
.brand small{color:#d6bba5}
.hero{min-height:800px;height:100svh;max-height:1150px;overflow:clip;justify-content:center;background:#19120f}
.hero-art{inset:0;z-index:0;overflow:hidden}
.hero-art>#reaction-poster{object-position:62% center;transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0) scale(1.035);transition:transform 1.8s var(--ease)}
.hero-art-shade{background:linear-gradient(90deg,#19120f7a,transparent 62%),linear-gradient(0deg,#19120fd9,transparent 31%,transparent 84%,#19120f55);z-index:1}
.portrait-light{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 94% 65%,#f57a2c1f,transparent 50%);animation:atelier-light 12s ease-in-out infinite alternate}
@keyframes atelier-light{from{opacity:.3}to{opacity:1}}
.hero-copy{padding-top:60px;max-width:53%;z-index:3}
.hero-kicker{max-width:480px;font-size:13px;line-height:1.7;margin-bottom:30px;color:#dfcaba;letter-spacing:.06em}
.hero h1,html[lang=en] .hero h1{font-size:clamp(58px,5.5vw,88px);line-height:1.06;letter-spacing:-.06em}
.hero h1>span{white-space:nowrap}
.hero h1 em,html[lang=en] .hero h1 em{font-size:1.12em;line-height:1.06;letter-spacing:-.04em;white-space:nowrap;color:#ff9b59;max-width:none}
.hero-intro{max-width:380px;margin-top:25px;color:#e0cfc1;font-size:18px;line-height:1.65}
.hero-links{gap:24px;margin-top:30px}
.hero-footer{z-index:4;bottom:26px;align-items:center;padding-top:19px}
.hero-note{color:#dbc3b0;line-height:1.6}
.hero-signature{font-size:25px;color:#ffae73}
.hero-signature em{font-size:31px}
.hero-pause{right:var(--gutter);bottom:135px;padding:0 14px;border:1px solid #ffffff40;border-radius:30px;color:#fff1e4;background:#19120f66;backdrop-filter:blur(12px)}
.section-heading{align-items:end}
.section-heading h2{max-width:75%}
.section-heading p{max-width:265px;font-size:17px}
.intro-copy{max-width:430px}
.chemistry{background:#1d1511;padding-top:100px}
.chemistry:before{background:radial-gradient(ellipse at 15% 20%,#bb5f2015,transparent 50%);mask-image:none}
.chem-heading{grid-template-columns:1.08fr 1.12fr;gap:6%;margin-bottom:65px}
.chem-heading>div:last-child{padding-bottom:30px}
.chem-heading h2{font-size:clamp(43px,4.5vw,72px)}
.chem-heading p{max-width:500px}
.chem-still-life{margin:0;position:relative}
.chem-glass{aspect-ratio:1.2;position:relative;mix-blend-mode:screen;transform:translate3d(var(--glass-x,0px),var(--glass-drift,0px),0) rotate(var(--glass-turn,0deg));transition:transform 1.6s var(--ease)}
.chem-glass img{height:100%;object-fit:contain;transform:scale(1.2)}
.chem-still-life figcaption{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:15px;position:relative;z-index:1;color:#baa28e}
.chem-still-life .chem-logo{width:132px;margin:0}
.chem-still-life figcaption>.micro{font-size:12px;line-height:1.8}
.chem-lab{padding-top:30px;border-top:1px solid var(--rule)}
.element{border-color:#b59d834d}
.result-top{color:#cbb5a3}
.result-equation i{color:#a87b58}
.empty-element{color:#8f6950}
.result-equation b{color:var(--orange)}
.contact{background:#25170f;position:relative;isolation:isolate}
.contact:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0%,#a94b1f38,transparent 65%);pointer-events:none}
.contact .section-top{margin-bottom:60px}
.contact h2{font-size:clamp(60px,8vw,123px)}
.contact-main{align-items:start}
.contact-main p{max-width:560px}
.footer-identity>span{color:#b5764e}
.work-tab-progress{background:#e27033}
.work-archive>summary{color:var(--ink)}
.portrait-paused .portrait-light{animation-play-state:paused}
.reduced .portrait-light{animation:none}
.reduced .hero-art>#reaction-poster,.reduced .chem-glass{transform:none!important;transition:none!important}
@media(min-width:1600px){.hero-copy{max-width:680px}}
@media(min-width:761px) and (max-width:1100px){
 .hero{min-height:780px}.hero-copy{max-width:59%}.hero h1,html[lang=en] .hero h1{font-size:5.65vw}.hero-kicker{max-width:320px}.hero-art>#reaction-poster{object-position:57% center}.hero-links{gap:18px}.hero-links .pill{padding:15px 20px;gap:18px}.hero-links .film-link{font-size:14px}.hero-art-shade{background:linear-gradient(90deg,#19120f90,transparent 70%),linear-gradient(0deg,#19120fd9,transparent 38%)}.hero-pause{right:var(--gutter)}.section-heading h2{max-width:68%}.chem-heading{gap:4%}.chem-heading h2{font-size:4.6vw}
}
@media(max-width:760px){
 .hero{display:flex;flex-direction:column;min-height:0;height:auto;max-height:none;padding:0 var(--gutter) 27px;isolation:isolate}
 .hero-art,html[lang=en] .hero-art{inset:66px 0 auto;height:620px;z-index:0;transform:none}
 .hero-art>#reaction-poster{object-position:69% center;transform:none;object-fit:cover}
 .hero-art-shade{background:linear-gradient(0deg,#19120f 0%,#19120f8c 22%,transparent 51%,transparent 94%,#19120f66 100%)}
 .portrait-light{display:none}
 .hero-copy{padding-top:450px;max-width:none;width:100%;z-index:3}
 .hero-kicker{max-width:280px;font-size:12px;letter-spacing:.045em;margin-bottom:17px;line-height:1.6}
 .hero-kicker .status-dot{margin-top:7px}
 .hero h1,html[lang=en] .hero h1{font-size:clamp(36px,9.5vw,66px);line-height:1.08;max-width:none}
 .hero h1 em,html[lang=en] .hero h1 em{font-size:1.14em;line-height:1.15;white-space:nowrap;max-width:none}
 .hero-intro,html[lang=en] .hero-intro{margin-top:25px;font-size:18px;max-width:460px;color:#dac4b2;line-height:1.65}
 .hero-links{max-width:none;align-items:stretch;flex-direction:column;gap:12px;margin-top:26px}
 .hero-links .film-link{justify-content:center;min-height:52px;font-size:16px}
 .hero-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px;flex-wrap:wrap;align-items:start;gap:16px;padding-top:23px;width:100%;font-size:14px}
 .hero-note{font-size:14px;line-height:1.7}
 .hero-signature{font-size:21px;margin:0}.hero-signature em{font-size:26px}
 .hero-pause{right:20px;top:25px;bottom:auto;font-size:12px;min-height:38px;padding:0 13px}
 .section-heading h2{max-width:none}.section-heading p{max-width:360px;font-size:17px}
 .chemistry{padding-top:70px}.chem-heading{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.chem-heading>div:last-child{padding-bottom:0;align-self:stretch}.chem-heading h2{font-size:clamp(39px,10.4vw,66px)}
 .chem-still-life{width:100%;max-width:550px;margin:-20px 0 20px}.chem-glass{aspect-ratio:1.35;transform:none}.chem-glass img{transform:scale(1.12)}.chem-still-life figcaption{margin-top:0;gap:24px}.chem-still-life .chem-logo{max-width:none;width:120px}
 .chem-lab{padding-top:25px;border-top:0}.contact .section-top{margin-bottom:35px}.contact h2{font-size:clamp(44px,11.5vw,74px)}
 .footer-identity>span{color:#b5764e}
}
@media(max-width:374px){.hero-copy{padding-top:420px}.hero-art,html[lang=en] .hero-art{height:570px}.hero h1,html[lang=en] .hero h1{font-size:9.5vw}.hero-kicker{max-width:250px;font-size:11px}.hero-pause{right:16px}.hero-signature{font-size:20px}}
@media(prefers-reduced-motion:reduce){.portrait-light{animation:none}.hero-art>#reaction-poster,.chem-glass{transform:none!important;transition:none!important}}