:root{--ink:#14061F;--ink2:#1E0C2E;--lime:#C8FF3D;--mag:#FF2E93;--vio:#8B5CFF;--bone:#F1ECE2;--mute:#B8A9CC;--ease:cubic-bezier(.2,.8,.2,1);
--px:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#14061F}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.disp{font-family:'Jersey 10','Silkscreen',monospace;font-weight:400;line-height:.86;margin:0}
.hud{font-family:'Silkscreen',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}
.mono{font-family:'JetBrains Mono',monospace;font-size:14px}
.wrap{max-width:1360px;margin:0 auto;padding:0 40px}
.px{image-rendering:pixelated}

/* boot */
.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;animation:bootGone .01s linear 1.55s forwards}
.boot .strips{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr)}
.boot .strips i{background:var(--ink);animation:stripOut .4s steps(4) forwards}
.boot .strips i:nth-child(1){animation-delay:.90s}.boot .strips i:nth-child(2){animation-delay:1.02s}.boot .strips i:nth-child(3){animation-delay:.96s}.boot .strips i:nth-child(4){animation-delay:1.10s}
.boot .strips i:nth-child(5){animation-delay:.93s}.boot .strips i:nth-child(6){animation-delay:1.06s}.boot .strips i:nth-child(7){animation-delay:.99s}.boot .strips i:nth-child(8){animation-delay:1.12s}
.boot .ui{position:relative;text-align:center;animation:uiOut .01s linear .85s forwards}
.boot .ui b{display:block;font-family:'Jersey 10','Silkscreen',monospace;font-weight:400;font-size:64px;line-height:1;color:var(--lime);margin-bottom:20px}
.boot .bar{width:min(320px,70vw);height:20px;border:2px solid var(--lime);padding:3px;margin:0 auto 16px}
.boot .bar u{display:block;height:100%;background:var(--lime);transform-origin:left;animation:barFill .8s steps(12) forwards}
@keyframes barFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes stripOut{to{transform:translateY(-101%)}}
@keyframes uiOut{to{opacity:0;visibility:hidden}}
@keyframes bootGone{to{visibility:hidden;pointer-events:none}}

/* nav */
.navwrap{position:sticky;top:16px;z-index:50;margin:16px 0 -64px;padding:0 24px;display:flex;justify-content:center;pointer-events:none}
.capsule{pointer-events:auto;display:flex;align-items:center;gap:6px;height:64px;padding:8px 22px 8px 22px;border-radius:999px;background:rgba(30,12,46,.82);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(241,236,226,.16);animation:navIn .4s var(--ease) 1.1s both}
@keyframes navIn{from{transform:translateY(-120px);opacity:0}to{transform:none;opacity:1}}
.capsule .logo{height:34px;width:auto;margin-right:14px}
.capsule .lab2{margin-left:14px;padding-left:18px;color:var(--mute);box-shadow:-2px 0 0 rgba(241,236,226,.16)}
.nl{position:relative;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;font-family:'Silkscreen',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);background:linear-gradient(var(--lime),var(--lime)) no-repeat 20px calc(100% - 9px)/0 2px;transition:background-size .15s steps(4)}
.nl:hover{background-size:calc(100% - 40px) 2px}
.nl.on{background:var(--bone);color:var(--ink)}
.nl.on:hover{background:var(--bone)}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 30px;font-family:'Silkscreen',monospace;font-size:14px;letter-spacing:.1em;text-transform:uppercase;clip-path:var(--px);isolation:isolate;overflow:hidden;transition:color .18s steps(4),transform .06s steps(1)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .18s steps(4)}
.btn:hover::before{transform:scaleX(1)}
.btn:active{transform:translate(2px,2px)}
.btn.pri{background:var(--lime);color:var(--ink)}
.btn.pri::before{background:var(--bone)}

/* hero */
.hero{position:relative;min-height:760px;padding-top:150px;overflow:hidden;background:var(--ink)}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,6,31,.6) 0%,rgba(20,6,31,.15) 38%,rgba(20,6,31,.9) 100%)}
.hero > *{position:relative}
.hero .hero-art,.hero .hero-scrim,.hero .draw,.hero .mcard{position:absolute}
.hero-top{display:flex;align-items:center;gap:14px;margin-bottom:26px;color:var(--mute);animation:fadeStep .3s steps(3,jump-none) 1.1s both}
.hero-top .cur{width:10px;height:16px;background:var(--lime);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@keyframes fadeStep{from{opacity:0}to{opacity:1}}
.hl{margin:0;font-weight:400;line-height:.8;font-family:'Jersey 10','Silkscreen',monospace}
.hl .l1,.hl .l2{display:block;white-space:nowrap;font-size:clamp(5.5rem,14.5vw,14rem);padding-left:max(40px,calc(50% - 640px))}
.hl .l1{color:var(--lime)}
.hl .l2{color:transparent;-webkit-text-stroke:2px var(--bone);margin-top:.03em}
.hl .track{display:inline-flex;animation:drift 30s linear infinite}
.hl .grp{display:inline-block;padding-right:.3em}
.hl .w{display:inline-block;margin-right:.3em}
.hl i{font-style:normal;display:inline-block;animation:pxIn .5s steps(5) both}
.hl i:nth-child(1){animation-delay:1.15s}.hl i:nth-child(2){animation-delay:1.20s}.hl i:nth-child(3){animation-delay:1.25s}.hl i:nth-child(4){animation-delay:1.30s}.hl i:nth-child(5){animation-delay:1.35s}
.hl i:nth-child(6){animation-delay:1.40s}.hl i:nth-child(7){animation-delay:1.45s}.hl i:nth-child(8){animation-delay:1.50s}
@keyframes pxIn{from{clip-path:inset(100% 0 0 0);transform:translateY(28px) scale(.88);opacity:0}to{clip-path:inset(0);transform:none;opacity:1}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero-low{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;margin-top:56px;padding-bottom:80px}
.tagline{margin:0;font-size:28px;line-height:1.3;font-weight:500;color:var(--bone);animation:fadeStep .4s steps(4,jump-none) 1.9s both;flex:1 1 100%}
.hero-low .btn{animation:fadeStep .4s steps(4,jump-none) 2.05s both}
.hero-low .plabel{color:var(--mute);animation:fadeStep .4s steps(4,jump-none) 2.1s both}
.scroll{position:absolute;right:max(40px,calc(50% - 640px));bottom:36px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--bone)}
.chev{display:block;width:14px;height:14px;margin-top:-6px;border-right:3px solid var(--lime);border-bottom:3px solid var(--lime);transform:rotate(45deg);opacity:.15;animation:chev 1.2s steps(1) infinite}
.chev:nth-of-type(2){animation-delay:.2s}.chev:nth-of-type(3){animation-delay:.4s}
@keyframes chev{0%{opacity:1}30%{opacity:.15}100%{opacity:.15}}
.mcard{right:max(40px,calc(50% - 600px));top:150px;width:340px;transform:rotate(-4deg);z-index:3;animation:cardDrop .7s var(--ease) 1.6s both}
@keyframes cardDrop{from{opacity:0;transform:rotate(-4deg) translateY(60px)}to{opacity:1;transform:rotate(-4deg)}}
.mfloat{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(-6px)}50%{transform:translateY(6px)}}
.mframe{position:relative;background:var(--ink2);padding:10px;box-shadow:10px 10px 0 var(--lime),0 0 0 2px var(--bone)}
.mframe img.cov{width:100%;aspect-ratio:4/3;object-fit:cover}
.mcap{display:flex;justify-content:space-between;gap:10px;padding:12px 4px 4px;color:var(--bone)}
.can{position:absolute;left:-74px;bottom:-56px;height:220px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 0 rgba(20,6,31,.6))}
.draw{animation:draw .7s var(--ease) both}
@keyframes draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* marquee */
.mq{position:relative;z-index:5;margin:-34px -3% 0;transform:rotate(-1.2deg);background:var(--lime);color:var(--ink);overflow:hidden;white-space:nowrap;height:84px;display:flex;align-items:center}
.mq .mt{display:inline-flex;align-items:center;animation:mq 25s linear infinite}
.mq .grpm{display:inline-flex;align-items:center;gap:36px;padding-right:36px;font-family:'Jersey 10','Silkscreen',monospace;font-size:52px;line-height:1}
.mq .grpm s{display:block;width:14px;height:14px;background:var(--ink);transform:rotate(45deg)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* sections */
.sec{position:relative;margin-top:-64px;clip-path:polygon(0 64px,100% 0,100% 100%,0 100%)}
.rule{height:2px;background:rgba(241,236,226,.18);position:relative}
.rule::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--lime)}
.lab{display:flex;align-items:center;gap:12px;color:var(--lime);margin-bottom:22px}
.lab::before{content:"";width:12px;height:12px;background:currentColor}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.sh h2{font-size:clamp(5rem,11vw,10rem)}

/* work */
.work{background:var(--ink2);padding:170px 0 150px}
.count{font-family:'Jersey 10','Silkscreen',monospace;font-size:96px;line-height:.8;color:var(--lime);text-align:right}
.count small{display:block;font-family:'Silkscreen',monospace;font-size:12px;letter-spacing:.14em;color:var(--mute);margin-top:12px}
.chips{position:relative;display:inline-flex;margin:36px 0 44px;padding:4px;background:var(--ink);box-shadow:inset 0 0 0 2px rgba(241,236,226,.2);max-width:100%;overflow-x:auto}
.chip{position:relative;z-index:1;flex:none;width:140px;height:48px;border:0;background:none;font-family:'Silkscreen',monospace;font-size:12px;letter-spacing:.14em;color:var(--bone);transition:color .16s steps(3)}
.chip.on{color:var(--ink)}
.plate{position:absolute;left:4px;top:4px;width:140px;height:48px;background:var(--lime);transition:transform .16s steps(4)}
.plate.p1{transform:translateX(140px)}.plate.p2{transform:translateX(280px)}.plate.p3{transform:translateX(420px)}.plate.p4{transform:translateX(560px)}
.rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 30px;padding:20px max(40px,calc(50% - 640px)) 36px}
.card{min-width:0;--np:28px}
/* filter */
.rail.f-web .card:not(.k-web),.rail.f-code .card:not(.k-code),.rail.f-game .card:not(.k-game),.rail.f-music .card:not(.k-music),.rail.f-video .card:not(.k-video){display:none}
/* card */
.card{position:relative;display:block;perspective:1400px;animation:cardIn .7s var(--ease) calc(1.6s + var(--n,0)*.08s) both}
.card:nth-child(1){--n:0}.card:nth-child(2){--n:1}.card:nth-child(3){--n:2}.card:nth-child(4){--n:3}.card:nth-child(5){--n:4}.card:nth-child(6){--n:5}.card:nth-child(7){--n:6}.card:nth-child(8){--n:7}.card:nth-child(9){--n:8}
@keyframes cardIn{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
.flip{position:relative;aspect-ratio:4/3}
.face{position:absolute;inset:0}
.front{display:block;overflow:hidden;background:var(--ink);box-shadow:0 0 0 2px rgba(241,236,226,.14)}
.front img{width:100%;height:100%;object-fit:cover}
.back{transform:perspective(1400px) rotateY(-90deg);opacity:0;pointer-events:none;transition:transform .3s ease-out,opacity 0s .3s;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--ink2);box-shadow:0 0 0 2px var(--lime),8px 8px 0 var(--lime)}
.front{transform:perspective(1400px);transition:transform .3s ease-in .3s,opacity 0s .3s}
.card.is-flipped .front,.card:has(a:focus-visible) .front,.card:has(button:focus-visible) .front{transform:perspective(1400px) rotateY(90deg);opacity:0;pointer-events:none;transition:transform .3s ease-in,opacity 0s .3s}
.card.is-flipped .back,.card:has(a:focus-visible) .back,.card:has(button:focus-visible) .back{transform:perspective(1400px);opacity:1;pointer-events:auto;transition:transform .3s ease-out .3s,opacity 0s .3s}
@media (hover:hover){
 .card:hover .front{transform:perspective(1400px) rotateY(90deg);opacity:0;pointer-events:none;transition:transform .3s ease-in,opacity 0s .3s}
 .card:hover .back{transform:perspective(1400px);opacity:1;pointer-events:auto;transition:transform .3s ease-out .3s,opacity 0s .3s}
 .card:hover .front img{animation:glitch .16s steps(1,end) 1}
 .card.plain:hover .pan{transform:rotate(-3deg)}
}
@keyframes glitch{0%{transform:translateX(-6px) skewX(4deg);filter:drop-shadow(6px 0 0 rgba(255,46,147,.85)) drop-shadow(-6px 0 0 rgba(200,255,61,.75))}34%{transform:translateX(7px) skewX(-3deg);filter:drop-shadow(-6px 0 0 rgba(255,46,147,.85)) drop-shadow(6px 0 0 rgba(200,255,61,.75))}67%{transform:translateX(-3px);filter:hue-rotate(50deg)}100%{transform:none;filter:none}}
.nameplate{position:absolute;left:18px;bottom:0;display:inline-block;max-width:calc(100% - 36px);padding:10px 16px 8px;background:var(--lime);color:var(--ink);font-family:'Jersey 10','Silkscreen',monospace;font-size:var(--np,34px);line-height:.9}
/* back: browser frame */
.bz{flex:1;min-height:0;display:flex;flex-direction:column;box-shadow:inset 0 0 0 2px var(--mute)}
.bbar{flex:none;height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;box-shadow:0 2px 0 var(--mute);color:var(--mute)}
.bbar i{width:8px;height:8px;background:var(--mute)}
.bbar span{margin-left:8px}
.vp{flex:1;min-height:0;overflow:hidden;position:relative}
.trk{display:flex;width:300%;height:100%;animation:trk 3.6s steps(3,jump-none) infinite}
@keyframes trk{from{transform:translateX(0)}to{transform:translateX(-66.6667%)}}
.sl{flex:none;width:33.3333%;height:100%;padding:10px;display:flex;flex-direction:column;gap:6px}
.sl.shot{padding:0}.sl.shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.sl b{display:block;background:rgba(184,169,204,.28)}
.s1 .hd{flex:0 0 12%}.s1 .hero{flex:0 0 42%;background:var(--lime)}.s1 .r3{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.s2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}
.s2 .a{background:var(--lime)}
.s3 .im{flex:0 0 36%}.s3 .w1{flex:0 0 7%;width:90%}.s3 .w2{flex:0 0 7%;width:70%;background:var(--lime)}.s3 .w3{flex:0 0 7%;width:80%}
.ticks{flex:none;display:flex;gap:6px;padding:0 10px 8px}
.ticks i{flex:1;height:4px;background:rgba(184,169,204,.3);animation:tick 3.6s steps(1,end) infinite}
.ticks i:nth-child(2){animation-delay:1.2s}.ticks i:nth-child(3){animation-delay:2.4s}
@keyframes tick{0%{background:#C8FF3D}33.3%{background:rgba(184,169,204,.3)}100%{background:rgba(184,169,204,.3)}}
.bcap{flex:none;height:44px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--mute);padding-left:4px}
.open{display:inline-flex;align-items:center;height:44px;padding:0 14px;background:var(--lime);color:var(--ink);clip-path:var(--px)}
.open:hover{background:var(--bone)}
/* meta */
.cmeta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;color:var(--mute)}
.tags{margin-top:6px}
.tag{display:inline-block;padding:4px 8px;margin-right:6px;box-shadow:inset 0 0 0 1px var(--mute);color:var(--bone)}
.pv{height:44px;min-width:44px;padding:0 16px;border:0;background:none;color:var(--lime);box-shadow:inset 0 0 0 2px var(--lime);letter-spacing:.12em;transition:background .15s steps(3),color .15s steps(3)}
.pv:hover,.pv[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
/* future-type panels */
.pan{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ink);box-shadow:0 0 0 2px rgba(241,236,226,.14),inset 0 0 0 6px var(--ink2);transition:transform .16s steps(4);background-image:repeating-linear-gradient(0deg,transparent 0 11px,rgba(184,169,204,.06) 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,rgba(184,169,204,.06) 11px 12px)}
.pan.code .ln{position:absolute;left:28px;top:26px;color:var(--bone);font-size:16px;line-height:1.6}
.pan.code .cur{display:inline-block;width:9px;height:16px;margin-left:6px;vertical-align:-2px;background:var(--lime);animation:blink 1s steps(1) infinite}
.cico{position:absolute;right:9%;top:50%;width:42%;max-width:210px;height:auto;transform:translateY(-58%)}
.eq{position:absolute;left:28px;right:28px;top:28px;bottom:64px;display:flex;align-items:flex-end;gap:6px}
.eq i{flex:1;height:100%;background:var(--lime);transform-origin:bottom;transform:scaleY(.3);animation:eq .9s steps(4) infinite alternate}
.eq i:nth-child(3n){animation-duration:.7s;animation-delay:-.3s}.eq i:nth-child(3n+1){animation-duration:1.1s;animation-delay:-.6s}.eq i:nth-child(5n){background:var(--mag);animation-duration:.8s}.eq i:nth-child(4n){animation-delay:-.45s}
@keyframes eq{from{transform:scaleY(.18)}to{transform:scaleY(1)}}
.pf{position:absolute;left:50%;top:44%;width:38%;aspect-ratio:16/10;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--ink2);box-shadow:inset 0 0 0 3px var(--lime);clip-path:var(--px)}
.tri{display:block;width:0;height:0;margin-left:10%;border-left:calc(var(--np,34px)*.9) solid var(--lime);border-top:calc(var(--np,34px)*.55) solid transparent;border-bottom:calc(var(--np,34px)*.55) solid transparent;animation:blink 1.2s steps(1) infinite}
.pan.video::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 5px)}
.pan .nameplate{z-index:2}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){
 .flip{transform:none!important}
 .back{transform:none;visibility:hidden}
 .card.is-flipped .back,.card:has(button:focus-visible) .back{visibility:visible}
 .card.is-flipped .front,.card:has(button:focus-visible) .front{visibility:hidden}
 .trk{transform:none}
 .eq i{transform:scaleY(.6)}
}


/* contact */
.contact{background:var(--ink2);padding:170px 0 40px;overflow:hidden}
.contact h2{font-size:clamp(5.5rem,16vw,15rem);color:var(--lime)}
.cgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:56px;align-items:start}
.cmail{grid-column:1/span 6}
.cmail h4,.csoc h4{margin:0 0 16px;color:var(--mute)}
.mail{display:inline-block;font-size:40px;line-height:1.1;font-weight:500;color:var(--bone);background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 100%/0 4px;padding-bottom:6px;transition:background-size .18s steps(6)}
.mail:hover{background-size:100% 4px}
.csoc{grid-column:8/span 5}
.csoc a{display:flex;justify-content:space-between;align-items:center;min-height:60px;font-size:22px;box-shadow:0 -1px 0 rgba(241,236,226,.18);transition:padding .15s steps(3),color .15s steps(3)}
.csoc a:hover{padding-left:16px;color:var(--lime)}
.biglogo{display:block;width:min(88%,1120px);height:auto;margin:100px auto 24px;image-rendering:pixelated;cursor:crosshair}
.biglogo:hover{animation:glitchL .24s steps(1,end) 2}
@keyframes glitchL{0%{transform:translateX(-10px) skewX(6deg);filter:drop-shadow(10px 0 0 #FF2E93) drop-shadow(-10px 0 0 #C8FF3D)}34%{transform:translateX(12px) skewX(-5deg);filter:drop-shadow(-10px 0 0 #FF2E93) drop-shadow(10px 0 0 #C8FF3D)}67%{transform:translateX(-5px);filter:hue-rotate(60deg)}100%{transform:none;filter:none}}
.copy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--mute);padding-top:24px;box-shadow:0 -2px 0 rgba(241,236,226,.14)}
.stencil{position:absolute;pointer-events:none}

/* scroll-driven */
@supports (animation-timeline: view()){
 .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
 .rule::after{animation:ruleIn linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
 .card{animation:cardIn linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
@keyframes rv{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes ruleIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}

@media (max-width:900px){
 .capsule{max-width:calc(100% - 24px)}.nl{padding:0 14px;white-space:nowrap}.capsule .lab2{display:none}
 .hero .draw{width:300px!important;opacity:.3!important}.hero .draw.px{display:none}
 .ccan{height:180px!important;top:24px!important;right:-10px!important;opacity:.4}
 .mcard,.scroll{display:none}
 .cmail,.csoc{grid-column:1/-1}
 .csoc{margin-top:40px}
}
@media (prefers-reduced-motion:reduce){
 .boot{display:none}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}