html{scroll-behavior:smooth}#nav{background:rgba(12,21,38,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}#nav.scrolled{background:rgba(12,21,38,.96);box-shadow:0 8px 30px -12px rgba(0,0,0,.5)}.stage{position:relative;height:300vh}.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}.panel{position:absolute;inset:0}.mess-panel{background:linear-gradient(135deg,#efeade,#ded7c6);filter:saturate(.75)}.mess-item{position:absolute}.paper{background:#fffdf5;border:1px solid #d9d2be;box-shadow:0 10px 26px -12px rgba(60,50,20,.5)}.sticky-note{background:#f7e07a;padding:12px 14px;box-shadow:0 8px 18px -8px rgba(120,100,20,.6);font-family:Caveat,cursive;font-size:clamp(15px,2.4vw,19px);color:#5a4a12;line-height:1.15;border-radius:2px}.coffee{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#7a5230,#3d2817);box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}.badge-bad{background:#c0492f;color:#fff;font-size:clamp(9px,1.6vw,11px);font-weight:700;padding:3px 9px;border-radius:20px;box-shadow:0 6px 14px -6px rgba(150,40,20,.6);white-space:nowrap}.flyer{width:clamp(120px,15vw,190px);background:#fff;border:1px solid #ccc;box-shadow:0 12px 28px -12px rgba(60,50,20,.55)}.flyer .img{height:clamp(58px,8vw,90px);background:linear-gradient(120deg,#b9b2a0,#9a9384);filter:grayscale(.5)}.jitter{animation:jit 5s ease-in-out infinite}@keyframes jit{0%,to{transform:translate(0) rotate(var(--r,0deg))}25%{transform:translate(2px,-3px) rotate(calc(var(--r, 0deg) + 1.2deg))}75%{transform:translate(-2px,2px) rotate(calc(var(--r, 0deg) - 1.2deg))}}.after-panel{background:radial-gradient(120% 120% at 75% 10%,#22375f,#101d38 46%,#0c1526 100%)}.after-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:54px 54px}.after-card{background:rgba(255,255,255,.07);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:18px}.float{animation:floatY 7s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.seam-line{position:absolute;background:linear-gradient(var(--dir,180deg),transparent,var(--gold),var(--gold-soft),var(--gold),transparent);box-shadow:0 0 24px 3px rgba(189,147,80,.55);z-index:20}.seam-ico{position:absolute;z-index:21;width:44px;height:44px;border-radius:50%;background:var(--ink);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center}.side-tag{position:absolute;z-index:22;font-size:clamp(10px,1.4vw,12px);font-weight:700;letter-spacing:.26em;text-transform:uppercase}.hero-copy{position:absolute;z-index:30;text-align:center;left:50%;transform:translateX(-50%);width:92%;max-width:860px;pointer-events:none}.hero-h1{font-size:clamp(2.1rem,6vw,4.8rem);line-height:1.05;text-shadow:0 4px 40px rgba(0,0,0,.55)}.hero-sub{text-shadow:0 2px 20px rgba(0,0,0,.7)}@media (min-width:768px){.m-flyer{left:6%;top:27%}.m-note1{left:23%;top:16%}.m-note2{left:13%;top:60%}.m-xls{left:31%;top:55%}.m-coffee{left:9%;top:75%}.m-cold{left:33%;top:34%}.a-listing{right:6%;top:17%;width:clamp(240px,24vw,300px)}.a-leads{right:8%;bottom:13%;width:232px}.side-tag.left{left:4%;top:15%}.side-tag.right{right:4%;top:15%}.hero-copy{top:50%;transform:translate(-50%,-50%)}.seam-line{top:0;bottom:0;width:2px;left:var(--sx,50%);transform:translateX(-1px)}.seam-ico{top:16%;left:var(--sx,50%);transform:translate(-50%,-50%)}.hero-scrim{display:none}}@media (max-width:767px){.after-panel,.mess-panel{inset:0}.m-flyer{left:5%;top:11%;--r:-3deg}.m-note1{right:6%;top:9%;--r:5deg}.m-cold{left:42%;top:26%}.m-xls{left:8%;top:30%}.m-coffee,.m-note2{display:none}.a-listing{top:58%}.a-leads,.a-listing{left:50%;transform:translateX(-50%);width:min(78vw,300px)}.a-leads{top:84%;display:none}.side-tag.left{left:5%;top:9%}.side-tag.right{right:5%;bottom:6%;top:auto}.seam-line{left:0;right:0;height:2px;top:var(--sy,50%);--dir:90deg;transform:translateY(-1px)}.seam-ico{left:50%;top:var(--sy,50%);transform:translate(-50%,-50%)}.hero-copy{bottom:8%;top:auto}.hero-scrim{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:25;background:linear-gradient(0deg,rgba(12,21,38,.92),rgba(12,21,38,.55) 55%,transparent)}}.cmp{position:relative;border-radius:22px;overflow:hidden}.marquee{display:flex;gap:clamp(28px,5vw,50px);white-space:nowrap;animation:sx 28s linear infinite}@keyframes sx{to{transform:translateX(-50%)}}.sec-pad{padding-top:clamp(4.5rem,10vw,7rem);padding-bottom:clamp(4.5rem,10vw,7rem)}.h2{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.12}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.seam-ico,.seam-line{display:none}}