/* MSARAAT V11.2 — requested presentation refinements.
   This stylesheet layers over the tested V10 styles, preserving contact and security. */

/* Header: +20% visual identity, +10% top-level navigation typography. */
.site-header .brand-mark,.site-header .brand-mark img{width:54px;height:56.4px}
.site-header .brand-name{font-size:22.8px}
.site-header .brand-name>span{font-size:9.6px}
.site-header .main-nav>a{font-size:13.2px}
.site-header .main-nav{gap:clamp(14px,1.7vw,28px)}
.site-header .header-inner{gap:clamp(16px,2vw,32px)}

/* Hero: large translucent company emblem balanced against the ship to the right. */
.hero-watermark{position:absolute;z-index:0;left:0;top:50%;transform:translate(-50%,-50%);width:clamp(440px,81vw,1350px);max-width:none;height:auto;opacity:.08;filter:drop-shadow(0 4px 48px rgba(255,222,231,.16));pointer-events:none;user-select:none;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 90% 90% at center, #000 63%,rgba(0,0,0,.88) 83%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at center, #000 63%,rgba(0,0,0,.88) 83%,transparent 100%)}
.hero .hero-foot-note,.hero .scroll-link{font-size:17px;line-height:1.55;letter-spacing:0}
.hero .scroll-link{gap:16px}
.hero .scroll-circle{height:42px;width:42px}
.hero .hero-foot{z-index:2}

/* News-style product ticker: initialized and seamlessly tiled by ribbon-v11.js. */
.product-ribbon .ribbon-track{animation:none;display:flex;gap:0;width:max-content;will-change:transform;backface-visibility:hidden}
.product-ribbon .ribbon-track>span{flex:none}
.product-ribbon .ribbon-track>span[aria-hidden=true]{pointer-events:none}
.product-ribbon{isolation:isolate}

/* Middle-East marker is positioned in Muscat, Oman in market-globe.js. */
.market-caption p{font-size:17px;line-height:1.75;color:#d6c9d1}
.market-foot{font-size:17px;line-height:1.7;color:#d0bfcc;gap:28px}
.market-foot span{max-width:49%}
.role-statement{font-size:17px;line-height:1.85;letter-spacing:0;color:var(--muted)}

/* Footer: subdued marine terminal photo, tinted in the signature burgundy. */
.site-footer{position:relative;isolation:isolate;background:#480018;padding-top:50px;padding-bottom:44px}
.site-footer::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('terminal.webp');background-position:center 57%;background-size:cover;opacity:.22;filter:saturate(.5) contrast(.85)}
.site-footer::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(58,0,18,.91),rgba(78,0,28,.85) 47%,rgba(61,0,18,.88)),linear-gradient(0deg,rgba(30,0,12,.42),transparent 70%)}
.site-footer .footer-wordmark{font-size:clamp(37.5px,9.75vw,140px);letter-spacing:-.07em;margin:54px 0 42px}
.site-footer .footer-bottom,.site-footer .footer-contacts{font-size:24px;line-height:1.5;color:#fff0f4}
.site-footer .footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:20px 28px}
.site-footer .footer-bottom>span{flex:1 1 260px}
.site-footer .footer-contacts{max-width:none;flex:1 1 610px;justify-content:flex-end;gap:15px 26px}
.site-footer .footer-contacts>a{overflow-wrap:anywhere}
.site-footer .back-top{font-size:14px}

/* Tablet adjustments retain the requested proportional increases. */
@media(max-width:1220px){
  .site-header .main-nav>a{font-size:11px}
  .site-header .main-nav{gap:clamp(11px,1.35vw,20px)}
  .site-footer .footer-contacts{justify-content:flex-start}
}
@media(max-width:1020px){
  .site-header .brand-mark,.site-header .brand-mark img{width:46.8px;height:49.2px}
  .site-header .brand-name{font-size:19.2px}
  .site-header .brand-name>span{font-size:8.4px}
  .site-header .main-nav>a{font-size:11px}
  .market-caption p{font-size:16px}
}
@media(max-width:760px){
  .site-header .brand-mark,.site-header .brand-mark img{width:43.2px;height:45.6px}
  .site-header .brand-name{font-size:18px}
  .site-header .brand-name>span{font-size:7.2px}
  .site-header .main-nav>a{font-size:28.6px}
  .site-header .main-nav .mobile-contact{font-size:17.6px}
  .hero-watermark{left:0;top:50%;transform:translate(-50%,-50%);width:142vw;max-width:none;opacity:.075}
  .hero .hero-foot{align-items:flex-start;gap:12px}
  .hero .hero-foot-note{font-size:13.5px;max-width:54%;gap:8px}
  .hero .scroll-link{font-size:13.5px;gap:7px;text-align:right}
  .hero .scroll-circle{width:32px;height:32px;flex-shrink:0}
  .market-caption p{font-size:15px;line-height:1.7}
  .market-foot{font-size:15px;line-height:1.7;gap:13px}
  .market-foot span{max-width:none}
  .role-statement{font-size:16px;line-height:1.8}
  .site-footer{padding:40px 0 max(44px, env(safe-area-inset-bottom))}
  .site-footer .footer-wordmark{font-size:9.5vw;margin:38px 0 32px}
  .site-footer .footer-bottom,.site-footer .footer-contacts{font-size:24px;line-height:1.45}
  .site-footer .footer-contacts{justify-content:flex-start;gap:14px;flex-direction:column;align-items:flex-start}
  /* Avoid inherited desktop flex-basis (260px/610px) becoming heights in stacked mobile layout. */
  .site-footer .footer-bottom>span{flex:0 1 auto;width:100%}
  .site-footer .footer-contacts{flex:0 1 auto;width:100%;max-width:100%;height:auto;min-height:0}
  .site-footer .back-top{font-size:13px}
}
@media(max-width:370px){
  .site-header .brand-mark,.site-header .brand-mark img{width:37.2px;height:39.6px}
  .site-header .brand-name{font-size:15.6px}
  .site-header .brand-name>span{font-size:6.6px}
  .hero .hero-foot-note,.hero .scroll-link{font-size:12px}
  .site-footer .footer-bottom,.site-footer .footer-contacts{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.product-ribbon .ribbon-track{will-change:auto}}
@media print{.hero-watermark{display:none}.site-footer::before,.site-footer::after{display:none}}