/* MTS design refresh: typography, purposeful motion and connected routes. */
:root{--mts-ease:cubic-bezier(.22,1,.36,1)}
body,input,select,textarea,button{font-family:Inter,Arial,sans-serif}
h1,h2,h3,.site-footer-cta h2{font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif;font-weight:700;letter-spacing:-.045em}
.hm-section h2,.hm-intro h2{font-size:clamp(32px,3.4vw,48px);line-height:1.18;font-weight:600}
.hm-intro h2 em{font-style:normal;color:#2765c5}
.hm-intro p,.hm-feature-content>p{font-size:16px;line-height:1.85}
button,a,input,select,textarea{touch-action:manipulation}
a,button{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .35s ease,transform .35s var(--mts-ease)}
:focus-visible{outline:3px solid #88c7ff;outline-offset:5px}
.hm-motion .hm-reveal{transition:opacity .85s ease,transform .85s var(--mts-ease)}
.hm-service{border-radius:14px;overflow:hidden}.hm-service-image img{transition:transform .8s var(--mts-ease)}.hm-service:hover .hm-service-image img{transform:scale(1.045)}
/* The hero remains steady while visitors explore the routes. */
:root body .hm-hero{height:auto;min-height:740px;background:#061b31;color:#fff;display:block}
:root body .hm-slide img{animation:none;transform:none;object-position:center;opacity:1}
:root body .hm-shade,:root[data-theme='dark'] body .hm-shade{background:linear-gradient(90deg,#04172fef 0%,#071c35b8 38%,#081c3642 70%),linear-gradient(0deg,#06182de6,transparent 50%)}
:root body.mts-overlay-nav .hm-hero-content{height:auto;min-height:740px;padding-top:calc(72px + var(--mts-navbar-h));padding-bottom:88px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:72px}
.hm-hero-text{max-width:610px}
:root body .hm-hero h1{font-family:'Plus Jakarta Sans',Inter,sans-serif;color:#fff;font-size:clamp(48px,5.5vw,76px);font-weight:600;line-height:1.06;letter-spacing:-.06em;max-width:610px;margin:18px 0 0;white-space:pre-line}
:root body .hm-overline{font:600 10px/1.6 Inter,sans-serif;color:#a5d7ff;letter-spacing:.18em;margin:0}
:root body .hm-hero-copy{color:#c7d6e6;font:400 16px/1.85 Inter,sans-serif;max-width:470px;margin:24px 0 30px}
:root body .hm-hero .hm-btn{font:600 12px Inter,sans-serif;min-height:48px;padding:15px 22px;border-radius:7px}
:root body .hm-hero .hm-btn-outline{background:#ffffff08;color:#fff;border-color:#ffffff50;backdrop-filter:blur(8px)}
:root body .hm-hero .hm-btn-outline:hover{background:#ffffff18;border-color:#adcfff}
.hm-hero-note{display:flex;align-items:center;gap:10px;margin:30px 0 0;font-size:11px;color:#a4bad1;letter-spacing:.04em}.hm-hero-note i{width:5px;height:5px;background:#91d7f6;border-radius:50%}
:root .mts-navbar:not(.is-scrolled){--mts-nav-ink:#fff;--mts-nav-muted:#cbddf3}
:root .mts-navbar:not(.is-scrolled) .mts-navbar-logo{filter:brightness(0) invert(1)!important}
/* A keyboard-accessible service explorer, with illustrative animated routes. */
.mts-explorer{position:relative;min-width:0;padding:25px;border:1px solid #a5d2ff40;border-radius:20px;background:linear-gradient(145deg,#0c2a469e,#06172de8);box-shadow:0 24px 70px #0004;backdrop-filter:blur(18px);color:#fff;align-self:center}
.mts-explorer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.13em;color:#b5cde5;text-transform:uppercase}
.mts-explorer-status{display:flex;align-items:center;gap:6px;white-space:nowrap}.mts-explorer-status i{width:5px;height:5px;border-radius:50%;background:#8de0d0;box-shadow:0 0 10px #8de0d066}
.mts-explorer h2{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:17px 0 8px;color:#fff}
.mts-explorer-intro{font-size:12px;color:#b2c7dc;line-height:1.7;margin:0}
.mts-route-map{position:relative;margin:12px -10px 16px;aspect-ratio:560/280;overflow:hidden;background:radial-gradient(ellipse at 55% 40%,#426c932b,transparent 65%)}
.mts-route-map>img,.mts-route-map>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mts-route-map>img{opacity:.55}
.mts-route{fill:none;stroke:#87d9ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 9;animation:mts-route-flow 12s linear infinite;filter:drop-shadow(0 0 5px #82bfff88)}
.mts-route-hub{fill:#eff9ff}.mts-route-ring{fill:none;stroke:#99ddff;stroke-width:1;transform-origin:280px 75px;animation:mts-route-pulse 3s ease-out infinite}
@keyframes mts-route-flow{to{stroke-dashoffset:-160}}
@keyframes mts-route-pulse{0%{transform:scale(.65);opacity:1}100%{transform:scale(1.8);opacity:0}}
.mts-route-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mts-route-choices button{padding:11px 5px;border:1px solid #9dc5ee2b;border-radius:7px;background:#ffffff04;color:#bccfe4;font:600 11px Inter,sans-serif;cursor:pointer;min-height:42px}
.mts-route-choices button[aria-pressed='true']{background:#d5ecff;color:#0c315b;border-color:#d5ecff;box-shadow:0 2px 15px #7abaff1c}
.mts-route-choices button:hover{border-color:#a4d9ff}
.mts-route-info{border-top:1px solid #adcaf222;margin-top:18px;padding-top:17px;min-height:101px}
.mts-route-info strong{display:block;font-size:14px;font-weight:600}.mts-route-info p{font-size:11px;line-height:1.8;margin:8px 0 12px;color:#b5c7db}.mts-route-info a{font-size:11px;font-weight:600;color:#afddff;display:inline-flex;align-items:center;gap:16px}
.mts-route-info a:hover{gap:24px}.mts-route-map.is-changing{animation:mts-map-change .45s ease}
@keyframes mts-map-change{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:981px){.hm-hero-text{animation:mts-hero-in 1s .15s var(--mts-ease) both}.mts-explorer{animation:mts-hero-in 1.2s .3s var(--mts-ease) both}}
@keyframes mts-hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
/* Layered port photography, coordinate grid and route chart in the footer. */
:root .site-footer{position:relative;isolation:isolate;background:#071b32;overflow:hidden}
.site-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#061b32e8,#061b32f7),url('assets/home-port-cinematic.webp') center/cover;opacity:1}
:root .site-footer-cta{background:transparent;min-height:300px;padding-block:65px;border-bottom:1px solid #8ec4f726}
:root .site-footer-cta:before{background:linear-gradient(#bddcff0a 1px,transparent 1px),linear-gradient(90deg,#bddcff0a 1px,transparent 1px),radial-gradient(ellipse at 78% 40%,#2c6dbe35,transparent 65%);background-size:48px 48px,48px 48px,auto;mask-image:linear-gradient(90deg,transparent,#000 50%)}
:root .site-footer-cta-map{opacity:.72;width:54%;height:310px}
:root .site-footer-cta h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-weight:600;font-size:clamp(31px,3.5vw,46px);line-height:1.14;letter-spacing:-.05em;max-width:510px}
:root .site-footer-cta-copy>p{font:400 14px/1.8 Inter,sans-serif;color:#b3c8df}
:root .site-footer-grid{padding-block:52px;gap:40px}
:root .site-footer-column>a{font-size:12px;line-height:1.6;min-height:30px}
:root .site-footer-column>a:hover{color:#a8dbff;transform:translateX(3px)}
:root .site-footer-column strong{letter-spacing:.16em;color:#d2e5f8;font-size:10px}
:root .site-footer-network-copy{font:400 13px/1.85 Inter,sans-serif;color:#a8bfd9}
:root .site-footer-bottom{border-color:#87b5e626;padding-block:20px;color:#8ba9c9}
/* Intro duration is four seconds; failure-safe dismissal lives in the head. */
html.intro-pending{overflow:hidden}html.intro-pending:before{content:'';position:fixed;inset:0;z-index:10000;background:#06192e}
.mts-intro{position:fixed;inset:0;z-index:10001;background:radial-gradient(ellipse at 50% 50%,#15487866,transparent 60%),#06192e;display:grid;place-items:center;color:#eaf4ff;transition:opacity .4s ease,visibility .4s ease}
.mts-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.mts-intro-center{text-align:center;width:min(480px,calc(100% - 48px))}.mts-intro img{width:130px;height:auto;filter:brightness(0) invert(1);animation:mts-hero-in .8s var(--mts-ease) both}
.mts-intro p{font:500 10px/1.6 Inter,sans-serif;letter-spacing:.26em;margin:28px 0;color:#b6cee7}.mts-intro svg{width:100%;height:95px;overflow:visible}
.mts-intro svg path{fill:none;stroke:#4d88ba;stroke-width:1;stroke-dasharray:650;stroke-dashoffset:650;animation:mts-intro-route 3.5s ease both}
.mts-intro svg circle{fill:#a0dcff}.mts-intro-progress{height:2px;width:190px;background:#335675;margin:20px auto;overflow:hidden}.mts-intro-progress i{display:block;height:100%;background:#a7d8ff;transform-origin:left;animation:mts-intro-progress 4s linear both}
.mts-intro-skip{position:absolute;right:30px;bottom:28px;background:transparent;border:1px solid #829bb94d;border-radius:5px;color:#a8c4e0;padding:10px 15px;font:500 11px Inter,sans-serif;cursor:pointer}
@keyframes mts-intro-route{to{stroke-dashoffset:0}}@keyframes mts-intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){:root body.mts-overlay-nav .hm-hero-content{gap:32px}.mts-explorer{padding:20px}:root body .hm-hero h1{font-size:60px}}
@media(max-width:800px){:root body.mts-overlay-nav .hm-hero-content{grid-template-columns:1fr;gap:40px;padding-top:calc(55px + var(--mts-navbar-h));padding-bottom:60px;min-height:0}:root body .hm-hero{min-height:0}.hm-hero-text{max-width:580px}:root body .hm-hero h1{font-size:clamp(46px,8vw,64px)}.mts-explorer{width:100%;max-width:520px;justify-self:start}.hm-hero-note{margin-top:24px}:root .site-footer-cta-map{width:90%;opacity:.23;right:-130px}:root .site-footer-grid{gap:32px}}
@media(max-width:480px){.mts-explorer{padding:20px;border-radius:14px}.mts-explorer h2{font-size:23px}:root body .hm-hero-copy{font-size:14px}:root body .hm-hero .hm-btn{font-size:11px;padding:13px 15px}.hm-hero-actions{flex-wrap:wrap}:root .site-footer-grid{grid-template-columns:1fr;gap:32px}.site-footer-brand,.site-footer-contact,.site-footer-services{grid-column:auto}:root .site-footer-cta{padding:45px 24px}.hm-hero-note{font-size:10px}.mts-explorer-head{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hm-motion .hm-reveal{opacity:1;transform:none}.mts-intro{display:none}html.intro-pending{overflow:auto}html.intro-pending:before{display:none}}
/* Clear glass over the port, with a restrained pointer highlight. */
.mts-explorer{background:linear-gradient(145deg,#d7ecff14,#12324f2b 60%,#06182f40);border-color:#d9efff55;box-shadow:inset 0 1px 0 #f2f9ff38,inset 0 -1px 0 #b0dcff12,0 24px 60px #00112533;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);isolation:isolate;overflow:hidden}
.mts-explorer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 230px 220px at var(--glass-x,70%) var(--glass-y,15%),#d6edff20,transparent 72%);opacity:.8;transition:opacity .4s ease}
.mts-explorer:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff09,transparent 35%,#ffffff04);border:1px solid #ffffff0c}
.mts-explorer h2{text-shadow:0 2px 14px #00152d60}.mts-explorer-intro,.mts-explorer-head{color:#d1e1f1}
.mts-route-map{background:radial-gradient(ellipse at 55% 40%,#5588b71c,transparent 65%);transform:translate(var(--map-x,0px),var(--map-y,0px));transition:transform .6s var(--mts-ease)}
.mts-route-map>img{opacity:.38}.mts-route{stroke:#b3e6ff;stroke-width:1.7;filter:drop-shadow(0 0 5px #bbebff88)}
.mts-route-traveler{opacity:0;transition:opacity .3s ease;pointer-events:none}.mts-route-traveler.is-active{opacity:1}.mts-route-traveler>circle{fill:#153e67;stroke:#d5f3ff;stroke-width:1.2;filter:drop-shadow(0 0 6px #89ccffa6)}
.mts-route-choices{position:relative;padding:5px;gap:4px;border-radius:11px;background:#061b3f30;border:1px solid #d7eaff26}
.mts-route-choices button{position:relative;z-index:1;background:transparent;border-color:transparent;border-radius:7px;color:#d6e6f5;font-weight:500;transition:color .3s ease,background .4s ease,box-shadow .4s ease,transform .3s var(--mts-ease)}
.mts-route-choices button[aria-pressed='true']{background:#d8eeffdc;border-color:#effaff88;box-shadow:inset 0 1px 0 #fff9,0 4px 16px #0019332b;color:#103454}
.mts-route-choices button:hover{background:#edf6ff12;border-color:#d9efff33;transform:translateY(-1px)}
.mts-route-choices button[aria-pressed='true']:hover{background:#e2f2fff0}
.mts-route-info{border-color:#d5e9ff35;min-height:108px}.mts-route-info strong{color:#fff}.mts-route-info p{color:#d4e2ef}.mts-route-info a{color:#d2edff;min-height:28px}
.mts-route-journey{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;color:#c9e2f4;font:500 9px/1.5 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.mts-route-replay{display:flex;align-items:center;gap:5px;border:0;border-radius:5px;background:#ffffff08;padding:7px 8px;color:#cce5f8;font:500 9px Inter,sans-serif;cursor:pointer;letter-spacing:0;text-transform:none;min-height:30px}
.mts-route-replay:hover{background:#ffffff20;color:#fff}.mts-route-replay:active{transform:scale(.96)}
.mts-route-replay svg{width:12px;height:12px}.mts-route-info.is-updating{animation:mts-info-in .45s var(--mts-ease) both}
@keyframes mts-info-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mts-explorer{background:linear-gradient(145deg,#183b58e8,#102c47ec)}}
/* Scroll depth, reading progress and individually staggered section entries. */
.mts-reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9998;background:#aadfff;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none;box-shadow:0 0 8px #69b6f97a}
:root body .hm-slide img{height:calc(100% + 60px);max-height:none;transform:translateY(calc(-30px + var(--hero-drift,0px)))}
.has-scroll-motion .mts-scroll-reveal{opacity:0;transform:translate3d(var(--reveal-x,0px),28px,0);transition:opacity .85s ease var(--reveal-delay,0ms),transform 1s var(--mts-ease) var(--reveal-delay,0ms);will-change:opacity,transform}
.has-scroll-motion .mts-scroll-reveal.is-inview{opacity:1;transform:translate3d(0,0,0);will-change:auto}
.has-scroll-motion .hm-feature-image.mts-scroll-reveal{--reveal-x:-22px;clip-path:inset(0);transition:opacity .85s ease,transform 1s var(--mts-ease)}
.has-scroll-motion .hm-feature-content.mts-scroll-reveal{--reveal-x:22px}
.has-scroll-motion .site-footer-cta-map{transition:opacity 1.1s ease,transform 1.4s var(--mts-ease)}
.has-scroll-motion .site-footer-cta:not(.is-inview) .site-footer-cta-map{opacity:0;transform:translate(25px,-50%)}
@media(max-width:800px){.has-scroll-motion .mts-scroll-reveal{--reveal-x:0px!important}.mts-explorer{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}.mts-route-map{transform:none}}
@media(prefers-reduced-motion:reduce){:root body .hm-slide img{transform:translateY(-30px)}.has-scroll-motion .mts-scroll-reveal{opacity:1;transform:none;transition:none}.mts-reading-progress{display:none}.mts-explorer:before{background:radial-gradient(ellipse at 70% 15%,#d6edff15,transparent 72%)}.mts-route-map{transform:none}.mts-route-traveler{transition:none}.has-scroll-motion .site-footer-cta:not(.is-inview) .site-footer-cta-map{opacity:.72;transform:translateY(-50%)}}
/* A legible geographic map: actual coastlines, borders and destination regions. */
.mts-route-map{aspect-ratio:560/320;margin:20px 0 12px;overflow:hidden;border:1px solid #bddfff42;border-radius:11px;background:#091f36;box-shadow:inset 0 1px 0 #dbefff16;transform:none;transition:none}
.mts-route-map>svg{height:calc(100% - 29px);inset:0 0 29px;object-fit:contain}
.mts-map-regions text{font:600 10px Inter,Arial,sans-serif;fill:#b5d3e8;text-anchor:middle;letter-spacing:1px;paint-order:stroke;stroke:#091f36;stroke-width:2px;stroke-linejoin:round}
.mts-map-regions .mts-map-ocean{font-size:8px;fill:#7094b0;font-style:italic;letter-spacing:1.4px;stroke:none}
.mts-map-guides path{fill:none;stroke:var(--route-color,#83d5ff);stroke-width:1;stroke-opacity:.35;stroke-dasharray:3 4}
.mts-route-map .mts-route{stroke:var(--route-color,#83d5ff);stroke-width:2;stroke-dasharray:none;filter:drop-shadow(0 0 3px #8bd8ff80);animation:none}
.mts-map-nodes circle{fill:#91bbd9;stroke:#091f36;stroke-width:1}.mts-map-nodes circle.is-selected{fill:var(--route-color);stroke:#ecfaff;stroke-width:1.5}
.mts-map-nodes .mts-map-end-ring{fill:none;stroke:var(--route-color);stroke-opacity:.55;stroke-width:1}
.mts-map-nodes text{font-family:Inter,Arial,sans-serif;font-weight:600;fill:#e0f1ff;paint-order:stroke;stroke:#091f36;stroke-width:2.5px;stroke-linejoin:round}
.mts-map-nodes .mts-map-country-label{fill:#99bdd7;font-weight:500;stroke-width:.8px;letter-spacing:.2px}
.mts-hub-plate{fill:#123f60;stroke:#b7e3ff;stroke-opacity:.7;stroke-width:.7}.mts-hub-label{text-anchor:middle;fill:#effaff;font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:.8px}.mts-hub-line{stroke:#bedffc;stroke-width:.8;fill:none}
.mts-route-map .mts-route-ring{stroke:var(--route-color);transform-origin:295px 93px;animation-duration:4s}.mts-route-map .mts-route-hub{fill:#fff;filter:drop-shadow(0 0 4px #c4eaff)}
.mts-route-traveler>circle{fill:#173e5b;stroke:var(--route-color);stroke-width:1.5;filter:drop-shadow(0 0 5px #93d4ff66)}
.mts-map-caption{position:absolute;left:0;right:0;bottom:0;min-height:29px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#102d46;border-top:1px solid #97bad526;font:500 8px/1.4 Inter,sans-serif;color:#c2dbea}
.mts-map-caption span{display:flex;align-items:center;gap:6px}.mts-map-caption i{width:13px;height:2px;background:var(--route-color)}.mts-map-caption b{font-weight:500}.mts-map-caption small{font-size:7px;color:#92acc3}
.mts-map-destinations{display:flex;gap:6px;margin:0 0 14px}.mts-map-destinations button{flex:1;min-width:0;min-height:31px;border-radius:5px;background:#071f373d;border:1px solid #bedfff30;color:#d2e5f4;font:500 10px/1.3 Inter,sans-serif;padding:7px 4px;cursor:pointer}
.mts-map-destinations button[aria-pressed='true']{border-color:var(--route-color);background:#9edfff13;color:#fff}.mts-map-destinations button:hover{border-color:#cfecff;background:#d3ecff18}
.mts-route-journey{margin-bottom:12px}.mts-route-info{min-height:100px;padding-top:14px;margin-top:14px}.mts-route-info p{margin:7px 0 8px}
.mts-route-map.is-europe .mts-map-regions{display:none}.mts-route-map.is-europe .mts-map-guides path{stroke-width:.22;stroke-dasharray:.6 .7}.mts-route-map.is-europe .mts-route{stroke-width:.46;filter:none}.mts-route-map.is-europe .mts-map-nodes circle{stroke-width:.2}.mts-route-map.is-europe .mts-map-nodes .is-selected{stroke-width:.25}.mts-route-map.is-europe .mts-map-nodes .mts-map-end-ring{stroke-width:.2}.mts-route-map.is-europe .mts-map-nodes text{stroke-width:.7}.mts-route-map.is-europe .mts-hub-plate,.mts-route-map.is-europe .mts-hub-line,.mts-route-map.is-europe .mts-route-ring{stroke-width:.2}.mts-route-map.is-europe .mts-hub-label{letter-spacing:.12px}
@media(max-width:480px){.mts-map-destinations button{font-size:9px}.mts-map-caption{font-size:7px}.mts-map-caption small{font-size:6px}}

/* ==== Hero heights & composition ====
   Home-page hero is pinned to the viewport. Every inner-page hero is
   locked at exactly 70vh so pages read as one system — same height, same
   content position — rather than drifting per page. Content is vertically
   centered inside the hero (close to the top, well clear of the bottom
   edge where the next section begins) and the default bottom-pinned
   padding on .page-hero .wrap / .freight-hero .wrap is zeroed so the
   centering is clean. Home (.hm-hero / .hm-hero-content) is intentionally
   untouched. */
:root body .hm-hero.hm-hero{height:100vh;height:100svh;min-height:0;max-height:none}
:root body .page-hero.page-hero,:root body .freight-page .freight-hero.freight-hero{height:70vh;height:70svh;min-height:70vh;min-height:70svh;max-height:none;display:flex;align-items:center}
:root body .page-hero.page-hero>.wrap{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
@media(max-width:980px){
  :root body .hm-hero.hm-hero{height:100vh;height:100svh;min-height:0}
  :root body .page-hero.page-hero,:root body .freight-page .freight-hero.freight-hero{height:70vh;height:70svh;min-height:70vh;min-height:70svh}
}
@media(max-width:700px){
  :root body .hm-hero.hm-hero{height:100vh;height:100svh;min-height:0}
  :root body .page-hero.page-hero,:root body .freight-page .freight-hero.freight-hero{height:70vh;height:70svh;min-height:70vh;min-height:70svh}
}