#landing{position:relative;height:max(620px,100svh);overflow:hidden;background:var(--b-navy)}.half{position:absolute;inset:0;cursor:pointer;outline:none;overflow:hidden}.half.d{background:var(--d-desk)}.half.d:before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.28;pointer-events:none}.half.t{background:var(--b-cobalt)}.half.t:before{content:"";position:absolute;inset:0;background:var(--speck);opacity:.07;pointer-events:none}.bgart{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ld-page{transform-box:view-box;transform-origin:260px 640px;transform:translateY(120px) rotate(10deg);opacity:0;transition:transform .7s cubic-bezier(.2,1.1,.3,1),opacity .3s}#landing.hd .ld-page{transform:none;opacity:1}.ld-prop{transition:transform .7s cubic-bezier(.2,1,.3,1)}#landing.hd .ld-prop.a{transform:translate(-14px,-10px) rotate(-4deg)}#landing.hd .ld-prop.b{transform:translate(12px,8px) rotate(3deg)}.ld-stk{transform-box:fill-box;transform-origin:center;transform:scale(0) rotate(-30deg);transition:transform .5s cubic-bezier(.3,1.6,.5,1) .15s}#landing.hd .ld-stk{transform:scale(1) rotate(0)}.bigs{transform-box:fill-box;transform-origin:center;transition:transform 1s cubic-bezier(.2,1,.3,1)}#landing.ht .bigs{transform:rotate(45deg) scale(1.08)}.bigs.s2{transition-delay:.05s}#landing.ht .bigs.s2{transform:rotate(-30deg) scale(1.2)}.pod{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;width:44%;top:50%;transform:translateY(-42%);transition:transform .55s cubic-bezier(.3,1.4,.5,1)}.half.d .pod{left:3%}.half.t .pod{right:3%}#landing.hd .half.d .pod{transform:translateY(-42%) translate(3%)}#landing.ht .half.t .pod{transform:translateY(-42%) translate(-3%)}.key{width:min(300px,30vw);aspect-ratio:300/260;position:relative}.key svg{width:100%;height:100%;overflow:visible}.key .pop{transform-box:view-box;transform-origin:150px 145px;transform:scale(.3);opacity:0;transition:transform .55s cubic-bezier(.3,1.5,.5,1),opacity .3s}#landing.hd .half.d .pop,#landing.ht .half.t .pop{transform:scale(1);opacity:1}.key .cap{transform-box:view-box;transform-origin:150px 210px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}#landing.hd .half.d .cap{transform:rotate(-6deg) translateY(-6px)}#landing.ht .half.t .cap{transform:translateY(-10px)}.key.pressed .cap{transform:translateY(14px) scaleY(.9)!important;transition:transform .1s}.word{margin:0;line-height:1}.half.d .word{font-family:var(--f-serif);font-weight:900;font-size:clamp(44px,6vw,84px);color:var(--d-cocoa);letter-spacing:-.03em;transition:color .3s}#landing.hd .half.d .word{color:var(--d-tomato)}.half.t .word{font-family:var(--f-mono);font-weight:700;font-size:clamp(36px,5vw,68px);color:var(--b-chalk);letter-spacing:-.05em}.hint{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .3s;margin-top:8px;padding:5px 11px;border-radius:999px}.half.d .hint{background:var(--d-cocoa);color:var(--d-cream)}.half.t .hint{background:var(--b-butter);color:var(--b-navy)}#landing.hd .half.d .hint,#landing.ht .half.t .hint{opacity:1}.divider{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.prompt{position:absolute;top:max(30px,env(safe-area-inset-top,0px));left:0;right:0;text-align:center;margin:0;font-family:var(--f-logo);font-weight:400;font-size:clamp(28px,4.2vw,54px);color:var(--b-navy);pointer-events:none}.prompt .pill{display:inline-block;background:var(--d-paper);border:3px solid var(--b-navy);border-radius:999px;padding:.06em .5em .12em;box-shadow:5px 5px 0 var(--b-navy)}.prompt #fill{display:inline-block;min-width:3ch;text-align:left}.prompt #fill.dz{font-family:var(--f-serif);font-style:italic;font-weight:800;color:var(--d-tomato);letter-spacing:-.02em}.prompt #fill.tz{font-family:var(--f-mono);font-weight:700;font-size:.82em;color:var(--b-cobalt);letter-spacing:-.05em}.caret{display:inline-block;width:.07em;height:.8em;background:currentColor;margin-left:.06em;vertical-align:-.05em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.stamp{position:absolute;bottom:max(22px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);font-size:17px;background:var(--d-paper);color:var(--b-navy);padding:10px 14px 8px;border:3px solid var(--b-navy);border-radius:14px;box-shadow:5px 5px 0 var(--b-navy);pointer-events:none}.draft{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));font-family:var(--f-mono);font-size:11px;background:var(--b-navy);color:var(--b-butter);padding:4px 8px;border-radius:6px;pointer-events:none}@media(max-width:720px){.pod{width:100%;left:0!important;right:0!important;transform:none!important;top:auto}.half.d .pod{top:13%}.half.t .pod{bottom:8%}.key{width:min(180px,44vw)}.half.d .word{font-size:42px}.half.t .word{font-size:34px}.prompt{font-size:24px;top:max(14px,env(safe-area-inset-top,0px))}.stamp{display:none}}.half.d{background:var(--d-amber)}.half.d .word{font-family:var(--f-serif);font-weight:400;text-transform:uppercase;color:var(--d-cherry);letter-spacing:0;font-size:clamp(40px,5.4vw,76px)}#landing.hd .half.d .word{color:var(--d-paper);text-shadow:4px 4px 0 var(--d-cherry)}.half.d .hint{background:var(--d-cherry);color:var(--d-paper)}.prompt #fill.dz{font-family:var(--f-hand);font-style:normal;font-weight:400;color:var(--d-cherry);letter-spacing:0}.ld-burst{transform-box:fill-box;transform-origin:center;transform:scale(0) rotate(-40deg);transition:transform .55s cubic-bezier(.3,1.5,.5,1)}.ld-burst.b2{transition-delay:.08s}.ld-burst.b3{transition-delay:.16s}#landing.hd .ld-burst{transform:scale(1) rotate(0)}.key .asset>img{width:100%;height:100%;object-fit:contain}.half .bg-image{z-index:0}.half .pod{z-index:2}.stamp .logo{--logo-h:44px;font-size:17px}