/* MiniStats — Clubs & Scouts. Ink #0B0B10, amber #F0A800. Syne + Inter. */
:root{
  --ink:#FFFFFF;--ink-2:#F6F6F9;--panel:#FFFFFF;--line:#E6E6EE;--line-2:#D3D3DE;
  --text:#0B0B10;--muted:#4A4A5A;--dim:#6E6E80;--amber:#F0A800;--amber-2:#D99700;--amber-dark:#B87A00;
  --blue:#0050A0;--purple:#7810A8;
  --font-display:"Inter Tight","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;
  --wrap:1200px;--r:20px;--r-s:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--amber-dark);text-decoration:none}a:hover{color:var(--amber)}
img{max-width:100%;height:auto;display:block}
button{font:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.sec{padding:clamp(64px,9vw,112px) 0}
.sec-alt{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-dark);font-weight:600;display:flex;align-items:center;gap:12px;margin:0 0 18px}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--amber);flex:0 0 28px}
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}
.h-hero{font-size:clamp(40px,6.6vw,88px);font-weight:800}
.h-sec{font-size:clamp(26px,3.4vw,46px);max-width:760px}
.h3{font-size:clamp(17px,1.4vw,20px);font-weight:600;letter-spacing:-.01em;margin:0 0 8px}
.p{color:var(--muted);font-size:clamp(15px,1.1vw,17px);margin:0}
.lead{color:#2A2A36;font-size:clamp(16px,1.3vw,20px)}
.mt-1{margin-top:12px}.mt-2{margin-top:20px}.mt-3{margin-top:32px}.mt-4{margin-top:44px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn-amber{background:#0B0B10;color:#fff}.btn-amber:hover{background:#2A2A36;color:#fff}
.btn-ghost{background:transparent;border:1px solid var(--line-2);color:#0B0B10}.btn-ghost:hover{border-color:#0B0B10}
.btn-sm{height:44px;padding:0 20px;font-size:14px}
.pill{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);color:#0B0B10;font-size:14px;font-weight:500;background:transparent;cursor:pointer;transition:all .15s}
.pill:hover{border-color:#0B0B10}
.pill.on{background:#0B0B10;border-color:#0B0B10;color:#fff}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 1px 2px rgba(11,11,16,.04)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tag-sample{background:#FFF4D6;color:#8A5C00;border:1px solid #F0D28A}
.tag-ok{background:#E3F6EA;color:#1E7A45}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:104px}
.brand{display:flex;align-items:center;gap:12px;color:#0B0B10}
.brand img.brand-mark{height:78px;width:auto}
.brand-stack{display:flex;flex-direction:column;gap:3px}
.brand-slogan{font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#C98A00;padding-left:46px;line-height:1}
.brand b{font-family:var(--font-display);font-weight:800;font-size:20px}
.brand span.navtag{font-size:11px;color:var(--dim);font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding-left:12px;border-left:1px solid var(--line-2)}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-size:14px;font-weight:500;color:#2A2A36}.nav a.btn-amber{color:#fff}.nav a:hover,.nav a.active{color:var(--amber-dark)}
.nav-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;width:44px;height:44px;color:#0B0B10;cursor:pointer}
.nav-toggle svg{width:22px;height:22px;stroke:#0B0B10;fill:none;stroke-width:2;stroke-linecap:round}

/* hero */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(700px 500px at 82% 40%,rgba(240,168,0,.16),transparent 60%),#FFFFFF}
.hero-card{position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(-6deg);width:min(30vw,380px);filter:drop-shadow(0 30px 50px rgba(11,11,16,.25));pointer-events:none}
.hero .wrap{position:relative;z-index:1;padding-top:clamp(56px,9vw,120px);padding-bottom:clamp(64px,9vw,120px)}
.hero-cta{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-family:var(--font-display);font-weight:600;font-size:clamp(13px,1.2vw,17px);letter-spacing:.14em;color:var(--dim);background:var(--ink-2)}
.ticker-track{display:inline-flex;white-space:nowrap;animation:tick 38s linear infinite}
.ticker span{margin:0 26px}.ticker em{color:#0B0B10;font-style:normal}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* tiles & steps */
.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:16px}
.ico{width:56px;height:56px;border-radius:16px;background:#FFF4D6;display:flex;align-items:center;justify-content:center}
.ico svg{width:28px;height:28px;stroke:#8A5C00;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding-bottom:24px}
.step .art{height:170px;background:var(--ink-2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.step .art svg{width:100%;height:100%}
.step .body{padding:20px 22px 0}
.stepn{font-size:12px;letter-spacing:.2em;color:var(--amber-dark);font-weight:600;margin:0 0 8px}
.big{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,4.6vw,64px);line-height:1;color:#E6E6EE;letter-spacing:-.03em}

/* dashboard */
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.toolbar .grp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-right:14px;margin-right:6px;border-right:1px solid var(--line)}
.toolbar .grp:last-child{border:0}
.toolbar label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-right:4px}
.select{height:38px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:#0B0B10;padding:0 36px 0 14px;font-size:14px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B0B10' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.range{accent-color:var(--amber);width:140px}
.grid-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,transform .15s,box-shadow .15s;color:#0B0B10}
.pcard:hover{border-color:#0B0B10;transform:translateY(-2px);color:#0B0B10;box-shadow:0 12px 30px rgba(11,11,16,.08)}
.pcard .top{display:flex;align-items:center;gap:14px}
.avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;color:var(--ink);font-size:18px;flex:0 0 52px}
.pcard .nm{font-weight:600;font-size:16px}
.pcard .meta{font-size:12px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.score{background:var(--ink-2);border-radius:12px;padding:12px;text-align:center}
.score b{display:block;font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1}
.score.ath b{color:#0050A0}.score.tec b{color:#7810A8}
.score small{display:block;font-size:10px;letter-spacing:.14em;color:var(--dim);margin-top:4px}
.metrics{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.metrics b{color:#0B0B10;font-weight:600}
.empty{padding:40px;text-align:center;color:var(--dim);grid-column:1/-1}
.banner{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;background:#FFF4D6;border:1px solid #F0D28A;font-size:13px;color:#4A3A10}
.banner svg{width:18px;height:18px;stroke:#8A5C00;fill:none;stroke-width:2;flex:0 0 18px}

/* profile */
.prof-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.bigscore{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;text-align:center}
.bigscore b{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(56px,6vw,84px);line-height:1}
.bigscore.ath b{color:#0050A0}.bigscore.tec b{color:#7810A8}
.bigscore small{display:block;font-size:11px;letter-spacing:.16em;color:var(--dim);margin-top:6px}
.bar{display:grid;grid-template-columns:180px minmax(0,1fr) 70px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.bar:last-child{border:0}
.bar .track{height:8px;background:var(--ink-2);border-radius:999px;position:relative;overflow:hidden}
.bar .fill{position:absolute;left:0;top:0;bottom:0;background:var(--amber);border-radius:999px;width:0;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.bar .avg{position:absolute;top:-3px;width:2px;height:14px;background:#0B0B10;opacity:.8}
.bar .v{text-align:right;font-weight:600}
.bar .k{color:var(--muted)}
.dots{display:inline-flex;gap:4px}
.dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.dots i.on{background:#7810A8}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r);background:#0B0B10;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.video .play{width:72px;height:72px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center}
.video .play svg{width:28px;height:28px;fill:var(--ink);margin-left:4px}
.video .cap{position:absolute;left:16px;bottom:14px;font-size:12px;color:#B9B9C6;letter-spacing:.1em;text-transform:uppercase}
.hist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hist .q{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.hist .q b{display:block;font-family:var(--font-display);font-size:22px}
.hist .q small{color:var(--dim);font-size:11px;letter-spacing:.12em}

/* form */
.input,.textarea{width:100%;height:52px;background:#fff;border:1px solid var(--line-2);border-radius:12px;color:#0B0B10;padding:0 16px;font-size:15px;font-family:inherit}
.textarea{height:auto;min-height:120px;padding:14px 16px;resize:vertical}
.input:focus,.textarea:focus,.select:focus{outline:2px solid #0B0B10;outline-offset:1px}
.label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:10px}
.field{display:flex;flex-direction:column}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ok{display:none;padding:18px;border-radius:12px;background:#E3F6EA;border:1px solid #9ED9B4;color:#1E5A35}

/* footer */
.ftr{padding:48px 0;border-top:1px solid var(--line);background:var(--ink-2)}
.ftr .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.ftr img{height:52px;width:auto}
.ftr p{font-size:13px;color:var(--dim);margin:0;line-height:1.7}
.ftr a{color:var(--muted)}

/* animation */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.ticker-track{animation:none}.bar .fill{transition:none}}

/* responsive */
@media (max-width:980px){
  .brand img.brand-mark{height:64px}
  .g2,.g3,.g4{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}.g2{gap:36px}
  .grid-players{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prof-head{grid-template-columns:minmax(0,1fr)}
  .hero-card{display:none}
  .nav{display:none;position:absolute;left:0;right:0;top:104px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:0}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
  .nav .btn{margin-top:12px;border:0}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .brand span.navtag{display:none}
  .bar{grid-template-columns:120px minmax(0,1fr) 56px;gap:10px;font-size:13px}
  .hist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
  .card-img{transform:none !important;max-width:300px !important}
}
@media (max-width:560px){.grid-players{grid-template-columns:repeat(1,minmax(0,1fr))}.toolbar .grp{border:0;padding:0;margin:0}}

/* ---- dashboard table ---- */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px;font-size:13px;table-layout:auto}
.tbl th .arr{margin-left:4px}
.tbl th{position:sticky;top:0;background:var(--ink-2);text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:600;padding:12px 8px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;user-select:none}
.tbl th.num,.tbl td.num{text-align:right}
.tbl th[data-sort]:hover{color:#0B0B10}
.tbl th .arr{display:inline-block;width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.35;vertical-align:middle}
.tbl th.asc .arr{transform:rotate(180deg);opacity:1}.tbl th.desc .arr{opacity:1}
.tbl td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.tbl tr.row{cursor:pointer;transition:background .12s}
.tbl tr.row:hover td{background:#FAFAFC}
.tbl tr.row.open td{background:#FAFAFC;border-bottom-color:transparent}
.tbl .who{display:flex;align-items:center;gap:10px;min-width:150px}
.tbl .who .tag{display:none}
.tbl .av{width:36px;height:36px;border-radius:10px;background:linear-gradient(160deg,var(--amber),var(--amber-dark));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#0B0B10;font-size:13px;flex:0 0 36px}
.tbl .nm{font-weight:600;color:#0B0B10}
.tbl .sub{font-size:11px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:600;background:var(--ink-2);color:#2A2A36}
.chip.pos{background:#EAF1FB;color:#0050A0}.chip.band{background:#F3EAF9;color:#7810A8}.chip.g{background:#FFF4D6;color:#8A5C00}
.heat{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:28px;padding:0 8px;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff}
.spark{width:72px;height:22px;display:block}
.tbl .shortlist-btn{height:28px;padding:0 10px;font-size:12px;border-radius:8px}
.tbl tr.detail td{padding:0 8px 16px;background:#FAFAFC;white-space:normal}
.tbl tr.detail .detail-box{position:sticky;left:8px;max-width:calc(100vw - 2*clamp(20px,4vw,40px) - 18px)}
.detail-box{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}
.detail-box h4{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:600}
.mini-bar{display:grid;grid-template-columns:130px minmax(0,1fr) 60px;gap:10px;align-items:center;font-size:13px;padding:6px 0}
.mini-bar .track{height:6px;background:var(--ink-2);border-radius:999px;position:relative}
.mini-bar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--amber)}
.mini-bar .avg{position:absolute;top:-3px;width:2px;height:12px;background:#0B0B10;opacity:.8}
.mini-bar .v{text-align:right;font-weight:600}
.legend{display:flex;gap:14px;font-size:12px;color:var(--dim);margin-top:8px;flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.chart{width:100%;height:auto;display:block}
.chart text{font-family:var(--font-body);font-size:11px;fill:#6E6E80}
.chart .grid{stroke:#E6E6EE;stroke-width:1}
.chart .ath{stroke:#0050A0;fill:none;stroke-width:2.5;stroke-linejoin:round}
.chart .tec{stroke:#7810A8;fill:none;stroke-width:2.5;stroke-linejoin:round}
.chart .dot-ath{fill:#0050A0}.chart .dot-tec{fill:#7810A8}
.chart .val{font-weight:600;fill:#0B0B10}
.chart .area-ath{fill:#0050A0;opacity:.06}.chart .area-tec{fill:#7810A8;opacity:.06}
.view-toggle{display:flex;gap:6px;margin-left:auto}
@media (max-width:980px){.detail-box{grid-template-columns:repeat(1,minmax(0,1fr))}}

/* ---- opening ---- */
.hero-dark{background:#FFFFFF;color:#0B0B10}
.hero-dark .wrap{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(72px,10vw,140px);position:relative;z-index:2}
.hero-dark .eyebrow{color:var(--amber-dark)}.hero-dark .eyebrow::before{background:var(--amber-dark)}
.hero-dark .h-hero{color:#0B0B10}
.hero-dark .lead{color:#2A2A36}
.hero-dark .btn-amber{background:var(--amber);color:#0B0B10}.hero-dark .btn-amber:hover{background:#D99700;color:#0B0B10}
.hero-dark .btn-ghost{border-color:#D3D3DE;color:#0B0B10}.hero-dark .btn-ghost:hover{border-color:#0B0B10}
.hero-proof{font-size:13px;color:var(--dim);margin:22px 0 0}
.hero-photo{position:absolute;right:0;top:0;height:100%;width:52%;object-fit:cover;object-position:center top;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 58% 50%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 62% 70% at 58% 50%,#000 35%,transparent 78%)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#FFFFFF 44%,rgba(255,255,255,0) 62%)}
@media (max-width:980px){
  .hero-photo{width:100%;opacity:.22;object-position:center 30%}
  .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 50%,#FFFFFF 100%)}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-btn{width:100%}
}

/* ---- ministats.ng verified card ---- */
.ng-aura{position:absolute;inset:-70px;z-index:0;background:radial-gradient(closest-side,rgba(240,168,0,.4),rgba(240,168,0,0) 70%);filter:blur(30px);animation:ng-drift 12s ease-in-out infinite}
.ng-float{animation:ng-float 7s ease-in-out infinite}
.ng-chip{font-size:8.5px;font-weight:600;letter-spacing:.5px;color:#93939E;border:.5px solid rgba(255,255,255,.09);border-radius:4px;padding:2px 6px}
.ng-scanline{position:absolute;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,168,0,.75),transparent);animation:ng-scan 5.5s ease-in-out infinite;pointer-events:none;z-index:3}
.ng-radar-in{transform-box:fill-box;transform-origin:center;animation:ng-radar-in 1s cubic-bezier(.18,.9,.24,1) both}
@keyframes ng-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.1)}100%{transform:translate3d(-3%,-2%,0) scale(1)}}
@keyframes ng-float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}
@keyframes ng-radar-in{0%{opacity:0;transform:scale(.12)}55%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes ng-scan{0%{top:5%;opacity:0}14%{opacity:.8}86%{opacity:.8}100%{top:95%;opacity:0}}
@media (prefers-reduced-motion:reduce){.ng-aura,.ng-float,.ng-radar-in,.ng-scanline{animation:none !important}}

/* ---- hero silhouette ---- */
.hero-sil{position:absolute;right:6%;top:8%;height:84%;width:auto;max-width:44%;object-fit:contain;object-position:right bottom;opacity:.3;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}
@media (max-width:980px){.hero-sil{right:-10%;top:auto;bottom:0;height:70%;max-width:90%;opacity:.14}}