/* Hero/menu layout retained from captured SweetTape reference; palette adapted. */
.arc-cut,.arc-foot,.jack-in-box,.reimagine-stage:before{--arc-h:var(--curve-depth);-webkit-mask-image:linear-gradient(#000 0 0), var(--section-curve);-webkit-mask-image:linear-gradient(#000 0 0), var(--section-curve);mask-image:linear-gradient(#000 0 0), var(--section-curve);-webkit-mask-size:100% calc(100% - var(--arc-h) + 1px), 100% var(--arc-h);-webkit-mask-size:100% calc(100% - var(--arc-h) + 1px), 100% var(--arc-h);mask-size:100% calc(100% - var(--arc-h) + 1px), 100% var(--arc-h);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}
.arc-foot{background:var(--arc-paint,transparent);pointer-events:none;position:absolute;inset:0}
.arc-foot[data-paper]:before{content:"";opacity:.2;pointer-events:none;background-image:url(assets/paper-overlay.webp);background-repeat:repeat-y;background-size:100%;position:absolute;inset:0}
:root{--screen:100svh;--screen-lg:100lvh;--font-heading:"futura-pt-condensed", "Futura PT Condensed", "Futura PT Cond", Futura, "Arial Narrow", "Helvetica Neue", sans-serif;--font-body:"Inter Tight Variable", "Inter Tight", Inter, system-ui, sans-serif;--stage-bg:#ff7e00;--sb-track:#07265e;--sb-thumb:#77baff;--edge-bite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 15' preserveAspectRatio='none'%3E%3Cpath d='M0 0A50 15 0 0 0 50 15A50 15 0 0 0 100 0L100 15L0 15Z' fill='%23000'/%3E%3C/svg%3E");--section-curve:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1456 150.5' preserveAspectRatio='none'%3E%3Cpath d='M1456 0C801.9 272 212.833 113.333 0 0Z' fill='%23000'/%3E%3C/svg%3E");--section-bite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1456 150.5' preserveAspectRatio='none'%3E%3Cpath d='M0 0C212.833 113.333 801.9 272 1456 0L1456 150.5L0 150.5Z' fill='%23000'/%3E%3C/svg%3E");--curve-depth:10.336vw;--drop-blur:.02vw;--drop-ink:#00000057;--orbit-r:calc(16.366vw / 2);--orbit-d:calc(var(--orbit-r) * 2);--roll-size:7vw;--ring-w:calc(var(--roll-size) * .12);--path-line:#ffffff8c;--tag-bg:#fcd805;--tag-ink:#16110a;--ink:#16110a;--word-colour:#fcd805;--nav-face:#fff1a2;--nav-ink:#fcd805;--h2-size:2.778vw;--h2-line:2.431vw;--h2-track:-.083vw;--top-inset:1.2vw;--top-mark-w:9vw;--top-mark-h:calc(var(--top-mark-w) * 118 / 191);--masthead:calc(var(--top-inset) + var(--top-mark-h));--product-scale:1;--product-roll-w:calc(30.625vw * var(--product-scale));--product-roll-h:calc(28.889vw * var(--product-scale));--pi-h:calc(54.215vw * var(--product-scale))}
@media (min-width:744px) and (max-width:1279px){:root{--top-inset:max(10px, 1.2vw)}}
@media (max-width:743px){:root{--top-inset:3vw;--top-mark-w:18vw;--product-scale:2.2;--h2-size:5.6vw;--h2-line:4.9vw;--h2-track:-.17vw}}
@media (prefers-reduced-motion:no-preference){html[data-loading] .menu-tab{transform:translateY(-115%)}
html[data-loading] .menu-sound{transform:translateY(150%)}}
.hero-section{background:#082965;width:100%;height:178.139vw;position:relative;overflow-x:clip}
.hero-section .hero-wrapper{width:100%;height:100%;position:relative}
.hero-section h2{color:#754402;font-family:var(--font-heading);letter-spacing:-.182vw;z-index:10;font-size:6.071vw;font-weight:800;line-height:.79}
#gift{z-index:1;height:68.5vw;position:absolute;bottom:-12vw;right:-1vw}
#lemon{object-fit:cover;width:45.46vw;position:absolute;bottom:24vw;left:0}
.cardboard-wrapper{z-index:0;width:51.369vw;height:65.452vw;position:absolute;top:74.542vw;right:0}
.cardboard-wrapper h2{max-width:34.442vw;position:absolute;top:7.778vw;left:11.028vw;transform:rotate(-.628deg)}
.cardboard-wrapper img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.hero-section .top{--arc-paint:#77baff;width:100%;height:52.083vw;position:relative}
.hero-section:before{content:"";opacity:.2;pointer-events:none;background-image:url(assets/paper-overlay.webp);background-repeat:repeat-y;background-size:100%;position:absolute;inset:0}
.hero-section .corner-mark{font-family:var(--font-heading);color:#07265e;letter-spacing:-.042vw;text-transform:uppercase;padding-left:.85vw;font-size:1.389vw;font-style:normal;font-weight:700;line-height:1.25vw;position:absolute;top:.9vw;left:.65vw}
.hero-section .corner-mark .line{align-items:flex-end;display:flex}
.hero-section .corner-perf{opacity:.9;background-image:radial-gradient(circle,currentColor 42%,#0000 45%);background-repeat:repeat-y;background-size:100% .35vw;width:.2vw;position:absolute;top:.12vw;bottom:.12vw;left:0}
@media (prefers-reduced-motion:no-preference){.hero-section .corner-perf{clip-path:inset(0 0 100%)}}
.hero-section .title{--hero-mark-w:12.7vw;--hero-mark-h:calc(var(--hero-mark-w) * 118 / 191);--hero-mark-lift:.5vw;flex-direction:column;align-items:center;gap:.3em;padding-top:5.056vw;display:flex;position:relative}
.hero-section .h4{--kicker-gap:16.389vw;font-family:var(--font-heading);color:#07265e;letter-spacing:-.094vw;gap:calc(var(--kicker-gap) / 2);justify-content:center;align-items:center;font-size:2.347vw;font-weight:800;line-height:.71;display:inline-flex}
.hero-section .hero-mark-slot{width:0;height:0;display:block;position:relative}
.hero-section .hero-mark{margin-left:calc(var(--hero-mark-w) / -2);margin-top:calc(var(--hero-mark-h) / -2 - var(--hero-mark-lift));width:var(--hero-mark-w);height:var(--hero-mark-h);z-index:1;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}
.hero-section .h1{letter-spacing:0;color:#07265e;text-align:center;font-size:20.361vw;font-weight:800;line-height:.73}
.hero-section .h1 .line,.hero-section .h4 .half{justify-content:center;align-items:flex-end;display:flex}
.hero-section .warped-text{--arc-drop:1.2vw;--arc-tilt:7deg}
.hero-section .h1 .line .clip{--u:calc(2 * var(--i) / (var(--letters) - 1) - 1);transform-origin:50% 100%;transform:translate(var(--dx,0px), calc(var(--arc-drop) * (1 - var(--u) * var(--u)) + var(--dy,0px))) rotate(calc(var(--arc-tilt) * var(--u) * -1 + var(--dr,0deg)))}
.hero-section .clip{flex:none;margin:-.2em -.12em 0;padding:.2em .12em 0;display:block;overflow:hidden}
.hero-section .char{display:block;transform:translateY(130%)}
.hero-section[data-reveal=live] .char{transform:none}
.hero-section .h2 .word{display:inline-flex}
@media (prefers-reduced-motion:reduce){.hero-section .char{transform:none}}
.hero-section .hero-tape{--roll-box:27.2vw;margin-left:calc(var(--roll-box) / -2);width:var(--roll-box);transform-origin:50% calc(var(--roll-box) / 2);z-index:10;z-index:2;pointer-events:none;position:absolute;top:38.4vw;bottom:-12vw;left:50%}
.hero-section .hero-tape canvas{width:100%;height:100%}
.hero-section .sticky-note{aspect-ratio:1/.94;z-index:2;pointer-events:none;width:30vw;position:absolute;top:64vw;left:4.5vw;rotate:3deg}
.hero-section .sticky-note canvas{width:100%;height:100%}
#paperclip{z-index:1;width:8.216vw;height:9.043vw;filter:drop-shadow(.24vw .62vw var(--drop-blur) var(--drop-ink));position:absolute;top:82vw;left:5vw}
#tape-on-note{--tape-w:11vw;--tape-h:calc(var(--tape-w) * .2873);z-index:5;width:var(--tape-w);position:absolute;top:67.55vw;left:14vw}
#tape-on-lemon{--tape-w:19vw;--tape-h:calc(var(--tape-w) * .4735);width:var(--tape-w);position:absolute;top:107vw;left:22vw}
#tape-top{z-index:10;object-fit:cover;width:42.126vw;height:8.74vw;position:absolute;top:68vw;right:-5vw}
.hero-section .hand-note{--hand-w:18vw;z-index:2;top:103vw;left:1.5vw}
@media (min-width:744px) and (max-width:1279px){.hero-section .corner-mark{font-size:max(11px,1.389vw);line-height:max(10px,1.25vw)}}
@media (max-width:743px){.hero-section{height:362vw}
.hero-section .top{height:155vw}
.hero-section .h1{font-size:32vw;line-height:.72}
.hero-section .h1 .clip{margin-bottom:-.04em;padding-bottom:.04em}
.hero-section .warped-text{--arc-drop:2vw;--arc-tilt:5deg}
.hero-section .title{--hero-mark-w:37vw;--hero-mark-lift:-.5vw;gap:6.1vw;padding-top:51.5vw}
.hero-section .h4{--kicker-gap:43vw;letter-spacing:-.24vw;font-size:6.4vw;position:relative}
.hero-section .hero-mark-slot{position:static}
.hero-section .corner-mark{letter-spacing:-.12vw;padding-left:2.8vw;font-size:3.8vw;line-height:3.6vw;top:3vw;left:2.4vw}
.hero-section .corner-perf{background-size:100% 1.15vw;width:.62vw;top:.4vw;bottom:.4vw}
.hero-section .hero-tape{--roll-box:57.96vw;--roll-girth:1.38;top:111.02vw;bottom:-8vw;left:50%}
.hero-section .sticky-note{width:55vw;top:186vw;left:-5vw}
#tape-on-note{--tape-w:20.3vw;top:192.7vw;left:12.35vw}
#paperclip{width:15vw;height:16.5vw;top:218vw;left:1.5vw}
.hero-section .cardboard-wrapper{width:99.7436vw;height:99.7436vw;top:200vw;right:-48vw}
.hero-section .cardboard-wrapper h2{max-width:33vw;display:none;top:8vw;left:22vw}
#tape-top{width:50.8vw;height:10.54vw;top:194vw;right:-9vw}
.hero-section h2{letter-spacing:-.22vw;font-size:5.8vw;line-height:.84}
.hero-section .hand-note{--hand-w:40vw;top:246vw;left:-1vw}
#lemon{width:88vw;bottom:-5vw;left:-37vw}
#tape-on-lemon{--tape-w:24.9vw;top:274.3vw;left:14.2vw}
#gift{object-fit:cover;width:100%;height:146vw;bottom:-40vw;right:-31vw}}
@media (max-width:743px){.menu-arrow{width:25px!important;height:25px!important}
.menu-arrow svg{width:8px!important;height:8px!important}}
@media (max-width:743px){:root{--pi-h:140vw}}
:root{--about-bg:#082965;--about-ink:#77baff}
.site-menu{--menu-w:31vw;--menu-pad-l:1vw;--menu-pad-r:1.4vw;--menu-row-h:6.6vw;--menu-thumb:5.4vw;--menu-thumb-lift:.55vw;--menu-thumb-rot:-5deg;--menu-thumb-radius:1.736vw;--perf-mark:.208vw;--perf-pitch:.417vw;--menu-thumb-open:.22s;--menu-thumb-pop:.3s;--menu-thumb-wait:.1s;--menu-ink:#07265e;--menu-paper:#f4f3ef;--menu-dot:#77baff;width:var(--menu-w);z-index:101;font-family:var(--font-heading);color:var(--menu-ink);pointer-events:none;position:fixed;top:0;right:1.4vw}
.menu-panel,.menu-tab{pointer-events:auto}
.menu-panel{background:var(--menu-paper);border-radius:0 0 0 .9vw;position:relative;overflow:hidden}
.menu-sheet{padding:1.4vw var(--menu-pad-r) .5vw var(--menu-pad-l)}
.menu-list{padding:0;list-style:none}
.site-menu[data-open=false] .menu-panel{pointer-events:none;height:0}
.menu-rule{height:var(--perf-mark);background-image:linear-gradient(to right, currentColor 0 var(--perf-mark), transparent var(--perf-mark));background-size:var(--perf-pitch) 100%;background-repeat:repeat-x;display:block}
.menu-link{height:var(--menu-row-h);color:inherit;align-items:start;padding-right:2.6vw;text-decoration:none;display:flex;position:relative}
.menu-thumb{width:0;height:var(--menu-thumb);border-radius:var(--menu-thumb-radius);top:calc(var(--menu-thumb-lift) * -1);z-index:1;transform:rotate(var(--menu-thumb-rot));transition:width var(--menu-thumb-open) cubic-bezier(.16, .84, .3, 1) var(--menu-thumb-pop), margin-right var(--menu-thumb-open) cubic-bezier(.16, .84, .3, 1) var(--menu-thumb-pop);flex:none;margin-right:0;position:relative;overflow:hidden}
.menu-thumb img{width:var(--menu-thumb);object-fit:cover;border-radius:var(--menu-thumb-radius);max-width:none;height:100%;transition:transform var(--menu-thumb-pop) cubic-bezier(.4, 0, .2, 1) 0s;transform:scale(0)}
.menu-link:hover .menu-thumb,.menu-link:focus-visible .menu-thumb{width:var(--menu-thumb);margin-right:.85vw;transition-delay:0s}
.menu-link:hover .menu-thumb img,.menu-link:focus-visible .menu-thumb img{transition-delay:var(--menu-thumb-wait);transform:scale(1)}
@media (hover:none) and (min-width:744px){.menu-link .menu-thumb{width:var(--menu-thumb);margin-right:.85vw}
.menu-link .menu-thumb img{transform:scale(1)}}
.menu-label{letter-spacing:-.125vw;align-items:flex-end;font-size:4.167vw;font-weight:800;line-height:1;display:flex}
.site-menu .clip{flex:none;margin:-.1em -.06em 0;padding:.1em .06em 0;display:block;overflow:hidden}
.site-menu .char{display:block}
.menu-arrow{background:var(--menu-dot);border-radius:50%;place-items:center;width:1.7vw;height:1.7vw;display:grid;position:absolute;top:1vw;right:0}
.menu-arrow svg{width:.56vw;height:.56vw;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.menu-link:hover .menu-arrow svg,.menu-link:focus-visible .menu-arrow svg{transform:rotate(45deg)}
.menu-tab{width:9.3vw;color:var(--menu-ink);margin-left:auto;display:block;position:relative}
.menu-tab.is-arriving:before{content:"";background:var(--menu-paper);height:150%;position:absolute;bottom:100%;left:0;right:0}
.menu-tab-sheet{--tab-body:4.681vw;--perf-y:1.667vw;--perf-x:.556vw;--tooth-h:1.4vw;--tooth:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 15' preserveAspectRatio='none'%3E%3Cpath d='M0 0L0 11Q0 15 4.29 12.43L20.71 2.57Q25 0 29.29 2.57L45.71 12.43Q50 15 54.29 12.43L70.71 2.57Q75 0 79.29 2.57L95.71 12.43Q100 15 100 11L100 0Z' fill='%23000'/%3E%3C/svg%3E");height:calc(var(--tab-body) + var(--tooth-h));background:var(--menu-paper);letter-spacing:-.042vw;padding-top:calc(var(--perf-y) + (var(--tab-body) - var(--perf-y) - .8em) / 2);text-indent:.1em;text-align:center;-webkit-mask-image:linear-gradient(#000 0 0), var(--tooth);-webkit-mask-image:linear-gradient(#000 0 0), var(--tooth);mask-image:linear-gradient(#000 0 0), var(--tooth);-webkit-mask-size:100% calc(100% - var(--tooth-h)), 100% var(--tooth-h);-webkit-mask-size:100% calc(100% - var(--tooth-h)), 100% var(--tooth-h);mask-size:100% calc(100% - var(--tooth-h)), 100% var(--tooth-h);--tooth-lift:.168vw;-webkit-mask-position:0 0, 0 calc(100% - var(--tooth-lift));-webkit-mask-position:0 0, 0 calc(100% - var(--tooth-lift));mask-position:0 0, 0 calc(100% - var(--tooth-lift));font-size:1.389vw;font-weight:700;line-height:.8;display:block;position:relative;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}
.menu-tab-sheet:before{content:"";top:var(--perf-y);left:var(--perf-x);right:var(--perf-x);height:var(--perf-mark);background-image:linear-gradient(to right, currentColor 0 var(--perf-mark), transparent var(--perf-mark));background-size:var(--perf-pitch) 100%;pointer-events:none;background-repeat:repeat-x;position:absolute}
.menu-sound{pointer-events:auto;color:#e3e8e0;background:#fff;border:1.5px solid #07265e;border-radius:100vw;width:5.95vw;height:2.72vw;font-size:1.15vw;transition:transform .75s cubic-bezier(.22,1,.36,1) .7s,background-color .25s;position:fixed;bottom:1.4vw;right:1.4vw}
.menu-sound[aria-pressed=true]{color:#07265e;background:#77baff}
.menu-sound svg{position:absolute;top:50%;left:77%;translate:-50% -50%}
.menu-sound[aria-pressed=true] svg{left:23%}
.menu-sound-ball{aspect-ratio:1;height:86%;transition:left .25s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:23%;translate:-50% -50%}
.menu-sound[aria-pressed=true] .menu-sound-ball{left:77%}
.menu-link:focus-visible,.menu-sound:focus-visible,.menu-tab:focus-visible{outline:.2vw solid var(--menu-ink);outline-offset:.2vw}
:root{--note-fs:.9722vw;--note-lh:1.0417vw;--note-indent-x:1.2vw;--note-indent-y:.9vw;--note-bow:.486vw;--note-lead-x:1.667vw;--note-lead-y:1.319vw;--note-tail:1.25vw;--note-rule:max(1.2px, .087vw);--note-stroke:.02em}
@media (min-width:744px) and (max-width:1279px){:root{--note-fs:max(11px, .9722vw);--note-lh:max(11.8px, 1.0417vw);--note-indent-x:max(13.6px, 1.2vw);--note-indent-y:max(10.2px, .9vw);--note-bow:max(5.5px, .486vw);--note-lead-x:max(18.9px, 1.667vw);--note-lead-y:max(14.9px, 1.319vw);--note-tail:max(14.1px, 1.25vw)}}
@media (max-width:743px){:root{--note-fs:3.59vw;--note-lh:3.846vw;--note-indent-x:4.431vw;--note-indent-y:3.323vw;--note-bow:1.795vw;--note-lead-x:6.154vw;--note-lead-y:4.872vw;--note-tail:4.615vw}}
@media (min-width:744px) and (max-width:1279px){.menu-sound{width:max(82.3px,5.95vw);height:max(37.4px,2.72vw);font-size:max(14.5px,1.15vw)}
.menu-tab-sheet{font-size:max(11px,1.389vw)}}
@media (max-width:743px){.site-menu{--menu-w:70vw;--menu-pad-l:3vw;--menu-pad-r:4vw;--menu-row-h:18.5vw;--menu-thumb:13vw;--menu-thumb-radius:3.9vw;flex-direction:row-reverse;align-items:flex-start;width:auto;display:flex;top:3vw;right:0}
.menu-panel{border-radius:0 0 0 3vw}
.site-menu[data-open=false] .menu-panel{width:0;height:auto}
.menu-sheet{width:var(--menu-w);padding:5vw var(--menu-pad-r) 3vw var(--menu-pad-l)}
.menu-label{letter-spacing:-.32vw;font-size:9.2vw}
.menu-arrow{width:7.1vw;height:7.1vw;top:2.2vw}
.menu-tab{width:calc(var(--tab-len-body) + var(--tab-len-tooth));height:var(--tab-len);--tab-len:28vw;--tab-len-body:12.4vw;--tab-len-tooth:4.4vw;flex:none;margin:0 -1px 0 0}
.menu-tab.is-arriving:before{width:150%;height:auto;inset:0 auto 0 100%}
.menu-sound{width:21.5vw;height:9.78vw;font-size:4.1vw;bottom:4vw;right:4vw}
.menu-tab-sheet{--tab-body:var(--tab-len-body);--tooth-h:var(--tab-len-tooth);--perf-y:3.7vw;--perf-x:1.7vw;letter-spacing:-.157vw;width:var(--tab-len);transform-origin:0 0;font-size:5.1vw;position:absolute;top:0;left:0;transform:rotate(90deg)translateY(-100%)}}
@media (max-width:743px) and (prefers-reduced-motion:no-preference){html[data-loading] .menu-tab{transform:translate(115%)}}
@media (prefers-reduced-motion:reduce){.menu-thumb,.menu-thumb img,.menu-arrow svg{transition:none}}