/* ============================================================================
   LOUDPIXELS — ATELIER
   Signature moments: panel intro, headline with inline image tiles, a pinned
   horizontal work reel, an expanding service index, a rotating seal.
   ============================================================================ */

:root{
  --bg:#08080A;
  --bg-2:#0F0F12;
  --fg:#EDEDE8;
  --fg-2:rgba(237,237,232,.60);
  --fg-3:rgba(237,237,232,.30);
  --line:rgba(237,237,232,.12);
  --line-2:rgba(237,237,232,.22);
  --lime:#B8F04D;

  --pad:clamp(18px,3.4vw,60px);
  --maxw:1720px;

  --e:cubic-bezier(.22,.61,.36,1);
  --out:cubic-bezier(.16,1,.3,1);
  --spring:cubic-bezier(.34,1.3,.5,1);

  --d:"Bricolage Grotesque","Archivo",-apple-system,sans-serif;
  --s:"Instrument Serif",Georgia,serif;
  --m:"JetBrains Mono",ui-monospace,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html:not(.js){scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--d);
  font-size:16px;line-height:1.5;letter-spacing:-.01em;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.lock{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
figure{margin:0}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.05em;line-height:.9}
em{font-family:var(--s);font-style:italic;font-weight:400;letter-spacing:-.015em}
::selection{background:var(--lime);color:#000}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}

body::after{content:"";position:fixed;inset:0;z-index:400;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.mono{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}

/* ================================================================== INTRO */
.intro{position:fixed;inset:0;z-index:500;pointer-events:none}
.intro__panes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr)}
.intro__panes i{display:block;background:var(--bg);transform-origin:top;
  transition:transform 1s var(--out)}
.intro.out .intro__panes i{transform:scaleY(0)}
.intro__mid{position:absolute;inset:0;display:grid;place-items:center;
  transition:opacity .4s var(--e)}
.intro.out .intro__mid{opacity:0}
.intro__word{font-family:var(--m);font-size:clamp(16px,2.4vw,26px);letter-spacing:.3em;
  text-transform:uppercase;color:var(--fg)}
.intro__n{position:absolute;right:var(--pad);bottom:var(--pad);font-family:var(--m);
  font-size:clamp(40px,9vw,120px);letter-spacing:-.04em;color:var(--fg)}
.intro__n b{color:var(--lime);font-weight:400}

/* ================================================================= CURSOR */
.cur{position:fixed;top:0;left:0;z-index:390;width:12px;height:12px;border-radius:50%;
  background:var(--fg);mix-blend-mode:difference;pointer-events:none;opacity:0;
  transform:translate(-50%,-50%);
  transition:width .45s var(--spring),height .45s var(--spring),opacity .3s,background .3s}
.cur.on{opacity:1}
.cur.hot{width:56px;height:56px}
.cur.label{width:96px;height:96px;background:var(--lime);mix-blend-mode:normal}
.cur__t{position:fixed;top:0;left:0;z-index:391;pointer-events:none;transform:translate(-50%,-50%);
  font-family:var(--m);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#000;
  opacity:0;transition:opacity .3s}
.cur__t.on{opacity:1}
@media (max-width:900px),(pointer:coarse){.cur,.cur__t{display:none}}

/* ==================================================================== NAV */
/* editorial masthead — serif wordmark, mono nav, a baseline rule that
   fades in on scroll. Clean and floating at the top, defined once you move. */
.nav{position:fixed;top:0;left:0;right:0;z-index:200}
.nav::before{content:"";position:absolute;inset:0;background:rgba(8,8,10,.6);
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  border-bottom:1px solid var(--line-2);opacity:0;transition:opacity .5s var(--e);pointer-events:none}
.nav.stuck::before{opacity:1}
.nav__in{position:relative;display:flex;align-items:center;gap:34px;
  max-width:var(--maxw);margin-inline:auto;padding:22px var(--pad);transition:padding .4s var(--e)}
.nav.stuck .nav__in{padding-top:14px;padding-bottom:14px}

/* serif wordmark — the signature move */
.mark{display:flex;align-items:center;gap:12px;font-family:var(--s);font-weight:400;
  font-size:clamp(24px,2.4vw,32px);letter-spacing:-.01em;line-height:1;
  transition:font-size .4s var(--e)}
.nav.stuck .mark{font-size:22px}
.mark i{width:9px;height:9px;border-radius:50%;background:var(--lime);display:block;flex:none;
  box-shadow:0 0 12px rgba(184,240,77,.7)}

/* mono nav, pushed to the right — hairline wipe on hover */
.nav__links{display:flex;align-items:center;gap:32px;margin-left:auto}
.nav__links a{position:relative;font-family:var(--m);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fg-2);transition:color .3s var(--e)}
.nav__links a span{position:relative}
.nav__links a span::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;
  background:var(--lime);transition:right .4s var(--out)}
.nav__links a:hover{color:var(--fg)}
.nav__links a:hover span::after{right:0}
@media (max-width:940px){.nav__links{display:none}}

.nav__right{display:flex;align-items:center;gap:18px}
@media (max-width:940px){.nav__right{margin-left:auto}}

/* ghost-outline CTA that floods lime on hover */
.nav__cta{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fg);white-space:nowrap;
  border:1px solid var(--line-2);padding:11px 20px;border-radius:100px;
  transition:color .3s var(--e),background .3s var(--e),border-color .3s var(--e)}
.nav__cta i{width:6px;height:6px;border-radius:50%;background:var(--lime);display:block;
  animation:blip 2.4s var(--e) infinite;transition:background .3s var(--e)}
.nav__cta:hover{background:var(--lime);color:#08080A;border-color:var(--lime)}
.nav__cta:hover i{background:#08080A}
@media (max-width:520px){.nav__cta{display:none}}

.menu-btn{display:none;align-items:center;gap:12px;font-family:var(--m);font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--fg);padding:6px 4px 6px 12px}
@media (max-width:940px){.menu-btn{display:flex}}
.menu-btn u{display:block;width:26px;height:8px;position:relative;text-decoration:none}
.menu-btn u::before,.menu-btn u::after{content:"";position:absolute;left:0;right:0;height:1.5px;
  background:currentColor;transition:transform .4s var(--out)}
.menu-btn u::before{top:0}.menu-btn u::after{bottom:0}
.menu-btn.on u::before{transform:translateY(3.25px) rotate(45deg)}
.menu-btn.on u::after{transform:translateY(-3.25px) rotate(-45deg)}

/* status corner */
.status{position:fixed;left:var(--pad);bottom:var(--pad);z-index:190;display:flex;
  flex-direction:column;gap:5px;mix-blend-mode:difference}
@media (max-width:820px){.status{display:none}}
.status span{font-family:var(--m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}
.status .live{display:flex;align-items:center;gap:8px}
.status .live b{width:6px;height:6px;border-radius:50%;background:var(--lime);display:block;
  animation:blip 2.4s var(--e) infinite}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.25}}

/* full-screen menu */
.menu{position:fixed;inset:0;z-index:195;background:var(--bg);
  clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--out);
  display:grid;grid-template-rows:1fr auto;padding:120px var(--pad) var(--pad)}
.menu.on{clip-path:inset(0 0 0 0)}
.menu__links a{display:block;font-size:clamp(38px,9vw,120px);font-weight:700;letter-spacing:-.055em;
  text-transform:uppercase;line-height:1.02;color:var(--fg);overflow:hidden}
.menu__links a span{display:block;transform:translateY(105%);transition:transform .8s var(--out)}
.menu.on .menu__links a span{transform:none}
.menu.on .menu__links a:nth-child(1) span{transition-delay:.10s}
.menu__links a:nth-child(2) span{transition-delay:.16s}
.menu__links a:nth-child(3) span{transition-delay:.22s}
.menu__links a:nth-child(4) span{transition-delay:.28s}
.menu__links a:hover{color:var(--lime)}
.menu__foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:22px}

/* =================================================================== HERO */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:140px 0 40px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(40px,9.4vw,168px);letter-spacing:-.055em;line-height:.92;
  text-transform:uppercase;font-weight:700}
.hero h1 em{text-transform:none;letter-spacing:-.02em;font-weight:400}

/* image tiles set inline in the sentence */
.tile{display:inline-block;vertical-align:middle;width:clamp(66px,10.5vw,190px);
  height:clamp(42px,6.4vw,112px);border-radius:100px;overflow:hidden;margin:0 .06em .12em;
  background:var(--bg-2);will-change:transform}
.tile img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}

.hero__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;
  flex-wrap:wrap;margin-top:clamp(40px,6vw,88px)}
.hero__foot p{margin:0;max-width:38ch;color:var(--fg-2);font-size:clamp(14px,1.1vw,17px)}

/* rotating seal */
.seal{width:clamp(92px,9vw,132px);height:clamp(92px,9vw,132px);position:relative;flex:none}
.seal svg{width:100%;height:100%;animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.seal text{font-family:var(--m);font-size:9.4px;letter-spacing:.22em;fill:var(--fg-2);
  text-transform:uppercase}
.seal__dot{position:absolute;inset:0;display:grid;place-items:center}
.seal__dot i{width:9px;height:9px;border-radius:50%;background:var(--lime);display:block}

/* ================================================================ TICKER */
.tick{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;
  padding:16px 0;background:var(--bg)}
.tick__t{display:flex;width:max-content;will-change:transform}
.tick__i{display:inline-flex;align-items:center;gap:18px;padding:0 18px;white-space:nowrap;
  font-family:var(--m);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2)}
.tick__i b{width:5px;height:5px;border-radius:50%;background:var(--lime);display:block;flex:none}

/* =============================================================== SECTIONS */
.sec{position:relative;padding:clamp(90px,12vw,190px) 0}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:clamp(30px,4vw,54px)}
.eyebrow b{width:6px;height:6px;border-radius:50%;background:var(--lime);display:block}

/* ============================================================= MANIFESTO */
.man{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(30px,6vw,110px);align-items:start}
@media (max-width:900px){.man{grid-template-columns:1fr;gap:34px}}
.man__stick{position:sticky;top:130px}
.man__lines p{margin:0 0 clamp(26px,3vw,44px);font-size:clamp(22px,3.1vw,46px);
  letter-spacing:-.04em;line-height:1.16;font-weight:500}
.man__lines p:last-child{margin-bottom:0}
.man__lines .dim{color:var(--fg-3)}

/* ============================================== HORIZONTAL WORK REEL */
.reel{position:relative}
.reel__sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.reel__track{display:flex;gap:clamp(18px,2.4vw,40px);padding-inline:var(--pad);
  will-change:transform}
.rcard{position:relative;flex:0 0 clamp(280px,42vw,620px);text-decoration:none}
.rcard__media{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--bg-2)}
.rcard__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);
  transition:transform 1.1s var(--out),filter .6s var(--e);filter:grayscale(.35)}
.rcard:hover .rcard__media img{transform:scale(1);filter:grayscale(0)}
.rcard__n{position:absolute;top:14px;left:16px;z-index:2;font-family:var(--m);font-size:10px;
  letter-spacing:.18em;color:var(--fg);mix-blend-mode:difference}
.rcard__b{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 2px 0}
.rcard__b h3{font-size:clamp(20px,2.2vw,34px);letter-spacing:-.045em;text-transform:uppercase;
  transition:color .4s var(--e)}
.rcard:hover .rcard__b h3{color:var(--lime)}
.rcard__b p{margin:8px 0 0;font-size:13.5px;color:var(--fg-2);max-width:34ch}
.rcard__y{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;color:var(--fg-3);flex:none}
.reel__head{position:absolute;top:clamp(60px,9vh,110px);left:0;right:0;z-index:3;
  padding-inline:var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  pointer-events:none}
.reel__head h2{font-size:clamp(30px,5.2vw,86px);letter-spacing:-.05em;text-transform:uppercase}
.reel__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(34px,6vh,62px);
  height:1px;background:var(--line);z-index:3}
.reel__bar i{display:block;height:1px;width:0;background:var(--lime)}
@media (max-width:900px){
  .reel__sticky{position:relative;height:auto;padding:40px 0}
  .reel__track{flex-direction:column;transform:none !important}
  .rcard{flex:1 1 auto}
  .reel__head{position:relative;top:0;padding-bottom:30px}
  .reel__bar{display:none}
}

/* ========================================================= SERVICE INDEX */
.svc{border-top:1px solid var(--line)}
.svc__i{border-bottom:1px solid var(--line);position:relative}
.svc__hd{position:relative;width:100%;display:grid;grid-template-columns:76px 1fr 44px;
  gap:20px;align-items:center;padding:clamp(20px,2.6vw,36px) 0;text-align:left;overflow:hidden}
.svc__hd::before{content:"";position:absolute;inset:0;background:var(--lime);z-index:0;
  transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--out)}
.svc__i:hover .svc__hd::before,.svc__i.on .svc__hd::before{transform:scaleY(1);transform-origin:top}
.svc__hd > *{position:relative;z-index:1;transition:color .35s var(--e)}
.svc__i:hover .svc__hd > *,.svc__i.on .svc__hd > *{color:#000}
.svc__n{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;color:var(--fg-3)}
.svc__t{font-size:clamp(24px,4.2vw,64px);letter-spacing:-.05em;text-transform:uppercase;font-weight:700}
.svc__x{position:relative;width:22px;height:22px;justify-self:end}
.svc__x::before,.svc__x::after{content:"";position:absolute;top:50%;left:0;width:22px;height:1.5px;
  background:currentColor;transition:transform .45s var(--out)}
.svc__x::after{transform:rotate(90deg)}
.svc__i.on .svc__x::after{transform:rotate(0)}
.svc__body{height:0;overflow:hidden;transition:height .6s var(--out)}
.svc__in{display:grid;grid-template-columns:76px 1fr 1fr;gap:20px;padding:4px 0 clamp(26px,3vw,42px)}
.svc__in p{grid-column:2;margin:0;color:var(--fg-2);font-size:16px;line-height:1.62;max-width:44ch}
.svc__in ul{grid-column:3;align-self:start}
.svc__in li{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);
  font-family:var(--m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}
.svc__in li:first-child{border-top:none}
.svc__in li b{width:5px;height:5px;border-radius:50%;background:var(--lime);display:block;flex:none}
@media (max-width:860px){
  .svc__hd{grid-template-columns:48px 1fr 30px}
  .svc__in{grid-template-columns:1fr}
  .svc__in p,.svc__in ul{grid-column:1}
  .svc__in ul{margin-top:20px}
  .svc__i:hover .svc__hd::before{transform:scaleY(0)}
  .svc__i:hover .svc__hd > *{color:inherit}
  .svc__i.on .svc__hd > *{color:#000}
}

/* ================================================================ PROCESS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,34px);
  border-top:1px solid var(--line);padding-top:38px}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.step span{font-family:var(--m);font-size:10.5px;letter-spacing:.16em;color:var(--lime)}
.step h3{margin-top:16px;font-size:clamp(19px,2vw,28px);letter-spacing:-.04em;text-transform:uppercase}
.step p{margin:12px 0 0;color:var(--fg-2);font-size:14.5px;line-height:1.6}

/* ================================================================ CONTACT */
.end{border-top:1px solid var(--line);padding:clamp(80px,11vw,170px) 0 0}
.end h2{font-size:clamp(30px,6vw,104px);letter-spacing:-.055em;text-transform:uppercase;max-width:17ch}
.mail{display:inline-block;margin-top:clamp(28px,4vw,54px);overflow:hidden;vertical-align:top}
.mail span{display:block;position:relative;font-size:clamp(22px,5.2vw,80px);font-weight:700;
  letter-spacing:-.05em;line-height:1.08;transition:transform .7s var(--out)}
.mail span::after{content:attr(data-t);position:absolute;left:0;top:100%;color:var(--lime);white-space:nowrap}
.mail:hover span{transform:translateY(-100%)}
.end__grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;
  margin-top:clamp(50px,7vw,90px);padding-bottom:36px}
.end__c h4{margin:0 0 12px;font-family:var(--m);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fg-3);font-weight:400}
.end__c li{padding:5px 0}
.end__c a{font-size:15px;color:var(--fg-2);transition:color .3s}
.end__c a:hover{color:var(--lime)}
.end__bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding:20px 0 28px;font-family:var(--m);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}

/* -------------------------------------------------- contact + request form */
.contact{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,88px);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr;gap:46px}}
.contact__lead{margin-top:26px;max-width:34ch;color:var(--fg-2);
  font-size:clamp(15px,1.35vw,18px);line-height:1.6}

.form{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;
  padding:clamp(22px,2.6vw,36px);border:1px solid var(--line);border-radius:16px;background:var(--bg-2)}
.field{display:flex;flex-direction:column;gap:9px;min-width:0}
.field--full{grid-column:1 / -1}
.field label{font-family:var(--m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
.field label i{font-style:normal;letter-spacing:.06em;opacity:.7}
.field input,.field select,.field textarea{width:100%;font-family:var(--d);font-size:15px;color:var(--fg);
  background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:10px 0;border-radius:0;
  transition:border-color .3s var(--e)}
.field textarea{resize:vertical;min-height:98px;line-height:1.5}
.field select{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23EDEDE8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 0 center;background-size:13px}
.field select option{background:var(--bg-2);color:var(--fg)}
.field input::placeholder,.field textarea::placeholder{color:var(--fg-3)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--lime)}
.field input:user-invalid,.field select:user-invalid,.field textarea:user-invalid{border-color:#ff6b6b}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

.form__foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:2px}
.btn-send{display:inline-flex;align-items:center;gap:12px;font-family:var(--m);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:#08080A;background:var(--lime);
  padding:14px 24px;border-radius:100px;white-space:nowrap;
  transition:transform .35s var(--spring),box-shadow .35s var(--e),opacity .3s}
.btn-send i{width:6px;height:6px;border-radius:50%;background:#08080A;display:block}
.btn-send:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(184,240,77,.28)}
.btn-send:disabled{opacity:.5;pointer-events:none}
.form__status{margin:0;font-family:var(--m);font-size:11px;letter-spacing:.05em;line-height:1.5;color:var(--fg-2)}
.form__status.ok{color:var(--lime)}
.form__status.err{color:#ff6b6b}

/* ================================================================= MOTION */
.ln{display:block;overflow:hidden}
.ln > i{display:block;font-style:inherit;transform:translateY(110%);
  transition:transform 1.05s var(--out)}
.in > .ln > i,.ln.in > i{transform:none}
.ln:nth-child(2) > i{transition-delay:.09s}
.ln:nth-child(3) > i{transition-delay:.18s}
.ln:nth-child(4) > i{transition-delay:.27s}

.up{opacity:0;transform:translateY(26px);transition:opacity .9s var(--out),transform .9s var(--out)}
.up.in{opacity:1;transform:none}
.up[data-d="1"]{transition-delay:.09s}
.up[data-d="2"]{transition-delay:.18s}
.up[data-d="3"]{transition-delay:.27s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
  .up{opacity:1;transform:none}
  .ln > i{transform:none}
  .intro{display:none}
  .reel__sticky{position:relative;height:auto}
  .reel__track{flex-direction:column;transform:none !important}
}