/*  PSS Lines Shipping LLC (PSSUAE) — design system
    Brand palette is authoritative; no colour outside these tokens.
    ------------------------------------------------------------------ */

:root{
  --g:#1B3D2E;    --dgr:#224A38;  --iv:#FAF8F4;   --iv2:#EFEDE6;
  --go:#C8A96A;   --ch:#2B2B2B;   --body:#4A4A4A; --pr:#B03A2E;
  --wh:#FFFFFF;   --lgr:#EDEBE4;  --mut:#8A8A82;  --cmp:#DAD5C9;  --ivm:#D8DDD4;

  --head:'Oswald',"Arial Narrow",Impact,sans-serif;
  --text:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --serif:'Cormorant Garamond',Georgia,"Times New Roman",serif;

  --wrap:1240px;
  --gutter:28px;
  --hdr-h:96px;
}

/* ------------------------------------------------------------ reset */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--iv);color:var(--body);
  font-family:var(--text);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
figure{margin:0}
:focus-visible{outline:3px solid var(--go);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--go);color:var(--g);padding:12px 20px;z-index:9999}
.skip:focus{left:0}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ------------------------------------------------------------ layout */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.sec{padding-block:clamp(64px,7vw,104px)}
.sec--tight{padding-block:clamp(44px,5vw,68px)}
.sec--iv2{background:var(--iv2)}
.sec--g{background:var(--g)}
.sec--g h1,.sec--g h2,.sec--g h3,.sec--g h4{color:var(--iv)}
.sec--g p,.sec--g li{color:var(--ivm)}
.sec-head{max-width:none}
.sec-head p{max-width:96ch}
.sec-head--c{margin-inline:auto;text-align:center}
.sec-head--c p{margin-inline:auto}
.grid{display:grid;gap:28px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.split--rev>*:first-child{order:2}

/* ------------------------------------------------------------ type */
h1,h2,h3,h4,h5{font-family:var(--head);color:var(--g);margin:0;font-weight:600;letter-spacing:.01em}
h1{font-size:clamp(34px,5vw,66px);line-height:1.04;font-weight:700;text-transform:uppercase}
h2{font-size:clamp(27px,3.3vw,44px);line-height:1.1;text-transform:uppercase}
h3{font-size:20px;text-transform:uppercase;letter-spacing:.02em}
h4{font-size:16px;text-transform:uppercase;letter-spacing:.06em}
p{margin:0 0 18px}
p:last-child{margin-bottom:0}
.eyebrow{font-family:var(--head);font-size:13px;font-weight:500;letter-spacing:.26em;
  text-transform:uppercase;color:var(--go);margin:0 0 14px}
.rule{width:64px;height:3px;background:var(--go);border:0;margin:22px 0}
.rule--c{margin-inline:auto}
.lede{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,25px);line-height:1.5;color:var(--ch)}
.sec--g .lede{color:var(--ivm)}
.muted{color:var(--body);font-size:14px}
.sec--g .muted{color:rgba(216,221,212,.7)}
.prose{max-width:102ch}
.prose h2{margin:44px 0 14px}
.prose h3{margin:34px 0 10px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:0;list-style:none}
.prose ul li{padding-left:26px;position:relative;margin-bottom:9px}
.prose ul li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:1.5px;background:var(--go)}
.prose ol{counter-reset:n}
.prose ol li{counter-increment:n;padding-left:34px;position:relative;margin-bottom:9px}
.prose ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:0;
  font-family:var(--head);font-size:13px;color:var(--go);letter-spacing:.1em}

/* ------------------------------------------------------------ buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-weight:500;
  font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:15px 30px;
  border:1.5px solid transparent;transition:background .22s,color .22s,border-color .22s;cursor:pointer}
.btn--gold{background:var(--go);color:var(--g)}
.btn--gold:hover{background:var(--g);color:var(--go);border-color:var(--go)}
.btn--ghostL{border-color:var(--go);color:var(--go)}
.btn--ghostL:hover{background:var(--go);color:var(--g)}
.btn--ghostD{border-color:var(--g);color:var(--g)}
.btn--ghostD:hover{background:var(--g);color:var(--iv)}
.btn i{font-style:normal;transition:transform .22s}
.btn:hover i{transform:translateX(4px)}

/* ------------------------------------------------------------ utility bar */
.util{background:var(--ch);color:rgba(216,221,212,.72);font-size:12.5px;letter-spacing:.04em}
.util .wrap{display:flex;justify-content:space-between;align-items:center;min-height:40px;gap:20px}
.util a:hover{color:var(--go)}
.util .sep{color:rgba(216,221,212,.26);margin-inline:12px}
.util strong{color:var(--iv);font-weight:500}

/* ------------------------------------------------------------ header */
.hdr{background:var(--g);position:sticky;top:0;z-index:800;border-bottom:1px solid rgba(200,169,106,.28)}
.hdr .wrap{display:flex;align-items:center;gap:26px;height:var(--hdr-h)}
.brand{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.brand img{width:52px;height:52px}
.brand .bt span{display:block;font-family:var(--head);color:var(--wh);font-weight:600;font-size:23px;letter-spacing:.06em;line-height:1}
.brand .bt em{display:block;font-style:normal;font-family:var(--head);color:var(--go);font-weight:400;
  font-size:11.5px;letter-spacing:.3em;margin-top:5px;line-height:1}
.nav{margin-left:auto;display:flex;align-items:center;gap:24px;list-style:none;margin-block:0;padding:0}
.nav>li{position:relative}
.nav>li>a{font-family:var(--head);font-size:14px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ivm);padding-block:14px;display:block;position:relative}
.nav>li>a::after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:2px;background:var(--go);transition:right .25s}
.nav>li:hover>a,.nav>li.current-menu-item>a{color:var(--wh)}
.nav>li:hover>a::after,.nav>li.current-menu-item>a::after{right:0}
/* Parent items are styled exactly like leaf items — no carets, no diamonds.
   The only affordance is the gold underline that all items share. */
.nav .sub-menu{position:absolute;top:100%;left:-18px;background:var(--dgr);min-width:265px;padding:10px 0;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;border-top:2px solid var(--go);
  box-shadow:0 18px 40px rgba(0,0,0,.28);list-style:none;margin:0;z-index:10}
.nav>li:hover .sub-menu,.nav>li:focus-within .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav .sub-menu a{display:block;padding:9px 22px;font-size:13.5px;color:var(--ivm)}
.nav .sub-menu a:hover{background:rgba(200,169,106,.14);color:var(--go)}
.burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:10px}
.burger span{display:block;width:26px;height:2px;background:var(--go);margin:5px 0;transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* --------------------------------------------- floating contact rail
   Fixed to the right edge. Collapsed it shows icons only; on hover or focus
   each row expands leftwards to reveal its label. Colours are the UAE flag
   set (green, white, black, red) rather than the brand palette, so the rail
   reads as a utility layer sitting above the page rather than part of it. */
.rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:700;
  display:flex;flex-direction:column;border-radius:12px 0 0 12px;overflow:hidden;
  box-shadow:0 10px 34px rgba(0,0,0,.26);border-right:5px solid var(--go)}
.rail a,.rail button{display:flex;align-items:center;gap:0;width:56px;height:56px;
  border:0;padding:0;cursor:pointer;position:relative;overflow:hidden;
  transition:width .28s cubic-bezier(.2,.7,.3,1);text-align:left;font-family:var(--head);
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.rail svg{width:24px;height:24px;flex:0 0 56px;margin-inline:16px;stroke-width:0}
.rail span{opacity:0;transition:opacity .18s;padding-right:22px}
.rail a:hover,.rail a:focus-visible,.rail button:hover,.rail button:focus-visible{width:186px}
.rail a:hover span,.rail a:focus-visible span,.rail button:hover span,.rail button:focus-visible span{opacity:1}
.rail a,.rail button{background:var(--g);color:var(--go)}
.rail a:hover,.rail button:hover,.rail a:focus-visible,.rail button:focus-visible{background:var(--dgr)}
.rail a+a,.rail a+button,.rail button+a{box-shadow:inset 0 1px 0 rgba(200,169,106,.28)}
.rail svg{fill:currentColor}
@media (max-width:600px){
  .rail{top:auto;bottom:0;right:0;left:0;transform:none;flex-direction:row;border-radius:0;
    border-right:0;border-top:3px solid var(--go)}
  .rail a,.rail button{width:auto;flex:1;justify-content:center;height:54px}
  .rail a:hover,.rail button:hover{width:auto}
  .rail svg{flex:0 0 auto;margin-inline:0}
  .rail span{display:none}
  body{padding-bottom:54px}
}
@media print{.rail{display:none}}

/* ------------------------------------------------------------ hero */
.hero{position:relative;background:var(--g);overflow:hidden;min-height:620px;display:flex;align-items:center}
.hero__plate{position:absolute;inset:0 0 0 50%;background:var(--iv);clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}
.hero__plate img{width:100%;height:100%;object-fit:cover}
.hero__inner{position:relative;z-index:2;width:100%;padding-block:78px}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hero__copy{max-width:580px}
.hero__copy h1{color:var(--wh)}
.hero__copy .lede{margin:26px 0 34px;max-width:480px;color:var(--ivm)}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero__mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding-left:60px}
.hero__mark img{width:min(300px,58%)}
.hero__disc{font-family:var(--head);font-size:clamp(10px,1.05vw,13px);letter-spacing:.2em;
  color:var(--mut);text-transform:uppercase;text-align:center;line-height:2}
.slide-nav{position:absolute;left:0;right:0;bottom:34px;z-index:3}
.slide-nav .wrap{display:flex;align-items:center;gap:12px}
.dot{width:34px;height:3px;background:rgba(216,221,212,.34);border:0;padding:0;cursor:pointer;transition:.25s}
.dot.on{background:var(--go);width:56px}
.slide-count{font-family:var(--head);font-size:12px;letter-spacing:.24em;color:var(--ivm);margin-left:14px}
.slide-count b{color:var(--go);font-weight:600}

/* page hero (interior pages) */
.phero{background:var(--g);position:relative;overflow:hidden}
.phero .wrap{position:relative;z-index:2;padding-block:clamp(56px,6vw,92px)}
.phero h1{color:var(--wh);max-width:16ch}
.phero .lede{color:var(--ivm);max-width:60ch;margin-top:22px}
.phero__bg{position:absolute;inset:0;opacity:.16}
.phero__bg img{width:100%;height:100%;object-fit:cover}

/* ------------------------------------------------------------ breadcrumbs */
.crumbs{background:var(--iv2);font-size:13px}
.crumbs .wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-block:12px}
.crumbs a{color:var(--body)}
.crumbs a:hover{color:var(--g)}
.crumbs span[aria-current]{color:var(--mut)}
.crumbs .s{color:var(--cmp)}

/* ------------------------------------------------------------ cards */
.card{background:var(--iv);border:1px solid var(--cmp);padding:34px 28px 30px;position:relative;
  transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
.card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--go);transition:width .3s}
.card:hover{border-color:var(--g);transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,61,46,.13)}
.card:hover::before{width:100%}
.card__ic{width:44px;height:44px;margin-bottom:20px}
.card__ic svg{width:44px;height:44px;stroke:var(--g);fill:none;stroke-width:1.4}
.card h3{font-size:17px;margin-bottom:9px}
.card p{font-size:14.5px;line-height:1.6;margin:0 0 16px}
.card__go{font-family:var(--head);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--go);margin-top:auto}

.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--cmp);border:1px solid var(--cmp)}
.tile{background:var(--iv);padding:38px 30px 34px;border-top:3px solid transparent;transition:.25s}
.tile:hover{background:var(--g);border-top-color:var(--go)}
.tile:hover h3,.tile:hover p{color:var(--iv)}
.tile:hover .tile__ic{border-color:var(--go);background:var(--go)}
.tile:hover .tile__ic svg{stroke:var(--g)}
.tile:hover .tile__go{color:var(--go)}
.tile__ic{width:52px;height:52px;border:1.5px solid var(--cmp);display:flex;align-items:center;
  justify-content:center;margin-bottom:22px;transition:.25s}
.tile__ic svg{width:24px;height:24px;stroke:var(--g);fill:none;stroke-width:1.6;transition:.25s}
.tile h3{font-size:17px;margin-bottom:10px;transition:.25s}
.tile p{font-size:14.5px;line-height:1.6;margin:0 0 18px;transition:.25s}
.tile__go{font-family:var(--head);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--g);transition:.25s}

/* photo frame */
.frame{position:relative}
.frame img{width:100%;object-fit:cover}
.frame--gold{box-shadow:-8px 8px 0 var(--go)}
.frame--sm{max-width:70%;margin-inline:auto}
.cap{font-size:12.5px;color:var(--mut);margin-top:12px;font-family:var(--head);letter-spacing:.12em;text-transform:uppercase}

/* gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal a{display:block;overflow:hidden;background:var(--lgr)}
.gal img{transition:transform .5s;aspect-ratio:4/3;object-fit:cover;width:100%}
.gal a:hover img{transform:scale(1.05)}

/* ------------------------------------------------------------ stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.stat{text-align:center;padding:14px 20px;border-left:1px solid rgba(200,169,106,.3)}
.stat:first-child{border-left:0}
.stat b{display:block;font-family:var(--head);font-size:clamp(42px,5vw,64px);color:var(--go);font-weight:600;line-height:1}
.stat span{display:block;font-family:var(--head);font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ivm);margin-top:14px}
.stat em{display:block;font-style:normal;font-size:11px;letter-spacing:.1em;color:rgba(216,221,212,.55);margin-top:7px}

/* ------------------------------------------------------------ timeline */
.tl{border-left:2px solid rgba(200,169,106,.35);padding-left:32px;margin-left:8px}
.tl__i{position:relative;padding-bottom:34px}
.tl__i::before{content:"";position:absolute;left:-40px;top:6px;width:12px;height:12px;background:var(--go);border-radius:50%}
.tl__y{font-family:var(--head);font-size:13px;letter-spacing:.2em;color:var(--go);text-transform:uppercase}
.tl__i h3{margin:6px 0 8px;font-size:17px}

/* ------------------------------------------------------------ accordion */
.acc{border-top:1px solid var(--cmp)}
.acc__i{border-bottom:1px solid var(--cmp)}
.acc__q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:22px 46px 22px 0;
  font-family:var(--head);font-size:16.5px;color:var(--g);position:relative;line-height:1.35}
.acc__q::after{content:"";position:absolute;right:8px;top:29px;width:11px;height:11px;
  border-right:2px solid var(--go);border-bottom:2px solid var(--go);transform:rotate(45deg);transition:.25s}
.acc__i.open .acc__q::after{transform:rotate(-135deg);top:33px}
.acc__i.open .acc__q{color:var(--go)}
.acc__a{max-height:0;overflow:hidden;transition:max-height .32s ease}
.acc__a>div{padding:0 30px 24px 0;font-size:15px}

/* ------------------------------------------------------------ forms */
.form{background:var(--dgr);padding:clamp(30px,3.4vw,46px);border-top:3px solid var(--go)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgrid .full{grid-column:1/-1}
.form label{display:block;font-family:var(--head);font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--go);margin-bottom:7px}
.form input,.form select,.form textarea{width:100%;background:rgba(250,248,244,.05);
  border:1px solid rgba(216,221,212,.26);color:var(--iv);padding:12px 14px;font-size:14.5px;
  transition:.2s;border-radius:0}
.form input::placeholder,.form textarea::placeholder{color:rgba(216,221,212,.42)}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--go);background:rgba(250,248,244,.09)}
.form select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--go) 50%),linear-gradient(135deg,var(--go) 50%,transparent 50%);
  background-position:calc(100% - 19px) 19px,calc(100% - 13px) 19px;background-size:6px 6px;background-repeat:no-repeat}
.form textarea{min-height:104px;resize:vertical}
.form .btn{margin-top:22px;width:100%;justify-content:center}
.form .note{font-size:12px;color:rgba(216,221,212,.55);margin:14px 0 0;text-align:center}
.form .err{border-color:var(--pr)!important}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.alert{padding:16px 20px;margin-bottom:22px;font-size:14.5px;border-left:3px solid}
.alert--ok{background:rgba(200,169,106,.14);border-color:var(--go);color:var(--iv)}
.alert--bad{background:rgba(176,58,46,.16);border-color:var(--pr);color:var(--iv)}
.contactline{display:flex;gap:10px;margin-bottom:9px;font-size:14.5px;align-items:flex-start}
.sec--g .contactline span,.sec--g .contactline a{color:var(--iv)}
.contactline b{color:var(--go);font-family:var(--head);font-weight:400;letter-spacing:.12em;
  font-size:11.5px;text-transform:uppercase;min-width:56px;padding-top:3px}

/* ------------------------------------------------------------ tables */
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{background:var(--g);color:var(--iv);font-family:var(--head);font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;font-size:12px;padding:14px 16px;text-align:left}
.tbl td{padding:13px 16px;border-bottom:1px solid var(--cmp)}
.tbl tbody tr:nth-child(even){background:var(--iv2)}
.tbl-scroll{overflow-x:auto}

/* chips (country / port lists) */
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.chips li{background:var(--iv2);border:1px solid var(--cmp);padding:7px 14px;font-size:13.5px}
.sec--g .chips li{background:rgba(250,248,244,.06);border-color:rgba(216,221,212,.22);color:var(--ivm)}

/* logo strips — flex rather than grid so a partial final row centres
   instead of leaving an empty cell showing the gap colour. */
.logos{display:flex;flex-wrap:wrap;justify-content:center;background:var(--iv2);
  border:1px solid var(--cmp);overflow:hidden}
.logos div{background:var(--iv2);height:112px;display:flex;align-items:center;justify-content:center;
  padding:22px;flex:0 0 20%;box-shadow:0 0 0 1px var(--cmp)}
.logos img{max-height:52px;width:auto;mix-blend-mode:multiply;filter:grayscale(1) opacity(.62);transition:.25s}
.logos div:hover img{filter:grayscale(0) opacity(1)}

/* click-to-load map */
.map{position:relative;aspect-ratio:16/8;background:var(--lgr);border:1px solid var(--cmp);overflow:hidden}
.map iframe{width:100%;height:100%;border:0;display:block}
.map__load{position:absolute;inset:0;width:100%;height:100%;background:var(--lgr);border:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;
  transition:background .2s}
.map__load:hover{background:var(--iv2)}
.map__pin svg{width:40px;height:40px;fill:var(--go)}
.map__t{font-family:var(--head);font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--g)}
.map__s{font-size:14.5px;color:var(--body);max-width:46ch}
.map__n{font-size:12px;color:var(--mut)}
@media (max-width:600px){.map{aspect-ratio:4/3}}

/* CTA band */
.band{background:var(--go)}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:54px}
.band h2{color:var(--g);max-width:720px;font-size:clamp(24px,2.6vw,34px)}
.band p{margin:10px 0 0;color:rgba(27,61,46,.78);font-size:15px}
.band .btn{background:var(--g);color:var(--go);white-space:nowrap}
.band .btn:hover{background:var(--ch)}

/* ------------------------------------------------------------ footer */
.ftr{background:var(--g);color:var(--ivm);padding-top:clamp(56px,6vw,84px)}
.ftr__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,56px)}
.ftr h4{font-family:var(--head);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--go);margin:0 0 22px}
.ftr ul{margin:0;padding:0;list-style:none}
.ftr li{margin-bottom:10px}
.ftr a{font-size:14.5px;color:var(--ivm)}
.ftr a:hover{color:var(--go)}
.ftr p{font-size:14.5px;line-height:1.75}
.ftr .brand{margin-bottom:22px}
.ftr .brand .bt span{font-size:20px}
.nl{display:flex;margin-top:16px;border:1px solid rgba(216,221,212,.3)}
.nl input{flex:1;background:transparent;border:0;color:var(--iv);padding:13px 15px;font-size:14px}
.nl input:focus{outline:0}
.nl button{background:var(--go);color:var(--g);border:0;padding-inline:22px;font-family:var(--head);
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.legal{border-top:1px solid rgba(216,221,212,.16);margin-top:clamp(40px,4vw,60px);padding-block:22px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}
.legal a{color:rgba(216,221,212,.72)}
.legal .links{display:flex;gap:22px;flex-wrap:wrap}
.stbd{background:var(--ch);padding-block:13px}
.stbd .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.stbd .side{display:flex;align-items:center;gap:11px;font-family:var(--head);font-size:11px;
  letter-spacing:.34em;color:rgba(216,221,212,.58)}
.stbd .lamp{width:11px;height:11px;border-radius:50%}
.stbd .lamp--p{background:var(--pr)}
.stbd .lamp--s{background:#017457}
.stbd .mid{font-size:12.5px;color:rgba(216,221,212,.72);text-align:center}
.stbd .mid b{font-family:var(--head);color:var(--iv);letter-spacing:.1em;font-weight:500}
.stbd .mid i{font-style:normal;color:var(--go)}

/* ------------------------------------------------------------ responsive */
@media (max-width:1180px){
  .nav{gap:17px}
  .nav>li>a{font-size:13px;letter-spacing:.09em}
  .g4,.gal{grid-template-columns:repeat(3,1fr)}
  .logos div{flex-basis:25%}
}
@media (max-width:980px){
  :root{--hdr-h:80px}
  .nav,.hdr .btn{display:none}
  .burger{display:block}
  .hdr.open .nav{display:block;position:absolute;top:var(--hdr-h);left:0;right:0;background:var(--dgr);
    padding:14px 0;border-top:2px solid var(--go);max-height:calc(100vh - var(--hdr-h));overflow-y:auto}
  .hdr.open .nav>li>a{padding:12px var(--gutter)}
  .hdr.open .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    background:rgba(0,0,0,.16);border-top:0;padding-left:14px}
  .hero__plate{display:none}
  .hero{min-height:0;display:block}
  .hero__grid{grid-template-columns:1fr;gap:38px}
  .hero__mark{padding-left:0;background:var(--iv);margin:0 calc(var(--gutter)*-1) -78px;padding:46px var(--gutter) 62px}
  .slide-nav{position:static;background:var(--iv);padding:0 0 30px}
  .dot{background:var(--cmp)}
  .slide-count{color:var(--mut)}
  .g2,.g3,.g4,.split{grid-template-columns:1fr}
  .split--rev>*:first-child{order:0}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .gal{grid-template-columns:repeat(2,1fr)}
  .logos div{flex-basis:33.333%}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .band .wrap{flex-direction:column;align-items:flex-start}
  .util .wrap{padding-block:9px;font-size:11.5px}
  .util .hide-s{display:none}
}
@media (max-width:600px){
  :root{--gutter:20px}
  .tiles{grid-template-columns:1fr}
  .logos div{flex-basis:50%}
  .fgrid{grid-template-columns:1fr}
  .ftr__grid{grid-template-columns:1fr}
  .stbd .wrap{flex-direction:column;gap:12px}
  .stat{border-left:0}
  .frame--gold{box-shadow:-8px 8px 0 var(--go)}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{
  .util,.hdr,.band,.ftr .nl,.slide-nav{display:none}
  body{background:#fff;color:#000}
}