:root{--paper:#f6eedc;--dot:#d9c7a4;--ink:#16130f;--stamp:#ce2b20;--coin:#f4b223;--card:#fffbf2;--brick:#7b2e1e;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--paper);background-image:radial-gradient(var(--dot) 1.6px,transparent 1.7px);background-size:10px 10px;color:var(--ink);font-family:"Schibsted Grotesk","Trebuchet MS",sans-serif;font-weight:400;font-size:clamp(1rem,0.96rem + 0.5vw,1.12rem);line-height:1.45;overflow-x:clip;}.wrap{width:100%;max-width:1180px;margin:0 auto;padding-left:max(clamp(0.85rem,3vw,2rem),env(safe-area-inset-left));padding-right:max(clamp(0.85rem,3vw,2rem),env(safe-area-inset-right));}h1,h2,h3,.masthead-name{font-family:"Bangers","Comic Sans MS",cursive;font-weight:400;letter-spacing:0.02em}a{color:var(--brick)}:focus-visible{outline:4px solid var(--stamp);outline-offset:3px}.panel{background:var(--card);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:clamp(0.9rem,3vw,1.5rem);}.tilt-l{transform:rotate(-0.9deg)}.hero{padding-top:clamp(0.9rem,4vw,2rem)}.logo{display:block;width:88px;height:88px;border:4px solid var(--ink);background:var(--card);padding:5px}h1{font-size:clamp(2.05rem,8.8vw,4.2rem);line-height:0.98;margin:0.55rem 0 0;text-transform:uppercase;color:var(--ink);}h1 .hot{color:var(--stamp);display:inline-block;transform:skewX(-7deg)}.support{margin:0.7rem 0 0;max-width:34ch;font-size:clamp(1rem,0.95rem + 0.6vw,1.18rem)}.cta{display:inline-block;background:var(--stamp);color:var(--card);border:4px solid var(--ink);padding:0.72rem 1.35rem;min-height:48px;font-family:"Bangers","Comic Sans MS",cursive;font-size:clamp(1.28rem,5vw,1.7rem);letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;transform:skewX(-8deg);transition:transform 0.15s ease;}.cta span{display:inline-block;transform:skewX(8deg)}@media (hover: hover) and (pointer: fine){.cta:hover{transform:skewX(-8deg) scale(1.03)}}.ctaline{margin:0.95rem 0 0}.undercta{margin:0.6rem 0 0;font-size:0.92rem;color:var(--brick)}.story{display:grid;grid-template-columns:1fr;grid-template-rows:auto 33dvh auto;margin-top:clamp(1rem,4vw,2rem);}.herotext{grid-column:1;grid-row:1}.art{grid-column:1;grid-row:2 / span 2;align-self:start;position:sticky;top:10px;z-index:2;background:var(--card);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:8px;}.art svg{display:block;width:100%;height:auto;max-height:27dvh}.steps{grid-column:1;grid-row:3;margin:0;padding:0;list-style:none}.steps li{min-height:70dvh;display:flex;align-items:center}.step-card{background:var(--card);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:0.95rem 1.1rem;font-size:clamp(1.05rem,1rem + 0.7vw,1.3rem);position:relative;opacity:0.78;transform:translateY(10px);transition:opacity 0.35s ease,transform 0.35s ease;}.steps li.on .step-card{opacity:1;transform:translateY(0)}.step-card::after{content:"";position:absolute;left:30px;bottom:-16px;width:0;height:0;border:9px solid transparent;border-top:14px solid var(--ink);}#tag,.say,#stamp,.coin{transition:opacity 0.4s ease,transform 0.4s ease}.say{opacity:0}#art[data-step="1"] #say1{opacity:1}#art[data-step="2"] #say2{opacity:1}#art[data-step="3"] #say3{opacity:1}#tag{opacity:0;transform:translateX(-26px)}#art[data-step="2"] #tag,#art[data-step="3"] #tag{opacity:1;transform:translateX(0)}.coin{opacity:0;transform:translateY(34px)}#art[data-step="2"] #coin1{opacity:1;transform:translateY(0)}#art[data-step="3"] .coin{opacity:1;transform:translateY(0)}#art[data-step="3"] #coin2{transition-delay:0.1s}#art[data-step="3"] #coin3{transition-delay:0.2s}#stamp{opacity:0;transform:scale(1.18) rotate(-6deg);transform-origin:277px 114px}#art[data-step="3"] #stamp{opacity:1;transform:scale(1) rotate(-6deg)}.chapters{margin-top:clamp(1.6rem,6vw,3rem)}.chapter{margin-top:clamp(1.6rem,5vw,2.8rem)}.chapter h2{font-size:clamp(1.55rem,6vw,2.3rem);margin:0 0 0.5rem;text-transform:uppercase}.chapter p{margin:0 0 0.6rem}.chapter .screen{margin-top:1.1rem}.mark{position:relative;font:700 0.78rem/1 "Schibsted Grotesk","Trebuchet MS",sans-serif;background:var(--ink);color:var(--coin);border:0;border-radius:50%;width:26px;height:26px;min-width:26px;margin-left:3px;padding:0;cursor:pointer;vertical-align:super;-webkit-tap-highlight-color:transparent;}.mark::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);}.notewrap{display:inline}.noteholder{position:relative}.note{position:absolute;left:0;right:5px;top:calc(100% + 8px);transform:translateY(-6px);background:var(--card);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:0.6rem 0.7rem;font-size:0.9rem;line-height:1.4;z-index:6;opacity:0;visibility:hidden;transition:opacity 0.18s ease,transform 0.18s ease;}.notewrap.open .note{opacity:1;visibility:visible;transform:translateY(0)}.notelist{margin:1rem 0 0;padding:0;list-style:none;font-size:0.88rem;color:var(--brick)}.notelist li{margin-top:0.35rem}.phones{display:flex;gap:0.6rem;justify-content:space-between}.phones figure{margin:0;flex:1 1 0}.phones svg{display:block;width:100%;height:auto}.phones figcaption{margin-top:0.4rem;text-align:center;font-weight:700;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.03em;}.closing{margin-top:clamp(2.2rem,8vw,3.6rem)}.masthead{background:var(--card);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:clamp(1.1rem,4vw,2.4rem);}.masthead-name{font-size:clamp(1.4rem,6.4vw,2.4rem);text-transform:uppercase;text-align:center;border-bottom:4px double var(--ink);padding-bottom:0.3rem;margin:0;letter-spacing:0.08em;}.masthead h2{font-size:clamp(1.45rem,5.6vw,2.2rem);line-height:1.06;max-width:26ch;margin:0.9rem 0 0;text-transform:uppercase;}.footer-rule{height:4px;background:var(--ink);margin-top:clamp(2rem,6vw,3rem)}footer{background-color:var(--paper);padding-top:clamp(1.6rem,5vw,2.4rem);padding-bottom:calc(104px + env(safe-area-inset-bottom));}footer h2{font-size:1.1rem;margin:0 0 0.7rem;text-transform:uppercase}.srccard{background:var(--card);border:3px solid var(--ink);padding:0.75rem 0.9rem;max-width:28rem;}.srccard a{font-weight:700}.srccard p{margin:0.3rem 0 0;font-size:0.88rem}.sig{margin:1.2rem 0 0;font-family:"Bangers","Comic Sans MS",cursive;font-size:1.3rem;letter-spacing:0.05em}.bar{position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--ink);padding:0.5rem clamp(0.85rem,3vw,1.5rem);padding-bottom:calc(0.5rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:flex-end;gap:0.7rem;transform:translateY(110%);transition:transform 0.3s ease;}.bar.show{transform:translateY(0)}.bar .cta{font-size:1.05rem;padding:0.5rem 0.9rem;min-height:44px;white-space:nowrap}@media (min-width: 900px){.story{grid-template-columns:1.05fr 0.95fr;grid-template-rows:auto auto;column-gap:clamp(1.5rem,4vw,3rem)}.herotext{grid-column:1;grid-row:1}.steps{grid-column:1;grid-row:2}.art{grid-column:2;grid-row:1 / span 2;top:10vh;padding:12px}.art svg{max-height:66dvh}.steps li{min-height:72dvh}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.chapter .screen{margin-top:0}.chapter:nth-of-type(even) .copy{order:2}.chapter:nth-of-type(even) .screen{order:1}h1{font-size:clamp(2.9rem,4.4vw,4.2rem)}.logo{width:112px;height:112px}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}.step-card{opacity:1;transform:none}#tag,.coin{transform:none}#stamp{transform:rotate(-6deg)}}