:root{--bg: #f5f4f1;--ink: #17181c;--muted: #6b6e76;--pw: min(859px, 100vw - 2rem);--ph: calc(var(--pw) * 617 / 859);--gs: 260px;--gx: -55px;--gy: calc(var(--ph) * 396 / 617);--kp: .1;--kl: .07;--kg: -.1;--klim: 40px;--kd: calc(var(--kl) - var(--kp));--rel-px: calc(var(--klim) / abs(var(--kd)));--rel-from: calc(-1 * sign(var(--kd)) * var(--klim))}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:0 1rem}header.intro{padding:18vh 0 8vh}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 1rem;max-width:22ch;text-wrap:balance}p.lead{color:var(--muted);max-width:58ch;font-size:1.125rem}section.copy{padding:10vh 0}section.copy p{max-width:60ch;color:#3a3d45}.points{list-style:none;margin:0;padding:0;max-width:60ch;display:grid;gap:.75rem;font-size:1.125rem}.points li{position:relative;padding-left:1.5rem}.points li:before{content:"";position:absolute;left:0;top:.6em;width:.5rem;height:.5rem;border-radius:50%;background:var(--ink)}.quote{margin:3rem 0 0;padding:0 0 0 1.25rem;border-left:2px solid var(--ink);max-width:46ch}.quote p{margin:0;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.3;letter-spacing:-.01em;color:var(--ink)}footer{padding:30vh 0 10vh;color:var(--muted);font-size:.875rem}.hero{--hh: calc(var(--ph) + 40px);--amp: calc((100vh + var(--hh)) / 2);position:relative;height:var(--hh);display:flex;justify-content:flex-end}.photo-layer{position:absolute;right:0;top:0;will-change:transform}.photo{position:relative;width:var(--pw);height:var(--ph);border-radius:10px;overflow:hidden}.photo>img{position:absolute;display:block;max-width:none;width:147.85%;height:137.28%;left:-5.14%;top:-30.95%;transform:scaleX(-1)}.brand-track{position:absolute;inset:0;pointer-events:none;will-change:transform}.brand{position:absolute;right:calc(var(--pw) * 38.5 / 859);top:calc(var(--ph) * 536 / 617);display:flex;align-items:center;gap:4px;will-change:transform;color:#fff}.brand img{display:block;width:75.3px;height:31.4px}.brand__ia{height:33.8px;padding:0 15.6px;display:grid;place-items:center;border:1.3px solid #fff;border-radius:6.5px;font:500 20.8px/1 Inter,ui-sans-serif,system-ui,sans-serif}.glass{position:absolute;left:calc(100% - var(--pw) + var(--gx));top:var(--gy);width:var(--gs);height:var(--gs);will-change:transform}.glass.has-shadow{filter:drop-shadow(0 28px 28px rgb(0 0 0 / .22))}.glass canvas{display:block;width:100%;height:100%}.glass .gl-missing{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;color:var(--muted);background:#fff9;border-radius:10px}@supports (animation-timeline: view()){.hero{view-timeline:--hero block}.photo-layer,.glass,.brand-track,.brand{animation-timeline:--hero;animation-range:cover 0% cover 100%;animation-timing-function:linear;animation-fill-mode:both}.photo-layer,.brand-track{animation-name:par-photo}.glass{animation-name:par-glass}.brand{animation-name:par-brand;animation-range:cover calc(50% - var(--rel-px)) cover calc(50% + var(--rel-px))}@keyframes par-photo{0%{transform:translate3d(0,calc(-1 * var(--kp) * var(--amp)),0)}to{transform:translate3d(0,calc(var(--kp) * var(--amp)),0)}}@keyframes par-glass{0%{transform:translate3d(0,calc(-1 * var(--kg) * var(--amp)),0)}to{transform:translate3d(0,calc(var(--kg) * var(--amp)),0)}}@keyframes par-brand{0%{transform:translate3d(0,var(--rel-from),0)}to{transform:translate3d(0,calc(-1 * var(--rel-from)),0)}}}.hero.is-off .photo-layer,.hero.is-off .glass,.hero.is-off .brand-track,.hero.is-off .brand{animation-play-state:paused}@media(max-width:640px){:root{--gs: 180px;--gx: 0px}}@media(prefers-reduced-motion:reduce){.photo-layer,.glass,.brand-track,.brand{transform:none!important;animation:none!important}}
