@font-face{font-family:Inter Tight;src:url(../fonts/InterTight-latin-var.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/GeistMono-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ground: #9a4a2a;--ground-sun: #bd6942;--ground-deep: #7c3a20;--on-ground: #fbf1e4;--on-ground-soft: #f3dcc8;--card: #f6ead9;--ink: #2a140b;--ink-soft: #6e4a38;--line: rgba(42, 20, 11, .14);--line-on-ground: rgba(251, 241, 228, .45);--accent: #e9a35b;--walnut: #8a5a36;--sans: "Inter Tight", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--pad: clamp(20px, 4vw, 56px);--r: 18px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{margin:0;background:var(--ground);color:var(--on-ground);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.035em}h2{font-size:clamp(38px,4.4vw,64px);line-height:1}h3{font-size:24px;line-height:1.15;letter-spacing:-.02em}p{margin:0}:focus-visible{outline:2px solid var(--on-ground);outline-offset:3px}.btn,.btn-line{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-size:17px;font-weight:500;white-space:nowrap;transition:background .25s,color .25s,transform .25s,opacity .25s}.btn{background:var(--card);color:var(--ink)}.btn-line{box-shadow:inset 0 0 0 1px var(--line-on-ground);color:var(--on-ground)}.nav .btn{background:var(--ink);color:var(--on-ground)}.btn:disabled,.btn-line:disabled{opacity:.45;cursor:default}.hero-acts .btn.live{opacity:1;background:var(--card);color:var(--ink);font-family:var(--mono);font-size:16px;box-shadow:inset 0 0 0 1px var(--line);min-width:168px;justify-content:center}.btn-sm{min-height:40px;padding:0 18px;font-size:16px}@media (hover: hover) and (pointer: fine){.btn:not(:disabled):hover{background:#fff8ee}.nav .btn:hover{background:#4a2616}.btn-line:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--on-ground)}}.nav{position:fixed;top:12px;left:50%;z-index:20;width:min(960px,calc(100% - 24px));transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 8px 8px 20px;border-radius:999px;background:#f6ead9e6;color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s,box-shadow .3s}.nav-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px;letter-spacing:-.02em}.nav-brand svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.hero{position:relative;min-height:max(720px,100svh);padding:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:1fr auto;overflow:hidden;background:radial-gradient(52% 62% at 68% 46%,var(--ground-sun) 0%,rgba(189,105,66,0) 100%),linear-gradient(160deg,var(--ground) 40%,var(--ground-deep) 100%)}.hero-copy{position:relative;z-index:2;grid-column:1;grid-row:1;align-self:center;padding:120px 0 0 var(--pad);max-width:600px;pointer-events:none}.hero h1{font-size:clamp(48px,5.6vw,88px);line-height:.98;letter-spacing:-.045em}.hero-copy p{margin-top:22px;max-width:30em;color:var(--on-ground-soft);font-size:18px}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.stage:active{cursor:grabbing}.stage.point{cursor:pointer}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .9s ease}.stage.ready canvas{opacity:1}.stage-still{position:absolute;top:57.9%;left:66.5%;width:min(52.8vw,84.5svh);transform:translate(-50%,-50%);transition:opacity .6s ease .2s;pointer-events:none}.stage.ready .stage-still{opacity:0}.loading{position:absolute;display:flex;align-items:center;gap:14px;transform:translate(-50%,-50%);transition:opacity .5s ease;pointer-events:none;z-index:2}.loading.done{opacity:0}.loading-line{position:relative;width:140px;height:1px;background:var(--line-on-ground);overflow:hidden}.loading-line i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--on-ground);transform-origin:left;transition:transform .35s ease}.loading-line b{position:absolute;top:0;bottom:0;left:0;width:30%;background:var(--on-ground-soft);opacity:0}.loading.wait .loading-line b{opacity:.7;animation:load-drift 1.6s ease-in-out infinite}@keyframes load-drift{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion: reduce){.loading.wait .loading-line b{animation:none;opacity:0}}.loading-pct{font:400 12px/1 var(--mono);letter-spacing:.06em;color:var(--on-ground-soft);font-variant-numeric:tabular-nums;min-width:4ch}.stage-loading{top:57.9%;left:66.5%}.tour-loading{top:50%;left:66%}.tour-pin canvas{opacity:0;transition:opacity .9s ease}.tour-pin canvas.ready{opacity:1}.dot,.callout,.handle-tag{position:absolute;top:0;left:0;will-change:transform}.dot{width:0;height:0;opacity:0;pointer-events:none;transition:opacity .3s}.dot.shown{opacity:1;pointer-events:auto}.dot:before{content:"";position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%}.dot span{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:#fbfaf7e6;box-shadow:0 0 0 1px #1716142e,0 4px 12px -2px #0000004d;transition:transform .3s,background .3s}.dot span:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--ink);transition:background .3s}.dot span:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(251,250,247,.9);animation:ping 2.4s ease-out infinite}.dot.on span{transform:scale(1.25);background:var(--ink)}.dot.on span:after{background:var(--accent)}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}.callout{z-index:3;display:flex;align-items:flex-start;gap:0;pointer-events:none;opacity:0;transition:opacity .25s}.callout.on{opacity:1}.callout i{width:56px;height:1px;margin-top:0;background:var(--on-ground);transform-origin:left;transform:scaleX(0);transition:transform .35s ease}.callout.on i{transform:scaleX(1)}.callout div{margin-top:-22px;width:260px;padding:14px 16px;border-radius:14px;background:#f6ead9f5;color:var(--ink);box-shadow:0 1px 0 var(--line),0 16px 40px -18px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(6px);transition:transform .35s ease}.callout.on div{transform:none}.callout b{display:block;font-weight:600;font-size:17px}.callout span{display:block;margin-top:4px;color:var(--ink-soft);font-size:17px;line-height:1.4}.callout.left{flex-direction:row-reverse}.callout.left{translate:-100% 0}.callout.left i{transform-origin:right}.handle-tag{z-index:4;margin:18px 0 0 -40px;padding:10px 16px;border-radius:999px;background:var(--card);color:var(--ink);font-size:16px;font-weight:500;white-space:nowrap;box-shadow:0 10px 24px -12px #0009;animation:tag-in .6s ease both}.handle-tag.busy{background:var(--card);color:var(--ink);font-family:var(--mono);font-size:16px;box-shadow:inset 0 0 0 1px var(--line),0 10px 24px -12px #0006}@keyframes tag-in{0%{opacity:0}}.handle-tag{transition:opacity .25s}.handle-tag.moving{opacity:0;pointer-events:none}.hero-foot{position:relative;z-index:2;grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--pad) 32px;pointer-events:none}.hero-foot>*{pointer-events:auto}.hint{display:inline-flex;align-items:center;gap:10px;color:var(--on-ground-soft);font-size:17px;transition:opacity .6s}.hint:before{content:"";width:28px;height:1px;background:currentColor}.hero-foot.tried .hint{opacity:.5}.hero-acts{display:flex;gap:10px}@media (max-width: 760px){.nav{padding-left:16px}.hero{display:flex;flex-direction:column;min-height:100svh}.hero-copy{padding:104px var(--pad) 0}.hero h1{font-size:clamp(40px,11vw,54px)}.hero-copy p{font-size:17px;margin-top:14px}.hint,.callout span{font-size:16px}.stage{position:relative;inset:auto;flex:1;min-height:min(104vw,480px)}.stage-still{top:50%;left:50%;width:96vw}.stage-loading{top:50%;left:50%}.tour-loading{top:36%;left:50%}.callout div{width:200px}.handle-tag{display:none}.dot span{transform:scale(.8)}.dot.on span{transform:scale(1)}.hero-foot{flex-direction:column;align-items:stretch;padding-bottom:20px}.hint{justify-content:center;text-align:center}.hint:before{display:none}.hero-acts>*{flex:1;justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tag{font:500 12px/1 var(--mono);letter-spacing:.02em;color:var(--ink-soft);margin:0}.btn-ink{background:var(--ink);color:var(--on-ground)}.finishes{background:var(--card);color:var(--ink);padding:120px 0 140px;overflow:hidden}.marquee{margin:0 0 120px;font:500 clamp(64px,10.6vw,156px)/1 var(--sans);letter-spacing:-.055em;white-space:nowrap}.marquee span{display:inline-block;padding-left:32px;transform:translate(calc((.35 - var(--p, .35)) * 60vw));will-change:transform}.fin-body{display:grid;grid-template-columns:minmax(0,1fr) 860px;column-gap:40px;padding:0 32px;max-width:1440px;margin:0 auto}.fin-body .tag{padding-top:4px}.fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 44px}.fin-card{margin:0;opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s)}.fin-grid.in .fin-card{opacity:1;transform:none}.fin-img{position:relative;aspect-ratio:408 / 290;border-radius:10px;background:#efdfca;box-shadow:inset 0 0 0 1px #2a140b12;overflow:hidden}.fin-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:9% 0 7%;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.fin-img img+img{opacity:0;transform:scale(.98)}.fin-card:hover .fin-img img:first-child{opacity:0;transform:scale(.98)}.fin-card:hover .fin-img img+img{opacity:1;transform:none}.fin-card figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px}.fin-card b{font:500 16px/1.2 var(--sans)}.chip{font:500 12px/1 var(--mono);letter-spacing:.04em;padding:4px 8px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--ink)}.big-link{grid-column:2;margin-top:88px;font:500 clamp(32px,3.4vw,48px)/1 var(--sans);letter-spacing:-.035em;color:var(--ink);text-decoration:none;display:inline-flex;gap:12px;align-items:baseline}.big-link span{font-size:.7em;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.big-link:hover span{transform:translate(8px)}.tour{height:360vh;position:relative;background:radial-gradient(70% 60% at 66% 46%,var(--ground-sun),var(--ground) 62%,var(--ground-deep))}.tour-pin{position:sticky;top:0;height:100svh;overflow:hidden}.tour-pin canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tour-still{position:absolute;top:52%;left:66%;width:min(52vw,84svh);height:auto;transform:translate(-50%,-50%);transition:opacity .6s ease}.tour-pin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#5c281299,#5c281200 42%);pointer-events:none}.tour-copy{position:absolute;left:120px;bottom:15svh;width:min(470px,36vw);z-index:2}.tour-ch{position:absolute;left:0;bottom:0;width:100%;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.tour-ch.on{opacity:1;transform:none}.tour-label{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-ground);margin:0 0 20px;display:flex;gap:22px}.tour-label span{color:var(--on-ground-soft)}.tour-ch h2{font:500 clamp(44px,5vw,72px)/1.02 var(--sans);letter-spacing:-.04em;margin:0 0 22px;color:var(--on-ground)}.tour-ch p:last-child{font:400 17px/1.55 var(--sans);color:var(--on-ground-soft);max-width:420px;margin:0}.tour-ticks{position:absolute;right:32px;top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:10px;z-index:2}.tour-ticks li{width:3px;height:22px;border-radius:2px;background:var(--line-on-ground);transition:background .4s,height .4s}.tour-ticks li.on{background:var(--accent);height:38px}.inside{background:var(--card);color:var(--ink);padding:40px 32px 160px;border-top:1px solid var(--line)}.inside-grid{display:grid;grid-template-columns:420px minmax(0,1fr) 520px;grid-template-areas:"card . rows";max-width:1376px;margin:32px auto 0;align-items:start}.inside-card{grid-area:card;position:relative;aspect-ratio:420 / 470;border-radius:10px;background:var(--ink) radial-gradient(90% 70% at 50% 40%,#3a1d10,var(--ink));overflow:hidden}.inside-svg{position:absolute;top:7%;right:6%;bottom:13%;left:6%}.inside-svg svg{width:100%;height:100%}.inside-svg [data-line-role]{stroke:var(--on-ground)!important;transition:stroke .5s,opacity .5s}.inside-svg g[data-item]{opacity:.45;transition:opacity .5s}.inside-svg g.case{opacity:.22}.inside-svg g.lit{opacity:1}.inside-svg g.lit [data-line-role]{stroke:var(--accent)!important}.inside-svg g [fill]:not([fill=none]){fill:transparent}.inside-cap{position:absolute;left:18px;bottom:16px;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--ink)}.inside-rows{grid-area:rows;list-style:none;margin:0;padding:40px 0 0}.inside-rows li{border-bottom:1px solid var(--line)}.inside-rows button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;padding:52px 0 50px;font:500 clamp(30px,3vw,44px)/1 var(--sans);letter-spacing:-.035em;color:#2a140b6b;transition:color .4s}.inside-rows button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.inside-rows svg{width:22px;height:22px;flex:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.inside-rows li.on button{color:var(--ink)}.inside-rows li.on svg{transform:translate(8px)}.inside-rows p{margin:0;max-width:420px;font:400 17px/1.55 var(--sans);color:var(--ink-soft);max-height:0;overflow:hidden;opacity:0;transition:max-height .6s ease,opacity .5s,padding .6s}.inside-rows li.on p{max-height:120px;opacity:1;padding-bottom:30px}.closer{background:#fbf4ea;color:var(--ink);padding:120px 56px 160px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--walnut)}.eyebrow i{width:28px;height:1px;background:currentColor}.closer h2{font:500 clamp(40px,4.4vw,64px)/1 var(--sans);letter-spacing:-.04em;margin:0 0 56px}.closer-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end;max-width:1328px}.closer-card{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:317 / 440;opacity:0;transform:translateY(60px);transition:opacity 1s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s),transform 1.1s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s)}.closer-card:nth-child(2n){aspect-ratio:317 / 380}.closer-row.in .closer-card{opacity:1;transform:none}.closer-card img{width:100%;height:100%;object-fit:cover;display:block;transform:translateY(calc((.5 - var(--p, .5)) * 24px)) scale(1.06)}.closer-card:nth-child(2n) img{transform:translateY(calc((.5 - var(--p, .5)) * -24px)) scale(1.06)}.close{position:relative;background:radial-gradient(80% 70% at 50% 30%,var(--ground-sun),var(--ground) 60%,var(--ground-deep));color:var(--on-ground);padding:72px 60px 40px;overflow:hidden}.word{display:block;font:600 clamp(110px,18vw,264px)/.82 var(--sans);letter-spacing:-.065em;text-transform:uppercase;will-change:transform}.w1{transform:translate(calc((.45 - min(var(--p, .45),.45))*-80vw))}.w2{transform:translate(calc((.5 - min(var(--p, .5),.5))*80vw))}.w3{text-align:center;margin:40px 0 72px;transform:translateY(calc((.75 - min(var(--p, .75),.75))*30vh))}.close-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.close-right{padding-top:150px;padding-left:40px}.steps{list-style:none;margin:56px 0 28px;padding:0;display:grid;gap:10px;font:500 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.steps b{font-weight:500;display:inline-block;width:56px;color:var(--on-ground-soft)}.spin{width:300px;aspect-ratio:300 / 340;margin-left:300px;border-radius:10px;overflow:hidden;background:var(--card);box-shadow:0 30px 60px -30px #280c0299}.spin video{width:100%;height:100%;object-fit:cover;display:block}.offer{max-width:400px;margin:40px 0 28px;font:600 19px/1.35 var(--sans);letter-spacing:-.01em;color:var(--on-ground)}.foot{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;margin:0;padding-top:18px;border-top:1px solid var(--line-on-ground);font:400 12px/1 var(--mono);color:var(--on-ground-soft)}@media (prefers-reduced-motion: reduce){.marquee span,.word,.closer-card img{transform:none!important}.fin-card,.closer-card{opacity:1;transform:none;transition:none}}@media (max-width: 760px){.finishes{padding:80px 0 96px}.marquee{margin-bottom:56px;font-size:64px}.marquee span{padding-left:16px}.fin-body{grid-template-columns:1fr;padding:0 16px;row-gap:20px}.fin-grid{gap:28px 12px}.big-link{grid-column:1;margin-top:48px;font-size:30px}.tour{height:320vh}.tour-pin:after{background:linear-gradient(0deg,#5c2812b3,#5c281200 50%)}.tour-still{top:36%;left:50%;width:96vw}.tour-copy{left:20px;right:48px;width:auto;bottom:9svh}.tour-ch h2{font-size:40px}.tour-ch p:last-child{font-size:16px}.tour-ticks{right:16px}.inside{padding:32px 16px 96px}.inside-grid{grid-template-columns:1fr;grid-template-areas:"card" "rows"}.inside-rows{padding-top:16px}.inside-rows button{padding:24px 0 22px;font-size:30px}.closer{padding:80px 16px 96px}.closer h2{margin-bottom:32px}.closer-row{grid-template-columns:1fr 1fr;gap:12px}.close{padding:56px 16px 28px}.word{font-size:31vw}.close-grid{grid-template-columns:1fr}.close-right{padding:24px 0 0}.w2{text-align:right}.spin{width:64vw;margin-left:auto}.w3{margin:32px 0 48px}.foot{flex-direction:column}}
