:root{--snap:#FFFC00;--ink:#000000;--white:#FFFFFF;--mist:#F2F2F2;--slate:#575757;--chat:#0EADFF;--red:#F23C57;--serif:"Sorts Mill Goudy","Iowan Old Style",Georgia,serif;--book:"Crimson Pro","Iowan Old Style",Georgia,serif;--pad:clamp(1.25rem,0.8rem + 2.4vw,3.5rem);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--white);font-family:var(--book);font-size:clamp(1.0625rem,1rem + 0.3vw,1.25rem);line-height:1.45;overflow-x:clip}a{color:inherit}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:.7em 1.5em;border-radius:999px;background:var(--snap);color:var(--ink);font-family:var(--book);font-weight:600;font-size:clamp(1.0625rem,1rem + 0.35vw,1.25rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}.cta svg{width:1.1em;height:1.1em;flex:none}.cta:focus-visible{outline:3px solid var(--white);outline-offset:3px}.cta:active{transform:scale(.97)}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.story{position:relative}.hero{padding:calc(env(safe-area-inset-top) + 1rem) var(--pad) 1.6rem;background:var(--ink)}.logo{display:block;width:clamp(56px,11vw,96px);height:auto;aspect-ratio:1;border-radius:22%}h1{margin-top:clamp(.8rem,.5rem + 1.5vw,2rem);font-weight:400}.wm{display:block;font-family:var(--serif);font-size:clamp(3rem,1.6rem + 6.4vw,6.4rem);line-height:.95;letter-spacing:-.01em;color:var(--white)}.pr{display:block;margin-top:.35em;font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,1.05rem + 1.1vw,2rem);line-height:1.15;color:var(--snap);max-width:22ch}.sup{margin-top:.9rem;max-width:34ch;color:var(--mist)}.go{margin-top:1.3rem}.after{margin-top:.7rem;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);color:#CFCFCF;max-width:34ch}.stage{position:sticky;top:0;z-index:2;height:46dvh;min-height:300px;background:var(--snap);display:grid;place-items:center;overflow:hidden;--cw:min(232px,60vw,calc(36dvh * .77))}.steps{list-style:none;background:var(--ink)}.step{min-height:70dvh;padding:2.2rem var(--pad) 0}.step p{font-family:var(--serif);font-size:clamp(1.55rem,1.2rem + 1.6vw,2.5rem);line-height:1.15;max-width:18ch;opacity:.45;transition:opacity .4s ease}.step.on p{opacity:1}.step:last-child{min-height:60dvh}.card{width:var(--cw);height:calc(var(--cw) * 1.3);perspective:1100px;position:relative}.flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.face{position:absolute;inset:0;border-radius:calc(var(--cw) * .09);background:var(--white);color:var(--ink);border:2px solid var(--ink);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;padding:calc(var(--cw) * .07)}.back{transform:rotateY(180deg)}.lbl{font-family:var(--book);font-size:clamp(.62rem,calc(var(--cw) * .052),1.05rem);line-height:1.2;color:var(--slate)}.hd{font-family:var(--serif);font-size:clamp(.9rem,calc(var(--cw) * .085),1.8rem);line-height:1.05;color:var(--ink)}.av{width:calc(var(--cw) * .36);aspect-ratio:1;border-radius:28%;background:var(--snap);border:2px solid var(--ink);display:grid;place-items:center;align-self:center;margin-top:calc(var(--cw) * .02)}.av svg{width:72%;height:72%}.front .hd{text-align:center;margin-top:calc(var(--cw) * .05)}.front .lbl{text-align:center}.slots{display:flex;justify-content:center;gap:calc(var(--cw) * .045);margin-top:calc(var(--cw) * .07)}.slot{width:calc(var(--cw) * .14);aspect-ratio:1;border-radius:50%;background:var(--mist);border:1.5px solid #BDBDBD;display:grid;place-items:center;font-family:var(--serif);font-size:clamp(.7rem,calc(var(--cw) * .07),1.4rem);color:var(--slate);transition:transform .5s ease}.front .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1.5px solid var(--mist);padding-top:calc(var(--cw) * .04)}.blur{display:inline-block;width:calc(var(--cw) * .3);height:calc(var(--cw) * .06);border-radius:99px;background:linear-gradient(90deg,#D9D9D9,#EDEDED)}.tag{position:absolute;left:calc(var(--cw) * -.06);top:calc(var(--cw) * .5);padding:.3em .8em;border-radius:99px;background:var(--ink);color:var(--snap);font-family:var(--book);font-weight:600;font-size:clamp(.62rem,calc(var(--cw) * .055),1.05rem);white-space:nowrap;opacity:0;transform:translateX(-30%);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.back .top{display:flex;justify-content:space-between;align-items:baseline}.rows{list-style:none;margin-top:calc(var(--cw) * .05);display:flex;flex-direction:column;gap:calc(var(--cw) * .04)}.row{display:flex;align-items:center;gap:calc(var(--cw) * .04);padding:calc(var(--cw) * .04) calc(var(--cw) * .05);border-radius:calc(var(--cw) * .05);background:var(--mist);opacity:0;transform:translateX(12%);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.row.first{background:var(--snap);border:1.5px solid var(--ink)}.row .em{width:calc(var(--cw) * .09);height:calc(var(--cw) * .09);flex:none}.row .ini{width:calc(var(--cw) * .11);aspect-ratio:1;border-radius:50%;flex:none}.row .nm{height:calc(var(--cw) * .045);border-radius:99px;background:#BDBDBD}.row.first .nm{background:var(--ink)}.row .tf{margin-left:auto;font-weight:600;color:var(--ink);white-space:nowrap}.score{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1.5px solid var(--mist);padding-top:calc(var(--cw) * .04)}.score .blur{background:var(--snap);border:1.5px solid var(--ink)}.card[data-step="1"] .flip{transform:rotateY(0deg)}.card[data-step="2"] .flip{transform:rotateY(-24deg) rotateZ(-3deg) translateY(-4%)}.card[data-step="2"] .tag{opacity:1;transform:translateX(0)}.card[data-step="2"] .slot{transform:translateY(-8%)}.card[data-step="3"] .flip{transform:rotateY(-180deg)}.card[data-step="3"] .row{opacity:1;transform:none}.card[data-step="3"] .row:nth-child(2){transition-delay:.12s}.card[data-step="3"] .row:nth-child(3){transition-delay:.2s}.card[data-step="3"] .row:nth-child(4){transition-delay:.28s}.card[data-step="3"] .row:nth-child(1){transition-delay:.05s}.close{padding:3rem var(--pad) 4rem;background:var(--snap);color:var(--ink)}.close p{font-family:var(--serif);font-size:clamp(1.6rem,1.2rem + 1.8vw,2.75rem);line-height:1.1;max-width:20ch}.close .cta{margin-top:1.4rem;background:var(--ink);color:var(--snap)}.close .cta:focus-visible{outline-color:var(--ink)}footer{padding:1.6rem var(--pad) calc(env(safe-area-inset-bottom) + 6rem);background:var(--ink);color:#CFCFCF;font-size:clamp(.9rem,.85rem + .2vw,1rem)}footer strong{color:var(--white);font-weight:600}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:.6rem var(--pad) calc(env(safe-area-inset-bottom) + .6rem);background:rgba(0,0,0,.9);border-top:1px solid #2A2A2A;transform:translateY(110%);visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s}.bar.on{transform:none;visibility:visible;transition:transform .35s ease,visibility 0s}.bar .cta{width:min(100%,420px);min-height:48px}@media (min-width: 900px){.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:linear-gradient(90deg,var(--ink) 50%,var(--snap) 50%)}.hero{grid-column:1;grid-row:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:2rem;background:transparent}.steps{grid-column:1;grid-row:2;background:transparent}.stage{grid-column:2;grid-row:1 / span 2;align-self:start;height:100dvh;background:transparent;--cw:min(340px,28vw,calc(66dvh * .77))}.step{min-height:80dvh;display:flex;align-items:center;padding-top:0}.step:last-child{min-height:90dvh}.close{text-align:left}}@media (prefers-reduced-motion: reduce){.flip,.row,.tag,.slot,.step p,.bar,.cta{transition:none !important}}