:root{--gold:#F3B61F;--ink:#16120D;--paper:#FFFBF0;--tomato:#CF2E1F;--soft:#4A3F2E;--display:"Bricolage Grotesque","Arial Narrow",sans-serif;--body:"Manrope",system-ui,sans-serif;--s1:clamp(1rem,0.96rem + 0.2vw,1.0625rem);--s2:clamp(1.44rem,1.2rem + 1.1vw,2.37rem);--s3:clamp(2.07rem,1.5rem + 3.2vw,4.2rem);--line:2px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--ink);color:var(--ink);font:500 var(--s1)/1.6 var(--body);overflow-x:clip;caret-color:var(--tomato)}::selection{background:var(--ink);color:var(--gold)}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;letter-spacing:-0.02em;text-wrap:balance;margin:0}p,li{text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.hero{background:var(--gold);padding:calc(14px + env(safe-area-inset-top)) 0 76px;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),75% 100%,50% calc(100% - 22px),25% calc(100% - 44px),0 calc(100% - 20px))}@supports (clip-path: shape(from 0 0,line to 1px 1px)){.hero{clip-path:shape(from 0 0,line to 100% 0,line to 100% calc(100% - 36px),curve to 50% calc(100% - 18px) with 78% 100%,curve to 0 calc(100% - 26px) with 22% calc(100% - 58px),close)}}.hero-grid{display:grid;gap:28px;align-items:center}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.brand img{width:clamp(56px,12vw,120px);height:auto;aspect-ratio:1;display:block}.brand span{font:800 var(--s1)/1 var(--display);letter-spacing:0.01em}h1{font-size:var(--s3);max-width:15ch}.lead{margin:12px 0 0;max-width:40ch;color:var(--ink)}.path{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px}.q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:var(--line) solid var(--ink);border-radius:14px;padding:8px 12px;text-align:left;font-weight:700;line-height:1.3;background:transparent}.q small{font:500 0.8125rem/1.3 var(--body);color:var(--soft);display:block}.q .no{flex:none;font:700 0.8125rem/1 var(--body);border:var(--line) solid var(--ink);border-radius:999px;padding:6px 9px;color:var(--soft)}.yes{display:flex;flex-direction:column;align-items:center;height:30px;justify-content:center;position:relative}.yes svg{display:block}.yes span{position:absolute;left:calc(50% + 14px);top:6px;font:700 0.8125rem/1 var(--body)}.go-btn{display:inline-flex;align-items:center;justify-content:center;min-width:250px;min-height:60px;padding:14px 30px;border-radius:999px;background:var(--tomato);color:#fff;text-decoration:none;font:800 1.2rem/1 var(--display);letter-spacing:0.01em;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ink);transform:rotate(-2deg);transition:transform 0.18s cubic-bezier(0.16,1,0.3,1)}.go-btn:active{transform:rotate(-2deg) scale(0.95)}@media (hover: hover) and (pointer: fine){.go-btn:hover{transform:rotate(0deg) scale(1.03)}}.go-btn:focus-visible{outline:3px solid var(--ink);outline-offset:8px}.go{margin-top:12px}.under{margin:14px 0 0;font-size:0.875rem;color:var(--ink)}.flip{justify-self:center;width:min(100%,360px);aspect-ratio:9 / 10;perspective:1200px;border:0;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.flip-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1);transform:rotateY(180deg)}.flip.is-back .flip-in{transform:rotateY(0deg)}.flip.intro .flip-in{animation:turn 1s cubic-bezier(0.16,1,0.3,1) 0.5s both}@keyframes turn{from{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face svg{width:100%;height:100%;display:block}.face.front{transform:rotateY(180deg)}.flip-note{display:block;text-align:center;font-size:0.8125rem;margin-top:8px}.story{background:var(--ink);color:var(--gold);padding:56px 0 80px}.story h2{font-size:var(--s2);color:var(--paper);max-width:20ch}.story-grid{display:grid;margin-top:8px}.stage{position:sticky;top:0;z-index:1;background:var(--ink);padding:12px 0 8px;height:min(44dvh,330px)}.stage svg{height:100%;width:auto;max-width:100%;display:block;margin-inline:auto}.steps{list-style:none;margin:0;padding:0}.steps li{min-height:70dvh;display:flex;align-items:center}.steps p{margin:0;font:800 var(--s2)/1.15 var(--display);color:var(--paper);max-width:18ch}.g-part{transition:opacity 0.5s ease,transform 0.6s cubic-bezier(0.16,1,0.3,1);transform-box:fill-box;transform-origin:center}.s1,.s2,.s3{opacity:0}.stage[data-step="1"] .s1,.stage[data-step="2"] .s2,.stage[data-step="3"] .s3{opacity:1}.stage[data-step="1"] .s2,.stage[data-step="1"] .s3{transform:translateY(16px)}.stage[data-step="2"] .s3{transform:scale(0.6)}.stage[data-step="3"] .s1{transform:translateY(-16px)}.board{background:var(--paper);padding:64px 0 72px;clip-path:polygon(0 12px,7% 2px,14% 14px,22% 4px,31% 13px,40% 0,49% 12px,58% 3px,67% 14px,76% 4px,85% 12px,93% 2px,100% 10px,100% 100%,0 100%)}@supports (clip-path: shape(from 0 0,line to 1px 1px)){.board{clip-path:shape(from 0 12px,line to 7% 2px,line to 14% 14px,line to 22% 4px,line to 31% 13px,line to 40% 0,line to 49% 12px,line to 58% 3px,line to 67% 14px,line to 76% 4px,line to 85% 12px,line to 93% 2px,line to 100% 10px,line to 100% 100%,line to 0 100%,close)}}.track{display:grid;gap:40px;position:relative}.tile{position:relative;border:var(--line) solid var(--ink);border-radius:6px;padding:20px 18px;min-width:0}.tile::before{content:"";position:absolute;inset:0;border:var(--line) solid var(--ink);border-radius:6px;transform:translate(6px,6px);opacity:0.35;pointer-events:none}.tile::after{content:"";position:absolute;left:28px;bottom:-42px;width:var(--line);height:40px;background:var(--ink)}.tile:last-child::after{display:none}.counter{position:absolute;top:-16px;right:-12px;width:36px;height:36px;border-radius:50%;background:var(--tomato);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink);opacity:0;transform:scale(0.4);transition:opacity 0.3s ease,transform 0.4s cubic-bezier(0.16,1,0.3,1)}.tile.is-here .counter{opacity:1;transform:scale(1)}.num{font:800 var(--s3)/0.9 var(--display);display:block;margin-bottom:6px}.tile h2{font-size:var(--s2);margin-bottom:12px}.tile p{margin:0 0 10px;max-width:62ch}.tag{font:700 0.8125rem/1 var(--body);border:var(--line) solid var(--ink);border-radius:999px;padding:6px 10px;display:inline-block}.toc{list-style:none;margin:8px 0 0;padding:0}.toc li{display:flex;align-items:baseline;gap:8px}.toc a{text-decoration:none;font-weight:700;padding:8px 0;display:inline-block;min-height:44px}.toc a:hover{text-decoration:underline}.toc .dots{flex:1;border-bottom:2px dotted var(--ink);opacity:0.5;transform:translateY(-6px)}.toc .pg{font:800 var(--s1)/1 var(--display)}.cols{display:grid;gap:18px}.cols h3{font-size:var(--s1);font-family:var(--body);font-weight:700;letter-spacing:0;margin-bottom:6px}.cols ul{margin:0;padding-left:1.1em}.cols li{margin-bottom:6px}.pills{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pills li{border:var(--line) solid var(--ink);border-radius:999px;padding:8px 14px;font-weight:700}.avail{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.avail b{font-weight:700}.explode{width:100%;height:auto;display:block;max-width:560px}.ticket{display:grid;border:var(--line) solid var(--ink);border-radius:10px;overflow:hidden;margin-top:6px}.ticket .stub-txt{padding:20px 18px}.ticket .stub-txt p{margin:0;font:800 var(--s2)/1.15 var(--display)}.ticket .stub{display:flex;align-items:center;justify-content:center;padding:26px 18px;border-top:3px dotted var(--ink);background:transparent}.start-tag{display:inline-block;margin-bottom:10px}footer{background:var(--ink);color:var(--gold);padding:56px 0 calc(96px + env(safe-area-inset-bottom))}.sig{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font:800 var(--s2)/1 var(--display);color:var(--paper)}.sig i{display:inline-block;width:40px;height:4px;background:var(--gold)}.sig .dom{font:700 var(--s1)/1 var(--body);color:var(--gold)}.foot-links{display:flex;gap:18px;margin-top:14px;font-size:0.875rem}.foot-links a,.foot-links button{color:var(--gold);background:none;border:0;padding:12px 0;font:inherit;cursor:pointer;text-decoration:underline;min-height:44px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--gold);border-top:var(--line) solid var(--ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);opacity:0;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),opacity 0.35s ease}.bar.on{transform:none;opacity:1}.bar .go-btn{min-height:52px;min-width:240px;font-size:1.05rem;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink);transform:none}dialog{border:var(--line) solid var(--ink);border-radius:16px 16px 0 0;padding:0;margin:auto auto 0;width:100%;max-width:100%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(22,18,13,0.6)}dialog[open]{animation:up 0.35s cubic-bezier(0.16,1,0.3,1)}@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet{padding:20px 18px calc(18px + env(safe-area-inset-bottom))}.sheet h2{font-size:var(--s2)}.chips{display:flex;gap:8px;margin:10px 0 14px}.chips span{font:700 0.8125rem/1 var(--body);color:#fff;background:#1E6B3A;border-radius:999px;padding:7px 11px}.tabs{display:flex;gap:6px;border-bottom:var(--line) solid var(--ink)}.tabs button{font:700 var(--s1)/1 var(--body);background:none;border:0;padding:12px 14px;min-height:44px;cursor:pointer;color:var(--soft);border-bottom:4px solid transparent;margin-bottom:-2px}.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--tomato)}.panel{padding:14px 0;max-height:40dvh;overflow:auto}.panel p{margin:0 0 10px}.ok{display:block;width:100%;min-height:52px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font:800 1.05rem/1 var(--display);cursor:pointer}@media (min-width: 760px){.cols{grid-template-columns:1fr 1fr}.ticket{grid-template-columns:1.6fr 1fr}.ticket .stub{border-top:0;border-left:3px dotted var(--ink)}dialog{border-radius:16px;margin:auto;max-width:560px}}@media (min-width: 980px){.hero{padding-bottom:96px}.hero-grid{grid-template-columns:1.25fr 1fr;gap:48px}.brand{margin-bottom:14px}.path{flex-direction:row;max-width:none;align-items:center;justify-content:center}.q{width:auto;flex:1 1 0;max-width:270px;flex-direction:column;align-items:flex-start;gap:8px}.yes{height:auto;width:40px}.yes svg{transform:rotate(-90deg)}.yes span{left:6px;top:-18px}.go{margin-top:0;margin-left:6px}.path-wrap{display:flex;flex-direction:column;align-items:center}.story-grid{grid-template-columns:1fr 1fr;gap:48px;align-items:start}.stage{order:2;top:12vh;height:min(70vh,520px);padding:0}.steps{order:1}.track{grid-template-columns:repeat(6,1fr);gap:40px 32px}.t-start{grid-column:span 2}.t-know{grid-column:span 4}.t-where{grid-column:span 2}.t-inside{grid-column:span 4}.t-finish{grid-column:span 6}.tile::after{left:auto;right:-34px;bottom:auto;top:40px;width:32px;height:var(--line)}.t-know::after,.t-inside::after{right:auto;left:40px;top:auto;bottom:-42px;width:var(--line);height:40px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}:is(html,body){max-width:100%;overflow-x:clip}