*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e9ece6;color:#14221d;font-family:Manrope,sans-serif}.scene{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px clamp(22px,4vw,60px)}.brand{color:#14221d;text-decoration:none;font:500 14px 'DM Mono',monospace;letter-spacing:.16em}.brand sup{font-size:7px}.menu-button{width:48px;height:48px;border:1px solid rgba(20,34,29,.35);border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);display:grid;place-content:center;gap:5px}.menu-button span{display:block;width:17px;height:1px;background:#14221d}.copy{position:absolute;z-index:4;left:clamp(24px,7vw,110px);bottom:clamp(38px,8vh,90px);width:min(560px,44vw)}.kicker,.edge-note,.card-content span,.card-content i{font:400 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.16em}.copy h1{font-size:clamp(46px,6vw,88px);font-weight:400;line-height:.88;letter-spacing:-.065em;margin:20px 0}.copy h1 em{font-family:Georgia,serif;font-weight:400}.copy p{max-width:340px;font-size:13px;line-height:1.65;margin:0 0 26px}.discover{display:inline-flex;align-items:center;gap:22px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(20,34,29,.6);padding-bottom:7px;font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.glass-card{position:absolute;z-index:4;right:clamp(24px,9vw,145px);bottom:clamp(32px,7vh,76px);width:340px;height:460px;border-radius:32px;overflow:hidden;box-shadow:0 25px 70px rgba(25,55,42,.18),inset 0 0 0 1px rgba(255,255,255,.52)}#glassCanvas{position:absolute;inset:0;width:100%;height:100%;filter:url(#liquidGlass);transform:scale(1.06)}.glass-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 40%,rgba(255,255,255,.08));box-shadow:inset 0 1px 1px rgba(255,255,255,.7);pointer-events:none}.card-content{position:absolute;z-index:2;inset:0;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#f7fff9;text-shadow:0 1px 10px rgba(0,0,0,.15)}.card-content strong{font-size:28px;line-height:.95;font-weight:500;letter-spacing:-.04em}.card-content i{font-style:normal;align-self:flex-end}.edge-note{position:absolute;z-index:4;right:28px;top:50%;writing-mode:vertical-rl}.drawer{position:fixed;z-index:20;inset:0 0 0 auto;width:min(520px,100%);background:#12241c;color:#f1f4ec;padding:30px clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between;transform:translateX(100%);transition:.65s cubic-bezier(.16,1,.3,1)}.drawer.on{transform:none}.drawer button{align-self:flex-end;border:0;background:none;color:inherit;font:10px 'DM Mono',monospace;text-transform:uppercase}.drawer nav{display:flex;flex-direction:column;gap:16px}.drawer nav a{color:inherit;text-decoration:none;font-size:clamp(36px,5vw,62px);letter-spacing:-.05em}.drawer small{font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:760px){.scene{height:100svh}.scene>video{object-position:56% center}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(236,242,235,.08),transparent 44%,rgba(225,235,226,.24));pointer-events:none}.scene header{padding:calc(16px + env(safe-area-inset-top)) 18px 14px}.menu-button{width:46px;height:46px}.copy{left:20px;right:20px;bottom:calc(min(33svh,270px) + 46px + env(safe-area-inset-bottom));width:auto;text-shadow:0 1px 18px rgba(239,246,240,.6)}.copy h1{font-size:clamp(39px,12.2vw,57px);line-height:.9;margin:10px 0}.copy p{font-size:12px;line-height:1.5;max-width:30ch;margin-bottom:14px}.glass-card{left:20px;right:20px;bottom:calc(18px + env(safe-area-inset-bottom));width:auto;height:min(33svh,270px);border-radius:24px}.card-content{padding:18px}.card-content strong{font-size:clamp(20px,6vw,24px)}.edge-note{display:none}.drawer{width:100%;padding:calc(22px + env(safe-area-inset-top)) 26px calc(26px + env(safe-area-inset-bottom))}.drawer nav{gap:13px}.drawer nav a{font-size:clamp(34px,11vw,52px)}}@media(max-width:360px){.copy{left:16px;right:16px}.copy h1{font-size:37px}.copy p{font-size:11px}.glass-card{left:16px;right:16px}.card-content{padding:16px}.card-content strong{font-size:19px}}@media(max-height:680px) and (max-width:760px){.copy{bottom:calc(214px + env(safe-area-inset-bottom))}.copy h1{font-size:clamp(34px,10vw,43px)}.copy p{display:none}.glass-card{height:184px}.card-content strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.drawer{transition:none}}