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{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)}
.zoom img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.04)}
.slot{background-color:#E3E0D8;background-image:linear-gradient(rgba(14,20,24,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,20,24,.07) 1px,transparent 1px);background-size:24px 24px}
.slot-d{background-color:rgba(255,255,255,.06);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}
.band{transition:flex-grow .7s cubic-bezier(.2,.7,.2,1),background-color .3s;cursor:pointer;border:0;font:inherit;text-align:left}
.mega{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:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.g-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}
.g-nuear{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.c-a{grid-column:span 7;grid-row:span 2}.c-b{grid-column:span 5}.c-c{grid-column:span 5}
.c-d{grid-column:span 4}.c-e{grid-column:span 4}.c-f{grid-column:span 4}
.g-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px}
.g-ad{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.a1{grid-column:span 6;grid-row:span 2}.a2{grid-column:span 6}.a3{grid-column:span 3}.a4{grid-column:span 3}
.bands{display:flex;gap:8px;min-height:520px}
.g-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:280px;gap:16px}
.n-big{grid-row:span 2}
.car-btn:disabled{opacity:.35;cursor:default}
.g-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.b4{position:relative;overflow:hidden;border-radius:20px;min-height:440px;padding:24px;display:flex;flex-direction:column;text-decoration:none}
.b4-txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}
.b4-k{font-size:12px}
.b4-logo{width:auto;align-self:flex-start;display:block}
.b4-word{font-size:30px;font-weight:700;letter-spacing:-0.035em;line-height:.9}
.b4-d{font-size:15px;line-height:1.45;max-width:24ch}
.b4-vis{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:1}
.b4-disc{position:absolute;left:50%;bottom:-14%;width:96%;aspect-ratio:1/1;border-radius:999px;transform:translateX(-50%)}
.b4-prod{position:absolute;left:50%;bottom:12%;height:60%;width:auto;transform:translateX(-50%);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b4-mul{height:40%;bottom:20%}
.b4-photo{position:absolute;left:16px;right:16px;bottom:16px;width:calc(100% - 32px);height:calc(100% - 16px);object-fit:cover;object-position:62% 40%;border-radius:14px;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b4-cut{position:absolute;left:-8%;bottom:6%;width:116%;height:auto;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b4:hover .b4-prod{transform:translateX(-50%) scale(1.05)}
.b4:hover .b4-photo,.b4:hover .b4-cut{transform:scale(1.04)}
.b4-rings{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 45%);mask-image:linear-gradient(to bottom,transparent 0,#000 45%)}
.b4-floor{position:absolute;left:16%;right:24%;bottom:8%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(92,8,12,.55),rgba(92,8,12,0))}
.nu-bte{position:absolute;left:10%;bottom:15%;height:48%;width:auto;transform:rotate(-14deg);filter:drop-shadow(0 16px 18px rgba(92,8,12,.35));transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.nu-ric{position:absolute;left:36%;bottom:11%;height:59%;width:auto;transform:rotate(7deg);filter:drop-shadow(0 20px 22px rgba(92,8,12,.42));transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b4:hover .nu-ric{transform:rotate(7deg) translateY(-8px)}
.b4:hover .nu-bte{transform:rotate(-14deg) translateY(-5px)}
.b4-ill{position:absolute;left:3%;bottom:0;width:80%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b4:hover .b4-ill{transform:translateY(-4px)}
.rings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ca-stage{position:relative;z-index:1;flex:1;min-height:300px}
.ca-ric{position:absolute;left:50%;top:50%;height:min(330px,92%);width:auto;transform:translate(-50%,-50%) rotate(6deg);filter:drop-shadow(0 28px 30px rgba(92,8,12,.42));transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.c-a:hover .ca-ric{transform:translate(-50%,-54%) rotate(6deg)}
.ca-floor{position:absolute;left:30%;right:30%;bottom:2%;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(92,8,12,.5),rgba(92,8,12,0))}
.cb-vis{position:absolute;top:0;right:0;bottom:0;width:58%}
.cb-bte{position:absolute;left:50%;top:50%;height:min(210px,74%);width:auto;transform:translate(-50%,-52%) rotate(-8deg);filter:drop-shadow(0 18px 20px rgba(14,20,24,.22));transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.c-b:hover .cb-bte{transform:translate(-50%,-56%) rotate(-8deg)}
.cb-floor{position:absolute;left:28%;right:28%;bottom:9%;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(14,20,24,.22),rgba(14,20,24,0))}
.is-tile{position:relative;overflow:hidden;background:#F7F6F4;border-radius:14px}
.is-store{position:absolute;left:5%;bottom:0;width:90%;height:100%}
.wv{animation:wv 2.4s ease-in-out infinite}.w2{animation-delay:.25s}.w3{animation-delay:.5s}
@keyframes wv{0%,100%{opacity:.25}40%{opacity:1}}
.g-nuear .c-b > :nth-last-child(2){padding-right:0}
.show-m{display:none!important}
@media (max-width: 960px){
.wrap{padding-left:20px;padding-right:20px}
.g-hero,.g-split{grid-template-columns:1fr}
.g-nuear>*,.g-ad>*,.sp2{grid-column:1/-1!important;grid-row:auto!important}
.bands{flex-direction:column;min-height:0}
.g-news{grid-template-columns:1fr;grid-auto-rows:minmax(240px,auto)}
.n-big{grid-row:auto;min-height:380px}
.car-view{overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px}
.car-track{transform:none!important}
.car-btn{display:none!important}
.g-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.b4{min-height:250px;padding:14px;border-radius:16px}
.b4-txt{gap:8px}
.b4-k{font-size:10px}
.b4-d{display:none}
.b4-logo{max-width:100%;height:auto!important;max-height:22px}
.b4-word{font-size:22px}
.b4-vis{height:58%}
.b4-photo{left:10px;right:10px;bottom:10px;width:calc(100% - 20px);height:calc(100% - 10px);border-radius:10px}
.b4 .arw{width:34px;height:34px;right:10px;bottom:10px}
.b4 > :nth-last-child(2):not(img){padding-right:0}
.b4-ill{left:0;width:76%}
.g-nuear .c-a{min-height:460px!important}
.cb-vis{width:56%}
.cb-bte{height:60%}
.ca-ric{height:min(280px,88%)}
.is-grid{grid-template-columns:1fr!important}
.sono-tile{min-height:440px!important;padding:24px!important}
.sono-tile  img{top:19%!important}
.is-tile{min-height:230px}
.is-store{left:10%;width:80%}
.is-grid > :last-child{min-height:120px}
.nu-bte{left:7%;height:44%}.nu-ric{left:20%;height:54%;bottom:14%}
.hc-txt{max-width:100%!important}
.hc-low{display:none!important}
.sp2.card{min-height:560px!important;justify-content:flex-start!important}
.hc-disc{top:auto!important;bottom:-18%!important;right:-12%!important;transform:none!important;width:92%!important}
.hc-ric{top:auto!important;bottom:6%!important;right:30%!important;height:44%!important}
.hc-bte{bottom:4%!important;right:6%!important;height:28%!important}
.hide-m{display:none!important}
.show-m{display:flex!important}
}
.card{position:relative}.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}
.card > :nth-last-child(2):not(img){padding-right:60px}
.show-l{display:none!important}
@media (max-width: 1200px){.hide-l{display:none!important}.show-l{display:flex!important}}
.chain{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.chain-line{position:absolute;left:0;right:0;top:27px;height:2px;background:rgba(250,250,248,.18);overflow:hidden}
.chain-pulse{position:absolute;top:0;left:-25%;width:25%;height:2px;background:linear-gradient(90deg,rgba(250,250,248,0),#FAFAF8,rgba(250,250,248,0));animation:chainp 3.6s linear infinite}
@keyframes chainp{to{left:100%}}
.chain-node:hover{opacity:1!important}
@media (max-width: 960px){.chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.chain-line{display:none}.chain-panel{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}