
body{margin:0;background:#faf3e0;color:#13241b;font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#016646}a:hover{color:#01543a}
@keyframes itUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes itLine{from{transform:translateY(108%)}to{transform:none}}
@keyframes itKb{from{transform:scale(1.16)}to{transform:scale(1)}}
@keyframes itPop{0%{opacity:0;transform:scale(.3) rotate(-25deg)}70%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:none}}
@keyframes itMq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes itZoom{from{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes itPx{to{transform:translateY(140px)}}
@keyframes itFan{from{transform:none}}
@keyframes itFill{to{background-position:0 0}}
@keyframes itShrink{to{transform:scale(.92);filter:brightness(.7)}}
@keyframes itCue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.fu{animation:itUp .9s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.15s}.d2{animation-delay:.3s}.d3{animation-delay:.45s}.d4{animation-delay:.6s}.d5{animation-delay:.9s}.d6{animation-delay:1.1s}
.ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.ln>span{display:block;animation:itLine 1.1s cubic-bezier(.2,.75,.2,1) both}
.l1>span{animation-delay:.2s}.l2>span{animation-delay:.32s}.l3>span{animation-delay:.44s}
.kb{animation:itKb 18s ease-out both}
.st{display:inline-flex;animation:itPop .55s cubic-bezier(.2,.7,.2,1) both}
.s1{animation-delay:1s}.s2{animation-delay:1.1s}.s3{animation-delay:1.2s}.s4{animation-delay:1.3s}.s5{animation-delay:1.4s}
.cue{width:2px;height:56px;background:rgba(250,243,224,.85);animation:itCue 2.2s ease-in-out infinite}
.mqt{display:flex;gap:12px;width:max-content;animation:itMq 50s linear infinite}
.mq:hover .mqt{animation-play-state:paused}
.tl img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tl:hover img{transform:scale(1.07)}
.xf{transition:opacity .9s ease}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(270px,auto);gap:12px}
.bA{grid-column:span 2;grid-row:span 2}
.bB{grid-column:span 2}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bA,.bB{grid-column:span 2}.bA{grid-row:span 1}}
@media (max-width:560px){.bento{grid-template-columns:minmax(0,1fr)}.bA,.bB{grid-column:span 1}}
.stk{position:sticky}
@supports (animation-timeline: view()){
.rv{animation:itUp linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
.r1{animation:itUp linear both;animation-timeline:view();animation-range:entry 0% cover 18%}
.r2{animation:itUp linear both;animation-timeline:view();animation-range:entry 6% cover 24%}
.r3{animation:itUp linear both;animation-timeline:view();animation-range:entry 12% cover 30%}
.r4{animation:itUp linear both;animation-timeline:view();animation-range:entry 18% cover 36%}
.r5{animation:itUp linear both;animation-timeline:view();animation-range:entry 24% cover 42%}
.r6{animation:itUp linear both;animation-timeline:view();animation-range:entry 30% cover 48%}
.rz{animation:itZoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
.fan{animation:itFan linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
.px{animation:itPx linear both;animation-timeline:scroll(root);animation-range:0 900px}
.fill{color:transparent;background:linear-gradient(90deg,#faf3e0 50%,rgba(250,243,224,.25) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:itFill linear both;animation-timeline:view();animation-range:cover 15% cover 50%}
.shr{animation:itShrink linear both;animation-timeline:view();animation-range:exit-crossing 0% exit-crossing 100%}
}
@media (prefers-reduced-motion: reduce){.fu,.ln>span,.kb,.st,.cue,.mqt,.rv,.r1,.r2,.r3,.r4,.r5,.r6,.rz,.fan,.px,.fill,.shr{animation:none!important}.fill{color:#faf3e0;background:none}.xf,.tl img{transition:none}}
section img{filter:contrast(.95) brightness(1.03)}.tint,.grn{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tint{background:#016646;mix-blend-mode:soft-light;opacity:.22}.grn{opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}@media (min-width:900px){.fdR{-webkit-mask-image:linear-gradient(90deg,#000 74%,transparent);mask-image:linear-gradient(90deg,#000 74%,transparent)}.fdL{-webkit-mask-image:linear-gradient(270deg,#000 74%,transparent);mask-image:linear-gradient(270deg,#000 74%,transparent)}}
.mt-phone{position:relative;width:260px;max-width:70vw;aspect-ratio:9/19.5;box-sizing:border-box;border-radius:42px;background:#0b130f;padding:9px;box-shadow:0 30px 70px rgba(1,30,20,.38);flex:none}.mt-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:33px;display:block}.mt-r{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.mt-chips{display:flex;flex-wrap:wrap;gap:8px}.mt-chips label{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:999px;border:1.5px solid rgba(250,243,224,.5);color:#faf3e0;cursor:pointer;font-weight:600;font-size:15px;line-height:20px;transition:background .2s,color .2s,border-color .2s}.mt-chips label:hover{border-color:#faf3e0}.mt-out p{display:none;margin:0}.mt-out .mt-o0{display:block}.mt-r:nth-of-type(1):checked~.mt-chips .mt-c1{background:#e8b04a;border-color:#e8b04a;color:#13241b}.mt-r:nth-of-type(1):checked~.mt-out .mt-o0{display:none}.mt-r:nth-of-type(1):checked~.mt-out .mt-o1{display:block;animation:itUp .5s cubic-bezier(.2,.7,.2,1) both}.mt-r:nth-of-type(1):focus-visible~.mt-chips .mt-c1{outline:3px solid #e8b04a;outline-offset:2px}.mt-r:nth-of-type(2):checked~.mt-chips .mt-c2{background:#e8b04a;border-color:#e8b04a;color:#13241b}.mt-r:nth-of-type(2):checked~.mt-out .mt-o0{display:none}.mt-r:nth-of-type(2):checked~.mt-out .mt-o2{display:block;animation:itUp .5s cubic-bezier(.2,.7,.2,1) both}.mt-r:nth-of-type(2):focus-visible~.mt-chips .mt-c2{outline:3px solid #e8b04a;outline-offset:2px}.mt-r:nth-of-type(3):checked~.mt-chips .mt-c3{background:#e8b04a;border-color:#e8b04a;color:#13241b}.mt-r:nth-of-type(3):checked~.mt-out .mt-o0{display:none}.mt-r:nth-of-type(3):checked~.mt-out .mt-o3{display:block;animation:itUp .5s cubic-bezier(.2,.7,.2,1) both}.mt-r:nth-of-type(3):focus-visible~.mt-chips .mt-c3{outline:3px solid #e8b04a;outline-offset:2px}.mt-r:nth-of-type(4):checked~.mt-chips .mt-c4{background:#e8b04a;border-color:#e8b04a;color:#13241b}.mt-r:nth-of-type(4):checked~.mt-out .mt-o0{display:none}.mt-r:nth-of-type(4):checked~.mt-out .mt-o4{display:block;animation:itUp .5s cubic-bezier(.2,.7,.2,1) both}.mt-r:nth-of-type(4):focus-visible~.mt-chips .mt-c4{outline:3px solid #e8b04a;outline-offset:2px}.mt-r:nth-of-type(5):checked~.mt-chips .mt-c5{background:#e8b04a;border-color:#e8b04a;color:#13241b}.mt-r:nth-of-type(5):checked~.mt-out .mt-o0{display:none}.mt-r:nth-of-type(5):checked~.mt-out .mt-o5{display:block;animation:itUp .5s cubic-bezier(.2,.7,.2,1) both}.mt-r:nth-of-type(5):focus-visible~.mt-chips .mt-c5{outline:3px solid #e8b04a;outline-offset:2px}.mt-r:nth-of-type(6):checked~.mt-chips .mt-c6{background:#e8b04a;border-color:#e8b04a;color:#13241b}.mt-r:nth-of-type(6):checked~.mt-out .mt-o0{display:none}.mt-r:nth-of-type(6):checked~.mt-out .mt-o6{display:block;animation:itUp .5s cubic-bezier(.2,.7,.2,1) both}.mt-r:nth-of-type(6):focus-visible~.mt-chips .mt-c6{outline:3px solid #e8b04a;outline-offset:2px}.mt-det{display:none}@media (min-width:1000px){.mt-det{display:flex}}.mt-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}@media (max-width:1000px){.mt-team{grid-template-columns:repeat(2,minmax(0,1fr))}}.mt-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}@media (max-width:1000px){.mt-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.mt-strip{grid-template-columns:minmax(0,1fr)}}.mt-mos{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px}.mt-mos img{width:100%;height:100%;object-fit:cover;display:block}.mt-gal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:220px;gap:10px}.mt-gal .g2{grid-column:span 2}.mt-gal .g3{grid-column:span 3}.mt-gal .gr{grid-row:span 2}@media (max-width:900px){.mt-gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.mt-gal .g2,.mt-gal .g3{grid-column:span 1}.mt-gal .gw{grid-column:span 2}}@media (max-width:700px){.mt-stk{height:auto!important;min-height:600px}}@keyframes itBar{from{transform:scaleX(0)}to{transform:none}}.mt-bar{transform-origin:left center;animation:itBar 1.4s cubic-bezier(.2,.7,.2,1) .3s both}@keyframes itMsg{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.mt-msg{animation:itMsg .7s cubic-bezier(.2,.7,.2,1) both}.mt-msg2{animation-delay:.5s}@supports (animation-timeline: view()){.mt-bar,.mt-msg{animation-timeline:view();animation-range:entry 20% cover 45%;animation-delay:0s}}.mt-pc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:1000px){.mt-pc{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mt-pc{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * max(20px,5vw));padding:0 max(20px,5vw) 6px;scrollbar-width:none}.mt-pc::-webkit-scrollbar{display:none}.mt-pc>*{flex:0 0 82%;scroll-snap-align:start}}@media (prefers-reduced-motion: reduce){.mt-bar,.mt-msg{animation:none!important}}
.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(20px,calc((100% - 1200px) / 2));padding:0 max(20px,calc((100% - 1200px) / 2)) 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.car::-webkit-scrollbar{display:none}
.car>a,.car>div{flex:none;scroll-snap-align:start;width:clamp(260px,calc((100% - 36px) / 4),400px)}
.arw{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1.5px solid currentColor;background:transparent;color:inherit;transition:background-color .2s ease,color .2s ease}
.arw:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.flip{transform:rotate(180deg)}
.hsm{display:block}
@media (max-width:700px){.hsm{display:none}}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:900px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fill-ink{color:#13241b}
@supports (animation-timeline: view()){.fill-ink{color:transparent;background:linear-gradient(90deg,#13241b 50%,rgba(19,36,27,.18) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:itFill linear both;animation-timeline:view();animation-range:cover 15% cover 50%}}
@media (prefers-reduced-motion: reduce){.fill-ink{animation:none!important;color:#13241b;background:none}.arw{transition:none}}
