body{margin:0;background:#FAFAF8;color:#0E1418;font-family:'Schibsted Grotesk',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}a:hover{color:#CE3337}
*{box-sizing:border-box}
.mono{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.02em}
.wrap{max-width:1360px;margin:0 auto;padding-left:40px;padding-right:40px}
.nl{text-decoration:none;transition:background-color .2s,color .2s}
.navbtn{background:none;border:0;font:inherit;color:inherit;cursor:pointer;transition:background-color .2s}
.navbtn:hover,.nl.pill:hover{background:rgba(14,20,24,.07)}
.btn{text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.btn-ink:hover{background:#CE3337!important;color:#fff!important}
.ul{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s}
.ul:hover{background-size:100% 1px}
.card{position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(14,20,24,.45)}
.arw{position:absolute;right:20px;bottom:20px;z-index:3;width:44px;height:44px;border-radius:999px;background:#FFFFFF;color:#0E1418;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(14,20,24,.45),inset 0 0 0 1px rgba(14,20,24,.08);transition:transform .45s cubic-bezier(.2,.7,.2,1),background-color .3s,color .3s}
.card:hover .arw{transform:rotate(-45deg);background:#0E1418;color:#FFFFFF}
.mega,.fade{animation:drop .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.rise{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.1s}.d2{animation-delay:.2s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.g-side{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.stick{position:sticky;top:100px}
.show-m{display:none!important}
.show-l{display:none!important}
@media (max-width: 1200px){.hide-l{display:none!important}.show-l{display:flex!important}}
@media (max-width: 960px){
.wrap{padding-left:20px;padding-right:20px}
.g-side{grid-template-columns:1fr;gap:28px}
.stick{position:static}
.hide-m{display:none!important}.show-m{display:flex!important}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}