:root{
  --dark:#06201c; --dark2:#0a2e28; --dark3:#0f3b33;
  --brand:#02a489;
  --brand-d:#028a73;
  --lime:#58e4cf;
  --ink:#10201d; --muted:#5d6f6a; --line:#e3ece9; --soft:#f1f9f7; --white:#fff;
  --r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:10px}
.dark .eyebrow{color:var(--lime)}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15;font-weight:800;letter-spacing:-.02em}
.sec{padding:84px 0}
.sec.tight{padding:56px 0}
.lead{color:var(--muted);max-width:600px;margin-top:12px}
.dark .lead{color:#a9c4be}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:.9rem;border:2px solid transparent;transition:.2s;cursor:pointer;font-family:inherit}
.btn-lime{background:var(--lime);color:var(--dark)}
.btn-lime:hover{background:#7eebdb;transform:translateY(-2px)}
.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-green{background:var(--brand);color:#fff}
.btn-green:hover{background:var(--brand-d)}
.btn-line{border-color:var(--brand);color:var(--brand)}
.btn-line:hover{background:var(--brand);color:#fff}
.btn-sm{padding:9px 18px;font-size:.82rem}
.dark{background:var(--dark);color:#fff}
.row-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.link{color:var(--brand);font-weight:700;font-size:.88rem}
.dark .link{color:var(--lime)}
.link:hover{text-decoration:underline}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}

/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(6,32,28,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.logo img{height:40px;filter:brightness(0) invert(1)}
.menu{display:flex;gap:26px;color:#cfe3de;font-size:.9rem;font-weight:500;align-items:center}
.menu a:hover,.menu a.on{color:var(--lime)}
.dd{position:relative}
.dd>a:after{content:"▾";margin-left:5px;font-size:.7rem}
.dd ul{display:none;position:absolute;top:100%;left:-14px;min-width:200px;background:var(--dark2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;margin-top:14px}
.dd:hover ul,.dd:focus-within ul{display:block}
.dd ul:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.dd ul a{display:block;padding:9px 12px;border-radius:8px}
.dd ul a:hover{background:rgba(255,255,255,.07)}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,#0d4a3f 0,var(--dark) 60%);color:#fff;padding:80px 0 100px}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(88,228,207,.035) 80px 81px)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.tag{font-size:.72rem;letter-spacing:.16em;color:var(--lime);font-weight:700;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.08;font-weight:800;letter-spacing:-.03em}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero p{color:#b9d3cd;margin:22px 0 32px;max-width:500px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{position:relative;aspect-ratio:1/1.05;border-radius:28px;background:linear-gradient(160deg,#14594b,#0a2e28);border:1px solid rgba(88,228,207,.18);overflow:hidden}
.float{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:12px 16px;box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:.8rem;font-weight:600}
.float b{display:block;font-size:1.2rem;color:var(--brand)}
.hero-card{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(6,32,28,.88);backdrop-filter:blur(8px);border:1px solid rgba(88,228,207,.25);border-radius:18px;padding:18px 20px;color:#fff}
.hero-card .vip{display:inline-block;background:var(--lime);color:var(--dark);font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:99px;letter-spacing:.08em;margin-bottom:8px}
.hero-card h3{font-size:1.1rem}
.hero-card small{color:#a9c4be;display:block;margin:2px 0 12px}
.hero-card .meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hero-card .cd{color:var(--lime);font-weight:700;font-size:.85rem}

/* page banner */
.page-hero{background:radial-gradient(circle at 85% 0,#0d4a3f 0,var(--dark) 65%);color:#fff;padding:64px 0 58px;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(88,228,207,.035) 80px 81px)}
.page-hero .wrap{position:relative}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.12}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:#a9c4be;margin-bottom:14px}
.crumbs a:hover{color:var(--lime)}
.crumbs span:not(:last-child):after{content:"/";margin-left:8px;opacity:.5}
.page-hero .sub{color:#b9d3cd;margin-top:10px;max-width:640px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.badge{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff}
.badge.vip{background:var(--lime);color:var(--dark)}
.badge.end{background:#e8eeec;color:#51635e}

/* brands */
.brands{background:#fff;border-bottom:1px solid var(--line);padding:34px 0;overflow:hidden}
.brands small{display:block;text-align:center;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:18px}
.marq{display:flex;gap:56px;width:max-content;animation:mq 60s linear infinite}
.marq:hover{animation-play-state:paused}
.marq img{height:46px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.2s}
.marq img:hover{filter:none;opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}

/* about */
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about p{color:var(--muted);margin:16px 0 22px}
.ticks li{position:relative;padding-left:30px;margin-bottom:10px;font-weight:600}
.ticks li:before{content:"✓";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;font-size:.7rem;display:grid;place-items:center}
.ph{border-radius:24px;aspect-ratio:4/3;position:relative;overflow:hidden;background:#d5efe8}
.ph img{width:100%;height:100%;object-fit:cover}
.tilt{position:absolute;left:18px;bottom:18px;background:var(--dark);color:var(--lime);padding:10px 16px;border-radius:12px;font-weight:800;font-size:.85rem}

/* services */
.services{position:relative;overflow:hidden}
.services:after{content:"";position:absolute;right:-120px;top:70px;width:340px;height:340px;background:linear-gradient(135deg,var(--lime),transparent 65%);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.4;transform:rotate(12deg);pointer-events:none}
.svc{background:var(--dark2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);overflow:hidden;transition:.25s;display:flex;flex-direction:column;position:relative;z-index:1}
.svc:hover{border-color:var(--lime);transform:translateY(-5px)}
.svc .im{height:150px;overflow:hidden;background:#0f3b33}
.svc .im img{width:100%;height:100%;object-fit:cover}
.svc .bd{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.svc h3{font-size:1.1rem}
.svc p{color:#a9c4be;font-size:.88rem;flex:1}
.svc .link{margin-top:6px}
.light .svc{background:#fff;border-color:var(--line);color:var(--ink)}
.light .svc p{color:var(--muted)}
.light .svc .link{color:var(--brand)}
.light .svc:hover{border-color:var(--brand);box-shadow:0 16px 36px rgba(2,164,137,.15)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.stat{background:var(--soft);border-radius:14px;padding:18px;text-align:center}
.stat b{font-size:2rem;font-weight:800;color:var(--brand);display:block;line-height:1.1}
.stat span{font-size:.8rem;color:var(--muted)}

/* conference cards */
.cc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.cc:hover{box-shadow:0 16px 36px rgba(2,164,137,.15);transform:translateY(-4px)}
.cc .top{height:130px;background:linear-gradient(135deg,var(--dark3),var(--brand));position:relative;display:flex;align-items:flex-end;padding:14px}
.cc .top:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 40px,rgba(255,255,255,.06) 40px 41px)}
.cc .top .pill{position:relative;background:var(--lime);color:var(--dark);font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:99px}
.cc.past .top{background:linear-gradient(135deg,#34423f,#6a7d78)}
.cc.past .top .pill{background:#fff;color:#51635e}
.cc .bd{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.cc h3{font-size:1.05rem;line-height:1.3}
.cc .m{color:var(--muted);font-size:.84rem}
.cc .pr{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.88rem}
.cc .pr b{color:var(--brand)}

/* team */
.tm{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;text-align:center;transition:.25s;display:block}
.tm:hover{box-shadow:0 16px 36px rgba(2,164,137,.15);transform:translateY(-4px)}
.av{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--lime));display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.8rem;margin:0 auto 14px}
.tm h3{font-size:1rem}
.tm p{color:var(--muted);font-size:.83rem;margin-top:4px}

/* gallery / video */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.gal a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;position:relative}
.gal img{width:100%;height:100%;object-fit:cover;transition:.4s}
.gal a:hover img{transform:scale(1.07)}
.vid{display:block;position:relative}
.vid .th{border-radius:14px;overflow:hidden;aspect-ratio:16/9;position:relative;background:#000}
.vid .th img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:.3s}
.vid:hover .th img{opacity:1;transform:scale(1.04)}
.vid .th:after{content:"▶";position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;background:var(--lime);color:var(--dark);display:grid;place-items:center;font-size:1.1rem;padding-left:4px}
.vid h3{font-size:1rem;margin-top:12px}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;place-items:center;z-index:100;padding:20px;cursor:zoom-out}
.lb.on{display:grid}
.lb img{max-height:90vh;border-radius:10px}

/* news */
.nw{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.nw:hover{box-shadow:0 16px 36px rgba(2,164,137,.15);transform:translateY(-4px)}
.nw .top{height:140px;background:linear-gradient(135deg,var(--dark),#0f5a49);display:flex;align-items:flex-end;padding:14px}
.nw .top span{background:var(--lime);color:var(--dark);font-weight:800;font-size:.75rem;padding:4px 12px;border-radius:99px}
.nw .bd{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.nw h3{font-size:1.02rem;line-height:1.35}
.nw p{color:var(--muted);font-size:.87rem;flex:1}

/* cta */
.cta-band{padding:30px 0 70px}
.cta-box{border-radius:28px;background:linear-gradient(110deg,var(--dark) 40%,#0f5a49);color:#fff;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta-box:after{content:"";position:absolute;right:-60px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(88,228,207,.14);pointer-events:none}
.cta-box p{color:#b9d3cd;margin-top:8px}
.cta-box .cta{position:relative;z-index:1}

/* content pages */
.prose p{color:var(--muted);margin-bottom:14px;max-width:760px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.box{background:var(--soft);border-radius:var(--r);padding:28px}
.box h3{margin-bottom:8px}
.box p{color:var(--muted)}
.val{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.25s}
.val:hover{border-color:var(--brand);transform:translateY(-4px)}
.val .n{width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:12px}
.val h3{font-size:1rem;margin-bottom:4px}
.val p{color:var(--muted);font-size:.87rem}
.side-list a{display:block;padding:12px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;font-weight:600}
.side-list a:hover{border-color:var(--brand);color:var(--brand)}
.split{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:start}
.split .ph{aspect-ratio:16/10}

/* conference detail */
.cd-layout{display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:start}
.tabs{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:74px;background:#fff;z-index:10;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:30px}
.tabs a{padding:8px 16px;border-radius:99px;font-weight:700;font-size:.85rem;color:var(--muted)}
.tabs a:hover{background:var(--soft);color:var(--brand)}
.cd-sec{scroll-margin-top:140px;margin-bottom:44px}
.cd-sec h3.t{font-size:1.5rem;font-weight:800;margin-bottom:14px;letter-spacing:-.01em}
.hl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.hl li{background:var(--soft);border-radius:12px;padding:12px 16px 12px 40px;position:relative;font-weight:600;font-size:.9rem}
.hl li:before{content:"✓";position:absolute;left:14px;color:var(--brand);font-weight:800}
.day{margin-bottom:22px}
.day h4{background:var(--dark);color:#fff;display:inline-block;padding:6px 16px;border-radius:99px;font-size:.82rem;margin-bottom:10px}
.day h4 small{color:var(--lime);margin-left:8px;font-weight:600}
.slot{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.slot time{font-weight:800;color:var(--brand)}
.slot b{display:block}
.slot span{color:var(--muted);font-size:.85rem}
.spk{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;gap:14px;align-items:center}
.spk .av{width:56px;height:56px;font-size:1.2rem;margin:0;flex:none}
.spk b{display:block;font-size:.95rem}
.spk span{display:block;color:var(--muted);font-size:.8rem}
.sp-tier{margin-bottom:16px}
.sp-tier h4{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.sp-tier div{display:flex;gap:10px;flex-wrap:wrap}
.sp-tier span{border:1px solid var(--line);border-radius:12px;padding:12px 20px;font-weight:700}
.pk{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;position:relative;display:flex;flex-direction:column;gap:12px}
.pk.pop{border-color:var(--brand);box-shadow:0 16px 36px rgba(2,164,137,.15)}
.pk .pop-t{position:absolute;top:-12px;left:20px;background:var(--lime);color:var(--dark);font-size:.68rem;font-weight:800;padding:4px 12px;border-radius:99px}
.pk h4{font-size:1rem}
.pk .pr{font-size:1.7rem;font-weight:800;color:var(--brand)}
.pk ul li{font-size:.86rem;color:var(--muted);padding:4px 0 4px 22px;position:relative}
.pk ul li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:800}
.pk .btn{margin-top:auto;justify-content:center}
.aside{position:sticky;top:96px;background:var(--soft);border-radius:var(--r);padding:26px;border:1px solid var(--line)}
.aside .big{font-size:1.9rem;font-weight:800;color:var(--brand)}
.aside small{color:var(--muted);display:block}
.aside dl{margin:18px 0;border-top:1px solid var(--line)}
.aside dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px}
.aside dd{font-weight:700}
.aside .btn{width:100%;justify-content:center}
.notice{background:var(--soft);border:1px dashed var(--line);border-radius:12px;padding:16px 20px;color:var(--muted)}
.cdn{background:var(--dark);color:var(--lime);border-radius:12px;padding:10px 16px;font-weight:800;font-size:.9rem;text-align:center;margin-bottom:14px}

/* filters */
.filters{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px;align-items:end}
.filters label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
select,input,textarea{font-family:inherit;font-size:.92rem;padding:12px 14px;border:1px solid #cfdcd8;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.filters select{min-width:220px;width:auto}
select:focus,input:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}
.count{color:var(--muted);font-weight:600;margin:14px 0 0}

/* forms */
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;display:grid;gap:16px}
.form label{font-size:.8rem;font-weight:700;display:block;margin-bottom:6px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tk{display:grid;gap:10px}
.tk label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;margin:0;font-size:.95rem}
.tk label:has(input:checked){border-color:var(--brand);background:#eaf8f5}
.tk input{width:auto}
.tk b{margin-left:auto;color:var(--brand)}
.tk em{font-style:normal;background:var(--lime);font-size:.65rem;padding:2px 8px;border-radius:99px;font-weight:800}
.okmsg{display:none;background:#eaf8f5;border:1px solid var(--brand);color:var(--brand-d);border-radius:12px;padding:14px 18px;font-weight:700}
.info li{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}
.info i{font-style:normal;width:40px;height:40px;flex:none;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center}
.info a:hover{color:var(--brand)}
.soc{display:flex;gap:10px;margin-top:18px}
.soc a{width:40px;height:40px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--brand)}
.soc a:hover{background:var(--brand);color:#fff}
footer .soc a{background:rgba(255,255,255,.08);color:#fff}
footer .soc a:hover{background:var(--lime);color:var(--dark)}

/* footer */
footer.site{background:var(--dark);color:#a9c4be;padding:60px 0 24px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px}
footer.site img{height:38px;filter:brightness(0) invert(1);margin-bottom:14px}
footer.site h4{color:#fff;font-size:.9rem;margin-bottom:14px}
footer.site li{margin-bottom:8px;font-size:.87rem}
footer.site li a:hover{color:var(--lime)}
.copy{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:20px;font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

@media(max-width:960px){
  .hero .wrap,.about .wrap,.split,.cd-layout{grid-template-columns:1fr}
  .grid3,.grid4{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .aside{position:static}
  .gal{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .menu,.nav>.btn{display:none}
  .burger{display:block}
  .menu.open{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:74px;left:0;right:0;background:var(--dark);padding:20px;gap:16px;max-height:80vh;overflow:auto}
  .menu.open .dd ul{display:block;position:static;border:0;margin:6px 0 0;background:none;padding:0 0 0 12px}
  .menu.open .dd>a:after{display:none}
  .grid3,.grid4,.grid2,.two,.hl,.f2{grid-template-columns:1fr}
  .sec{padding:60px 0}
  .cta-box{padding:34px 24px}
  .fgrid{grid-template-columns:1fr}
  .gal{grid-template-columns:1fr}
  .filters select{width:100%}
  .hero{padding:50px 0 70px}
}

/* brand tint over stock photos so they sit inside the teal palette */
.hero-art:after,.ph:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(6,32,28,.55),rgba(2,164,137,.28) 55%,rgba(2,164,137,.18));mix-blend-mode:multiply}
.hero-art .float,.hero-art .hero-card,.ph .tilt{z-index:2}

/* team photos */
.tm{padding:14px 14px 22px}
.tm .pt,.pt{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--soft);margin-bottom:14px}
.pt img{width:100%;height:100%;object-fit:cover;object-position:center 20%}