.hero{--vis:.5;--dblur:.7vmin;--haze:.16;--plx:.85;--px:0px;--py:0px;--b-bg:var(--brand-background,#faf0d6);--b-surface:var(--brand-surface-light,#fff5e6);--b-primary:var(--brand-primary,#ff6b35);--b-primary-deep:var(--brand-primary-deep,#b54718);--b-fg:var(--brand-foreground,#4a4a4a);--b-ink:var(--brand-ink-soft,#7a6a5e);--brand:var(--font-baloo2), "Baloo 2", system-ui, sans-serif;--min-text:14px;--min-tap:44px;background:var(--b-bg);width:100%;height:100dvh;color:var(--b-fg);touch-action:manipulation;position:relative;overflow:hidden}body:has(>main.hero){overscroll-behavior-y:none;padding:0}html:has(>body>main.hero){overscroll-behavior-y:none}.hero .sky{background:linear-gradient(#fffdf6 0%,#fff6e6 30%,#fdefda 62%,#f9e6c9 100%);position:absolute;inset:0}.hero .L{will-change:transform;pointer-events:none;position:absolute;inset:0}.hero .wsvg{width:100%;height:100%;display:block;position:absolute;inset:0}.hero .L-far{opacity:calc(var(--vis) * .82);transform:translate(calc(var(--px) * .14 * var(--plx)), calc(var(--py) * .14 * var(--plx))) scale(1.06)}.hero .L-far .wsvg{filter:blur(var(--dblur)) saturate(.62) brightness(1.14)}.hero .L-mid{opacity:var(--vis);transform:translate(calc(var(--px) * .5 * var(--plx)), calc(var(--py) * .5 * var(--plx))) scale(1.02)}.hero .L-mid .wsvg{filter:blur(calc(var(--dblur) * .16)) saturate(1.02)}.hero .L-near{opacity:var(--vis);transform:translate(calc(var(--px) * 1.05 * var(--plx)), calc(var(--py) * 1.05 * var(--plx))) scale(1.08)}.hero .L-near .wsvg{filter:saturate(1.12)contrast(1.04)}.hero .readzone{pointer-events:none;z-index:9;position:absolute}.hero .vig{pointer-events:none;z-index:4;position:absolute;inset:0;box-shadow:inset 0 0 6vmin 1.5vmin #96663021}.hero .grain{pointer-events:none;z-index:4;opacity:.26;mix-blend-mode:multiply;background-image:radial-gradient(#966e3c1c 1px,#0000 1px);background-size:.2em .2em;position:absolute;inset:0}.hero .mote{z-index:3;pointer-events:none;background:#fffc;border-radius:50%;width:.55em;height:.55em;animation:5s ease-in-out infinite mote-float;position:absolute;box-shadow:0 0 .8vmin .3vmin #ffdea8cc}@keyframes mote-float{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.95;transform:translateY(-2vh)scale(1.2)}}.hero .plane{pointer-events:none;z-index:11;filter:drop-shadow(0 .5em .8em #60340a52);background-image:url(/tiny-plane.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;animation:18s ease-in-out infinite tiny-cross;position:absolute;left:0}@keyframes tiny-cross{0%{transform:translate(-14vw,1.4em)rotate(-9deg)scale(.86)}30%{transform:translate(24vw,-.6em)rotate(2deg)scale(1)}52%{transform:translate(52vw,-1.8em)rotate(5deg)scale(1.04)}to{transform:translate(114vw,.6em)rotate(8deg)scale(.9)}}.hero .mk{z-index:10;overscroll-behavior:contain;position:absolute;inset:0;overflow:hidden auto}.hero .mk-word{font-family:var(--brand);color:var(--b-primary);text-shadow:0 .02em .5em #fffbf0fa,0 .01em .06em #fffffff2;font-weight:800;line-height:1}.hero .mk-tag{text-shadow:0 .04em .4em #fffbf0fa;font-weight:600;line-height:1.22}.hero .mk-sub{min-height:1.55em;line-height:1.55}.hero .rail{touch-action:none;touch-action:pinch-zoom;--card-w:min(calc(100cqw / 1.94), 52cqh);--card-h:calc(var(--card-w) * 16 / 9);--radius:calc(var(--card-w) * .08);position:relative;container-type:size}@property --spread{syntax:"<number>";inherits:true;initial-value:.44}.hero .stack{perspective:calc(var(--card-w) * 4.2);perspective-origin:50% 46%;transform:translateX(var(--drag,0px));--spread:.44;transition:transform .28s cubic-bezier(.22,1,.36,1);animation:.85s cubic-bezier(.22,1,.36,1) .5s both deck-deal;position:absolute;inset:0}@keyframes deck-deal{0%{--spread:.02}}.hero .stack.dragging{transition:none}.hero .tv{width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w) / -2);margin-top:calc(var(--card-h) / -2);border-radius:var(--radius);cursor:pointer;transform:translateX(calc(clamp(-1, var(--d,0), 1) * var(--spread) * var(--card-w))) translateY(calc(var(--ad,0) * var(--card-h) * -.082)) rotateY(calc(clamp(-1, var(--d,0), 1) * -13deg)) scale(calc(1 - var(--ad,0) * .13));z-index:calc(10 - var(--ad,0));box-shadow:0 calc(var(--card-w) * .035) calc(var(--card-w) * .085) #502c083d, 0 0 0 calc(var(--card-w) * .013) #fffc;background:#f3e3c8;border:0;padding:0;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:absolute;top:50%;left:50%;overflow:hidden}.hero .tv.on{box-shadow:0 calc(var(--card-w) * .075) calc(var(--card-w) * .17) #502c086b, 0 calc(var(--card-w) * .012) calc(var(--card-w) * .045) #502c0842, 0 0 0 calc(var(--card-w) * .016) #fffffff0}@media (hover:hover){.hero .tv:not(.on):hover{transform:translateX(calc(clamp(-1, var(--d,0), 1) * (var(--spread) + .045) * var(--card-w))) translateY(calc(var(--ad,0) * var(--card-h) * -.082)) rotateY(calc(clamp(-1, var(--d,0), 1) * -7deg)) scale(calc(1 - var(--ad,0) * .13 + .055))}.hero .tv:not(.on):hover .haze{opacity:0}}.hero .tv video,.hero .tv img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero .tv video{opacity:0;transition:opacity .18s}.hero .tv video.ready{opacity:1}.hero .haze{pointer-events:none;opacity:min(var(--ad,0), 1);background:linear-gradient(#fff9ec70,#f9e6c980);transition:opacity .5s;position:absolute;inset:0}.hero .tv.on .haze{opacity:0}.hero .tv:focus-visible{outline:calc(var(--card-w) * .014) solid var(--b-primary-deep);outline-offset:calc(var(--card-w) * .02)}.hero .playdot{z-index:2;width:calc(var(--card-w) * .2);height:calc(var(--card-w) * .2);box-shadow:0 calc(var(--card-w) * .014) calc(var(--card-w) * .06) #00000047;opacity:0;pointer-events:none;background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;margin:auto;transition:opacity .3s;display:flex;position:absolute;inset:0}.hero .playdot:after{content:"";border-left:calc(var(--card-w) * .07) solid var(--b-primary);border-top:calc(var(--card-w) * .044) solid transparent;border-bottom:calc(var(--card-w) * .044) solid transparent;margin-left:calc(var(--card-w) * .023)}.hero .tv.on.paused .playdot{opacity:1}@media (hover:hover){.hero .tv:not(.on):hover .playdot,.hero .tv:not(.on):focus-visible .playdot{opacity:.92}}.hero .sound{z-index:12;right:calc(50% - var(--card-w) / 2 + var(--card-w) * .055);bottom:calc(50% - var(--card-h) / 2 + var(--card-w) * .055);width:calc(var(--card-w) * .115);height:calc(var(--card-w) * .115);color:var(--b-primary-deep);cursor:pointer;background:#fffdf6eb;border:0;border-radius:50%;place-items:center;transition:transform .2s,color .2s;display:grid;position:absolute;box-shadow:0 .1em .4em #502c084d}.hero .sound:after{content:"";width:max(100%, var(--min-tap));height:max(100%, var(--min-tap));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .sound:hover{transform:scale(1.08)}.hero .sound:active{transform:scale(.94)}.hero .sound svg{width:62%;height:62%}.hero .sound:focus-visible,.hero .foot a:focus-visible{outline:.16em solid var(--b-primary-deep);outline-offset:.3em}.hero .badges{align-items:flex-start;gap:.7em;display:flex}.hero .badges img{width:auto;height:var(--badge-h)}.hero .gp-wrap img{height:calc(var(--badge-h) * .8)}.hero .gp-wrap{margin-top:calc(var(--badge-h) * .1);flex-direction:column;align-items:center;gap:.1em;display:inline-flex}.hero .soon{color:var(--b-ink);letter-spacing:.01em;white-space:nowrap;text-shadow:0 .05em .6em #fffbf0f2;font-size:max(.72em,12px);font-weight:600;line-height:1}.hero .foot{font-size:max(.76em, var(--min-text));color:#6e6055;z-index:13;text-shadow:0 .05em .6em #fffbf0fa,0 0 1em #fffbf0e6;flex-wrap:wrap;align-items:center;gap:.15em;display:flex}.hero .foot a{color:inherit;min-height:var(--min-tap);border-radius:.3em;align-items:center;padding-inline:.45em;text-decoration:none;transition:color .2s;display:inline-flex}.hero .foot a:hover{color:var(--b-primary-deep)}.hero .foot .sep{opacity:.4}@media (min-width:1280px) and (min-aspect-ratio:4/3){.hero{font-size:min(1.15vw,2.05vh)}.hero .readzone{background:#fffaee57;width:100%;inset:0}.hero .readzone.t{display:none}.hero .mk{grid-template-columns:minmax(26ch,34%) 1fr minmax(0,46%);align-items:safe center;padding:0 4.5vw;display:grid}.hero .left{flex-direction:column;align-items:flex-start;display:flex;position:relative;left:7.5em}.hero .mk-word{margin-bottom:.2em;font-size:3.8em}.hero .mk-tag{margin-bottom:1.37em;font-size:1.62em}.hero .mk-sub{max-width:34ch;margin-bottom:.3em;font-size:1.05em}.hero .badges{--badge-h:3.1em;margin-bottom:1.68em}.hero .rail{grid-column:3;place-self:center;width:100%;height:90%;left:-3em}.hero .plane{width:7em;height:7em;top:5vh}.hero .foot{position:absolute;bottom:2em;left:4.5vw}}@media not all and (min-width:1280px),(max-aspect-ratio:4/3){.hero{--vis:.28;font-size:min(3.5vw,1.95vh)}.hero .readzone{background:linear-gradient(#0000,#fffaec66 50%,#fcf4e0ad);height:15%;inset:auto 0 0}.hero .readzone.t{background:linear-gradient(#fffcf4cc,#fffcf457 62%,#0000);height:23%;inset:0 0 auto}.hero .mk{padding-top:max(3.1em, calc(env(safe-area-inset-top) + 1.1em));padding-bottom:max(1.2em, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.hero .mk-word{margin-bottom:.2em;font-size:2.45em}.hero .mk-tag{text-align:center;margin-bottom:.79em;font-size:1.35em}.hero .mk-sub{font-size:max(1em, var(--min-text));text-align:center;max-width:34ch;margin-bottom:.5em}.hero .plane{width:4.4em;height:4.4em;top:13.5em}.hero .left{display:contents}.hero .rail{--card-w:min(calc(100cqw / 1.66), 52cqh);flex:auto;order:1;width:100%;min-height:0;max-height:calc(107vw + 7rem);top:-1.1em}.hero .stack{--spread:.29}.hero .badges{--badge-h:3.2em;order:2;margin-top:.4em}.hero .foot{padding-top:1em;opacity:.85;flex-wrap:nowrap;order:3;justify-content:center;gap:0;margin-top:auto;padding-inline:.5em;font-size:max(.6em,12px)}.hero .foot a{margin-block:calc((var(--min-tap) - 1.5em) / -2);padding-inline:.42em}.hero .foot>span:last-child{opacity:.75;white-space:nowrap;padding-left:.42em}}@media (prefers-reduced-motion:reduce){.hero .tv,.hero .playdot,.hero .stack,.hero .haze,.hero .sound,.hero .foot a{transition-duration:.01ms!important}.hero .sound:hover,.hero .sound:active{transform:none}.hero .plane,.hero .mote,.hero .stack{animation:none!important}}