@layer components{.hero{padding-block:clamp(28px,4vw,60px) clamp(56px,7vw,104px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#2b2b2b0d 1px,#0000 1px),linear-gradient(#2b2b2b0d 1px,#0000 1px);background-position:50% -1px;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 75% at 74% 42%,#000 0%,#0000 78%);mask-image:radial-gradient(60% 75% at 74% 42%,#000 0%,#0000 78%)}.hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:24px;display:grid;position:relative}.hero__copy{grid-column:1/span 6;align-content:start;gap:24px;min-width:0;display:grid}.hero__art{grid-column:7/span 6;justify-items:center;gap:18px;min-width:0;display:grid}.hero .h-hero{max-width:none;font-size:clamp(36px,4.5vw,66px)}.hero .nowrap{white-space:nowrap}.hero__l1,.hero__l2{display:block}.hero__l2{color:var(--o-700)}.hero__cta{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:960px){.hero__copy,.hero__art{grid-column:1/-1}.hero__art{margin-top:16px}}@media (prefers-reduced-motion:no-preference){.hero__copy>*{animation:hero-rise .9s var(--ease-out) backwards}.hero__copy>:first-child{animation-delay:50ms}.hero__copy>:nth-child(2){animation-name:hero-fade;animation-delay:.22s}.hero__copy>:nth-child(3){animation-name:hero-fade;animation-delay:.36s}}@keyframes hero-rise{0%{transform:translateY(18px)}}@keyframes hero-fade{0%{opacity:0;transform:translateY(12px)}}.mosaic{aspect-ratio:1;width:100%;max-width:560px;position:relative}.mosaic svg{width:100%;height:100%;display:block;overflow:visible}.mf{translate:calc(var(--mx,0) * var(--z,1) * 4px + var(--sx,0) * var(--ex2,0px)) calc(var(--my,0) * var(--z,1) * 4px + var(--sx,0) * var(--ey2,0px));transition:translate .6s var(--ease-out)}.mf__in{transform-box:fill-box;transform-origin:50%;transition:transform .45s var(--ease-out)}@media (prefers-reduced-motion:no-preference){.mf__in{animation:assemble 1.2s var(--ease-out) backwards;animation-delay:calc(var(--i) * 80ms + .12s)}}@keyframes assemble{0%{transform:translate(var(--ex), var(--ey)) scale(.86);opacity:0}}.mf image{filter:saturate(.92)contrast(1.02);transition:filter .3s}.mf a{cursor:pointer}.mf a:hover .mf__in,.mf a:focus-visible .mf__in{transform:scale(1.025)}.mf a:hover image,.mf a:focus-visible image{filter:saturate(1.15)contrast(1.06)}.mf a:focus{outline:none}.mf a:focus-visible .mf-ring{stroke:var(--charcoal);stroke-width:2px}.mf-ring{fill:none;stroke:#0000;stroke-width:0;vector-effect:non-scaling-stroke}.mtag{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 11px/1.1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:6px;align-items:center;gap:7px;padding:6px 10px 6px 9px;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px -8px #2b2b2b59}.mtag i{background:var(--pc,var(--o-500));width:8px;height:8px;box-shadow:0 0 0 2px var(--white);border-radius:50%;flex:none}@media (prefers-reduced-motion:no-preference){.mtag{animation:hero-fade .7s var(--ease-out) backwards;animation-delay:calc(var(--i) * 60ms + .9s)}}@media (max-width:560px){.mtag{padding:4px 8px 4px 7px;font-size:9.5px}.mtag i{width:6px;height:6px}}.hcard{z-index:2;-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);width:min(214px,40%);box-shadow:var(--shadow-lg), inset 0 0 0 1px #fffc;color:var(--charcoal);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);background:#ffffffd1;border-radius:16px;gap:3px;padding:14px 16px 15px;text-decoration:none;display:grid;position:absolute}.hcard:hover{transform:translateY(-3px)}.hcard__k{font:500 10px/1.35 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);justify-content:space-between;gap:8px;display:flex}.hcard__n{letter-spacing:-.035em;margin-top:6px;font-size:30px;font-weight:600;line-height:1.05}.hcard__t{color:var(--ink-2);font-size:12.5px;line-height:1.35}.hcard--a{top:58%;right:-5%}.hcard--b{bottom:4%;left:-5%}.spark{border-bottom:1px solid var(--charcoal);align-items:flex-end;gap:4px;height:38px;margin-top:8px;display:flex}.spark i{height:var(--h);background:var(--o-200);border-radius:2px 2px 0 0;flex:1;min-height:2px}.spark i:last-child{background:var(--o-500)}.spark__x{font:400 9.5px var(--f-mono);color:var(--slate);justify-content:space-between;margin-top:4px;display:flex}.hcard .chip{padding:3px 7px;font-size:9.5px}@media (prefers-reduced-motion:no-preference){.hcard{animation:hero-fade .9s var(--ease-out) backwards}.hcard--a{animation-delay:1.15s}.hcard--b{animation-delay:1.3s}.spark i{transform-origin:bottom;animation:spark .8s var(--ease-out) backwards;animation-delay:calc(1.5s + var(--i) * 80ms)}}@keyframes spark{0%{transform:scaleY(0)}}@media (max-width:600px){.hcard{display:none}}.reel[data-mode=reel] .reel__pin{top:var(--head-top);height:calc(100vh - var(--head-top));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vh,36px);padding-block:clamp(28px,4vh,48px) clamp(28px,4vh,44px);display:grid;position:sticky;overflow:hidden}.reel[data-mode=static] .reel__pin{grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,56px);padding-block:clamp(64px,8vw,120px);display:grid}.reel__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;width:100%;display:flex}.reel__title{gap:14px;max-width:760px;display:grid}.reel__title .label{align-items:center;gap:10px;display:flex}.reel__progress{font:500 12px var(--f-mono);letter-spacing:.08em;color:var(--slate);align-items:center;gap:14px;min-width:220px;display:none}.reel[data-mode=reel] .reel__progress{display:flex}.reel__bar{background:var(--line);flex:1;height:2px;position:relative;overflow:hidden}.reel__bar i{background:var(--charcoal);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.reel__count span{color:var(--charcoal)}.reel[data-mode=static] .reel__track{transform:none!important}.reel__track{max-width:var(--max);padding-left:var(--gut);padding-right:var(--gut-r);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;margin:0 auto;display:grid}.reel[data-mode=reel] .reel__track{max-width:none;padding-left:max(var(--gut), calc((100vw - var(--max)) / 2 + var(--gut)));padding-right:var(--gut-r);will-change:transform;min-height:0;margin:0;display:flex}.icard2{--ac:var(--o-500);border-radius:var(--r-l);background:var(--cloud);min-width:0;color:var(--charcoal);transition:background .4s ease, transform .5s var(--ease-out), box-shadow .5s var(--ease-out);grid-template-rows:auto minmax(0,1fr) auto auto auto auto;gap:10px;padding:clamp(20px,2vw,28px);text-decoration:none;display:grid;position:relative}.reel[data-mode=static] .icard2{min-height:460px}.reel[data-mode=reel] .icard2{flex:none;width:clamp(330px,30vw,440px);height:100%;max-height:600px}a.icard2:hover{background:var(--white);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--line);transform:translateY(-4px)}.icard2__top{font:500 11px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--slate);justify-content:space-between;gap:12px;display:flex}.icard2__n{color:var(--charcoal)}.icard2__art{align-items:flex-end;min-height:120px;padding-top:12px;display:flex;position:relative}.icard2__art svg{width:100%;height:100%;max-height:210px;display:block;overflow:visible}.icard2__legend{font:500 10.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);align-items:center;gap:8px;display:flex}.icard2__legend:before{content:"";background:var(--ac);border-radius:2px;width:8px;height:8px}.icard2__num{font:600 clamp(48px, 4.6vw, 72px) / .95 var(--f-display);letter-spacing:-.05em;margin-top:6px}.icard2__t{color:var(--ink-2);max-width:30ch;font-size:15px;line-height:1.45}.icard2__foot{border-top:1px solid var(--line-2);font:500 10.5px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.icard2__go{border:1px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;transition:background .35s,border-color .35s;display:grid}a.icard2:hover .icard2__go{background:var(--o-500);border-color:var(--o-500)}.icard2--end{background:var(--charcoal);color:var(--white);grid-template-rows:none;align-content:end;gap:22px}.reel[data-mode=reel] .icard2--end{width:clamp(280px,24vw,340px)}.icard2--end p{color:#c9ccd0}.icard2__art .am{fill:var(--ac);stroke:none;transition:fill .5s ease, opacity .5s ease, transform .6s var(--ease-out);transition-delay:calc(var(--i,0) * 5ms)}.icard2__art .af{stroke:var(--line-2);stroke-width:1px;fill:none}.icard2__art .am--plant{fill:none}.icard2__art .am--plant path{stroke:var(--ac);stroke-width:1.3px;fill:var(--ac);stroke-linecap:round;transition:inherit}.icard2__art .am--plant path:first-child{fill:none}.icard2__art .am--parcel{stroke:var(--cloud);stroke-width:1.4px}.icard2__art .am--tile rect,.icard2__art .am--tile{fill:var(--line)}.icard2__art .am--lit rect{fill:var(--o-500)}.icard2__art text{font:600 8px var(--f-mono);fill:var(--charcoal);letter-spacing:.04em}.icard2__art .am--bar rect{fill:var(--o-200)}.icard2__art .am--bar.is-hi rect{fill:var(--ac)}.icard2__art .am--bar .t-v{font:600 11px var(--f-sans)}.icard2__art .am--bar .t-y{font:500 7.5px var(--f-mono);fill:var(--slate)}.icard2__art .am--tick path{stroke:var(--ac);stroke-width:2px}.icard2__art .am--tick.is-hi path{stroke:var(--o-500)}.icard2__art .am--tick circle{fill:var(--o-500)}[data-rv=art][data-rv-state=pending] .am{fill:var(--line)}[data-rv=art][data-rv-state=pending] .am--plant path{stroke:var(--line-2);fill:var(--line)}[data-rv=art][data-rv-state=pending] .am--bar,[data-rv=art][data-rv-state=pending] .am--tick{opacity:0;transform:translateY(10px)}[data-rv=art][data-rv-state=pending] .am--lit rect{fill:var(--line)}}