/* PRZ Mühendislik — site stilleri */
:root{
  --ink:#2B2E33; --ink-2:#232629; --ink-3:#383C42; --map:#1F2225;
  --paper:#F3F1EC; --card:#FBFAF7;
  --text:#1F2226; --text-2:#4E555C; --text-3:#7A8087;
  --line:rgba(31,34,38,.12); --line-d:rgba(243,241,236,.12);
  --oto:#4A8DB8; --mak:#C4572E; --med:#3D8C72; --acc:#2F8FE0; --acc-soft:#8CC2F0;
  --disp:'Space Grotesk',system-ui,sans-serif; --body:'IBM Plex Sans',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --g:clamp(16px,4vw,56px); --navh:68px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:var(--navh)}
body{background:var(--paper);color:var(--text);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
address{font-style:normal}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--acc);color:#fff;padding:10px 14px;font:500 14px var(--body)}
.skip:focus{top:12px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);display:flex;gap:10px;align-items:center}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;flex:none}
h1,h2,h3{font-family:var(--disp);font-weight:500;letter-spacing:-.025em;line-height:1.04}
.cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(43,46,51,.94);backdrop-filter:saturate(1.4) blur(10px);color:var(--paper);border-bottom:1px solid var(--line-d)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--navh);gap:24px}
.brand{display:block;line-height:0}
.brand img{height:44px;width:auto;display:block}
.links{display:flex;gap:28px;font-size:14px;color:rgba(243,241,236,.75)}
.links a{position:relative;padding:6px 0;transition:color .2s}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.links a:hover,.links a.on{color:#fff}
.links a.on::after{transform:scaleX(1)}
.nav-r{display:flex;gap:16px;align-items:center}
.lang{display:flex;font-family:var(--mono);font-size:12px;border:1px solid var(--line-d)}
.lang a{padding:7px 10px;color:rgba(243,241,236,.55);letter-spacing:.06em}
.lang a:hover{color:#fff}
.lang a[aria-current]{background:var(--acc);color:#fff}
.burger{all:unset;display:none;cursor:pointer;width:40px;height:40px;place-items:center;border:1px solid var(--line-d)}
.burger i{display:block;width:18px;height:1.5px;background:var(--paper);box-shadow:0 -6px 0 var(--paper),0 6px 0 var(--paper)}
.mnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink-2);border-bottom:1px solid var(--line-d)}
.mnav.open{display:block}
.mnav a{display:block;padding:16px var(--g);border-top:1px solid var(--line-d);font:500 18px var(--disp)}
.mnav a.on{color:var(--acc-soft)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;font:500 14px var(--body);border:1px solid currentColor;transition:background .25s,border-color .25s,color .25s}
.btn-solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-solid:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.btn-ghost{color:var(--paper)}
.btn-ghost:hover{border-color:var(--acc);color:#fff}

/* hero */
.hero{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;padding:clamp(56px,9vw,120px) 0 0}
.hero .eyebrow{color:rgba(243,241,236,.5)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
.hero h1{font-size:clamp(38px,5.2vw,76px);margin-top:28px}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p.lead{max-width:540px;margin-top:28px;color:rgba(243,241,236,.72);font-size:18px}
.hero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.schema{width:100%;height:auto}
.flow{stroke-dasharray:6 10;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-32}}
.pulse{animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
.ticker{margin-top:clamp(48px,7vw,96px);border-top:1px solid var(--line-d);display:grid;grid-template-columns:repeat(4,1fr)}
.ticker div{padding:26px 0 30px 24px;border-right:1px solid var(--line-d)}
.ticker div:first-child{padding-left:0}.ticker div:last-child{border-right:0}
.ticker b{display:block;font:500 clamp(32px,4vw,52px)/1 var(--disp);letter-spacing:-.03em}
.ticker span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,241,236,.5)}
.marquee{background:var(--ink-2);color:rgba(243,241,236,.6);border-top:1px solid var(--line-d);overflow:hidden;white-space:nowrap;padding:14px 0}
.marquee-in{display:inline-block;animation:mq 52s linear infinite;font-family:var(--mono);font-size:13px;letter-spacing:.08em}
.marquee-in i{font-style:normal;color:var(--acc);margin:0 18px}
@keyframes mq{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:clamp(72px,10vw,140px) 0}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
.sec-head h2{font-size:clamp(32px,4.2vw,58px);margin-top:20px}
.sec-head p{color:var(--text-2);max-width:460px;justify-self:end}

/* divisions */
.div-rail{display:flex;gap:10px;height:620px}
.dv{position:relative;flex:1;min-width:0;overflow:hidden;cursor:pointer;background:var(--ink);color:var(--paper);transition:flex .7s cubic-bezier(.7,0,.2,1)}
.dv.on{flex:3.4}
.dv-bg{position:absolute;inset:0;opacity:.32;filter:grayscale(1) contrast(1.1);transition:opacity .7s,filter .7s,transform 1.2s}
.dv.on .dv-bg{opacity:.45;filter:grayscale(.35);transform:scale(1.04)}
.dv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,38,41,.2) 0%,rgba(35,38,41,.93) 78%)}
.dv-in{position:absolute;inset:0;z-index:2;padding:32px;display:flex;flex-direction:column;justify-content:space-between}
.dv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dv-num{font:500 64px/1 var(--disp);letter-spacing:-.04em}
.dv-tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1px solid currentColor;white-space:nowrap;opacity:0;transition:opacity .4s .3s}
.tag-oto{color:#9CCBE6}.tag-mak{color:#F0A07F}.tag-med{color:#93D2BC}
.dv.on .dv-tag{opacity:1}
.dv-c{--c:var(--oto)}.dv-c.m{--c:var(--mak)}.dv-c.d{--c:var(--med)}
.dv .bar{position:absolute;left:0;top:0;height:3px;width:100%;background:var(--c);z-index:3;transform-origin:left;transform:scaleX(0)}
.dv.on .bar{animation:bar 7s linear forwards}
.rail-paused .dv.on .bar{animation-play-state:paused}
@keyframes bar{to{transform:scaleX(1)}}
.dv h3{font-size:clamp(26px,2.6vw,40px);max-width:560px}
.dv-short{writing-mode:vertical-rl;transform:rotate(180deg);font:500 22px var(--disp);position:absolute;left:32px;bottom:32px;z-index:2;transition:opacity .4s;white-space:nowrap}
.dv.on .dv-short{opacity:0}
.dv-body{opacity:0;transform:translateY(16px);transition:opacity .5s .25s,transform .5s .25s;visibility:hidden}
.dv.on .dv-body{opacity:1;transform:none;visibility:visible}
.dv:not(.on) .dv-body h3{white-space:nowrap}
.dv-body p{color:rgba(243,241,236,.72);max-width:520px;margin:14px 0 22px}
.caps{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;max-width:640px;list-style:none}
.caps li{padding:10px 0;border-top:1px solid var(--line-d);font-size:14.5px;display:flex;gap:12px}
.caps li::before{content:"";width:6px;height:6px;background:var(--c);margin-top:9px;flex:none}
.dv-link{display:inline-flex;gap:10px;margin-top:24px;font:500 14px var(--body);border-bottom:1px solid var(--c);padding-bottom:4px}
.sectors-wrap{margin-top:96px}
.sectors-wrap .eyebrow{margin-bottom:24px}
.sectors{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
.sectors div{padding:26px 22px 26px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:baseline}
.sectors div span{font-family:var(--mono);font-size:11px;color:var(--text-3)}
.sectors div b{font:500 19px var(--disp);letter-spacing:-.01em}

/* film */
.film{background:var(--ink-2);color:var(--paper);padding:clamp(64px,8vw,110px) 0}
.film .eyebrow,.mapsec .eyebrow{color:rgba(243,241,236,.45)}
.film .sec-head p,.mapsec .sec-head p{color:rgba(243,241,236,.65)}
.film-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:stretch}
.player{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;border:1px solid var(--line-d)}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.player.ready video{opacity:1}
.p-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(180deg,transparent,rgba(20,22,24,.85));z-index:2}
.p-btn{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(243,241,236,.35);color:#fff;font:500 13px var(--mono);flex:none;transition:background .2s}
.p-btn:hover{background:var(--acc);border-color:var(--acc)}
.p-btn:focus-visible{outline:2px solid var(--acc)}
.p-btn.txt{width:auto;padding:0 12px;letter-spacing:.08em}
.p-prog{flex:1;height:3px;background:rgba(243,241,236,.2);position:relative;cursor:pointer}
.p-prog::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.p-prog i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--acc)}
.p-time{font:500 12px var(--mono);color:rgba(243,241,236,.7);min-width:92px;text-align:right}
.chap{display:flex;flex-direction:column;border:1px solid var(--line-d)}
.chap button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;padding:16px 20px;border-bottom:1px solid var(--line-d);position:relative;transition:background .2s;display:flex;flex-direction:column;justify-content:center}
.chap button:last-child{border-bottom:0}
.chap button:hover,.chap button.on{background:var(--ink-3)}
.chap button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.chap button b{display:block;font:500 20px var(--disp);color:#fff;margin-top:4px}
.chap button span{font:500 11px var(--mono);color:rgba(243,241,236,.45);letter-spacing:.08em}
.chap button.on::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--acc)}

/* map */
.mapsec{background:var(--ink);color:var(--paper);padding:clamp(72px,10vw,130px) 0}
.map-grid{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line-d)}
.map-side{border-right:1px solid var(--line-d);display:flex;flex-direction:column;min-height:0}
.countries{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line-d)}
.countries button{all:unset;cursor:pointer;padding:16px 18px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);transition:background .2s}
.countries button:nth-child(2n){border-right:0}
.countries button:hover,.countries button.on{background:var(--ink-3)}
.countries button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.countries b{display:block;font:500 28px/1 var(--disp)}
.countries span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,241,236,.5)}
.live{padding:20px 18px;border-bottom:1px solid var(--line-d)}
.live .lbl{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-soft);display:flex;align-items:center;gap:8px}
.live .lbl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.2}}
.live h4{font:500 24px/1.15 var(--disp);margin:10px 0 4px;letter-spacing:-.02em}
.live p{font-family:var(--mono);font-size:12px;color:rgba(243,241,236,.55)}
.plist{overflow:auto;flex:1;max-height:330px;list-style:none;position:relative}
.plist button{all:unset;box-sizing:border-box;width:100%;padding:11px 18px;border-bottom:1px solid var(--line-d);display:flex;justify-content:space-between;gap:10px;font-size:14px;cursor:pointer;color:rgba(243,241,236,.78)}
.plist button:hover,.plist button.on{background:var(--ink-3);color:#fff}
.plist button:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.plist button span{font-family:var(--mono);font-size:11px;color:rgba(243,241,236,.4);white-space:nowrap}
#map{height:640px;background:var(--map);position:relative;overflow:hidden}
#map svg{width:100%;height:100%;display:block}
.land{fill:#2F3338;stroke:#40454C;stroke-width:.6}
.land.act{fill:#3C4148;stroke:#565C64}
.grat{fill:none;stroke:rgba(243,241,236,.05)}
.arc{fill:none;stroke:var(--acc);stroke-opacity:.35;stroke-width:1;stroke-dasharray:3 6;animation:flow 2.2s linear infinite}
.arc.on{stroke-opacity:1;stroke-width:1.6}
.ring{fill:none;stroke:var(--acc);animation:ring 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}
.dot{fill:var(--acc);stroke:var(--map);stroke-width:2;cursor:pointer}
@keyframes ring{0%{transform:scale(.6);opacity:1}100%{transform:scale(3.4);opacity:0}}
.tt{position:absolute;pointer-events:none;background:var(--paper);color:var(--ink);font:500 12px var(--mono);padding:6px 9px;transform:translate(-50%,calc(-100% - 14px));white-space:nowrap;transition:left .2s,top .2s;opacity:0;z-index:2}
.tt.on{opacity:1}
.mctl{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;border:1px solid var(--line-d)}
.mctl button{all:unset;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;color:var(--paper);background:var(--ink-2);font:500 16px var(--mono)}
.mctl button+button{border-top:1px solid var(--line-d)}
.mlegend{position:absolute;left:16px;bottom:16px;font:400 11px var(--mono);letter-spacing:.08em;color:rgba(243,241,236,.5)}
.mlegend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:6px}

/* medical */
.mshow{position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--ink);margin-bottom:14px}
.ms-s{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.ms-s .cv{transform:scale(1.02);transition:transform 7s linear}
.ms-s.on{opacity:1}
.ms-s.on .cv{transform:scale(1.12)}
.mshow::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,38,41,0) 45%,rgba(35,38,41,.88) 100%);pointer-events:none}
.ms-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 32px;color:var(--paper)}
.ms-n{font:500 12px var(--mono);letter-spacing:.12em;color:#93D2BC}
.ms-cap h3{font-size:clamp(22px,2.4vw,34px);margin:8px 0 4px}
.ms-cap p{font-size:14px;color:rgba(243,241,236,.7)}
.ms-ctl{display:flex;align-items:center;gap:12px}
.ms-ctl>button{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(243,241,236,.35);color:#fff;font:500 14px var(--mono)}
.ms-ctl>button:hover{background:var(--med);border-color:var(--med)}
.ms-dots{display:flex;gap:6px}
.ms-dots button{all:unset;cursor:pointer;width:22px;height:3px;background:rgba(243,241,236,.3)}
.ms-dots button.on{background:#93D2BC}
.med{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--card)}
.med-l{padding:clamp(32px,5vw,64px);border-right:1px solid var(--line)}
.med-l h2{font-size:clamp(30px,3.6vw,50px);margin:18px 0}
.med-l p{color:var(--text-2);max-width:480px}
.certs{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.cert{border:1.5px solid var(--ink);padding:14px 18px;min-width:150px}
.cert b{display:block;font:600 22px var(--disp)}
.cert span{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--text-2);text-transform:uppercase}
.med-r{display:grid;grid-template-columns:1fr 1fr}
.med-r>div{padding:28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.med-r>div:nth-child(2n){border-right:0}
.med-r>div:nth-last-child(-n+2){border-bottom:0}
.med-r .k{font:500 34px/1 var(--disp);color:var(--med);letter-spacing:-.03em}
.med-r .l{font-weight:500;margin-top:12px}
.med-r .s{font-size:13.5px;color:var(--text-2);margin-top:4px}

/* contact */
.contact{background:var(--ink-2);color:var(--paper);padding:clamp(72px,9vw,120px) 0 40px}
.c-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.contact h2{font-size:clamp(32px,4.2vw,58px)}
.c-head p{color:rgba(243,241,236,.65);max-width:440px;justify-self:end}
.c-head p a{color:var(--acc-soft);border-bottom:1px solid currentColor}
.depts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}
.dept{position:relative;background:var(--ink);border:1px solid var(--line-d);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}
.dept:hover,.dept:focus-visible{border-color:var(--c);transform:translateY(-4px)}
.dept::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--c);z-index:2}
.dept-img{height:150px;position:relative;filter:grayscale(.6) contrast(1.05);opacity:.55;transition:opacity .4s,filter .4s}
.dept:hover .dept-img{opacity:.85;filter:grayscale(0)}
.dept-img::after{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(180deg,transparent 30%,var(--ink) 100%)}
.dept-b{padding:20px 22px 22px;position:relative;margin-top:-36px;z-index:1;flex:1;display:flex;flex-direction:column}
.dept-n{font:500 13px var(--mono);color:var(--c);letter-spacing:.1em}
.dept h3{font-size:22px;letter-spacing:-.015em;margin:8px 0 6px}
.dept p{font-size:14px;color:rgba(243,241,236,.6);flex:1}
.dept-m{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-d);font:500 13px var(--mono);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;overflow-wrap:anywhere}
.dept-m span:last-child{color:var(--c);transition:transform .3s}
.dept:hover .dept-m span:last-child{transform:translateX(4px)}
.sites{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;border:1px solid var(--line-d)}
.site{padding:26px 24px}
.site+.site{border-left:1px solid var(--line-d)}
.site .lb{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-soft);margin-bottom:12px}
.site p{font-size:15px;color:rgba(243,241,236,.85)}
.site a.dir{display:inline-block;margin-top:14px;font:500 13px var(--body);border-bottom:1px solid var(--acc);padding-bottom:2px}
.c-meta{display:flex;gap:40px;flex-wrap:wrap;margin-top:28px;font-size:15px;color:rgba(243,241,236,.8)}
.c-meta span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(243,241,236,.45);margin-right:10px}
.foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:24px;border-top:1px solid var(--line-d);font-family:var(--mono);font-size:11px;color:rgba(243,241,236,.4);letter-spacing:.06em;flex-wrap:wrap;gap:12px}

/* reveal (only when JS is running, so content is never hidden without it) */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

@media (max-width:1024px){
  .hero-grid,.sec-head,.med,.c-head{grid-template-columns:1fr}
  .sec-head p,.c-head p{justify-self:start}
  .links{display:none}.burger{display:grid}
  .map-grid{grid-template-columns:1fr}.map-side{border-right:0;border-bottom:1px solid var(--line-d)}
  #map{height:460px}
  .sectors{grid-template-columns:repeat(2,1fr)}
  .med-l{border-right:0;border-bottom:1px solid var(--line)}
  .depts{grid-template-columns:1fr}
  .film-grid{grid-template-columns:1fr}
  .sites{grid-template-columns:1fr}.site+.site{border-left:0;border-top:1px solid var(--line-d)}
}
@media (max-width:720px){
  .ticker{grid-template-columns:1fr 1fr}.ticker div{padding-left:0!important;border-right:0}
  .div-rail{flex-direction:column;height:auto}
  .dv{flex:none!important;height:96px}.dv.on{height:680px}
  .dv-short{writing-mode:horizontal-tb;transform:none;left:96px;bottom:auto;top:36px}
  .dv-num{font-size:40px}
  .caps{grid-template-columns:1fr}
  .chap{flex-direction:row;flex-wrap:wrap}.chap button{flex:1 1 50%;border-right:1px solid var(--line-d)}
  .p-time{display:none}
  .mshow{aspect-ratio:4/5}.ms-cap{flex-direction:column;align-items:flex-start;padding:20px}
  .sectors{grid-template-columns:1fr}
  .med-r{grid-template-columns:1fr}.med-r>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .brand img{height:36px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}