body{margin:0;background:#F6F2EA}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #C8873F;outline-offset:3px;border-radius:6px}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
:root{--ink:#0E141F;--muted:#586070;--ivory:#F6F2EA;--paper:#FBF9F5;--line:#E2DACB;--brass:#7A5E30;--gold:#D4B47E;--cu:#C8873F;--g:clamp(20px,5vw,72px);--sec:clamp(80px,9vw,136px)}
.w{max-width:1360px;margin:0 auto;padding-left:var(--g);padding-right:var(--g)}
.sec{padding-top:var(--sec);padding-bottom:var(--sec)}
.lab{margin:0;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.h1{margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(34px,3.4vw,52px);line-height:1.02;letter-spacing:-.02em}
.h2{margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(34px,4.2vw,64px);line-height:1.04;letter-spacing:-.02em}
.h3{margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.15}
.sm{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.num{font-variant-numeric:tabular-nums lining-nums}
.logo{display:flex;align-items:center;gap:10px}
.lg-arc{stroke-dasharray:64;stroke-dashoffset:64;animation:lgdraw 1.8s .2s cubic-bezier(.65,0,.2,1) forwards}
.lg-tick{opacity:0;animation:lgfade .5s 1.6s forwards}
.lg-pill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);animation:lgpill .6s 1.7s cubic-bezier(.2,.8,.2,1.3) forwards}
.lg-rot{transform-box:view-box;transform-origin:20px 20px}
.logo:hover .lg-rot{animation:lgwind 1.4s cubic-bezier(.65,0,.2,1)}
.lg-word{display:block;width:174px;height:14.7px;background:currentColor;-webkit-mask:url(../img/wordmark.svg) center/contain no-repeat;mask:url(../img/wordmark.svg) center/contain no-repeat;opacity:0;animation:lgword 1.2s .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes lgdraw{to{stroke-dashoffset:0}}
@keyframes lgfade{to{opacity:1}}
@keyframes lgpill{to{transform:scaleY(1)}}
@keyframes lgwind{0%{transform:rotate(0)}70%{transform:rotate(380deg)}100%{transform:rotate(360deg)}}
@keyframes lgword{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:0;cursor:pointer;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .7s cubic-bezier(.7,0,.2,1),color .5s}
.btn:hover{background-size:100% 100%}
.btn:active{transform:scale(.985)}
.btn svg{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.btn:hover svg{transform:translateX(4px)}
.b-ink{background-color:var(--ink);color:var(--ivory);background-image:linear-gradient(#2A3344,#2A3344)}
.b-wa{background-color:#1F7A4D;color:#fff;background-image:linear-gradient(#17643E,#17643E)}
.b-line{border:1px solid var(--ink);color:var(--ink);background-color:transparent;background-image:linear-gradient(var(--ink),var(--ink))}
.b-line:hover{color:var(--ivory)}
.ph{position:relative;overflow:hidden;border-radius:8px;background:#EAE3D6}
.ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card:hover .ph img{transform:scale(1.06)}
.card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1.2s;pointer-events:none}
.card:hover .ph::after{transform:translateX(120%)}
.rail{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.tile{transition:transform .6s cubic-bezier(.2,.7,.2,1),background .5s}
.tile:hover{transform:translateY(-4px);background:#fff}
.chip{transition:background .4s,color .4s,border-color .4s}
.flip{transition:background .5s,color .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.flip:active{transform:scale(.98)}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
.pl{transition:transform .5s}
details[open] .pl{transform:rotate(45deg)}
details[open] .acc{animation:fade .5s both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes slide{from{transform:translateY(110%)}to{transform:none}}
@keyframes wcw{0%{transform:rotate(0)}68%{transform:rotate(720deg)}100%{transform:rotate(720deg)}}
@keyframes wccw{0%{transform:rotate(0)}68%{transform:rotate(-720deg)}100%{transform:rotate(-720deg)}}
@keyframes walt{0%{transform:rotate(0)}38%{transform:rotate(540deg)}50%{transform:rotate(540deg)}88%{transform:rotate(0)}100%{transform:rotate(0)}}
@keyframes ping{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.6);opacity:0}}
.live{position:relative;display:inline-block;width:9px;height:9px;border-radius:50%}
.live::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 1.8s ease-out infinite}
.m-cw,.m-ccw,.m-alt,.m-cw2{transform-origin:50% 50%;animation-timing-function:cubic-bezier(.42,0,.22,1);animation-iteration-count:infinite}
.m-cw{animation-name:wcw;animation-duration:9s}
.m-ccw{animation-name:wccw;animation-duration:9s}
.m-alt{animation-name:walt;animation-duration:12s}
.m-cw2{animation-name:wccw;animation-duration:9s;animation-delay:-3.5s}
.imgfade{animation:fade .5s both}
@supports (animation-timeline: view()){.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 4% cover 22%}}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
.lab.rv::before,.lab.fadein::before{content:"";display:inline-block;width:22px;height:1px;margin-right:10px;vertical-align:.32em;background:currentColor;transform-origin:left;animation:hair 1.1s .25s cubic-bezier(.65,0,.2,1) both}
@keyframes hair{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.breath img{animation:breath 16s ease-in-out infinite alternate}
@keyframes breath{from{scale:1}to{scale:1.045}}
.glint{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:8px}
.glint::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34) 50%,transparent);transform:skewX(-14deg);mix-blend-mode:soft-light;animation:glint 7s 1.5s cubic-bezier(.6,0,.3,1) infinite}
@keyframes glint{0%{left:-60%}38%,100%{left:130%}}
.cnt{--n:var(--to);counter-reset:n var(--n);animation:cnt 1.8s .5s cubic-bezier(.2,.7,.2,1) both}
.cnt::after{content:counter(n)}
@keyframes cnt{from{--n:0}}
.sheen{position:relative;overflow:hidden}
.sheen::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:sheen 8s 3s ease-in-out infinite;pointer-events:none}
@keyframes sheen{0%{left:-40%}22%,100%{left:120%}}
.cur{overflow:hidden}
@supports (animation-timeline: view()){
.cur{animation:cur linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.cur img{animation:curimg linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
.lab.rv::before{animation:hair linear both;animation-timeline:view();animation-range:entry 10% cover 25%}
}
@keyframes cur{from{clip-path:inset(100% 0 0 0 round 8px)}to{clip-path:inset(0 0 0 0 round 8px)}}
@keyframes curimg{from{scale:1.18}to{scale:1}}
.lg-prog{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.lg-pill{animation:lgpill .6s 1.7s cubic-bezier(.2,.8,.2,1.3) forwards,lgtap 12s 5s ease-in-out infinite}
@keyframes lgtap{0%,88%,100%{transform:scaleY(1)}91%{transform:scaleY(.55)}94%{transform:scaleY(1)}96%{transform:scaleY(.7)}98%{transform:scaleY(1)}}
.lg-tick{animation:lgfade .5s 1.6s forwards,lgblink 12s 5s infinite}
@keyframes lgblink{0%,90%,100%{opacity:1}92%{opacity:.2}95%{opacity:1}}
@supports (animation-timeline: scroll()){.lg-prog{opacity:1;animation:lgprog linear both;animation-timeline:scroll(root)}}
@keyframes lgprog{to{stroke-dashoffset:0}}
.flk{display:block;height:auto;overflow:visible}
.flk .fl-pill,.flk .fl-word,.flk .fl-sub{transform-box:fill-box}
.flk .fl-pill{transform-origin:50% 100%;animation:lgglow 4s 1s ease-in-out infinite}
@keyframes lgglow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 10px rgba(217,145,62,.9))}}
@supports (animation-timeline: view()){
.flk .fl-arc{stroke-dasharray:100;animation:fldraw linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
.flk .fl-tick{animation:flfade linear both;animation-timeline:view();animation-range:cover 26% cover 34%}
.flk .fl-pill{animation:flpill linear both,lgglow 4s 1s ease-in-out infinite;animation-timeline:view(),auto;animation-range:cover 28% cover 38%,normal}
.flk .fl-word{animation:flword linear both;animation-timeline:view();animation-range:entry 10% cover 34%}
.flk .fl-sub{animation:flsub linear both;animation-timeline:view();animation-range:cover 26% cover 40%}
}
@keyframes fldraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes flfade{from{opacity:0}to{opacity:1}}
@keyframes flpill{0%{transform:scaleY(0)}70%{transform:scaleY(1.12)}100%{transform:scaleY(1)}}
@keyframes flword{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes flsub{from{opacity:0;transform:scaleX(1.25)}to{opacity:1;transform:none}}
.logo:hover .lg-prog{stroke:#D9913E}
@media (prefers-reduced-motion: reduce){*,*::after{animation:none!important;transition:none!important}}
.only-m{display:none}
@media (min-width:901px){.gal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;overflow:visible!important;margin:0!important;padding:0!important}.gal>div{flex:none!important}}
@media (max-width:900px){
.only-d{display:none!important}.only-m{display:block}
.split{flex-direction:column!important}
.buy{position:static!important}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.who{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--g) * -1);padding:0 var(--g)}
.who>*{scroll-snap-align:start}
.box{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.reas{grid-template-columns:repeat(2,minmax(0,1fr))!important;text-align:left!important}
.reas>div{display:flex;align-items:center;gap:10px}.reas br{display:none}
}