@font-face{font-family:'Archivo';src:url(../fonts/archivo-latin-standard-normal.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-latin-standard-italic.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(../fonts/instrument-serif-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(../fonts/instrument-serif-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Geist';src:url(../fonts/geist-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(../fonts/geist-mono-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
body{margin:0;background:#0B0B0C}
html{scroll-behavior:smooth}
a{color:inherit}a:hover{color:inherit}
.aw *{box-sizing:border-box}
.aw button{font-family:inherit}
.wide{font-family:Archivo,sans-serif;font-stretch:125%;font-weight:900;letter-spacing:-0.035em}
.ser{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-0.01em}
.mono{font-family:'Geist Mono',monospace;text-transform:uppercase;letter-spacing:0.12em}
.outline{color:transparent;-webkit-text-stroke:1.5px currentColor}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes holo{to{background-position:200% 0}}
.mq{animation:mq 38s linear infinite}
.mqr{animation:mqr 44s linear infinite}
.blink{animation:blink 1.4s ease-in-out infinite}
.spin{animation:spin 16s linear infinite}
.floaty{animation:floaty 4s ease-in-out infinite}
.navl a{text-decoration:none;opacity:.9}.navl a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.btnx{cursor:pointer;transition:transform .2s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s}
.btnx:hover{transform:translateY(-3px) rotate(-1deg)}
.btnx:active{transform:scale(.96)}
.wcard{cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.wcard .media{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.wcard:hover .media{transform:scale(1.06)}
.wcard .info{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}
.wcard .peek{opacity:0;transform:translateY(10px);transition:all .45s cubic-bezier(.2,.8,.2,1)}
.wcard:hover .peek{opacity:1;transform:none}
.wcard .arrow{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.wcard:hover .arrow{transform:rotate(-45deg) scale(1.1)}
.chip{cursor:pointer}
.svrow{cursor:default;transition:background .25s,color .25s,padding .35s cubic-bezier(.2,.8,.2,1)}
.svrow:hover{padding-left:28px!important}
.tcard{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tcard:hover{transform:translateY(-8px) rotate(-1deg)}
.tcard .holo{background:linear-gradient(110deg,#0B0B0C 0%,#0B0B0C 40%,#D6FF38 45%,#7B5CFF 50%,#FF5B2E 55%,#0B0B0C 60%,#0B0B0C 100%);background-size:200% 100%}
.tcard:hover .holo{animation:holo 1.4s linear infinite}
.bar>div{transition:width 1s cubic-bezier(.2,.8,.2,1)}
.reel{transition:filter .1s}
.blur{filter:blur(2.5px)}
input[type=range]{accent-color:#0B0B0C}
.inp{width:100%;min-height:52px;border-radius:14px;border:2px solid #0B0B0C;background:#FFFFFF;padding:12px 16px;font:600 20px Geist,sans-serif;color:#0B0B0C}
.inp:focus{outline:3px solid #7B5CFF;outline-offset:2px}
.comic{font-family:'Comic Sans MS','Comic Neue','Chalkboard SE',cursive}
.burger{display:none}
.svthumb{display:none}
.heroCv{touch-action:pan-y}
.only-m{display:none}
.mlink{text-decoration:none;display:block;padding:10px 0;border-bottom:1px solid rgba(242,240,234,.15)}
@media (hover:none){.wcard .peek{opacity:1;transform:none}.wcard:hover .media{transform:none}}
@media (max-width:1100px){
.g3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.g2{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.svgrid{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.stickyp{display:none!important}
.svthumb{display:block}
.svrow{grid-template-columns:40px minmax(0,1fr) 76px!important;align-items:center}
.h-xl{font-size:13vw!important}
.h-l{font-size:64px!important}
.navl{display:none!important}
.burger{display:flex}
.heroR{justify-self:start!important}
.endcol{align-items:flex-start!important}
.endcol p{text-align:left!important}
.endcol [role=group]{justify-content:flex-start!important}
}
@media (max-width:700px){
.g3{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.g4{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.g4s{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.span2{grid-column:span 1!important}
.px{padding-left:16px!important;padding-right:16px!important}
.sec{padding-top:84px!important;padding-bottom:84px!important}
.navcta{display:none!important}
.hide-m{display:none!important}
.only-m{display:inline}
.heroCv{height:30vh!important;min-height:200px!important;flex-grow:0!important}
.h-l{font-size:42px!important;line-height:.95!important}
.h-xl{font-size:15vw!important}
.h-m{font-size:28px!important}
.big-n{font-size:44px!important}
.mqA{font-size:26px!important}.mqB{font-size:30px!important}
.mq2{font-size:52px!important}
.wh{height:360px!important}
.svname{font-size:24px!important}
.svrow{grid-template-columns:30px minmax(0,1fr) 64px!important;padding:14px 4px!important}
.svrow:hover{padding-left:4px!important}
.toy{padding:20px!important;border-radius:24px!important}
.toyT{font-size:28px!important}
.lt{height:112px!important}
.lt1{font-size:18px!important;letter-spacing:.14em!important}
.lt2{font-size:18px!important}
.lt3{font-size:30px!important}
.lt4{font-size:17px!important}
.reelCur{font-size:14px!important}
.reelSide{display:none!important}
.reelBox{height:96px!important;padding:10px 8px!important}
.rbBox{height:250px!important}
.rb1{font-size:24px!important}.rb2{font-size:16px!important}
.quote{transform:none!important}
.mail{font-size:24px!important;text-underline-offset:6px!important}
.lede{font-size:18px!important}
.tcard:hover{transform:none}
}
@media (max-width:380px){
.lt1{font-size:15px!important}.lt3{font-size:24px!important}
}