.hero{--h-gold:#f2b84b;--h-gold-2:#e0962a;isolation:isolate}body:has(.hero){overflow-x:clip}.hero-dust{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.hero-stage-wrap{container-type:inline-size}.hero-stage{--u:calc(100cqw / 560);--px:0;--py:0;aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both h-stage-in;position:relative}@keyframes h-stage-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.h-plane{translate:calc(var(--px) * var(--d,0) * 1px) calc(var(--py) * var(--d,0) * 1px);transition:translate .9s cubic-bezier(.2,.8,.2,1)}.h-glow{left:calc(10 * var(--u));top:calc(120 * var(--u));width:calc(540 * var(--u));height:calc(440 * var(--u));background:radial-gradient(closest-side,#d3ece8f2,#d3ece873 55%,#0000);border-radius:50%;animation:6s ease-in-out infinite h-breathe;position:absolute}@keyframes h-breathe{50%{opacity:.8;transform:scale(1.05)}}.h-sky{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.h-twinkle{fill:#4fb8aa;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite h-twinkle;animation-delay:calc(var(--i) * -.41s)}.h-twinkle-gold{fill:var(--h-gold)}@keyframes h-twinkle{0%,to{opacity:.25;transform:scale(.55)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}.h-arc-line{fill:none;stroke:url(#h-arc-ink);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.h-arc-glow{fill:none;stroke:var(--h-gold);stroke-width:14px;stroke-linecap:round;opacity:0;filter:blur(6px);transition:opacity 1.2s ease-out}.h-arc-stars{opacity:0;transition:opacity .9s ease-out}.hero-stage[data-arc] .h-arc-stars{opacity:1}.hero-stage[data-arc] .h-arc-glow{opacity:.28}.hero-stage[data-still] .h-arc-line{stroke-dashoffset:0}.h-item{z-index:5;position:absolute}.h-fly{transform-origin:50%;width:100%;height:100%}.h-float{width:100%;height:100%;animation:5.2s ease-in-out infinite h-bob;animation-delay:calc(var(--b) * -1.3s)}@keyframes h-bob{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(0, calc(-9 * var(--u))) rotate(1.5deg)}}.h-caption{margin-top:calc(9 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));background:var(--color-page);box-shadow:var(--shadow-pill);font-size:max(10px, calc(11.5 * var(--u)));color:var(--color-muted);white-space:nowrap;border-radius:999px;font-weight:600;line-height:1.2;display:inline-block}.h-shiny{position:relative;overflow:hidden}.h-shiny:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffffe6 48%,#f2b84b8c 54%,#0000 70%);position:absolute;inset:0;transform:translate(-130%)}.h-item[data-shine] .h-shiny:after{animation:.72s ease-out forwards h-shine}@keyframes h-shine{to{transform:translate(130%)}}.h-print{padding:calc(6 * var(--u));border-radius:calc(6 * var(--u));box-shadow:var(--shadow-float);background:#fffdf8}.h-print img{width:100%;height:calc(78 * var(--u));object-fit:cover;object-position:left center;border-radius:calc(3 * var(--u));display:block}.h-browser{border-radius:calc(10 * var(--u));background:var(--color-page);box-shadow:var(--shadow-float);overflow:hidden}.h-browser-bar{align-items:center;gap:calc(4 * var(--u));height:calc(20 * var(--u));padding:0 calc(8 * var(--u));background:var(--color-tile);display:flex}.h-browser-bar i{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--color-faint);border-radius:50%}.h-browser-bar span{margin-left:calc(6 * var(--u));padding:calc(1 * var(--u)) calc(8 * var(--u));background:var(--color-page);font-size:calc(8.5 * var(--u));color:var(--color-muted);border-radius:999px}.h-browser-body{height:calc(122 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));position:relative}.h-story{width:52%;font-family:var(--font-display);font-size:calc(11 * var(--u));color:var(--color-ink);line-height:1.15}.h-line{height:calc(5 * var(--u));margin-top:calc(6 * var(--u));background:var(--color-hairline);border-radius:999px;display:block}.h-browser-body .h-line{max-width:52%}.h-browser-photo{right:calc(10 * var(--u));top:calc(10 * var(--u));width:calc(76 * var(--u));height:calc(66 * var(--u));object-fit:cover;border-radius:calc(6 * var(--u));position:absolute}.h-ad{border-radius:calc(5 * var(--u));background:repeating-linear-gradient(135deg, #f7df8e, #f7df8e calc(6 * var(--u)), #f3d272 calc(6 * var(--u)), #f3d272 calc(12 * var(--u)));font-size:calc(11 * var(--u));letter-spacing:.08em;color:#16202bb3;box-shadow:var(--shadow-pill);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.h-ad-1{right:calc(8 * var(--u));top:calc(34 * var(--u));width:calc(84 * var(--u));height:calc(46 * var(--u))}.h-ad-2{left:calc(8 * var(--u));bottom:calc(8 * var(--u));width:calc(104 * var(--u));height:calc(30 * var(--u))}.h-ad-pop{right:calc(12 * var(--u));bottom:calc(14 * var(--u));gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));font-size:calc(9 * var(--u));letter-spacing:0;color:var(--color-ink);box-shadow:var(--shadow-float);background:#fff;font-weight:600}.h-ad-pop b{font-size:calc(12 * var(--u));color:var(--color-muted);line-height:1}.h-phone{height:calc(172 * var(--u));padding:calc(5 * var(--u));border-radius:calc(18 * var(--u));box-shadow:var(--shadow-float);background:#16202beb}.h-phone-screen{height:100%;padding-bottom:calc(6 * var(--u));border-radius:calc(13 * var(--u));background:var(--color-page);overflow:hidden}.h-phone-screen img{width:100%;height:calc(104 * var(--u));object-fit:cover;display:block}.h-phone-screen .h-line{margin-left:calc(8 * var(--u))}.h-item-shot .h-caption{margin-left:calc(-6 * var(--u))}.h-post{padding:calc(8 * var(--u));border-radius:calc(14 * var(--u));background:var(--color-page);box-shadow:var(--shadow-float)}.h-post-head{align-items:center;gap:calc(6 * var(--u));line-height:1.1;display:flex}.h-post-head b{font-size:calc(11 * var(--u));color:var(--color-ink);display:block}.h-post-head small{font-size:calc(8.5 * var(--u));color:var(--color-faint);display:block}.h-avatar{width:calc(24 * var(--u));height:calc(24 * var(--u));background:var(--color-teal-soft);font-family:var(--font-display);font-size:calc(13 * var(--u));color:var(--color-teal-2);border-radius:50%;place-items:center;display:grid}.h-post img{width:100%;height:calc(104 * var(--u));margin-top:calc(7 * var(--u));object-fit:cover;border-radius:calc(8 * var(--u));display:block}.h-ask{margin-top:calc(8 * var(--u));font-size:calc(10.5 * var(--u));text-align:center;font-weight:600;display:grid;position:relative}.h-ask>span{padding:calc(6 * var(--u)) 0;border-radius:999px;grid-area:1/1;transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.25,1.3)}.h-ask-before{border:calc(1.5 * var(--u)) solid var(--color-teal);color:var(--color-teal)}.h-ask-after{background:var(--color-teal);color:#fff;opacity:0;transform:scale(.6)}.h-item[data-asked] .h-ask-before{opacity:0}.h-item[data-asked] .h-ask-after{opacity:1;transform:none}.h-box-wrap{left:calc(150 * var(--u));top:calc(330 * var(--u));width:calc(260 * var(--u));height:calc(190 * var(--u));z-index:10;position:absolute}.h-shadow{left:calc(10 * var(--u));top:calc(164 * var(--u));width:calc(240 * var(--u));height:calc(24 * var(--u));background:radial-gradient(closest-side,#16202b38,#0000);border-radius:50%;position:absolute}.h-box{transform-origin:50% 90%;cursor:pointer;position:absolute;inset:0}.h-tabs{left:calc(34 * var(--u));top:calc(24 * var(--u));z-index:1;gap:calc(8 * var(--u));display:flex;position:absolute}.h-tabs span{width:calc(56 * var(--u));height:calc(34 * var(--u));border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 0 0;box-shadow:0 0 0 calc(1 * var(--u)) var(--color-hairline);background:#fff}.h-tabs span:first-child{background:var(--color-teal-soft);translate:0 calc(4 * var(--u))}.h-tabs span:nth-child(3){translate:0 calc(-3 * var(--u));background:#fbe7b8}.h-lid{left:calc(10 * var(--u));top:calc(18 * var(--u));z-index:2;width:calc(240 * var(--u));height:calc(38 * var(--u));border-radius:calc(12 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));background:linear-gradient(180deg, #18978a, var(--color-teal));box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff40, 0 calc(3 * var(--u)) calc(6 * var(--u)) #0a625a59;transform-origin:4% 100%;position:absolute}.h-lid:after{content:"";left:50%;bottom:calc(-6 * var(--u));width:calc(28 * var(--u));height:calc(10 * var(--u));border-radius:0 0 calc(6 * var(--u)) calc(6 * var(--u));background:var(--color-teal-2);position:absolute;translate:-50%}.h-body{left:calc(20 * var(--u));top:calc(52 * var(--u));z-index:4;width:calc(220 * var(--u));height:calc(116 * var(--u));border-radius:calc(6 * var(--u)) calc(6 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u));background:linear-gradient(180deg, var(--color-teal), var(--color-teal-2));box-shadow:inset 0 calc(-8 * var(--u)) 0 #00000014;place-items:center;display:grid;position:absolute}.h-label{align-items:center;gap:calc(10 * var(--u));padding:calc(9 * var(--u)) calc(16 * var(--u));border-radius:calc(12 * var(--u));background:var(--color-page);box-shadow:inset 0 0 0 calc(2 * var(--u)) #0f7d7240;display:flex}.h-label svg{width:calc(15 * var(--u));height:auto}.h-count{flex-direction:column;line-height:1;display:flex}.h-count-n{font-family:var(--font-display);font-size:calc(28 * var(--u));color:var(--color-ink);animation:.42s cubic-bezier(.2,.8,.2,1.3) both h-pop}.h-count-l{margin-top:calc(3 * var(--u));font-size:calc(9.5 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-weight:700}@keyframes h-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}}.h-tidy{left:calc(12 * var(--u));top:calc(-160 * var(--u));z-index:3;gap:calc(10 * var(--u));width:calc(236 * var(--u));padding:calc(10 * var(--u));border-radius:calc(16 * var(--u));background:var(--color-page);box-shadow:0 0 0 calc(2 * var(--u)) #0f7d728c, 0 calc(18 * var(--u)) calc(36 * var(--u)) calc(-14 * var(--u)) #16202b73;opacity:0;display:flex;position:absolute}.h-tidy-photo{width:calc(76 * var(--u));height:calc(76 * var(--u));object-fit:cover;border-radius:calc(10 * var(--u));flex-shrink:0}.h-tidy-text{min-width:0}.h-tidy-title{font-family:var(--font-display);font-size:calc(17 * var(--u));color:var(--color-ink);line-height:1.1}.h-tidy-meta{align-items:center;gap:calc(4 * var(--u));margin-top:calc(5 * var(--u));font-size:calc(10 * var(--u));color:var(--color-muted);white-space:nowrap;display:flex}.h-tidy-icon{width:calc(12 * var(--u));height:calc(12 * var(--u));color:var(--color-teal);flex-shrink:0}.h-tidy-chips{gap:calc(4 * var(--u));margin-top:calc(8 * var(--u));display:flex}.h-chip{padding:calc(2.5 * var(--u)) calc(8 * var(--u));background:var(--color-teal-soft);font-size:calc(9 * var(--u));color:var(--color-ink);border-radius:999px;font-weight:600}.h-chip-ink{background:var(--color-ink);color:#fff}.h-fan{left:calc(85 * var(--u));top:calc(-150 * var(--u));z-index:3;width:calc(90 * var(--u));padding:calc(6 * var(--u));border-radius:calc(12 * var(--u));background:var(--color-page);box-shadow:0 0 0 calc(1.5 * var(--u)) #0f7d7266, var(--shadow-float);transform-origin:50% 100%;opacity:0;position:absolute}.h-fan img{aspect-ratio:1;object-fit:cover;border-radius:calc(8 * var(--u));width:100%;display:block}.h-fan p{margin-top:calc(5 * var(--u));font-size:calc(9.5 * var(--u));color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.15;overflow:hidden}.h-wand{z-index:30;width:calc(22 * var(--u));height:calc(40 * var(--u));opacity:0;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-100px,400px)}.hero-stage[data-live] .h-wand{opacity:1}.hero-stage[data-still] .h-wand{opacity:1;left:calc(269 * var(--u));top:calc(66 * var(--u));transform:rotate(8deg)}.hero-stage[data-still] .h-fan{opacity:1;transform:translate(calc(var(--fx) * var(--u)), calc(var(--fy) * var(--u))) rotate(var(--fr))}.h-wand-bob{width:100%;height:100%;animation:2.4s ease-in-out infinite h-wand-bob}@keyframes h-wand-bob{50%{transform:translateY(calc(-5 * var(--u))) rotate(-4deg)}}.h-wand-flick{transform-origin:50% 90%;width:100%;height:100%}.h-wand-mark{width:100%;height:100%;filter:drop-shadow(0 0 calc(4 * var(--u)) #f2b84bf2) drop-shadow(0 0 calc(12 * var(--u)) #f2b84b99)}.hero-word{transform-origin:50% 100%;animation:.9s cubic-bezier(.3,.7,.3,1) both h-word;animation-delay:calc(var(--i) * 85ms + .2s);display:inline-block}@keyframes h-word{0%{opacity:0;transform:translateY(-.8em)scale(.92,1.14)}45%{opacity:1;transform:translateY(.04em)scale(1.1,.86)}66%{transform:translateY(-.1em)scale(.97,1.04)}84%{transform:translateY(0)scale(1.02,.98)}to{transform:none}}.hero-box-word{color:var(--color-teal);position:relative}.hero-squiggle{fill:none;width:104%;height:.28em;stroke:var(--h-gold);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s ease-out 1.25s forwards h-draw;position:absolute;bottom:-.16em;left:-2%;overflow:visible}@keyframes h-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.hero-stage,.h-glow,.h-twinkle,.h-float,.h-wand-bob,.h-count-n,.hero-word{animation:none}.h-plane{transition:none}.hero-squiggle{stroke-dashoffset:0;animation:none}}