:root{--bg:#0d1113;--white:#f0eee9;--muted:#a9a8a5;--copper:#d9a16b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090a;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{max-width:1700px;margin:auto;background:var(--bg);min-height:100vh}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,68px);position:relative;z-index:20}.logo{font-size:clamp(22px,2vw,30px);font-weight:650;letter-spacing:.045em}.logo-dot{color:var(--copper)}.menu-toggle{display:flex;align-items:center;gap:18px;border:0;background:none;color:var(--white);cursor:pointer;font-size:11px;letter-spacing:.16em}.hamb{width:24px;display:grid;gap:6px}.hamb i{height:1px;background:var(--white);width:100%;transition:transform .3s}.menu-toggle[aria-expanded=true] .hamb i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .hamb i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu{position:absolute;right:3%;top:76px;z-index:30;background:#191d1f;border:1px solid #383332;padding:25px 36px;min-width:240px;box-shadow:0 20px 60px #0009}.menu:not([hidden]){display:grid;gap:22px}.menu a{font-size:15px}.menu a:hover,.text-link:hover,.underlink:hover{color:var(--copper)}.hero{padding:0 clamp(16px,3vw,50px) 80px}.visual{position:relative;overflow:hidden;border-radius:16px;background:#0a0807;height:clamp(340px,55vw,760px)}.visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:floatImage 16s ease-in-out infinite alternate}.visual-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,#f3b57a0a 48%,transparent 59%);background-size:220% 100%;animation:shine 12s linear infinite}.visual-index{position:absolute;bottom:22px;right:26px;font-size:11px;letter-spacing:.2em;color:#e7d3c2}.hero-copy{padding:22px 0 0}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--copper);font-weight:500}.eyebrow span{color:#777}.hero h1{font-size:clamp(34px,5.4vw,85px);line-height:1.07;letter-spacing:-.045em;font-weight:600;margin:18px 0}.hero h1 em,h2 em{font-style:italic;color:var(--copper);font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}.intro{font-size:clamp(15px,1.5vw,20px);color:var(--muted);line-height:1.6}.text-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em;margin-top:34px;border-bottom:1px solid #383b3b;padding-bottom:22px}.text-link span,.underlink span,.contact-link span{font-size:24px;color:var(--copper)}.statement{padding:clamp(110px,17vw,260px) clamp(25px,12vw,200px);max-width:1150px}.statement h2,.feature h2,.closing h2{font-size:clamp(44px,7vw,110px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:22px 0 30px}.statement>p:not(.eyebrow),.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:clamp(17px,1.7vw,23px);line-height:1.65;max-width:640px}.underlink{display:inline-flex;gap:40px;align-items:center;margin-top:35px;font-size:12px;letter-spacing:.14em}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#11100f}.feature-art{overflow:hidden;position:relative;background:radial-gradient(ellipse at 48% 56%,#4b2719 0%,#18110e 38%,#090909 73%);display:grid;place-items:center}.orb{width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff4db 0%,#d7a37d 8%,#251713 24%,#0b0b0d 38%,#d06d37 52%,#f7d3a0 55%,#1d1717 63%,#0b0b0d 80%);box-shadow:25px 30px 90px #c2693426, inset -24px -28px 50px #0009;transform:rotate(-18deg);animation:orbMove 9s ease-in-out infinite alternate}.feature-copy{padding:clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.closing{text-align:center;padding:clamp(120px,17vw,250px) 20px}.closing h2{font-size:clamp(40px,6.4vw,96px)}.contact-link{display:inline-flex;gap:55px;align-items:center;border:1px solid #76604e;padding:18px 24px;font-size:12px;letter-spacing:.13em;margin-top:22px}.contact-link:hover{background:#2b211b}.note{font-size:11px;color:#8e8985;margin-top:30px}footer{padding:35px clamp(24px,4vw,68px);display:flex;justify-content:space-between;gap:20px;border-top:1px solid #272a2b;font-size:10px;letter-spacing:.12em;color:#888}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1s ease,transform 1s ease}.reveal.visible{opacity:1;transform:none}@keyframes floatImage{from{transform:scale(1.015) translateY(0)}to{transform:scale(1.065) translateY(-9px)}}@keyframes shine{from{background-position:150% 0}to{background-position:-150% 0}}@keyframes orbMove{to{transform:rotate(12deg) translateY(-18px)}}@media(max-width:750px){.topbar{height:72px}.hero{padding-bottom:50px}.visual{height:55vh;min-height:350px}.hero h1{font-size:clamp(30px,8vw,58px)}.feature{grid-template-columns:1fr}.feature-art{min-height:430px}.feature-copy{padding:70px 28px 90px}.statement{padding:130px 28px}.closing{padding:130px 22px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V2: actual GPU-animated liquid chrome surface, with static image fallback */
.visual .liquid-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s ease;z-index:1;pointer-events:none}
.visual.motion-ready .liquid-canvas{opacity:1}
.visual.motion-ready img{opacity:0}
.visual .visual-shine{z-index:2}
.visual .visual-index{z-index:3}
.hero-copy{animation:copyEnter 1.25s ease-out both}
@keyframes copyEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.visual .liquid-canvas{display:none!important}.visual.motion-ready img{opacity:1!important}}