/* ---------- header ---------- */
.header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.header-in{width:var(--container);height:100%;margin-inline:auto;display:flex;align-items:center;gap:1.2rem}
.brand{display:flex;align-items:center;gap:.7rem;flex:none}
.brand-mark{width:3.6rem;height:2.6rem;background:url(../images/logo.jpg) 50% 17%/145% auto no-repeat;flex:none}
.brand b{display:block;font-size:1.15rem;font-weight:900;color:var(--navy);line-height:1.1}
.brand small{display:block;font-size:.72rem;color:var(--cyan);font-weight:800;letter-spacing:.12em;direction:ltr;text-align:right}
.nav{display:flex;gap:.2rem;margin-inline-start:auto}
.nav button{padding:.45rem clamp(.5rem,.2rem + .5vw,1rem);border-radius:.6rem;font-weight:700;font-size:var(--fs-sm);color:var(--navy-2);position:relative;white-space:nowrap}
.nav button:hover{background:var(--ice)}
.nav button.active{color:var(--blue)}
.nav button.active::after{content:"";position:absolute;inset:auto .8rem .1rem;height:3px;border-radius:3px;background:var(--cyan)}
.burger{display:none;margin-inline-start:auto;width:2.9rem;height:2.9rem;border-radius:.7rem;background:var(--ice);color:var(--navy);align-items:center;justify-content:center}
/* ---------- slider ---------- */
.viewport{position:fixed;inset:var(--header-h) 0 26px 0;overflow:hidden}
.track{display:flex;height:100%;width:100%;transition:transform .7s cubic-bezier(.65,0,.25,1);will-change:transform}
.slide{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;position:relative;display:flex;flex-direction:column}
.in{width:var(--container);margin-inline:auto}
.sea{background:linear-gradient(180deg,rgba(232,245,253,.55),rgba(206,232,250,.72)),url(../images/sunset.webp) center/cover}
.pager{position:fixed;z-index:40;top:50%;translate:0 -50%;width:2.8rem;height:2.8rem;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);box-shadow:var(--shadow);display:grid;place-items:center;transition:opacity .2s,background .2s}
.pager:hover{background:var(--cyan)}
.pager[disabled]{opacity:0;pointer-events:none}
.pager.prev{right:max(.5vw,.3rem)}.pager.next{left:max(.5vw,.3rem)}
.pager .ic{width:1.4rem;height:1.4rem}
.dots{position:fixed;z-index:40;bottom:0;left:0;right:0;height:26px;display:flex;gap:.45rem;align-items:center;justify-content:center;background:var(--navy)}
.dots button{width:.55rem;height:.55rem;border-radius:50%;background:rgba(255,255,255,.5);padding:0}
.dots button.on{background:var(--cyan);width:1.4rem;border-radius:1rem}

/* ============ shared blocks ============ */
.title{color:var(--navy);font-size:var(--fs-h2)}
.lead{color:var(--muted)}
.sub{font-weight:800;color:var(--blue);font-size:var(--fs-h3)}
.band{flex:1 1 auto;display:flex;align-items:center;padding-block:var(--pad);min-height:0}
.band>.in{height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--gap)}
.card{background:rgba(255,255,255,.9);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--pad)}
.ico{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c,var(--blue)) 15%,#fff);color:var(--c,var(--blue))}
.ico .ic{width:1.6rem;height:1.6rem}
.c-cyan{--c:var(--cyan)}.c-blue{--c:var(--blue)}.c-green{--c:var(--green)}.c-orange{--c:var(--orange)}.c-purple{--c:var(--purple)}
.chk li{display:flex;gap:.5rem;font-size:var(--fs-sm);line-height:1.5;padding-block:.14rem}
.chk .ic{width:1.05rem;height:1.05rem;margin-top:.28rem;color:var(--c);stroke-width:2.6}
.arrow-r{position:relative}
.arrow-r:not(:last-child)::after{content:"";position:absolute;left:calc(var(--gap)*-1.6);top:50%;width:calc(var(--gap)*1.4);height:1.3rem;translate:0 -50%;background:var(--cyan);clip-path:polygon(100% 35%,40% 35%,40% 0,0 50%,40% 100%,40% 65%,100% 65%)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}
.cta h3{font-size:var(--fs-h2);color:#fff}.cta p{color:#d3e6f8}

/* ============ 1 home ============ */
.s-home{background:linear-gradient(270deg,rgba(6,28,62,.82) 8%,rgba(8,40,86,.45) 42%,rgba(8,40,86,0) 70%),url(../images/hero-boat.webp) 35% 62%/cover}
.s-home .band{padding-bottom:0}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:var(--gap);height:100%}
.hero-txt{color:#fff;display:flex;flex-direction:column;gap:.7rem;text-shadow:0 2px 14px rgba(4,20,45,.5)}
.hero-txt h1{font-size:var(--fs-h1);font-weight:900;line-height:1.05}
.hero-txt .en-name{font-size:calc(var(--fs-h1)*.62);font-weight:700;color:var(--cyan-2);direction:ltr;text-align:right;line-height:1.1}
.hero-txt h2{font-size:var(--fs-h2);font-weight:800}
.hero-txt h2 em{font-style:normal;color:var(--cyan)}
.hero-txt p{max-width:46ch;color:#e6f1fb;font-size:calc(var(--fs-body)*1.08)}
.btns{display:flex;flex-wrap:wrap;gap:.8rem}
.ver{display:inline-flex;align-items:center;gap:.5rem;color:#cfeaf0;font-size:var(--fs-sm);font-weight:700}
.hero-ph{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.hero-ph img{max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 1.2rem 1.6rem rgba(2,16,40,.5))}
.strip{display:grid;grid-template-columns:repeat(6,1fr);background:rgba(255,255,255,.96);border-radius:var(--r);box-shadow:var(--shadow);margin-block:0 var(--pad)}
.strip li{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;font-weight:700;font-size:var(--fs-sm);line-height:1.45;color:var(--navy)}
.strip li+li{border-inline-start:1px solid var(--line)}
.strip .ic{color:var(--c);width:2.1rem;height:2.1rem}
.s-home .strip-band{flex:none;padding-block:0}

/* ============ 2 about ============ */
.a-hero{flex:1.25;background:linear-gradient(270deg,rgba(244,250,255,.92) 8%,rgba(244,250,255,.55) 42%,rgba(244,250,255,0) 70%),url(../images/hero-boat.webp) 30% 55%/cover}
.a-hero h2{font-size:var(--fs-h1);font-weight:900;color:var(--navy)}
.a-hero p{font-size:calc(var(--fs-body)*1.12);color:var(--navy-2);max-width:40ch;font-weight:600}
.a-hero .in{align-items:flex-start}
.a-who{flex:1.3;background:#fff}
.who{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*2);align-items:center;height:100%}
.who img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.who h3,.vm h3{font-size:var(--fs-h2);color:var(--navy)}
.who p{color:var(--muted);font-size:calc(var(--fs-body)*1.05);margin-top:.4rem}
.a-vm{flex:1.2;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(214,236,250,.2) 100%),url(../images/sunset.webp) center 60%/cover}
.vm-wrap{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:var(--gap);height:100%;align-items:center}
.vm-wrap .head{grid-column:1/-1;text-align:center}
.vm-wrap>.title{grid-column:1/-1;text-align:center}
.vm{display:flex;gap:.9rem;align-items:flex-start;height:100%;max-height:9rem}
.vm p{color:var(--muted);font-size:var(--fs-sm);line-height:1.7;margin-top:.2rem}
.vm h3{font-size:var(--fs-h3)}
.a-vals{flex:1;background:#f4f9fd}
.vals{display:grid;grid-template-columns:repeat(4,1fr);height:100%;align-items:center}
.val{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding-inline:var(--pad)}
.val+.val{border-inline-start:1px solid var(--line)}
.val h3{color:var(--navy);font-size:var(--fs-h3)}.val p{color:var(--muted);font-size:var(--fs-sm);line-height:1.65}

/* ============ 3 services ============ */
.s-hero{flex:.75;background:linear-gradient(270deg,rgba(8,40,86,.9) 12%,rgba(8,40,86,.35) 70%),url(../images/boat-fast.webp) center 68%/cover;color:#fff}
.s-hero .k{font-weight:800;color:var(--cyan-2);font-size:var(--fs-h3)}
.s-hero h2{font-size:var(--fs-h1);font-weight:900;line-height:1.15}
.s-hero p{color:#e0eefb;font-size:calc(var(--fs-body)*1.1)}
.s-hero .in{align-items:flex-start;gap:.2rem}
.s-cards{flex:2.4;background:linear-gradient(180deg,#eaf5fc,#d9ecf8)}
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);height:100%}
.svc-c{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.svc-c .pic{flex:1 1 0;min-height:4rem;position:relative}
.svc-c .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-c .pic .ico{position:absolute;inset:auto 1rem -1.5rem auto;background:#fff;box-shadow:var(--shadow);border-radius:.9rem}
.svc-c .body{padding:calc(var(--pad) + 1rem) var(--pad) var(--pad);display:flex;flex-direction:column;gap:.3rem;flex:none}
.svc-c h3{color:var(--navy);font-size:var(--fs-h3)}
.svc-c p{color:var(--muted);font-size:var(--fs-sm);line-height:1.65}
.s-steps{flex:.8;background:#fff}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--gap)*1.8)}
.step{background:var(--ice);border-radius:var(--r);padding:.7rem;display:flex;align-items:center;gap:.7rem;font-weight:800;color:var(--navy);font-size:var(--fs-sm);line-height:1.45}
.step .n{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;flex:none}
.s-cta{flex:.55;background:linear-gradient(90deg,rgba(10,39,81,.92),rgba(21,101,184,.82)),url(../images/hero-boat.webp) center/cover}

/* ============ 4 benefits ============ */
.b-hero{flex:1.1;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.75)),url(../images/sunset.webp) center 55%/cover;text-align:center}
.b-hero .in{align-items:center;gap:.25rem}
.b-hero h2{font-size:var(--fs-h1);color:var(--navy);font-weight:900}
.b-hero .sub{font-size:calc(var(--fs-h3)*1.25);color:var(--navy-2)}
.b-hero p.lead{max-width:80ch;color:var(--navy-2)}
.b-main{flex:3.6;background:linear-gradient(180deg,#e9f4fb,#d6eaf7)}
.ben{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--gap)*1.6);flex:1.5}
.ben-c{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;border-top:5px solid var(--c);position:relative}
.ben-c .ico{width:3.6rem;height:3.6rem}.ben-c .ico .ic{width:2rem;height:2rem}
.ben-c h3{color:var(--c);font-size:var(--fs-h3)}
.ben-c .chk{align-self:stretch;text-align:right}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--gap)*1.8);flex:1}
.three .card{display:flex;gap:.9rem;align-items:center;border-inline-start:5px solid var(--c)}
.three .ico{width:3.4rem;height:3.4rem}
.three h3{color:var(--c);font-size:var(--fs-h3)}.three p{color:var(--muted);font-size:var(--fs-sm);line-height:1.6}

/* ============ 5 tech ============ */
.t-top{flex:none;text-align:center}
.t-main{flex:1;display:flex;align-items:center}
.t-main>.in{display:flex;flex-direction:column;gap:var(--gap);height:100%;justify-content:center}
.t-title{padding-block:var(--pad) 0}
.t-title h2{font-size:var(--fs-h1);color:var(--navy);font-weight:900;text-align:center}
.t-title p{color:var(--navy-2);font-weight:700;text-align:center;font-size:calc(var(--fs-body)*1.1)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--gap)*1.8);flex:1.1}
.flow li{background:rgba(255,255,255,.93);border-radius:var(--r);padding:.8rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;box-shadow:var(--shadow);border-top:4px solid var(--c)}
.flow li .ico{position:relative}
.flow li b{position:absolute;top:-.3rem;right:-.3rem;background:var(--c);color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;font-size:.8rem}
.flow h3{color:var(--c);font-size:var(--fs-body)}
.flow small{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}
.tech{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);flex:2.2}
.tech-c{display:flex;flex-direction:column;gap:.3rem;border-top:5px solid var(--c);background:color-mix(in srgb,var(--c) 6%,rgba(255,255,255,.93))}
.tech-c h3{color:var(--c);font-size:var(--fs-h3);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.badge{background:var(--purple);color:#fff;border-radius:2rem;padding:.05rem .8rem;font-size:.8rem;font-weight:800}
.t-cta{flex:none;margin-bottom:var(--pad)}
.t-cta .cardx{display:flex;align-items:center;gap:1.4rem;background:rgba(255,255,255,.93);border-radius:var(--r);box-shadow:var(--shadow);padding:.8rem 1.4rem}
.t-cta h3{color:var(--navy);font-size:var(--fs-h2)}.t-cta p{color:var(--muted);font-size:var(--fs-sm)}
.t-cta .ico{width:3.6rem;height:3.6rem;background:var(--ice-2);color:var(--blue)}

/* ============ 6 download ============ */
.d-top{flex:2.4;display:flex;align-items:center}
.dl{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:calc(var(--gap)*2);align-items:center;height:100%}
.dl-pic{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}
.dl-pic img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 1.2rem 1.4rem rgba(2,16,40,.4))}
.dl-txt{display:flex;flex-direction:column;gap:.6rem}
.dl-txt h2{font-size:var(--fs-h1);color:var(--navy);font-weight:900}
.dl-txt .lead{color:var(--navy-2);font-weight:600;font-size:calc(var(--fs-body)*1.1)}
.dl-row{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--gap);align-items:stretch}
.ver-card{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start;background:rgba(255,255,255,.93);border-radius:var(--r);padding:var(--pad);box-shadow:var(--shadow)}
.ver-top{display:flex;gap:.9rem;align-items:center}
.app-ic{width:3.8rem;height:3.8rem;border-radius:1rem;background:#fff url(../images/logo.jpg) 50% 17%/190% auto no-repeat;box-shadow:inset 0 0 0 1px var(--line);flex:none}
.ver-card small{color:var(--navy-2);font-weight:700;display:block}.ver-card b{font-size:1.5rem;color:var(--navy);line-height:1.2;display:block}
.ver-card .andr{display:flex;gap:.4rem;align-items:center;color:var(--green);font-weight:800;font-size:var(--fs-sm)}
.dl-note{color:var(--navy-2);font-size:var(--fs-sm);font-weight:600}
.trust4{display:grid;gap:.5rem;grid-template-rows:repeat(4,1fr)}
.trust4>div{display:flex;gap:.7rem;align-items:center;background:rgba(255,255,255,.93);border-radius:var(--r-sm);padding:.4rem .8rem;box-shadow:var(--shadow)}
.trust4 .ico{width:2.3rem;height:2.3rem}.trust4 .ico .ic{width:1.3rem;height:1.3rem}
.trust4 b{display:block;color:var(--navy);font-size:var(--fs-sm);line-height:1.25}.trust4 span.t{color:var(--muted);font-size:.8rem;line-height:1.3;display:block}
.d-feat{flex:.95;display:flex;align-items:center}
.d-feat>.in{height:100%;display:flex;flex-direction:column;justify-content:center}
.featp{background:rgba(255,255,255,.9);border-radius:var(--r-lg);padding:.7rem var(--pad);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:center}
.featp>h3{text-align:center;color:var(--navy);font-size:var(--fs-h2)}
.feat{display:grid;grid-template-columns:repeat(5,1fr)}
.feat>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding-inline:.8rem}
.feat>div+div{border-inline-start:1px solid var(--line)}
.feat h3{color:var(--navy);font-size:var(--fs-body)}.feat p{color:var(--muted);font-size:var(--fs-sm);line-height:1.55}
.d-bar{flex:none;padding-block:0 var(--pad)}
.tbar{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.9);border-radius:var(--r);padding:.5rem 1rem;box-shadow:var(--shadow)}
.tbar>div{display:flex;gap:.8rem;align-items:center;justify-content:center}
.tbar>div+div{border-inline-start:1px solid var(--line)}
.tbar b{color:var(--navy);display:block;font-size:var(--fs-sm);line-height:1.3}.tbar span.t{color:var(--muted);font-size:.8rem}
.tbar .ico{width:2.4rem;height:2.4rem;background:var(--blue);color:#fff}.tbar .ico .ic{width:1.3rem;height:1.3rem}

/* ============ 7 contact ============ */
.c-top{flex:none;text-align:center;padding-block:var(--pad) 0}
.c-top h2{font-size:var(--fs-h1);color:var(--navy);font-weight:900}.c-top p{color:var(--navy-2);font-weight:600}
.c-main{flex:3;display:flex;align-items:center}
.ct{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--gap);height:100%;align-items:stretch}
.form{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;align-content:center;background:rgba(255,255,255,.93);border-radius:var(--r-lg);padding:var(--pad);box-shadow:var(--shadow)}
.form .fh{grid-column:1/-1;display:flex;gap:.8rem;align-items:center}
.form .fh h3{color:var(--navy);font-size:var(--fs-h2)}.form .fh p{color:var(--muted);font-size:var(--fs-sm)}
.form label{display:flex;flex-direction:column;gap:.2rem;font-weight:800;font-size:var(--fs-sm);color:var(--navy)}
.form .full{grid-column:1/-1}
.form input,.form select,.form textarea{border:1.5px solid var(--ice-2);border-radius:.7rem;padding:.45rem .8rem;background:#fff;min-height:2.5rem;font-weight:500;width:100%}
.form textarea{min-height:4rem;resize:none;flex:1}
.form .btn{width:100%}
.col{display:flex;flex-direction:column;gap:var(--gap);min-height:0}
.co{background:rgba(255,255,255,.93);border-radius:var(--r-lg);padding:var(--pad);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;flex:1.5}
.co img{width:clamp(4.4rem,7vw,6.4rem);border-radius:.6rem}
.co h3{color:var(--navy);font-size:var(--fs-h3)}.co>p{color:var(--muted);font-size:var(--fs-sm)}
.co ul{align-self:stretch;display:grid;gap:.1rem}
.co li{display:flex;gap:.7rem;align-items:center;padding:.28rem .5rem;font-size:var(--fs-sm);font-weight:700;border-top:1px solid var(--line);text-align:right}
.co li .ic{color:var(--blue);width:1.25rem;height:1.25rem}.co li .k{color:var(--muted);font-weight:600;min-width:6.5rem}.co li a{color:var(--navy)}
.two{display:grid;gap:.6rem;flex:1}
.two>div{display:flex;gap:.9rem;align-items:center;border-radius:var(--r);padding:.6rem 1rem;background:color-mix(in srgb,var(--c) 10%,#fff);box-shadow:var(--shadow)}
.two h3{color:var(--navy);font-size:var(--fs-body)}.two p{color:var(--muted);font-size:.84rem;line-height:1.5}
.closing{flex:.9 1 auto;min-height:5.2rem;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.82) 50%,rgba(255,255,255,.2)),url(../images/boat-fast.webp) center 60%/cover;text-align:center}
.closing .in{align-items:center;gap:.1rem}
.closing h3{font-size:var(--fs-h2);color:var(--navy)}.closing p{color:var(--blue);font-weight:800;font-size:var(--fs-body)}
.footer{flex:none;background:#fff;color:var(--navy);padding:.7rem 0}
.footer-in{width:var(--container);margin-inline:auto;display:grid;grid-template-columns:1.1fr 2fr 1fr;gap:1rem var(--gap);align-items:center;font-size:var(--fs-sm)}
.f-brand{display:flex;gap:.8rem;align-items:center}.f-brand img{width:3.8rem;border-radius:.6rem}
.f-brand b{display:block;font-size:var(--fs-body)}.f-brand span{color:var(--muted);font-size:.84rem}
.footer nav{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;justify-content:center;font-weight:700}
.footer a:hover{color:var(--blue)}
.f-app{display:flex;gap:.8rem;align-items:center;justify-content:flex-end}
.f-app img{width:3.8rem;border:1px solid var(--line);border-radius:.4rem}
.f-app a.wa{display:flex;gap:.5rem;align-items:center;background:#e7f7ee;color:#0b7a45;font-weight:800;border-radius:.7rem;padding:.4rem .8rem;line-height:1.2}
.f-app a.wa small{display:block;font-weight:600;color:var(--muted);font-size:.74rem}
.f-bot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1.2rem;color:var(--muted);font-size:.84rem}
.f-bot .legal{display:flex;gap:1.2rem}

.d-top{padding-top:var(--pad)}
/* وضع مضغوط للشاشات القصيرة */
html.compact{--pad:.5rem;--gap:.5rem}
html.compact .flow small,html.compact .b-hero .lead{display:none}
html.compact .chk li{padding-block:.04rem;line-height:1.35}
html.compact .band{padding-block:.35rem}
@media (min-width:981px){
  .hero-ph,.dl-pic{position:relative;min-height:0}
  .hero-ph img,.dl-pic img{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain}
  .d-top .in,.s-home .band>.in{min-height:0}
}
@media (min-width:981px){.dl-pic{order:2}.dl-txt{order:1}}
.featp>h3{font-size:calc(var(--fs-h2)*.8)}
@media (min-width:981px){.dl-pic img{transform:scale(1.4);transform-origin:50% 55%}}