*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;background:#eaffff;color:#063b35}body{margin:0;min-width:320px;overflow-x:hidden;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:500;background:radial-gradient(700px circle at var(--pointer-x,38%) var(--pointer-y,10%),#fff,transparent 45%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(0,65,56,.035) 80px),#eaffff}body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}button,a{font:inherit;color:inherit}button{border:0}svg{display:block;max-width:100%}::selection{background:#ffe34f;color:#00352e}:focus-visible{outline:3px solid #f64b3c;outline-offset:4px}.skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:12px 18px;background:#ffe34f;transform:translateY(-160%)}.skip-link:focus{transform:none}
:root{--deep:#00352e;--paper:#f5ffff;--yellow:#ffe34f;--red:#f64b3c;--green:#007c63;--blue:#96ddf5;--line:rgba(0,53,46,.22);--rail:286px;--receipt:'VT323',monospace}
.opening-shutter{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#ffe34f;background:#00352e;font-weight:900;font-size:clamp(4rem,15vw,11rem);letter-spacing:-.08em;animation:shutter-up .7s cubic-bezier(.8,0,.2,1) 1.05s forwards}.opening-time{font:400 .28em var(--receipt);color:#fff;letter-spacing:.18em}@keyframes shutter-up{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
.site-header{height:72px;position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:200px 1fr 140px;align-items:center;border-bottom:1px solid #00352e;background:rgba(234,255,255,.9);backdrop-filter:blur(14px)}.brand{height:100%;display:flex;align-items:center;gap:10px;text-decoration:none;border-right:1px solid #00352e;padding:8px 16px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#00352e;color:#ffe34f;font-weight:900}.brand b{display:block;line-height:1;letter-spacing:-.04em}.brand small{display:block;font:13px/1.2 var(--receipt);letter-spacing:.04em}.site-header nav{display:flex;justify-content:center;gap:clamp(14px,3vw,42px)}.site-header nav a{position:relative;padding:14px 2px;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:700}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:9px;height:3px;background:#f64b3c;transition:right .25s}.site-header nav a:hover::after{right:0}.clock{height:100%;display:flex;gap:8px;align-items:center;justify-content:center;border-left:1px solid #00352e;font:22px var(--receipt)}.live-dot{width:8px;height:8px;background:#f64b3c;border-radius:50%;box-shadow:0 0 0 4px rgba(246,75,60,.15)}
main,footer{margin-right:var(--rail)}main{padding-top:72px}main section{position:relative;border-bottom:1px solid #00352e}.receipt-rail{position:fixed;z-index:60;right:0;top:72px;bottom:0;width:var(--rail);border-left:1px solid #00352e;background:#073f38;overflow:hidden}.receipt-slot{position:relative;height:27px;background:#00352e;border-bottom:1px solid rgba(255,255,255,.28)}.receipt-slot::before{content:"RECEIPT PRINTER 04";position:absolute;left:16px;top:5px;color:rgba(255,255,255,.65);font:13px var(--receipt);letter-spacing:.07em}.receipt-slot i{position:absolute;left:12px;right:12px;bottom:3px;height:4px;background:#001c18;border-radius:10px}.receipt-paper{position:absolute;top:20px;left:13px;right:13px;min-height:calc(100% - 26px);padding:26px 17px 48px;color:#153e38;background:linear-gradient(90deg,rgba(0,0,0,.03),transparent 12%,transparent 88%,rgba(0,0,0,.04)),repeating-linear-gradient(0deg,rgba(0,60,50,.025) 0 1px,transparent 1px 4px),#f9fffb;box-shadow:0 8px 24px rgba(0,0,0,.26);font:17px/.92 var(--receipt);transform-origin:top center;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.receipt-paper::after,.keepsake-paper::after{content:"";position:absolute;height:12px;left:0;right:0;bottom:-11px;background:linear-gradient(135deg,#f9fffb 6px,transparent 0) 0 0/12px 12px repeat-x}.receipt-head{display:grid;text-align:center;gap:2px}.receipt-head>span{font-family:'Zen Kaku Gothic New',sans-serif;font-size:32px;font-weight:900}.receipt-head b{font-size:20px}.receipt-head small{font-size:14px}.receipt-rule{white-space:nowrap;overflow:hidden;letter-spacing:-.05em;margin:8px 0}.receipt-welcome,.receipt-thanks{margin:8px 0}.receipt-items p,.receipt-totals p,.keepsake-total{display:flex;justify-content:space-between;gap:8px;margin:4px 0}.receipt-items span,.receipt-totals span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.receipt-totals b,.receipt-items b{font-weight:400;flex:none}.receipt-total{padding-top:6px;border-top:2px solid;font-size:18px}.barcode{height:38px;margin:12px 15px 8px;background:repeating-linear-gradient(90deg,#00352e 0 2px,transparent 2px 4px,#00352e 4px 5px,transparent 5px 9px,#00352e 9px 13px,transparent 13px 15px)}.receipt-thanks{text-align:center}.tear-button{min-height:44px;width:100%;margin-top:8px;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;color:#fff;background:#f64b3c;font:16px var(--receipt);cursor:pointer}.tear-button:hover{background:#00352e}.receipt-toggle,.receipt-close{display:none}.receipt-paper.tearing{animation:tear .8s cubic-bezier(.7,0,.2,1) forwards}@keyframes tear{45%{transform:translateY(-8px) rotate(.5deg)}100%{transform:translateY(120%) rotate(3deg)}}
.hero{min-height:920px;padding:42px clamp(28px,5vw,80px) 72px;overflow:hidden;background:linear-gradient(#eeffff 0 58%,#cceff3 58%)}.fluorescent-bank{position:absolute;left:7%;right:7%;top:25px;display:flex;gap:7%;justify-content:center;filter:drop-shadow(0 18px 22px #fff)}.fluorescent-bank i{width:28%;height:6px;border-radius:99px;background:#fff;box-shadow:0 0 12px 5px #fff,0 0 48px 15px rgba(135,232,255,.55);animation:hum 6s infinite}.fluorescent-bank i:nth-child(2){animation-delay:-2.7s}@keyframes hum{0%,96%,100%{opacity:1}97%{opacity:.82}98%{opacity:1}99%{opacity:.9}}.hero-copy{position:relative;z-index:2}.kicker{display:flex;justify-content:space-between;margin:25px 0 -8px;text-transform:uppercase;font:18px var(--receipt);letter-spacing:.04em}.hero h1{margin:0;display:flex;justify-content:space-between;color:#00352e;font-size:clamp(6.2rem,14vw,14rem);line-height:.75;font-weight:900;letter-spacing:-.105em}.hero h1 span:nth-child(2){color:#f64b3c;transform:translateY(16px)}.hero-deck{display:flex;justify-content:space-between;align-items:end;margin:28px 0 32px;border-top:1px solid #00352e;padding-top:11px;text-transform:uppercase}.hero-deck p{margin:0;font-size:clamp(.8rem,1.4vw,1.12rem);letter-spacing:.12em}.hero-deck strong{color:#f64b3c;font-size:1.2em}.shelf-stage{position:relative;z-index:2;border:11px solid #00352e;border-top-width:32px;background:#d5eef0;box-shadow:16px 20px 0 #ffe34f,0 35px 60px rgba(0,54,47,.15)}.aisle-sign{position:absolute;top:-29px;left:10px;right:10px;color:#fff;display:flex;justify-content:space-between;font:18px var(--receipt)}.shelf-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:clamp(6px,1.7vw,22px);padding:20px clamp(12px,3vw,40px) 5px}.pack{position:relative;min-height:130px;padding:14px 8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;clip-path:polygon(8% 0,92% 0,100% 12%,100% 100%,0 100%,0 12%);color:#fff;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}.pack::before{content:"";position:absolute;inset:0 0 auto;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 4px,transparent 4px 8px)}.pack span{font-size:36px;font-weight:900}.pack b{font:18px var(--receipt)}.pack small{padding:2px 5px;color:#00352e;background:#ffe34f;font:13px var(--receipt)}.pack.green{background:#007c63}.pack.blue{background:#368aae}.pack.red{background:#f64b3c}.price-strip{height:27px;padding:2px 12px;display:flex;justify-content:space-between;color:#fff;background:#00352e;font:17px var(--receipt)}.price-strip.yellow{color:#00352e;background:#ffe34f}.shelf-row--short{min-height:125px}.tin,.cup{margin:auto;width:clamp(46px,7vw,76px);height:74px;display:grid;place-items:center;color:#fff;background:#3d91a7;border-radius:5px 5px 10px 10px;box-shadow:inset 0 5px rgba(255,255,255,.35);font:15px var(--receipt)}.tin i{width:23px;height:23px;border-radius:50%;background:#ffe34f}.cup{height:90px;color:#00352e;background:#fff;border-radius:4px 4px 17px 17px;border-top:6px solid #f64b3c}.cup i{width:42px;height:15px;background:repeating-linear-gradient(135deg,#f64b3c 0 5px,#ffe34f 5px 10px)}.hero-note{position:relative;z-index:2;width:min(540px,80%);margin:46px 0 0 auto;padding-left:90px;font-size:15px;line-height:1.7}.hero-note::before{content:"♫ ♪ ♫";position:absolute;left:0;top:6px;color:#f64b3c;font:28px var(--receipt);letter-spacing:.12em}.down-ticket{position:absolute;z-index:3;left:0;bottom:0;min-width:210px;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#fff;background:#007c63;text-decoration:none;font:18px var(--receipt)}.down-ticket:hover b{transform:translateY(5px)}.down-ticket b{transition:transform .2s}.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s ease forwards}.hero-copy{animation-delay:1.15s}.shelf-stage{animation-delay:1.3s}.hero-note{animation-delay:1.45s}@keyframes reveal{to{opacity:1;transform:none}}
.census{padding:110px clamp(28px,5vw,80px) 120px;background:#f5ffff}.section-number{position:absolute;right:2%;top:24px;color:rgba(0,53,46,.08);font:clamp(8rem,19vw,18rem)/1 var(--receipt)}.section-heading{position:relative;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:start;gap:30px;margin-bottom:80px}.section-heading>p,.cast-intro>p:first-child,.freezer-heading>p:first-child,.fold-heading>p,.jingle-copy>p:first-child,.checkout-kicker{margin:8px 0;text-transform:uppercase;font:17px var(--receipt);letter-spacing:.05em}.section-heading h2,.cast-intro h2,.freezer-heading h2,.fold-heading h2,.jingle-copy h2,.checkout h2{margin:0;font-size:clamp(2.6rem,5.5vw,6.8rem);line-height:.93;letter-spacing:-.065em;font-weight:900}.section-stat{justify-self:end;border-top:5px solid #f64b3c;padding-top:10px}.section-stat b{display:block;font:60px/.8 var(--receipt)}.section-stat span{text-transform:uppercase;font-size:11px;letter-spacing:.1em}.discipline-grid{display:grid;grid-template-columns:minmax(220px,.8fr) 2.4fr;gap:clamp(24px,5vw,72px)}.discipline-note{align-self:start;position:sticky;top:100px;padding:24px;color:#fff;background:#00352e;box-shadow:10px 10px 0 #ffe34f}.stamp{display:inline-block;margin:0 0 34px;padding:3px 7px;color:#00352e;background:#ffe34f;font:15px var(--receipt)}.discipline-note h3{font-size:25px;margin:0 0 15px}.discipline-note>p:not(.stamp){font-size:14px;line-height:1.75;color:#ddf3ef}dl{margin:24px 0 0}dl div{padding:8px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);font:16px var(--receipt)}dt{color:#b8d8d2}dd{margin:0}.product-matrix{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #00352e}.product-card{min-height:280px;position:relative;padding:25px 18px 52px;border-right:1px solid #00352e;border-bottom:1px solid #00352e;background:var(--card);transition:transform .2s,box-shadow .2s}.product-card:nth-child(3n){border-right:0}.product-card:nth-child(n+4){border-bottom:0}.product-card:hover{z-index:2;transform:translateY(-8px);box-shadow:0 15px 0 #00352e}.product-card h3{margin:15px 0 0;font-size:17px}.product-card p{margin:3px 0;font:15px var(--receipt)}.product-card>b{position:absolute;right:15px;top:15px;font:22px var(--receipt)}.product-card small{position:absolute;left:15px;bottom:14px;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.sea{--card:#b9eadc}.sun{--card:#ffe34f}.plum{--card:#ffc8c0}.night{--card:#a9d8ef}.mint{--card:#d5f4df}.egg{--card:#fff1b5}.mini-pack{margin:38px auto 0;position:relative;width:86px;height:105px;background:#fff;border:3px solid #00352e}.mini-pack.triangle{height:85px;clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-pack.triangle i{position:absolute;inset:55% 22% 0;background:#007c63}.mini-pack.bottle{width:65px;border-radius:25px 25px 9px 9px;background:#e9fcff}.mini-pack.bottle::before{content:"";position:absolute;width:27px;height:13px;left:16px;top:-13px;background:#f64b3c;border:3px solid #00352e}.mini-pack.bottle i{position:absolute;left:0;right:0;top:36px;height:31px;background:#ffe34f;border-block:2px solid #00352e}.mini-pack.box::before{content:"QUIET\A 12";white-space:pre;position:absolute;inset:14px;display:grid;place-items:center;color:#fff;background:#f64b3c;font:19px var(--receipt)}
.cast{padding:110px clamp(28px,5vw,80px) 120px;color:#effffa;background:#00352e}.cast-intro{display:grid;grid-template-columns:1fr 3fr;column-gap:50px;align-items:start;margin-bottom:90px}.cast-intro>p:first-child{color:#ffe34f}.cast-intro>p:last-child{grid-column:2;color:#b8d8d2;font-size:18px}.cast-list{border-top:1px solid rgba(255,255,255,.3)}.customer{min-height:240px;display:grid;grid-template-columns:75px 170px minmax(240px,1fr) 120px;gap:28px;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);transition:background .3s,color .3s}.customer:hover{background:#ffe34f;color:#00352e}.customer-time{align-self:start;padding-top:28px;font:23px var(--receipt);color:#ffe34f}.customer:hover .customer-time{color:#f64b3c}.portrait{position:relative;width:130px;height:160px;overflow:hidden;background:#d5f2ed;border-radius:66px 66px 7px 7px}.portrait::before{content:"";position:absolute;width:61px;height:72px;border-radius:50% 50% 45% 45%;background:#e6b797;left:35px;top:31px;box-shadow:inset 8px 0 rgba(139,71,49,.15)}.portrait::after{content:"";position:absolute;left:18px;right:18px;height:84px;bottom:-20px;border-radius:50% 50% 0 0;background:var(--uniform,#78b9c2)}.portrait i{position:absolute;z-index:1;left:38px;top:29px;width:58px;height:28px;border-radius:40px 40px 5px 5px;background:var(--hair,#273b38)}.portrait b{position:absolute;z-index:2;left:55px;top:68px;width:7px;height:4px;border-radius:50%;background:#00352e;box-shadow:24px 0 #00352e}.portrait.nurse{--uniform:#f5ffff;--hair:#3b2b29}.portrait.bassist{--uniform:#e45e53;--hair:#121c1b;transform:rotate(-2deg)}.portrait.student{--uniform:#2a6f67;--hair:#523d32}.portrait.driver{--uniform:#6f9dab;--hair:#292b2a}.portrait.neighbor{--uniform:#9e7668;--hair:#e5e1d8}.customer-copy span{color:#ffe34f;text-transform:uppercase;font:16px var(--receipt)}.customer:hover .customer-copy span{color:#f64b3c}.customer-copy h3{margin:4px 0 10px;font-size:clamp(1.4rem,2.4vw,2.4rem)}.customer-copy p{max-width:680px;margin:0;color:#bfd9d4;line-height:1.65;font-size:14px}.customer:hover .customer-copy p{color:#00352e}.customer-item{align-self:stretch;padding:30px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid rgba(255,255,255,.3);font:16px var(--receipt);text-align:center}.customer-item b{font-size:22px;font-weight:400}.customer-item i{width:47px;height:55px;margin-bottom:10px;display:block;border:2px solid currentColor}.customer-item .cup-icon{clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%);background:#f64b3c}.customer-item .tape-icon{height:47px;border-radius:50%;background:radial-gradient(circle,transparent 0 9px,#96ddf5 10px)}.customer-item .gum-icon{height:25px;background:#007c63}.customer-item .carton-icon{clip-path:polygon(15% 0,85% 0,100% 18%,100% 100%,0 100%,0 18%);background:#e98f94}.customer-item .pear-icon{width:40px;height:48px;border:0;border-radius:50%;background:#b6d85d}
.freezer{padding:110px clamp(28px,5vw,80px) 100px;overflow:hidden;background:#b7e8f5}.freezer::before{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(118deg,transparent 0 22px,rgba(255,255,255,.5) 23px 25px)}.freezer-heading{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:30px;align-items:start;margin-bottom:50px}.freezer-heading>p:last-child{max-width:200px;margin:0;line-height:1.6}.freezer-bank{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);min-height:500px;border:12px solid #00352e;background:#0d5c66;box-shadow:18px 20px 0 rgba(255,255,255,.7)}.freezer-door{position:relative;overflow:hidden;padding:0;background:rgba(204,246,255,.16);border-right:8px solid #00352e;cursor:pointer}.freezer-door:last-child{border-right:0}.freezer-door::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.22) 33% 41%,transparent 42%);pointer-events:none}.handle{position:absolute;z-index:5;right:13px;top:35%;width:10px;height:120px;border:3px solid #dffcff;border-radius:10px;background:#00352e}.freezer-label{position:absolute;z-index:6;left:12px;top:12px;padding:3px 7px;color:#00352e;background:#ffe34f;font:15px var(--receipt)}.frozen-products{position:absolute;inset:75px 35px 50px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:25px 15px}.frozen-products i{width:70px;height:90px;margin:auto;display:grid;place-items:center;color:#fff;background:#7b59a0;border-radius:50% 50% 12px 12px;font-style:normal;font-size:28px;border:4px solid rgba(255,255,255,.5)}.frozen-products.bars i{width:34px;height:100px;border-radius:20px 20px 4px 4px;background:#a8d77b;box-shadow:0 13px #d4b98d}.frozen-products.blue i{background:#2d8cb3}.fog{position:absolute;z-index:4;inset:0;opacity:.84;background:radial-gradient(circle at 30% 35%,transparent 0 8%,rgba(232,252,255,.6) 24%,transparent 41%),radial-gradient(circle at 70% 70%,transparent 0 9%,rgba(240,253,255,.72) 27%,transparent 45%),rgba(216,246,249,.35);backdrop-filter:blur(8px);transition:opacity .8s,backdrop-filter .8s}.freezer-door:hover .fog,.freezer-door:focus-visible .fog,.freezer-door.open .fog{opacity:.13;backdrop-filter:blur(1px)}.finger-note{position:absolute;z-index:7;right:20px;bottom:16px;color:#fff;font:16px var(--receipt);text-align:right;opacity:0;transition:opacity .4s}.freezer-door:hover .finger-note,.freezer-door.open .finger-note{opacity:1}.freezer-caption{position:relative;z-index:2;max-width:650px;margin:45px 0 0 auto;padding-left:50px;border-left:4px solid #f64b3c;font-size:16px;line-height:1.7}
.fold{padding:110px clamp(28px,5vw,80px) 120px;background:#ffe34f}.fold-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:70px}.fold-layout{display:grid;grid-template-columns:3fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}.fold-diagram{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #00352e}.fold-diagram article{min-height:390px;position:relative;padding:25px 18px;border-right:1px solid #00352e;background:rgba(255,255,255,.25)}.fold-diagram article:last-child{border-right:0}.fold-diagram article>span{position:absolute;top:12px;left:12px;width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#f64b3c;border-radius:50%;font:24px var(--receipt)}.fold-diagram svg{margin:50px auto 25px;width:100%}.fold-diagram svg path:not(.rice):not(.action):not(.arrow):not(.nori){fill:rgba(0,124,99,.28);stroke:#00352e;stroke-width:2}.fold-diagram .rice{fill:#fff;stroke:#00352e;stroke-width:2}.fold-diagram .action{fill:none;stroke:#f64b3c;stroke-width:5;stroke-dasharray:5 5}.fold-diagram .arrow{fill:#f64b3c}.fold-diagram .nori{fill:#007c63;stroke:#00352e;stroke-width:2}.fold-diagram .seal{fill:#f64b3c}.fold-diagram p{font-size:13px;line-height:1.6}.fold-note{padding:24px;color:#fff;background:#00352e;transform:rotate(1.5deg);box-shadow:10px 10px 0 #f64b3c}.fold-note h3{font-size:26px;margin:0 0 15px}.fold-note>p:not(.stamp){color:#d2e9e5;line-height:1.7;font-size:14px}.fold-note div{padding:8px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);font:17px var(--receipt)}
.jingle{min-height:700px;display:grid;place-items:center;overflow:hidden;color:#fff;background:#f64b3c}.jingle-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}.jingle-grid i{border-right:1px solid rgba(255,255,255,.3);transform-origin:bottom;animation:notes 4s ease-in-out infinite alternate}.jingle-grid i:nth-child(2){background:rgba(255,227,79,.15);animation-delay:-1s}.jingle-grid i:nth-child(3){background:rgba(255,255,255,.08);animation-delay:-2s}.jingle-grid i:nth-child(4){animation-delay:-3s}@keyframes notes{from{transform:scaleY(.25)}to{transform:scaleY(1)}}.jingle-copy{position:relative;z-index:2;width:min(900px,82%);padding:70px 0;text-align:center}.jingle-copy h2{font-size:clamp(4rem,9vw,10rem)}.jingle-description{max-width:650px;margin:35px auto;font-size:17px;line-height:1.7}.notation{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #fff}.notation span{min-height:100px;display:grid;place-items:center;padding:15px;border-right:1px solid #fff}.notation span:last-child{border:0}.notation b{font:36px var(--receipt)}.notation i{font:14px var(--receipt)}
.checkout{min-height:760px;padding:130px clamp(28px,8vw,130px);color:#fff;background:#00352e}.checkout::before{content:"03:12";position:absolute;right:-2vw;top:20px;color:rgba(255,255,255,.045);font:clamp(11rem,25vw,25rem)/1 var(--receipt)}.checkout-kicker{color:#ffe34f}.checkout h2{position:relative;max-width:900px;font-size:clamp(4rem,10vw,11rem)}.checkout>p:not(.checkout-kicker){position:relative;max-width:610px;margin:35px 0 50px auto;color:#c3ded9;line-height:1.85}.checkout-tear{position:relative;width:min(680px,100%);min-height:74px;padding:0 25px;display:flex;justify-content:space-between;align-items:center;background:#ffe34f;border:3px dashed #00352e;color:#00352e;cursor:pointer;font:21px var(--receipt);transition:transform .2s}.checkout-tear:hover{transform:translateX(10px) rotate(-.5deg)}.exit-sign{position:absolute;left:clamp(28px,8vw,130px);right:clamp(28px,8vw,130px);bottom:35px;display:flex;align-items:center;gap:18px;color:#9bc4bc;font:16px var(--receipt)}.exit-sign i{height:1px;flex:1;background:#5f8b84}
footer{min-height:180px;padding:40px clamp(28px,5vw,80px);display:grid;grid-template-columns:1fr 1.7fr;align-content:center;gap:25px;background:#ffe34f;font:17px var(--receipt)}footer p{margin:0}footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px 25px}footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration-thickness:1px;text-underline-offset:4px}.footer-time{grid-column:1/-1;padding-top:18px;border-top:1px solid #00352e;text-align:right}.keepsake[hidden]{display:none}.keepsake{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:25px}.keepsake-scrim{position:absolute;inset:0;background:rgba(0,35,30,.8);backdrop-filter:blur(8px)}.keepsake-paper{position:relative;width:min(410px,95vw);max-height:88vh;overflow-y:auto;padding:42px 36px 55px;color:#00352e;background:#fbfff9;box-shadow:20px 25px 0 rgba(0,0,0,.3);font:20px/1 var(--receipt);text-align:center;animation:keepsake-in .55s cubic-bezier(.2,.8,.2,1)}@keyframes keepsake-in{from{transform:translateY(-30px) rotate(-3deg);opacity:0}}.keepsake-paper>p:first-child{margin:0;font:900 52px 'Zen Kaku Gothic New',sans-serif}.keepsake-paper h2{margin:0;font-size:30px}.keepsake-paper small{display:block}#keepsake-items p{display:flex;justify-content:space-between;margin:6px 0;text-align:left}.keepsake-close{position:absolute;right:10px;top:10px;width:44px;height:44px;background:#ffe34f;cursor:pointer;font-size:26px}
/* Guide */
.guide-page{background:#f5ffff}.guide-header{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #00352e;background:#ffe34f}.guide-header .brand{width:230px}.guide-back{min-height:44px;display:inline-flex;align-items:center;margin-right:24px;font:17px var(--receipt);text-decoration:none}.guide-main{margin:0;padding:0}.guide-main section{border:0}.guide-hero{position:relative;min-height:520px;padding:70px clamp(24px,7vw,110px) 40px;color:#fff;background:#00352e;overflow:hidden}.guide-hero::before{content:"";position:absolute;width:55vw;height:55vw;right:-13vw;top:-32vw;border:9vw solid rgba(255,227,79,.95);border-radius:50%}.guide-hero>p{position:relative;margin:0 0 20px;color:#ffe34f;font:18px var(--receipt)}.guide-hero h1{position:relative;margin:0;max-width:1000px;font-size:clamp(5rem,11vw,10rem);line-height:.78;letter-spacing:-.075em}.guide-meta{position:absolute;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px);bottom:30px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.4);padding-top:12px;font:16px var(--receipt)}.guide-body{display:grid;grid-template-columns:270px minmax(0,1fr);width:min(1180px,calc(100% - 48px));margin:0 auto}.guide-index{position:sticky;top:0;height:100vh;padding:70px 35px;border-right:1px solid #00352e;font:18px var(--receipt)}.guide-index>span{display:block;margin-bottom:30px;color:#f64b3c}.guide-index a{min-height:44px;display:flex;align-items:center;text-decoration:none;border-top:1px solid var(--line)}.guide-index a:hover{color:#f64b3c;padding-left:5px}.guide-stamp{display:inline-block;margin-top:50px;padding:13px;border:3px solid #f64b3c;color:#f64b3c;transform:rotate(-4deg)}.guide-copy{padding:20px clamp(30px,7vw,100px) 110px}.guide-copy section{padding:65px 0;border-bottom:1px solid var(--line)}.guide-copy section:last-child{border-bottom:0}.guide-label{margin:0 0 18px!important;color:#f64b3c;font:17px var(--receipt)!important}.guide-copy h2{margin:0 0 30px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;letter-spacing:-.055em}.guide-copy p{max-width:760px;font-size:16px;line-height:1.85}.guide-copy code{padding:1px 5px;color:#00352e;background:#d7eded;font:18px var(--receipt)}.token-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0;border:1px solid #00352e}.token-grid>div{min-height:150px;padding:14px;display:grid;grid-template-columns:1fr auto;align-content:end;border-right:1px solid #00352e;border-bottom:1px solid #00352e}.token-grid>div:nth-child(3n){border-right:0}.token-grid>div:nth-child(n+4){border-bottom:0}.token-grid i{grid-column:1/-1;height:70px;margin:-14px -14px 14px;background:var(--swatch);border-bottom:1px solid #00352e}.token-grid code{background:transparent;padding:0}.guide-page footer{margin:0}
@media(max-width:1050px){:root{--rail:220px}.site-header{grid-template-columns:185px 1fr 120px}.site-header nav{gap:13px}.receipt-paper{padding-inline:13px;font-size:15px}.hero{min-height:820px}.pack{min-height:105px}.pack span{font-size:27px}.section-heading{grid-template-columns:1fr 3fr}.section-stat{display:none}.discipline-grid{grid-template-columns:1fr}.discipline-note{position:static;display:grid;grid-template-columns:1fr 2fr;gap:20px}.discipline-note dl{grid-column:1/-1}.customer{grid-template-columns:66px 120px 1fr}.portrait{width:110px}.customer-item{display:none}.fold-layout{grid-template-columns:1fr}.fold-note{max-width:420px;justify-self:end}.fold-diagram article{min-height:340px}}
@media(max-width:760px){:root{--rail:0px}.site-header{height:64px;grid-template-columns:1fr auto}.brand{border-right:0;padding-left:12px}.brand-mark{width:42px;height:42px}.site-header nav{display:none}.clock{padding:0 12px;font-size:19px}main{padding-top:64px}main,footer{margin-right:0}.receipt-rail{inset:auto 10px 10px auto;width:auto;height:auto;border:0;overflow:visible;background:transparent}.receipt-slot{display:none}.receipt-toggle{position:relative;z-index:3;width:82px;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px;color:#00352e;background:#ffe34f;border:2px solid #00352e;box-shadow:5px 5px 0 #00352e;font:14px/.8 var(--receipt);text-align:left;cursor:pointer}.receipt-toggle b{font-size:23px}.receipt-paper{position:fixed;z-index:2;inset:64px 8px 8px;min-height:0;overflow-y:auto;padding:35px max(24px,8vw) 60px;font-size:19px;transform:translateY(115%)}.receipt-rail.open .receipt-paper{transform:none}.receipt-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:44px;height:44px;background:#ffe34f;cursor:pointer;font-size:25px}.hero{min-height:800px;padding:40px 14px 70px;background:linear-gradient(#eeffff 0 64%,#cceff3 64%)}.fluorescent-bank{top:15px}.kicker{margin-top:18px;font-size:14px}.kicker span:last-child{display:none}.hero h1{display:block;font-size:clamp(5.4rem,28vw,8rem);line-height:.7;letter-spacing:-.09em}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:31%;transform:none}.hero h1 span:nth-child(3){margin-left:7%}.hero-deck{display:block;margin:25px 0}.hero-deck p{margin:4px 0}.shelf-stage{border-width:8px;border-top-width:28px;box-shadow:8px 10px 0 #ffe34f}.aisle-sign{top:-25px;font-size:14px}.aisle-sign span{display:none}.shelf-row{gap:3px;padding:9px 4px 3px}.pack{min-height:75px;padding:7px 2px 3px}.pack span{font-size:17px}.pack b{font-size:11px}.pack small{font-size:9px;padding:1px 2px}.price-strip{height:22px;padding:3px 5px;font-size:12px}.price-strip b{display:none}.shelf-row--short{min-height:73px}.tin,.cup{width:35px;height:46px;font-size:9px}.tin i{width:12px;height:12px}.cup{height:55px}.cup i{width:24px;height:8px}.hero-note{width:86%;margin-top:28px;padding-left:0;font-size:13px}.hero-note::before{position:static;display:block;margin-bottom:4px}.census,.cast,.freezer,.fold{padding:78px 15px 85px}.section-heading,.cast-intro,.freezer-heading,.fold-heading{display:block;margin-bottom:48px}.section-heading h2,.cast-intro h2,.freezer-heading h2,.fold-heading h2{font-size:clamp(2.65rem,13vw,4.4rem)}.section-heading>p,.cast-intro>p:first-child,.freezer-heading>p:first-child,.fold-heading>p{margin-bottom:18px}.discipline-note{display:block;padding:20px}.discipline-note .stamp{margin-bottom:20px}.product-matrix{grid-template-columns:repeat(2,1fr)}.product-card{min-height:230px;padding-inline:11px}.product-card:nth-child(3n){border-right:1px solid}.product-card:nth-child(2n){border-right:0}.product-card:nth-child(n+4){border-bottom:1px solid}.product-card:nth-child(n+5){border-bottom:0}.mini-pack{transform:scale(.8);margin-top:28px}.product-card>b{font-size:17px}.product-card h3{font-size:15px}.product-card p{font-size:13px}.cast-intro>p:last-child{margin-top:24px}.cast-list{margin-inline:-15px}.customer{min-height:0;grid-template-columns:55px 1fr;gap:12px;padding:24px 15px}.customer-time{padding-top:0}.portrait{grid-row:2;width:54px;height:76px;border-radius:30px 30px 4px 4px}.portrait::before{width:29px;height:35px;left:14px;top:14px}.portrait::after{left:6px;right:6px;height:41px;bottom:-9px}.portrait i{left:15px;top:12px;width:28px;height:15px}.portrait b{left:23px;top:32px;width:3px;height:2px;box-shadow:10px 0 #00352e}.customer-copy{grid-column:2;grid-row:1/span 2}.customer-copy h3{font-size:1.45rem}.customer-copy p{font-size:13px}.freezer-heading>p:last-child{margin-top:22px}.freezer-bank{min-height:410px;border-width:7px;box-shadow:8px 10px 0 rgba(255,255,255,.7)}.freezer-door{border-right-width:5px}.freezer-label{writing-mode:vertical-rl;left:6px;top:8px;font-size:12px}.handle{right:5px;width:7px;height:85px}.frozen-products{inset:55px 10px 35px;grid-template-columns:1fr;gap:5px;overflow:hidden}.frozen-products i{width:42px;height:55px;font-size:16px}.frozen-products.bars i{width:22px;height:60px}.finger-note{display:none}.freezer-caption{padding-left:20px}.fold-diagram{grid-template-columns:repeat(2,1fr)}.fold-diagram article{min-height:300px;border-bottom:1px solid}.fold-diagram article:nth-child(2){border-right:0}.fold-diagram article:nth-child(n+3){border-bottom:0}.fold-diagram svg{margin-top:40px}.fold-note{justify-self:stretch;margin-top:20px}.jingle{min-height:620px}.jingle-copy{width:90%}.jingle-copy h2{font-size:clamp(3.6rem,18vw,6rem)}.notation span{min-height:80px;padding:8px}.notation b{font-size:25px}.checkout{min-height:700px;padding:90px 18px 120px}.checkout h2{font-size:clamp(4rem,20vw,7rem)}.checkout>p:not(.checkout-kicker){margin-left:0}.checkout-tear{font-size:17px;padding:0 13px}.checkout-tear b{font-size:14px}.exit-sign{left:18px;right:18px}footer{min-height:270px;padding:45px 18px 70px;display:block}footer nav{margin:22px 0;justify-content:flex-start;flex-direction:column;gap:0}.footer-time{text-align:left}.guide-header{height:64px}.guide-header .brand{width:auto}.guide-back{margin-right:12px;font-size:14px}.guide-hero{min-height:440px;padding:65px 18px 30px}.guide-hero h1{font-size:clamp(4.5rem,23vw,7rem)}.guide-hero::before{width:85vw;height:85vw;right:-45vw;top:-36vw;border-width:16vw}.guide-meta{left:18px;right:18px;flex-wrap:wrap;gap:6px 15px}.guide-body{display:block;width:100%}.guide-index{position:static;width:calc(100% - 30px);height:auto;margin:15px;padding:22px;border:1px solid #00352e}.guide-index>span{margin-bottom:10px}.guide-index a{display:inline-flex;margin-right:15px;border:0}.guide-stamp{display:none}.guide-copy{padding:0 18px 70px}.guide-copy section{padding:50px 0}.guide-copy h2{font-size:2.7rem}.guide-copy p{font-size:15px}.token-grid{grid-template-columns:repeat(2,1fr)}.token-grid>div:nth-child(3n){border-right:1px solid}.token-grid>div:nth-child(2n){border-right:0}.token-grid>div:nth-child(n+4){border-bottom:1px solid}.token-grid>div:nth-child(n+5){border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.opening-shutter{display:none}.reveal{opacity:1;transform:none}}

/* Pass 1 refinements */
@media (min-width: 1060px) {
  .hero { min-height: calc(100vh - 72px); padding-bottom: 58px; }
}
.paper-tail { min-height: 240px; padding-top: 35px; display: grid; align-content: start; gap: 12px; color: rgba(0,53,46,.32); text-align: center; font-size: 14px; letter-spacing: .08em; }
.paper-tail i { width: 60%; height: 1px; margin: auto; background: repeating-linear-gradient(90deg,rgba(0,53,46,.25) 0 3px,transparent 3px 6px); }
@media (min-width: 761px) and (max-width: 1050px) {
  :root { --rail: 200px; }
  .receipt-paper { left: 9px; right: 9px; padding-inline: 11px; font-size: 14px; }
  .receipt-head > span { font-size: 27px; }
}
@media (max-width: 760px) {
  .fold, .checkout { overflow: hidden; }
  .receipt-rail { right: 8px; bottom: 12px; }
  .receipt-toggle { width: 52px; min-height: 66px; justify-content: center; padding: 5px; box-shadow: 3px 3px 0 #00352e; }
  .receipt-toggle span { writing-mode: vertical-rl; transform: rotate(180deg); line-height: 1; letter-spacing: .04em; }
  .receipt-toggle b { display: none; }
  .hero-note { width: 90%; padding-right: 42px; }
  .freezer-caption { margin-right: 58px; }
  .fog { opacity: .68; backdrop-filter: blur(6px); }
  .fold-diagram { grid-template-columns: 1fr; }
  .fold-diagram article, .fold-diagram article:nth-child(2), .fold-diagram article:nth-child(n+3) { min-height: 168px; padding: 18px 16px; display: grid; grid-template-columns: 112px 1fr; align-items: center; gap: 12px; border-right: 0; border-bottom: 1px solid #00352e; }
  .fold-diagram article:last-child { border-bottom: 0; }
  .fold-diagram svg { width: 106px; margin: 12px 0 0; }
  .fold-diagram p { margin: 28px 0 0; font-size: 13px; }
  .paper-tail { min-height: 100px; }
  .guide-index { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
  .guide-index > span { grid-column: 1 / -1; }
  .guide-index a { margin: 0; border-top: 1px solid var(--line); }
}

/* Pass 2 — external critique */
html{scroll-padding-top:82px}
body{background:
  radial-gradient(800px circle at var(--pointer-x,38%) var(--pointer-y,10%),rgba(255,255,255,.95),transparent 48%),
  linear-gradient(90deg,rgba(0,75,65,.028) 1px,transparent 1px) 0 0/80px 100%,
  linear-gradient(180deg,#efffff,#e8fbfb 40%,#f7ffff 78%,#e3f7f5)}
body::after{content:"";position:fixed;z-index:999;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 44%,rgba(255,255,255,.08) 48%,transparent 53%);mix-blend-mode:screen}
.site-header{background:rgba(239,255,255,.88);box-shadow:0 10px 35px rgba(0,53,46,.055)}
.nav-toggle{display:none}
.site-header nav a{display:flex;align-items:baseline;gap:6px;min-height:44px}
.site-header nav small{font:12px var(--receipt);color:#f64b3c}
.clock{position:relative}
.clock::after{content:"NIGHT REGISTER";position:absolute;bottom:5px;font:9px var(--receipt);letter-spacing:.1em;opacity:.55}
.opening-shutter{overflow:hidden;background:
  linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.15) 50%,transparent 50.15%),
  repeating-linear-gradient(180deg,#00352e 0 13vh,#06443c 13vh 13.25vh)}
.opening-shutter::before,.opening-shutter::after{content:"";position:absolute;left:0;right:0;height:7px;background:#ffe34f;box-shadow:0 0 34px #fff}
.opening-shutter::before{top:14%}.opening-shutter::after{bottom:14%}
.opening-shutter>span:first-child{text-shadow:12px 12px 0 rgba(0,0,0,.22)}
.fluorescent-bank i{opacity:0;transform:scaleX(.2);animation:lamp-start .75s cubic-bezier(.16,1,.3,1) forwards,hum 7s 2s infinite}
.fluorescent-bank i:nth-child(1){animation-delay:1.08s,2s}.fluorescent-bank i:nth-child(2){animation-delay:1.18s,4.7s}.fluorescent-bank i:nth-child(3){animation-delay:1.28s,3.4s}
@keyframes lamp-start{0%{opacity:0;transform:scaleX(.2)}38%{opacity:.35}55%{opacity:1}68%{opacity:.4}100%{opacity:1;transform:scaleX(1)}}
.boot-ledger{position:absolute;z-index:2;top:175px;left:12px;display:flex;gap:20px;font:11px var(--receipt);letter-spacing:.06em;writing-mode:vertical-rl;opacity:.34}
.hero{isolation:isolate;background:
  linear-gradient(180deg,rgba(255,255,255,.7),transparent 36%),
  linear-gradient(180deg,#efffff 0 58%,#c8edf0 58% 100%)}
.hero::after{content:"";position:absolute;z-index:0;left:0;right:0;top:58%;bottom:0;background:
  linear-gradient(90deg,transparent 49.8%,rgba(0,53,46,.08) 50%,transparent 50.2%),
  repeating-linear-gradient(100deg,transparent 0 94px,rgba(255,255,255,.22) 95px 97px);transform:perspective(440px) rotateX(57deg);transform-origin:top;opacity:.5}
.hero h1{align-items:flex-end;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.hero h1 span:first-child{flex:1.4}.hero h1 span:nth-child(2){flex:.65;text-align:center}.hero h1 span:last-child{flex:.95;text-align:right}
.hero-deck{position:relative}
.hero-deck::after{content:"BRANCH 163  •  CAMERA 04  •  ALL AISLES QUIET";position:absolute;right:0;top:-23px;font:11px var(--receipt);letter-spacing:.07em;opacity:.52}
.shelf-stage{transform-style:preserve-3d;background:
  linear-gradient(115deg,rgba(255,255,255,.7),transparent 24%),
  repeating-linear-gradient(90deg,rgba(0,53,46,.025) 0 1px,transparent 1px 16.66%),#d5eef0}
.shelf-stage::before{content:"FACING LINE 000.0 MM";position:absolute;z-index:5;left:-11px;bottom:-39px;padding:3px 8px;color:#eaffff;background:#00352e;font:12px var(--receipt);letter-spacing:.05em}
.pack{filter:drop-shadow(0 7px 0 rgba(0,53,46,.16));transform-origin:bottom;opacity:0}
.is-ready .pack{animation:face-stock .58s 1.34s cubic-bezier(.16,1,.3,1) forwards}
.is-ready .pack:nth-child(2){animation-delay:1.4s}.is-ready .pack:nth-child(3){animation-delay:1.46s}.is-ready .pack:nth-child(4){animation-delay:1.52s}.is-ready .pack:nth-child(5){animation-delay:1.58s}.is-ready .pack:nth-child(6){animation-delay:1.64s}
@keyframes face-stock{from{opacity:0;transform:translateY(-20px) rotateX(-10deg)}to{opacity:1;transform:none}}
.pack::after{content:"";position:absolute;right:6px;bottom:8px;width:11px;height:22px;opacity:.65;background:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 2px)}
.tin,.cup{position:relative;filter:drop-shadow(0 7px 0 rgba(0,53,46,.1))}
.tin::after,.cup::after{content:"04";position:absolute;right:3px;bottom:2px;font:8px var(--receipt);opacity:.7}
.hero-note{padding-left:0;border-left:1px solid #f64b3c}
.hero-note::before{content:"";position:absolute;left:-6px;top:0;width:11px;height:11px;border:2px solid #f64b3c;border-radius:50%;background:#efffff}
.hero-note>span{display:block;margin-bottom:8px;color:#f64b3c;font:14px var(--receipt);letter-spacing:.08em}
.receipt-rail{box-shadow:-18px 0 40px rgba(0,53,46,.1)}
.receipt-paper{background:
  linear-gradient(90deg,rgba(0,0,0,.045),transparent 11%,transparent 89%,rgba(0,0,0,.05)),
  repeating-linear-gradient(0deg,rgba(0,60,50,.035) 0 1px,transparent 1px 4px),#f9fffb}
.receipt-paper.feeding{animation:paper-feed .42s cubic-bezier(.16,1,.3,1)}
@keyframes paper-feed{0%{transform:translateY(-13px)}65%{transform:translateY(2px)}100%{transform:none}}
.receipt-items .just-printed{animation:ink-arrive .65s steps(4,end)}
@keyframes ink-arrive{from{clip-path:inset(0 100% 0 0);background:rgba(255,227,79,.6)}to{clip-path:inset(0);background:transparent}}
.receipt-toggle em{display:none;font:12px/1 var(--receipt);font-style:normal;text-align:right}.receipt-toggle em strong{font-size:15px;font-weight:400}
.paper-tail{position:relative;min-height:310px;background:linear-gradient(180deg,transparent,rgba(0,124,99,.025))}
.paper-tail::after{content:"";position:absolute;left:8%;bottom:6px;width:var(--visit-progress,0);max-width:84%;height:4px;background:#f64b3c;transition:width .2s linear}
.paper-tail b{font-weight:400;color:rgba(0,53,46,.54)}
.paper-tail .print-cursor{color:#f64b3c}
.paper-tail .print-cursor::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#f64b3c;animation:cursor-pulse 1.2s steps(2,end) infinite}
@keyframes cursor-pulse{50%{opacity:.2}}
.feed-bars{height:36px;margin-top:15px;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.feed-bars i{width:5px!important;height:var(--bar,12px)!important;margin:0!important;background:#9ec1bb!important}
.feed-bars i:nth-child(2),.feed-bars i:nth-child(6){--bar:24px}.feed-bars i:nth-child(3){--bar:17px}.feed-bars i:nth-child(4){--bar:31px}.feed-bars i:nth-child(5){--bar:20px}
.section-heading h2,.cast-intro h2,.freezer-heading h2,.fold-heading h2{max-width:14ch;text-wrap:balance}
.product-card{overflow:hidden;background:
  linear-gradient(135deg,rgba(255,255,255,.55),transparent 38%),var(--card);box-shadow:inset 0 -16px rgba(0,53,46,.025)}
.product-card::after{content:"FACING • 0 GAP";position:absolute;left:0;right:0;bottom:0;height:17px;padding-left:8px;color:rgba(0,53,46,.65);background:rgba(255,255,255,.4);font:11px var(--receipt);letter-spacing:.05em}
.product-card small{bottom:23px}
.product-card:hover{transform:translateY(-5px) rotate(.25deg);box-shadow:0 10px 0 #00352e}
.cast{background:
  radial-gradient(600px circle at 77% 20%,rgba(0,124,99,.22),transparent 55%),
  linear-gradient(110deg,#00352e 0 68%,#003b33 68%)}
.customer{position:relative;isolation:isolate;overflow:hidden}
.customer::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,227,79,.95),rgba(255,227,79,.62) 68%,transparent 68%);transform:translateX(-104%);transition:transform .48s cubic-bezier(.16,1,.3,1)}
.customer:hover::before,.customer:focus-within::before{transform:translateX(0)}
.customer:hover{background:transparent;color:#effffa}.customer:hover .customer-copy h3{color:#00352e}
.portrait{border:4px solid rgba(255,255,255,.18);box-shadow:8px 8px 0 rgba(0,0,0,.14)}
.portrait.nurse::after{background:linear-gradient(90deg,#f5ffff 42%,#d7eeeb 42% 58%,#f5ffff 58%)}
.portrait.nurse i::after{content:"+";position:absolute;right:-35px;top:69px;color:#f64b3c;font:700 17px var(--receipt)}
.portrait.bassist{border-radius:58px 73px 7px 7px}.portrait.bassist i{transform:skewX(-13deg);height:42px}.portrait.bassist::after{background:linear-gradient(125deg,#e45e53 0 65%,#172c29 65%)}
.portrait.student::before{box-shadow:inset 8px 0 rgba(139,71,49,.15),0 0 0 4px rgba(255,255,255,.32)}
.portrait.student b{width:10px;height:2px;box-shadow:21px 0 #00352e}
.portrait.driver i{border-radius:8px 8px 22px 22px}.portrait.driver::after{background:linear-gradient(90deg,#6f9dab 0 46%,#ffe34f 46% 54%,#6f9dab 54%)}
.portrait.neighbor::before{background:#d9aa8a}.portrait.neighbor i{background:repeating-linear-gradient(90deg,#e5e1d8 0 8px,#c8c2b9 8px 10px)}
.freezer{background:
  radial-gradient(circle at 20% 8%,rgba(255,255,255,.8),transparent 25%),
  repeating-linear-gradient(118deg,transparent 0 22px,rgba(255,255,255,.3) 23px 25px),#b7e8f5}
.freezer::before{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 38%,rgba(0,90,105,.08));opacity:1}
.freezer-door{--hand-x:50%;--hand-y:50%}
.fog{opacity:.9;background:
  radial-gradient(ellipse 78% 36% at 18% 12%,rgba(255,255,255,.86),transparent 68%),
  radial-gradient(ellipse 66% 44% at 83% 42%,rgba(248,255,255,.78),transparent 72%),
  radial-gradient(ellipse 92% 34% at 30% 77%,rgba(238,253,255,.83),transparent 70%),
  radial-gradient(ellipse 54% 40% at 72% 94%,rgba(255,255,255,.6),transparent 73%),
  linear-gradient(115deg,rgba(216,246,249,.54),rgba(236,253,255,.4) 48%,rgba(198,235,241,.5))}
.freezer-door:hover .fog,.freezer-door:focus-visible .fog,.freezer-door.open .fog{opacity:.9;backdrop-filter:blur(5px);-webkit-mask-image:radial-gradient(circle 82px at var(--hand-x) var(--hand-y),transparent 0 62px,rgba(0,0,0,.24) 83px,#000 116px);mask-image:radial-gradient(circle 82px at var(--hand-x) var(--hand-y),transparent 0 62px,rgba(0,0,0,.24) 83px,#000 116px)}
.hand-memory{position:absolute;z-index:5;left:var(--hand-x);top:var(--hand-y);width:64px;height:72px;border:2px solid rgba(235,255,255,.5);border-radius:48% 48% 42% 42%;opacity:0;transform:translate(-50%,-42%) rotate(-8deg);filter:drop-shadow(0 0 8px #fff);transition:opacity .35s;pointer-events:none}
.hand-memory i{position:absolute;bottom:58px;width:10px;height:38px;border:2px solid rgba(235,255,255,.5);border-bottom:0;border-radius:9px 9px 0 0}
.hand-memory i:nth-child(1){left:2px;height:27px;transform:rotate(-16deg)}.hand-memory i:nth-child(2){left:15px;height:38px}.hand-memory i:nth-child(3){left:28px;height:44px}.hand-memory i:nth-child(4){left:41px;height:39px}.hand-memory i:nth-child(5){left:54px;height:29px;transform:rotate(14deg)}
.freezer-door.open .hand-memory{opacity:.7;animation:hand-fade 6.3s ease forwards}
@keyframes hand-fade{0%,55%{opacity:.72}100%{opacity:0}}
.fold-diagram article{cursor:pointer;transition:background .35s,transform .35s,box-shadow .35s;outline-offset:-5px}
.fold-diagram article:not(.active){opacity:.62}
.fold-diagram article.active{z-index:2;opacity:1;background:rgba(255,255,255,.76);box-shadow:0 16px 0 rgba(246,75,60,.9);transform:translateY(-10px)}
.fold-control{grid-column:1;display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:24px;margin-top:28px}
.fold-control button{min-height:58px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:#f64b3c;border:2px solid #00352e;box-shadow:6px 6px 0 #00352e;cursor:pointer;font:18px var(--receipt)}
.fold-control button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #00352e}
.fold-control p{margin:0;max-width:390px;font:17px/1.3 var(--receipt)}
.jingle{place-items:stretch;grid-template-columns:44% 56%;background:#f64b3c}
.jingle-grid{position:relative;grid-column:1;min-height:700px;border-right:1px solid rgba(255,255,255,.55)}
.jingle-grid i{position:relative;display:flex;align-items:flex-end;justify-content:center;border-right:1px solid rgba(255,255,255,.3);transform:none;animation:none;background:linear-gradient(180deg,transparent calc(100% - var(--note-height)),rgba(255,227,79,.26) 0)}
.jingle-grid i::before{content:"";position:absolute;left:18%;right:18%;bottom:calc(var(--note-height) - 1px);height:7px;background:#ffe34f;box-shadow:0 0 30px #fff;animation:note-breathe 3.2s ease-in-out infinite}
.jingle-grid i:nth-child(1){--note-height:36%}.jingle-grid i:nth-child(2){--note-height:36%}.jingle-grid i:nth-child(3){--note-height:68%}.jingle-grid i:nth-child(4){--note-height:51%}
.jingle-grid i:nth-child(2)::before{animation-delay:-.4s}.jingle-grid i:nth-child(3)::before{animation-delay:-.8s}.jingle-grid i:nth-child(4)::before{animation-delay:-1.4s}
.jingle-grid span{margin-bottom:18px;font:22px var(--receipt);opacity:.68}
@keyframes note-breathe{50%{opacity:.55;transform:scaleX(.78)}}
.jingle-copy{grid-column:2;width:auto;max-width:760px;padding:90px clamp(30px,6vw,90px);text-align:left;align-self:center}
.jingle-copy h2{font-size:clamp(4rem,7.3vw,8rem)}
.jingle-description{margin:32px 0;max-width:590px}
.notation{border-color:rgba(255,255,255,.72)}
.notation span{place-items:start;padding:16px;align-content:space-between}
.checkout{background:
  radial-gradient(700px circle at 76% 30%,rgba(0,124,99,.22),transparent 60%),
  repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.02) 80px),#00352e}
.checkout h2{text-wrap:balance}
.checkout-tear{overflow:hidden}
.checkout-tear::after{content:"";position:absolute;top:0;bottom:0;left:-20%;width:12%;background:rgba(255,255,255,.75);transform:skewX(-18deg);transition:left .6s cubic-bezier(.16,1,.3,1)}
.checkout-tear:hover::after{left:115%}
.keepsake-paper{border-top:9px solid #f64b3c;background:
  repeating-linear-gradient(0deg,rgba(0,60,50,.035) 0 1px,transparent 1px 4px),#fbfff9}

/* Guide specimens */
.guide-hero-ticket{position:absolute;z-index:2;right:8vw;bottom:-42px;width:235px;padding:24px 20px 34px;color:#00352e;background:#f9fffb;box-shadow:15px 18px 0 rgba(0,0,0,.18);font:16px/1 var(--receipt);transform:rotate(3deg)}
.guide-hero-ticket::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:11px;background:linear-gradient(135deg,#f9fffb 6px,transparent 0) 0 0/12px 12px}
.guide-hero-ticket b,.guide-hero-ticket span{display:block}.guide-hero-ticket b{font-size:24px}.guide-hero-ticket i{display:block;height:32px;margin:13px 0;background:repeating-linear-gradient(90deg,#00352e 0 2px,transparent 2px 5px,#00352e 5px 8px,transparent 8px 11px)}
.guide-callout{margin:30px 0;padding:20px 24px;border-left:5px solid #f64b3c;background:#e3f5f3;font:19px/1.45 var(--receipt)}
.receipt-anatomy{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin:35px 0}
.mini-receipt{position:relative;padding:25px 18px 35px;background:#fff;box-shadow:10px 12px 0 #00352e;font:16px/1 var(--receipt);transform:rotate(-2deg)}
.mini-receipt::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:10px;background:linear-gradient(135deg,#fff 5px,transparent 0) 0/10px 10px}.mini-receipt b,.mini-receipt span{display:block}.mini-receipt hr{border:0;border-top:1px dashed;margin:10px 0}.mini-receipt strong{display:flex;justify-content:space-between;font-weight:400}
.mechanism-list{display:grid;gap:8px;counter-reset:mechanism}.mechanism-list div{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px;border-top:1px solid var(--line);font:18px var(--receipt)}.mechanism-list div::before{counter-increment:mechanism;content:"0" counter(mechanism);display:grid;place-items:center;width:36px;height:36px;background:#ffe34f;border-radius:50%}
.guide-shelf-demo{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:9px;padding:28px 20px 9px;margin:30px 0;background:#d5eef0;border:7px solid #00352e;border-top-width:24px;box-shadow:10px 10px 0 #ffe34f}.guide-shelf-demo i{height:74px;background:var(--demo,#007c63);clip-path:polygon(10% 0,90% 0,100% 12%,100% 100%,0 100%,0 12%);box-shadow:inset 0 8px rgba(255,255,255,.28)}.guide-shelf-demo i:nth-child(2),.guide-shelf-demo i:nth-child(5){--demo:#368aae}.guide-shelf-demo i:nth-child(3),.guide-shelf-demo i:nth-child(6){--demo:#f64b3c}

@media (min-width:761px) and (max-width:1050px){
  :root{--rail:68px}
  .receipt-rail{width:68px;overflow:visible;background:#00352e}
  .receipt-slot{height:100%}.receipt-slot::before{left:22px;top:26px;writing-mode:vertical-rl}.receipt-slot i{display:none}
  .receipt-toggle{position:fixed;z-index:3;right:8px;top:94px;width:52px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:9px 5px;color:#00352e;background:#ffe34f;border:2px solid #00352e;box-shadow:4px 4px 0 #00352e;font:14px/.85 var(--receipt);cursor:pointer}
  .receipt-toggle span{writing-mode:vertical-rl;transform:rotate(180deg)}.receipt-toggle b{font-size:20px}.receipt-toggle em{display:none}
  .receipt-paper{position:fixed;z-index:2;top:82px;right:8px;bottom:10px;left:auto;width:292px;min-height:0;overflow-y:auto;padding:28px 22px 55px;font-size:17px;transform:translateX(112%);box-shadow:-24px 30px 70px rgba(0,28,24,.35)}
  .receipt-paper.feeding{animation:none}
  .receipt-rail.open .receipt-paper{transform:none}
  .receipt-close{display:grid;place-items:center;position:absolute;right:6px;top:6px;width:44px;height:44px;background:#ffe34f;font-size:24px;cursor:pointer}
  .paper-tail{min-height:120px}
  .boot-ledger{display:none}
  .hero{padding-inline:42px}.hero-note{margin-right:30px}
  .jingle{grid-template-columns:36% 64%}.jingle-copy{padding-inline:45px}.jingle-grid{min-height:650px}
  .receipt-anatomy{grid-template-columns:160px minmax(0,1fr)}
  .mechanism-list{min-width:0}.mechanism-list div{min-width:0}
}

@media(max-width:760px){
  html{scroll-padding-top:64px}
  body::after{display:none}
  .site-header{grid-template-columns:1fr 56px 106px}
  .nav-toggle{display:grid;place-items:center;width:56px;height:64px;padding:0;background:#ffe34f;border-left:1px solid #00352e;cursor:pointer;font:12px var(--receipt)}
  .nav-toggle i,.nav-toggle i::before{display:block;width:24px;height:2px;background:#00352e;content:"";transition:transform .25s}.nav-toggle i::before{transform:translateY(6px)}
  .nav-open .nav-toggle i{transform:rotate(45deg)}.nav-open .nav-toggle i::before{transform:rotate(-90deg)}
  .site-header nav{display:grid;position:fixed;z-index:45;inset:64px 0 auto;padding:15px;background:#00352e;transform:translateY(-130%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
  .nav-open .site-header nav{transform:none}
  .site-header nav a{min-height:58px;padding:0 10px;color:#efffff;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px}.site-header nav small{width:36px;color:#ffe34f}
  .clock{padding:0 7px;font-size:18px}.clock::after{display:none}
  .boot-ledger{display:none}
  .hero{padding-top:47px;background:linear-gradient(180deg,#efffff 0 61%,#c8edf0 61%)}
  .hero h1{font-size:clamp(5rem,27vw,7.4rem);line-height:.68}
  .hero h1 span:first-child,.hero h1 span:nth-child(2),.hero h1 span:last-child{display:block;text-align:left}
  .hero h1 span:nth-child(2){margin-left:34%}.hero h1 span:nth-child(3){margin-left:8%}
  .hero-deck::after{display:none}
  .shelf-stage::before{bottom:-31px}
  .hero-note{width:91%;margin-top:42px;padding:13px 46px 0 13px}
  .hero-note::before{left:-6px;top:-5px}
  .receipt-toggle{width:58px;min-height:124px;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:8px 5px;box-shadow:4px 4px 0 #00352e}
  .receipt-toggle span{writing-mode:vertical-rl;transform:rotate(180deg);text-align:left}.receipt-toggle em{display:block;font-size:10px;text-align:center}.receipt-toggle em strong{font-size:12px}.receipt-toggle b{display:none}
  .receipt-paper.feeding{animation:none}
  .receipt-items .just-printed{animation-duration:.01ms}
  .product-card{min-height:238px}
  .cast{background:#00352e}
  .customer::before{background:linear-gradient(90deg,rgba(255,227,79,.96),rgba(255,227,79,.82))}
  .portrait{box-shadow:4px 4px 0 rgba(0,0,0,.18)}
  .freezer-door:hover .fog,.freezer-door:focus-visible .fog,.freezer-door.open .fog{-webkit-mask-image:radial-gradient(circle 56px at var(--hand-x) var(--hand-y),transparent 0 40px,#000 82px);mask-image:radial-gradient(circle 56px at var(--hand-x) var(--hand-y),transparent 0 40px,#000 82px)}
  .hand-memory{transform:translate(-50%,-35%) scale(.7)}
  .fold-diagram article:not(.active){opacity:.72}.fold-diagram article.active{transform:none;box-shadow:inset 6px 0 #f64b3c}
  .fold-control{display:block;margin-top:20px}.fold-control button{width:100%}.fold-control p{margin:18px 4px 0}
  .jingle{display:block;min-height:760px}.jingle-grid{position:absolute;inset:0;min-height:0;border:0}.jingle-grid i::before{left:10%;right:10%}.jingle-grid span{margin-bottom:85px}.jingle-copy{position:relative;width:100%;padding:80px 18px 95px;text-align:left}.jingle-copy h2{font-size:clamp(3.6rem,17.5vw,5.8rem)}
  .notation span{min-height:92px}.notation i{font-size:11px}
  .receipt-anatomy{grid-template-columns:1fr}.mini-receipt{width:min(230px,80%);margin:auto}.guide-hero-ticket{display:none}
  .hero-note{padding-right:64px}
  .freezer-caption{margin-right:72px}
  .footer-time{padding-right:64px}
  .fold-diagram article:not(.active){opacity:.78}
}

@media(prefers-reduced-motion:reduce){
  .fluorescent-bank i,.pack,.paper-tail .print-cursor::before,.jingle-grid i::before,.freezer-door.open .hand-memory{opacity:1;transform:none;animation:none}
  .customer::before{transition:none}.receipt-paper.feeding,.receipt-items .just-printed{animation:none}
}

/* Pass 3 — art direction */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.2,.9,.2,1.15)}
html{scrollbar-color:#f64b3c #00352e;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#00352e}
::-webkit-scrollbar-thumb{background:#f64b3c;border:3px solid #00352e;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#ffe34f}
body{font-kerning:normal;font-synthesis:none;text-rendering:optimizeLegibility}
p{orphans:3;widows:3;text-wrap:pretty}
.clock,.receipt-paper,.receipt-toggle,.section-stat,.customer-time,.customer-item,.fold-control,.footer-time,.guide-page code{font-variant-numeric:tabular-nums slashed-zero}
.section-heading h2,.cast-intro h2,.freezer-heading h2,.fold-heading h2,.jingle-copy h2,.checkout h2,.guide-copy h2{text-wrap:balance}
.receipt-paper{line-height:.96}
@keyframes receipt-unspool{from{opacity:.35;transform:translateY(-48px)}65%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1051px){.receipt-paper{animation:receipt-unspool .9s 1.05s var(--ease-out) both}}
.receipt-paper.feeding{animation:paper-feed .42s var(--ease-out)}
.brand,.brand-mark,.guide-back,footer a,.receipt-toggle,.receipt-close,.tear-button,.keepsake-close,.down-ticket,.freezer-label,.fold-control button,.checkout-tear{transition:color .28s var(--ease-out),background-color .28s var(--ease-out),transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.brand:is(:hover,:focus-visible) .brand-mark{transform:rotate(-8deg) scale(1.06);box-shadow:0 0 0 5px rgba(246,75,60,.14)}
.site-header nav a:is(:hover,:focus-visible)::after{right:0}
.site-header nav a:focus-visible,.brand:focus-visible,.guide-back:focus-visible,footer a:focus-visible{outline-offset:-4px}
.receipt-toggle:is(:hover,:focus-visible){background:#fff0a0;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #00352e}
.receipt-close:is(:hover,:focus-visible),.keepsake-close:is(:hover,:focus-visible){color:#fff;background:#f64b3c;transform:rotate(5deg)}
.tear-button:is(:hover,:focus-visible){background:#00352e;letter-spacing:.035em}
.down-ticket:is(:hover,:focus-visible){background:#f64b3c;box-shadow:8px 0 0 #ffe34f}
.down-ticket:is(:hover,:focus-visible) b{transform:translateY(5px)}
.freezer-door:is(:hover,:focus-visible) .freezer-label{transform:translateY(3px);box-shadow:4px 4px 0 rgba(0,53,46,.28)}
.fold-control button:is(:hover,:focus-visible){transform:translate(3px,3px);box-shadow:3px 3px 0 #00352e;background:#00352e}
.checkout-tear:is(:hover,:focus-visible){transform:translateX(10px) rotate(-.5deg);box-shadow:-9px 9px 0 rgba(246,75,60,.72)}
.checkout-tear:is(:hover,:focus-visible)::after{left:115%}
footer a{padding-inline:4px}
footer a:is(:hover,:focus-visible){color:#fff;background:#00352e;text-decoration-color:#ffe34f;transform:translateY(-2px)}
.guide-back:is(:hover,:focus-visible){transform:translateX(-7px);text-decoration:underline;text-underline-offset:5px}
.guide-index a{transition:color .25s var(--ease-out),padding-left .35s var(--ease-out),background-color .25s var(--ease-out)}
.guide-index a:is(:hover,:focus-visible){padding-left:8px;color:#f64b3c;background:linear-gradient(90deg,rgba(255,227,79,.35),transparent)}
.fold-diagram article{transition:opacity .35s var(--ease-out),background .35s var(--ease-out),transform .35s var(--ease-snap),box-shadow .35s var(--ease-out)}
.notation b{letter-spacing:.02em}.customer-copy h3{letter-spacing:-.025em}.customer-copy p{max-width:64ch}
.hero-note,.freezer-caption,.guide-copy p{max-width:67ch}
.receipt-paper::before{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(92deg,rgba(0,53,46,.04),transparent 8% 92%,rgba(0,53,46,.055));mix-blend-mode:multiply}
.receipt-head,.receipt-items,.receipt-totals,.receipt-thanks,.tear-button,.paper-tail{position:relative}

.thermal-window{--thermal-x:50%;--thermal-y:46%;position:relative;isolation:isolate;min-height:190px;margin:17px -12px 14px;padding:18px 12px 12px;overflow:hidden;border-block:1px dashed rgba(0,53,46,.52);background:repeating-linear-gradient(0deg,rgba(0,53,46,.028) 0 1px,transparent 1px 4px),#f4faf2;text-align:left}
.thermal-window::before{content:"";position:absolute;z-index:-1;left:var(--thermal-x);top:var(--thermal-y);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,227,79,.62),rgba(246,75,60,.13) 45%,transparent 70%);opacity:0;transform:translate(-50%,-50%) scale(.78);transition:opacity .28s,transform .45s var(--ease-out);pointer-events:none}
.thermal-window.tracking::before,.thermal-window.latched::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.thermal-register{display:block;position:relative;z-index:2;color:rgba(0,53,46,.54);font:14px var(--receipt);letter-spacing:.06em}
.thermal-secret{position:relative;z-index:2;margin:18px 0 20px!important;display:grid;gap:2px;color:#f64b3c;font:24px/.9 var(--receipt);letter-spacing:.025em;opacity:.065;transition:opacity .35s}
.thermal-secret b{font-size:31px;font-weight:400}
.thermal-window.tracking .thermal-secret{opacity:1;-webkit-mask-image:radial-gradient(circle 70px at var(--thermal-x) var(--thermal-y),#000 0 48px,transparent 88px);mask-image:radial-gradient(circle 70px at var(--thermal-x) var(--thermal-y),#000 0 48px,transparent 88px)}
.thermal-window.latched .thermal-secret{opacity:1;-webkit-mask-image:none;mask-image:none}
#warm-paper{position:relative;z-index:3;width:100%;min-height:46px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;color:#f9fffb;background:#00352e;border:2px solid #00352e;cursor:pointer;font:16px var(--receipt)}
#warm-paper:is(:hover,:focus-visible),#warm-paper[aria-pressed="true"]{color:#00352e;background:#ffe34f;box-shadow:4px 4px 0 #f64b3c;transform:translate(-2px,-2px)}
#thermal-instructions{display:block;position:relative;z-index:2;margin-top:9px;color:rgba(0,53,46,.68);font:13px/1.05 var(--receipt);text-align:center}
.keepsake-safe{margin-bottom:0!important;color:#00352e;letter-spacing:.05em}

@media(max-width:760px){
  .hero h1{display:grid!important;grid-template-columns:.92fr 1.08fr;column-gap:14px;align-items:end;font-size:clamp(5.25rem,28vw,7.2rem);line-height:.69;letter-spacing:-.1em}
  .hero h1 span:first-child{grid-column:1/-1}
  .hero h1 span:nth-child(2){grid-column:1;margin:0!important;justify-self:end;text-align:right!important}
  .hero h1 span:nth-child(3){grid-column:2;margin:0!important;justify-self:end;text-align:right!important}
  .hero-deck{margin-top:18px}
  .receipt-toggle{border-radius:0 0 2px 2px;background:linear-gradient(180deg,#fff29c,#ffe34f 78%);clip-path:polygon(0 0,100% 0,100% 96%,92% 100%,84% 96%,76% 100%,68% 96%,60% 100%,52% 96%,44% 100%,36% 96%,28% 100%,20% 96%,12% 100%,0 96%)}
  .guide-index{position:relative;background:linear-gradient(135deg,#fff 0 68%,#f2fbf8 68%);box-shadow:7px 7px 0 #ffe34f}
  .guide-index::after{content:"REGISTER 04 / QUICK INDEX";position:absolute;right:12px;top:10px;color:rgba(0,53,46,.42);font:12px var(--receipt)}
  .thermal-window{margin-inline:-8px}
}

@media(prefers-reduced-motion:reduce){
  .receipt-paper{animation:none}
  .is-ready .pack,.fluorescent-bank i,.paper-tail .print-cursor::before,.jingle-grid i::before,.freezer-door.open .hand-memory{animation:none!important;opacity:1;transform:none}
  .thermal-window::before,.thermal-secret,.brand,.brand-mark,.guide-back,footer a,.receipt-toggle,.receipt-close,.tear-button,.keepsake-close,.down-ticket,.freezer-label,.fold-control button,.checkout-tear{transition:none}
}