:root{--paper:#fbf3e3;--ink:#1b2a6b;--pink:#e6287a;--saff:#f6a81c;--teal:#0f9d97;--green:#2f9e44;--chalk:#1f2d28;--line:#1b2a6b22;--d:'Bagel Fat One','Arial Rounded MT Bold',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 17px/1.55 Onest,system-ui,sans-serif;overflow-x:clip;padding-bottom:72px}
body.lock{overflow:hidden}
img,video,canvas,svg,iframe{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--d);font-weight:400;line-height:1.02;letter-spacing:-.01em}h1{font-size:clamp(44px,9vw,104px)}h2{font-size:clamp(34px,6vw,68px)}
:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.wrap{width:min(1240px,100%);margin:auto;padding-inline:20px}.narrow{max-width:680px}.pad{padding-block:48px}section{position:relative}
.kick{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin-bottom:10px}.lead{font-size:clamp(18px,2.2vw,22px);max-width:34em;margin-top:14px}.fine{font-size:13px;opacity:.72;margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:14px 22px 16px 24px;background:var(--pink);color:#fff;font-weight:700;text-decoration:none;border:0;cursor:pointer;box-shadow:0 5px 0 #a3134f;transition:transform .15s,box-shadow .15s}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #a3134f}.btn.ghost{background:#fff;color:var(--ink);box-shadow:0 5px 0 var(--ink)}.btn.ghost.light{box-shadow:0 5px 0 #0007}.btn.sm{min-height:42px;padding:0 18px;font-size:15px}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.chip{min-height:44px;min-width:44px;padding:0 16px;border-radius:99px;border:2px solid var(--ink);background:none;cursor:pointer;font-weight:700}.chip.on{background:var(--ink);color:#fff}
.link{background:none;border:0;text-decoration:underline;cursor:pointer;padding:0;font-weight:700}
/* header */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#fbf3e3f2;border-bottom:2px solid var(--line)}
.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-family:var(--d);font-size:19px;line-height:1}.brand img{border-radius:50%;width:44px;height:44px}.brand small{display:block;font:500 12px Onest,sans-serif;margin-top:3px}
.mainnav{display:none;gap:22px}.mainnav a{text-decoration:none;font-weight:500;font-size:15px}.mainnav a:hover{color:var(--pink)}
.tools{display:flex;align-items:center;gap:4px}.ic{position:relative;display:grid;place-items:center;width:44px;height:44px;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;text-decoration:none}.ic b,.tab b{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--pink);color:#fff;font:700 11px/18px Onest;text-align:center}[data-count]:empty{display:none}
.hide-m,.track-ic{display:none}
.tab{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;font-size:12px;font-weight:500;text-decoration:none}.tab i{font-style:normal;font-size:20px;line-height:1.1}.tab .mid{color:var(--pink);font-weight:700}
.wa{position:fixed;z-index:39;right:14px;bottom:76px;background:#128c4b;color:#fff;font-weight:700;font-size:14px;padding:10px 15px;border-radius:99px;text-decoration:none;box-shadow:0 4px 14px #0003}
/* tunnel */
#tunnel{height:520vh;height:520svh;background:var(--ink)}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}
.plane,.lay{position:absolute;left:0;top:0;will-change:transform;backface-visibility:hidden}.plane{inset:0;display:flex;width:100%;height:100%;background:var(--ink)}.plane video{flex:1;min-width:0;width:100%;height:100%;object-fit:cover}.plane .dt{display:none}
.lay{pointer-events:none;max-width:none}
.hero-t{position:absolute;z-index:9;left:0;right:0;top:12px;padding:0 20px;text-align:center}.hero-t h1{font-size:clamp(52px,17vw,150px);line-height:.86;color:var(--ink)}.hero-t h1 span{display:inline-block;margin-right:.14em}.hero-t h1 span:nth-child(1){color:var(--pink);transform:rotate(-3deg)}.hero-t h1 span:nth-child(2){transform:rotate(1.5deg)}
.hero-t .sub{display:none}.hero-t .row{position:fixed;left:0;right:0;bottom:84px;justify-content:center;margin:0}.hero-t .kick{margin-bottom:6px}
.caps{position:absolute;z-index:9;left:0;right:0;bottom:84px;text-align:center;pointer-events:none}.caps div{position:absolute;left:50%;bottom:0;transform:translate(-50%,10px) rotate(-2deg);background:#fff;padding:9px 22px;border-radius:6px;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 5px 0 #0003}.caps b{display:block;font:400 28px/1 var(--d)}.caps div.on{opacity:1;transform:translate(-50%,0) rotate(-2deg)}
.endt{position:absolute;z-index:9;left:0;right:0;bottom:84px;padding:0 20px;text-align:center;color:#fff;opacity:0;visibility:hidden;transition:opacity .3s}.endt h2{text-shadow:0 3px 18px #000a;margin-bottom:18px}.endt.on{opacity:1;visibility:visible}
.cue{position:absolute;z-index:9;left:0;right:0;bottom:66px;text-align:center;font-size:13px;font-weight:700;color:var(--ink)}
.strip{overflow:hidden;background:var(--saff);border-block:3px solid var(--ink);font:400 22px var(--d);white-space:nowrap;padding:9px 0}.strip div{display:inline-block;animation:mq 34s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.say{padding-block:90px}#say{font:400 clamp(34px,7vw,84px)/1.06 var(--d)}#say span{opacity:.14;transition:opacity .35s}#say span.on{opacity:1}
/* chalk */
.board{background:var(--chalk) url(../media/grain.png);color:#f4f1e8;padding-block:64px;border-block:14px solid #a9743f}.chalk{font-family:'Cabin Sketch',var(--d);font-weight:700;margin-bottom:14px;color:#ffe9a8}.chalk-k{color:#7fe3d6}.board .chip{border-color:#f4f1e8;color:#f4f1e8}.board .chip.on{background:#f4f1e8;color:var(--chalk)}
.bgrid{display:grid;gap:26px}#chalk{width:100%;height:330px;touch-action:none;border:2px dashed #ffffff40;border-radius:8px;cursor:crosshair}
/* stacked classes */
.stack{padding-block:72px}.shead{margin-bottom:30px}.split{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.scard{position:sticky;top:76px;display:grid;gap:16px;margin-bottom:22px;padding:22px;border-radius:30px 12px 34px 14px;color:#fff;text-decoration:none;min-height:min(72vh,560px);box-shadow:0 -6px 20px #0002;overflow:hidden;transform-origin:50% 0}
.scard h3{font-size:clamp(46px,8vw,92px)}.scard video{width:100%;height:clamp(210px,36vh,380px);object-fit:cover;border-radius:50% 50% 14px 14px / 34% 34% 14px 14px;background:#0002}.scard p{font-size:18px}.scard small{font-weight:700;font-size:14px}
.bg-pink{background:var(--pink)}.bg-saff{background:var(--saff);color:var(--ink)}.bg-teal{background:var(--teal)}.bg-green{background:var(--green)}
/* leaves */
.lib{padding-block:40px 80px;background:#fff}.leaves{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 20px;scrollbar-width:none}.leaves::-webkit-scrollbar{display:none}
.leaf-c{flex:0 0 min(70vw,310px);scroll-snap-align:center;text-decoration:none}.leaf-c:nth-child(even){margin-top:34px}.leaf-c video,.leaf,.tile video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0 46% 0 46%;background:#ddd}.leaf-c:nth-child(even) video{border-radius:46% 0 46% 0}.leaf-c b{display:block;font:400 25px/1.1 var(--d);margin-top:12px}.leaf-c small{color:var(--pink);font-weight:700}
/* dial */
.dial{background:var(--teal);color:#fff;padding-block:64px;overflow:hidden}.dial .kick{color:#ffe08a}.dgrid{display:grid;gap:26px}.dview video{width:100%;aspect-ratio:4/5;object-fit:cover;border:10px solid #fff;border-radius:6px;transform:rotate(-1.6deg);box-shadow:0 12px 0 #0002;background:#0003;max-height:64vh}.fs{font-weight:700;margin-top:6px}.wheelbox{margin:22px auto 0;max-width:330px}#wheel{width:100%;transition:transform .7s cubic-bezier(.3,1.4,.5,1);overflow:visible}#wheel path{cursor:pointer;stroke:#fff;stroke-width:1.5}#wheel text{font:400 9px var(--d);fill:#fff;pointer-events:none}
/* trust */
.trust{display:grid;gap:30px;padding-block:80px;align-items:center}.rosette{width:min(72vw,360px);margin:auto}.nums{display:grid;grid-template-columns:1fr 1fr;gap:22px}.nums b{display:block;font:400 clamp(48px,8vw,84px)/1 var(--d);color:var(--pink)}
.visit-b{min-height:78vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ink)}.visit-b video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.visit-b .wrap{position:relative;padding-block:50px}
/* footer */
.foot{background:var(--ink);color:#fff;padding-bottom:30px}.jumble{position:relative;height:250px;overflow:hidden;touch-action:pan-y}.jumble span{position:absolute;left:0;top:0;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;font:400 34px var(--d);cursor:grab;user-select:none;will-change:transform}
.footgrid{display:grid;gap:30px}.footgrid h3{font-size:42px;margin-bottom:18px}.footgrid b{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--saff);margin-bottom:8px}.footgrid a:not(.btn){display:block;padding:5px 0;text-decoration:none}
/* inner */
.phead{overflow:hidden;background:var(--saff);padding-block:52px;border-bottom:4px solid var(--ink)}.phead .pv{display:none}
.cards{display:grid;gap:20px;padding-block:40px}.card{display:block;padding:18px;border-radius:24px 10px 26px 12px;text-decoration:none;background:#fff;border:2px solid var(--ink);transition:transform .25s}.card:hover{transform:translateY(-5px) rotate(-.6deg)}.card video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:12px}.card h3{font-size:34px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:24px 60px}.tile{text-decoration:none;display:block}.tile b{display:block;font:400 clamp(18px,3vw,25px)/1.1 var(--d);margin-top:9px}.tile small{color:var(--pink);font-weight:700}.tile span{font-weight:700;display:block}.grid .tile:nth-child(even) video{border-radius:46% 0 46% 0}
.calc{padding-block:10px 60px}.calc h2{margin-bottom:18px}.calcg{display:grid;gap:14px;background:#fff;padding:20px;border:2px solid var(--ink);border-radius:18px}.calcr span{font:400 30px var(--d);display:block}.calcr small{opacity:.7}
.pd{display:grid;gap:24px;padding-block:28px 60px}.pd video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0 40% 0 40%;max-height:70vh}.pd h1{font-size:clamp(44px,7vw,84px);margin-bottom:12px}.price{font:400 32px var(--d);color:var(--pink);margin:10px 0}.pd ul,.pd ol{padding-left:20px;margin:10px 0 18px}.pd li{margin:6px 0}.pd h3{font-size:26px;margin-top:20px}
.seat{display:inline-block;background:var(--saff);padding:4px 12px;border-radius:99px;font-weight:700;font-size:14px}
.form{display:grid;gap:14px;margin-top:20px}fieldset{border:0;padding:0;display:grid;gap:14px}label{display:grid;gap:5px;font-weight:700;font-size:15px}input,select,textarea{width:100%;min-height:50px;padding:10px 14px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:16px;font-weight:400}
.slots{display:flex;gap:8px;flex-wrap:wrap}.steps{display:flex;gap:8px;list-style:none;padding:0;margin-top:14px}.steps li{flex:1;text-align:center;padding:7px;border-radius:8px;background:#0000000f;font-weight:700;font-size:14px}.steps li.on{background:var(--ink);color:#fff}
.trk{display:flex;gap:10px;margin-top:20px}.tl{list-style:none;padding:0;margin-top:26px}.tl li{position:relative;padding:0 0 24px 40px;opacity:.45}.tl li.done{opacity:1}.tl li:before{content:"";position:absolute;left:5px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--ink)}.tl li.done:before{background:var(--green)}.tl li:after{content:"";position:absolute;left:14px;top:25px;bottom:0;width:3px;background:var(--ink)}.tl li:last-child:after{display:none}
.line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:2px solid var(--line)}.line img{width:64px;height:64px;object-fit:cover;border-radius:12px}.qty{display:flex;gap:6px;align-items:center;margin-top:3px}.qty button{width:34px;height:34px;border:2px solid var(--ink);background:none;border-radius:8px;cursor:pointer}.total{display:flex;justify-content:space-between;font:400 26px var(--d);margin:18px 0}
.two{display:grid;gap:28px;padding-block:48px;align-items:center}.two p{margin-top:12px}.map{width:100%;height:360px;border:2px solid var(--ink);border-radius:18px}
.rv{font-size:19px;background:#fff;padding:20px;border-radius:18px;border:2px solid var(--ink)}.rv small{display:block;margin-top:9px;font-weight:700;color:var(--pink)}
details{border-bottom:2px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:700;font-size:19px}details p{margin-top:8px}.notice ul{list-style:none;padding:0}.notice li{padding:12px 0;border-bottom:2px dashed var(--line)}.notice b{display:block}.notice small{font:500 14px Onest;opacity:.6}
.fests{padding-block:30px 60px;display:grid;gap:40px}.fest{display:grid;gap:14px;align-items:center}.fest video{width:100%;aspect-ratio:4/5;object-fit:cover;border:8px solid #fff;box-shadow:0 8px 0 var(--line);transform:rotate(-1.2deg);max-height:70vh}.fest:nth-child(even) video{transform:rotate(1.2deg)}.fest p{margin-top:8px}
.masonry{columns:2;column-gap:12px;padding-block:24px 60px}.masonry button{display:block;width:100%;padding:0;border:0;margin-bottom:12px;background:none;cursor:pointer}.masonry img{width:100%;border-radius:12px}.masonry button:nth-child(3n) img{aspect-ratio:1;object-fit:cover}
.filt{margin:24px 0 0}
/* overlays */
.layer{position:fixed;inset:0;z-index:60;background:#1b2a6bf2;color:#fff;padding:16px;overflow:auto}.layer[hidden]{display:none}.searchbox{position:relative;max-width:720px;margin:auto}.searchbox input{padding-right:50px;color:var(--ink)}.searchbox .ic{position:absolute;right:2px;top:3px;color:var(--ink)}#res a{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #fff3;text-decoration:none}#res img{width:50px;height:50px;object-fit:cover;border-radius:10px}#res small{display:block;opacity:.75}
.menu{display:flex;flex-direction:column;gap:6px}.menu a{font:400 34px var(--d);text-decoration:none;padding:4px 0}.menu .ic{align-self:flex-end;color:#fff}
#lb{display:grid;place-items:center}#lb[hidden]{display:none}#lb video{max-height:86vh;border-radius:10px}#lb .ic{position:absolute;top:8px;right:8px;color:#fff}
/* note popup */
.slip{position:fixed;z-index:70;left:12px;right:12px;bottom:82px;max-width:430px;margin:auto;background:#fffdf5 repeating-linear-gradient(#fffdf5 0 30px,#b9cdec66 30px 31px);padding:20px 20px 22px;border-radius:4px;box-shadow:0 18px 50px #0006;animation:slip .6s cubic-bezier(.3,1.5,.5,1) both;transform-origin:50% 100%}@keyframes slip{from{transform:translateY(120%) rotate(9deg)}to{transform:rotate(-1.2deg)}}
.slip:before{content:"";position:absolute;top:-13px;left:50%;width:96px;height:27px;margin-left:-48px;background:#f6a81cc9;transform:rotate(2deg)}.slip h3{font-size:30px;padding-right:32px}.slip p{margin:8px 0 12px}.slip .x{position:absolute;right:6px;top:6px}.slip .row{margin:0;gap:8px}.slip video{width:92px;height:112px;object-fit:cover;border-radius:0 40% 0 40%;float:right;margin-left:10px}
.rv-in{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s}.rv-in.in{opacity:1;transform:none}
@media(min-width:900px){
body{padding-bottom:0}.tab,.show-m{display:none}.hide-m,.track-ic{display:flex}.mainnav{display:flex}.wa{bottom:20px}
.plane .dt{display:block}
.hero-t{text-align:left;top:50%;transform:translateY(-50%);left:5vw;right:auto;width:44vw;padding:0}.hero-t h1{font-size:clamp(70px,10vw,170px)}.hero-t h1 span{display:block}.hero-t .sub{display:block;font-size:20px;max-width:24em;margin:16px 0 0;font-weight:500}.hero-t .row{position:static;justify-content:flex-start;margin-top:22px}
.caps,.endt{bottom:60px}.cue{bottom:18px}.bgrid,.dgrid,.two,.pd,.fest{grid-template-columns:1fr 1fr}.bgrid{align-items:center}#chalk{height:440px}.fest:nth-child(even) video{order:2}.fest{gap:50px}.fest video{max-width:430px;justify-self:center}.dview video{max-width:470px;margin:auto}
.scard{grid-template-columns:1fr 1fr;align-items:center;padding:40px}.scard video{height:440px}.trust{grid-template-columns:1fr 1.4fr}.footgrid{grid-template-columns:1.5fr 1fr 1fr}.cards{grid-template-columns:repeat(4,1fr)}.cards.t3,#revs{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(4,1fr);gap:22px}.masonry{columns:4}.calcg{grid-template-columns:1fr 1fr 1.4fr;align-items:end}.pd video{position:sticky;top:90px}
.phead .pv{display:block;position:absolute;right:6vw;top:50%;margin-top:-170px;height:340px;width:272px;object-fit:cover;border-radius:0 46% 0 46%;transform:rotate(3deg)}
.slip{left:auto;right:24px;bottom:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#tunnel{height:100vh}}
@media(max-width:899px){.intun .wa{display:none}}