/* SEA360GROUP v11 — emerald/teal and gold poster composition.
   Final cascade layer. Photography remains complete and unmodified. */
:root {
  --gg-deep:#002f28;
  --gg-green:#004b3e;
  --gg-ink:#143f35;
  --gg-muted:#425b4e;
  --gg-gold:#d9bd75;
  --gg-gold-light:#f4dfa4;
  --gg-gold-ink:#76571e;
  --gg-cream:#fff9eb;
  --gg-sage:#edf2e1;
  --gg-line:#d4d1aa;
  --gg-footer:#002b24;
  --gg-footer-panel:#073e33;
  --gg-footer-text:#fff9e8;
}
body.theme-hub {
  --home-forest:var(--gg-deep);
  --home-forest-soft:var(--gg-green);
  --home-cream:var(--gg-cream);
  --home-sage:var(--gg-sage);
  --home-gold:var(--gg-gold);
  --home-gold-light:var(--gg-gold-light);
  --home-line:var(--gg-line);
  --home-muted:var(--gg-muted);
}

/* Gold has a visible place in every editorial introduction. */
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(
 .section-head,.model-heading,.model-section-heading,.v10-models-heading,
 .s360-catalogue-collection-heading,.section-heading,.rich-heading,
 .home-depth-heading,.home-depth-summary-heading,.business-support-heading,
 .v7-market-heading,.v8-story-heading,.market-experience-heading,.product-family-heading) {
  background:linear-gradient(110deg,#f5e4af 0%,#fff5d8 55%,#edf2e1 100%);
  border-color:#d2bc7b;border-inline-start-color:var(--gg-green);
  box-shadow:0 7px 22px #002f2806;
}
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(
 .micro-hero-copy,.s360-catalogue-hero-copy,
 .corporate-hero .micro-hero-layout>div:first-child,.page-heading-inner>div:first-child) {
  background:linear-gradient(135deg,#fff5d8,#fff9eb 75%);
  border-color:#d2bc7b;border-top-color:var(--gg-gold);
}
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(
 .micro-hero,.model-hero,.corporate-hero,.page-heading) {
  background:radial-gradient(ellipse at 95% 12%,#e7edd5,transparent 55%),#fff9eb;
}
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(
 .section-head,.model-heading,.model-section-heading,.v10-models-heading,
 .s360-catalogue-collection-heading,.section-heading,.rich-heading) :is(h1,h2,h3) {
  color:var(--gg-deep);
}
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(
 .section-head,.model-heading,.model-section-heading,.v10-models-heading,
 .s360-catalogue-collection-heading,.section-heading,.rich-heading) p:not(.eyebrow):not(.model-eyebrow):not(.s360-catalogue-kicker) {
  color:var(--gg-muted);
}
body .s360n-header {background:#fffaf0;border-bottom-color:var(--gg-gold);box-shadow:0 3px 15px #002f2808}
body .s360n-topbar {background:var(--gg-deep);border-bottom:1px solid #d9bd7555}
body .s360n-header .s360n-enquiry {background:linear-gradient(120deg,#f4dfa4,#dfc17a);border-color:#d9bd75;color:var(--gg-deep)}
body .s360n-header .s360n-enquiry:hover {background:#f4dfa4;border-color:#d9bd75;color:var(--gg-deep)}
body .s360n-footer {background:var(--gg-footer);border-top:3px solid var(--gg-gold)}
body .s360n-footer-grid>div {background:var(--gg-footer-panel);border-color:#82906a;box-shadow:inset 0 2px 0 #d9bd7533}
body .s360n-footer :is(.s360n-footer-grid h2,.s360n-footer-phone strong) {color:var(--gg-gold-light)}

/* Desktop: exact 16:9 frame, with no cover crop, zoom or image motion. */
body.theme-hub .hero-slider {background:var(--gg-deep);padding-top:0;padding-bottom:24px}
body.theme-hub .hero-slider .hero-slides {display:grid;position:relative;isolation:isolate;background:var(--gg-deep)}
body.theme-hub .hero-slider .hero-slide {
  display:block;position:relative;aspect-ratio:16/9;min-height:0;
  width:100%;max-width:none;overflow:hidden;background:var(--gg-deep);
  opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease;
}
body.theme-hub .hero-slider .hero-slide.is-active {opacity:1;visibility:visible}
body.theme-hub .hero-slider .hero-slide:before {
  display:block;content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#002f283b 0%,#002f2812 37%,transparent 58%);
}
body.theme-hub .hero-slider .hub-background {
  position:absolute;inset:0;z-index:-2;width:100%;height:100%;aspect-ratio:auto;
  overflow:hidden;background:var(--gg-deep);
}
body.theme-hub .hero-slider .hub-background:after {display:none}
body.theme-hub .hero-slider .hub-background img {
  display:block;position:static;width:100%;height:100%;object-fit:contain!important;
  object-position:center!important;aspect-ratio:16/9;transform:none!important;
  animation:none!important;filter:none;transition:none;
}
body.theme-hub .hero-slider .hub-hero-inner {
  position:absolute;inset:0;min-height:0;height:100%;display:flex;align-items:center;
  padding-block:28px;margin-inline:auto;
}
body.theme-hub .hero-slider .hub-hero-copy {
  position:relative;width:47%;max-width:650px;padding:0 0 0 23px;
  background:transparent;border:0;border-inline-start:2px solid #d9bd75a8;
  border-radius:0;box-shadow:none;transform:translateY(7px);
  transition:transform .7s ease;
}
body.theme-hub .hero-slider .hero-slide.is-active .hub-hero-copy {transform:translateY(0)}
body.theme-hub .hero-slider .hero-kicker {
  display:inline-flex;max-width:100%;font-size:11px;line-height:1.6;
  letter-spacing:.09em;padding:7px 11px;margin:0 0 20px;
  background:#002f28;border-color:#d9bd7580;color:var(--gg-gold-light);border-radius:6px;
}
body.theme-hub .hero-slider .slide-title {
  color:#f4dfa4;font-family:"Chakra Petch","SEA360 Pro",Arial,sans-serif;
  font-size:clamp(34px,3.5vw,61px);line-height:1.14;letter-spacing:-.026em;
  font-weight:700;max-width:20ch;text-shadow:0 2px 12px #001c1770;
  text-wrap:balance;overflow-wrap:break-word;
}
body.theme-hub .hero-slider .slide-title em {color:#fff9eb;font-style:normal}
body.theme-hub .hero-slider .slider-lead {
  font-size:clamp(14px,1.2vw,17px);line-height:1.8;max-width:48ch;
  margin-top:20px;color:#fff9eb;display:block;overflow:visible;-webkit-line-clamp:unset;
}
body.theme-hub .hero-slider .hero-actions {display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
body.theme-hub .hero-slider .hero-actions .btn {
  min-height:47px;padding:12px 18px;gap:14px;font-size:13px;line-height:1.5;
  border-radius:9px;box-shadow:0 5px 16px #001d1726;
}
body.theme-hub .hero-slider .hero-actions .btn:not(.secondary) {
  background:linear-gradient(125deg,#f4dfa4,#dfc17a);border-color:var(--gg-gold);color:var(--gg-deep);
}
body.theme-hub .hero-slider .hero-actions .btn.secondary {display:inline-flex;background:#002f28;border-color:#d9bd75a0;color:#fff9eb}
body.theme-hub .hero-slider .hero-actions .btn:hover {background:#f4dfa4;border-color:#f4dfa4;color:var(--gg-deep)}
body.theme-hub .hero-slider .hero-signature {display:flex;font-size:9px;letter-spacing:.09em;margin-top:24px;color:var(--gg-gold-light)}
body.theme-hub .hero-slider .hero-signature>span:first-child {color:#fff9eb}
body.theme-hub .hero-slider .hero-signature i {background:var(--gg-gold)}
body.theme-hub .hero-slider .slider-controls {padding-top:15px;margin-bottom:21px;color:#fff9eb}
body.theme-hub .hero-slider .slider-dots {gap:12px}
body.theme-hub .hero-slider .slider-dots button {
  min-width:44px;min-height:44px;width:52px;color:#f5eed8;
  border-top-color:#9ca785;font-size:11px;
}
body.theme-hub .hero-slider .slider-dots button[aria-current=true] {color:var(--gg-gold-light);border-top-color:var(--gg-gold-light)}
body.theme-hub .hero-slider .slider-tools {gap:8px}
body.theme-hub .hero-slider .slider-icon {min-width:44px;width:44px;height:44px;background:#004438;border-color:#869575;color:#fff9eb}
body.theme-hub .hero-slider .slider-icon:hover {background:var(--gg-gold-light);border-color:var(--gg-gold-light);color:var(--gg-deep)}
body.theme-hub .hero-slider .slide-counter {color:#f0e5c5}
body.theme-hub .hero-slider .slide-counter b {color:var(--gg-gold-light)}
body.theme-hub .hero-slider .hero-directory {border-color:var(--gg-gold);background:var(--gg-cream)}
body.theme-hub .hero-slider .directory-link {background:transparent}
body.theme-hub .hero-slider .directory-link:hover {background:#f4e8c6}
body.theme-hub .hero-slider .directory-icon {color:var(--gg-deep);background:#eee4c4;border-color:#d7c38c}
body.theme-hub .hero-slider .directory-link strong {color:var(--gg-deep)}
body.theme-hub .hero-slider .directory-link small {color:var(--gg-muted)}

/* Editorial areas echo the gold dividers and clear panels of the source poster. */
body.theme-hub :is(.v10-models-overview,.hub-market-section,.cycle-section) {border-top:1px solid #d5c48a}
body.theme-hub .v10-model-card {border-color:#ccbf91;box-shadow:0 8px 28px #002f2808}
body.theme-hub .v10-model-copy:before {width:52px;background:linear-gradient(90deg,#b89645,#f4dfa4)}
body.theme-hub .v10-model-copy .text-action {background:#f6ebcb;border-color:#d8c28a;color:var(--gg-deep)}
body.theme-hub .v10-model-copy .text-action:hover {background:#f1dfad;border-color:#b99d55}
body.theme-hub .v10-model-media>span {background:var(--gg-deep);border-color:var(--gg-gold);color:var(--gg-gold-light)}
body.theme-hub .cycle-layout>div:last-child {background:linear-gradient(145deg,#fff5d8,#fff9eb 60%);border-color:#d1bd80}
body.theme-hub .history-list>li>strong {background:linear-gradient(130deg,#f4dfa4,#e7cf8e);color:var(--gg-deep)}
body.theme-hub .market-story>div {background:linear-gradient(135deg,#002f28,#004b3e);border-top-color:var(--gg-gold)}
body.theme-hub .market-story p {color:var(--gg-gold-light)}
body.theme-hub .market-story :is(h3,span) {color:#fff9eb}
body.theme-hub .contact-band {background:linear-gradient(115deg,#002f28,#004b3e);border-top:3px solid var(--gg-gold)}
body.theme-hub .contact-band .phone-link {background:#004438;border-color:#a1ab7e}

html:lang(zh) body.theme-hub .hero-slider .slide-title,
html:lang(zh-CN) body.theme-hub .hero-slider .slide-title,
html:lang(ja) body.theme-hub .hero-slider .slide-title,
html:lang(ko) body.theme-hub .hero-slider .slide-title {
  font-family:"SEA360 Pro","Microsoft YaHei","Yu Gothic","Malgun Gothic",sans-serif;
  line-height:1.28;letter-spacing:0;
}

@media(min-width:701px) and (max-width:1100px) {
  body.theme-hub .hero-slider .hub-hero-copy {width:49%;padding-inline-start:18px}
  body.theme-hub .hero-slider .slide-title {font-size:clamp(30px,3.8vw,42px)}
  body.theme-hub .hero-slider .hero-kicker {font-size:9px;letter-spacing:.05em;margin-bottom:14px;padding:5px 8px}
  body.theme-hub .hero-slider .slider-lead {font-size:13px;line-height:1.7;margin-top:15px}
  body.theme-hub .hero-slider .hero-actions {gap:8px;margin-top:18px}
  body.theme-hub .hero-slider .hero-actions .btn {font-size:11px;min-height:44px;padding:10px 12px;gap:10px}
  body.theme-hub .hero-slider .hero-signature {font-size:8px;margin-top:17px;gap:8px}
  body.theme-hub .hero-slider .hero-signature i {width:23px}
}
@media(min-width:701px) and (max-width:850px) {
  body.theme-hub .hero-slider .hub-hero-copy {width:50%;padding-inline-start:14px}
  body.theme-hub .hero-slider .hero-kicker {margin-bottom:12px}
  body.theme-hub .hero-slider .slide-title {font-size:29px;line-height:1.16}
  body.theme-hub .hero-slider .slider-lead {font-size:12px;line-height:1.65;margin-top:13px}
  body.theme-hub .hero-slider .hero-actions {margin-top:15px}
  body.theme-hub .hero-slider .hero-actions .btn {font-size:10px;padding-inline:10px;gap:7px}
  body.theme-hub .hero-slider .hero-signature {display:none}
}

/* Mobile: the SAME 16:9 complete image, followed by an actual readable caption. */
@media(max-width:700px) {
  body.theme-hub .hero-slider {padding-bottom:21px}
  body.theme-hub .hero-slider .hero-slide {aspect-ratio:auto;overflow:visible;background:var(--gg-deep)}
  body.theme-hub .hero-slider .hero-slide:before {display:none}
  body.theme-hub .hero-slider .hub-background {
    position:relative;inset:auto;z-index:auto;width:100%;height:auto;
    aspect-ratio:16/9;overflow:hidden;background:var(--gg-deep);
  }
  body.theme-hub .hero-slider .hub-background:after {display:none}
  body.theme-hub .hero-slider .hub-background img {
    position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;
    object-position:center!important;aspect-ratio:16/9;transform:none!important;
  }
  body.theme-hub .hero-slider .hub-hero-inner {
    position:relative;inset:auto;display:block;height:auto;min-height:0;
    padding-block:22px 23px;margin-inline:auto;
  }
  body.theme-hub .hero-slider .hub-hero-copy {
    width:100%;max-width:none;padding:0;background:transparent;border:0;
    border-radius:0;transform:none;box-shadow:none;
  }
  body.theme-hub .hero-slider .hero-kicker {
    font-size:10px;line-height:1.55;letter-spacing:.045em;margin:0 0 13px;
    padding:5px 8px;border-radius:5px;
  }
  body.theme-hub .hero-slider .slide-title {
    font-size:30px;line-height:1.2;letter-spacing:-.02em;max-width:25ch;
    color:var(--gg-gold-light);text-shadow:none;
  }
  body.theme-hub .hero-slider .slider-lead {
    font-size:14px;line-height:1.75;margin-top:14px;max-width:none;
    color:#fff9eb;display:block;overflow:visible;-webkit-line-clamp:unset;
  }
  body.theme-hub .hero-slider .hero-actions {margin-top:18px;gap:10px}
  body.theme-hub .hero-slider .hero-actions .btn {font-size:13px;line-height:1.5;min-height:46px;padding:11px 16px;gap:14px}
  body.theme-hub .hero-slider .hero-actions .btn.secondary {display:none}
  body.theme-hub .hero-slider .hero-signature {display:none}
  body.theme-hub .hero-slider .slider-controls {
    display:grid;grid-template-columns:minmax(0,1fr);gap:8px;
    align-items:center;justify-items:center;padding-top:0;margin-bottom:18px;
  }
  body.theme-hub .hero-slider .slider-dots {
    display:flex;width:100%;max-width:300px;justify-content:center;gap:8px;
  }
  body.theme-hub .hero-slider .slider-dots button {
    flex:1 1 0;min-width:44px;max-width:52px;width:auto;min-height:44px;
    padding-top:9px;font-size:10px;text-align:center;
  }
  body.theme-hub .hero-slider .slider-tools {display:flex;justify-content:center;gap:8px}
  body.theme-hub .hero-slider .slider-icon {min-width:44px;width:44px;height:44px}
  body.theme-hub .hero-slider .slide-counter {display:none}
  body.theme-hub .hero-slider .hero-directory {border-radius:11px}
  body.theme-hub .hero-slider .directory-link {padding:14px 12px}
  body.theme-hub .hero-slider .directory-link strong {font-size:12px;line-height:1.5}
  body.theme-hub .hero-slider .directory-link small {font-size:10px;line-height:1.6}
  body.theme-hub .v10-model-card {box-shadow:0 6px 20px #002f2806}
}
@media(max-width:359px) {
  body.theme-hub .hero-slider .slide-title {font-size:27px;line-height:1.23}
  body.theme-hub .hero-slider .hero-kicker {font-size:9px;letter-spacing:.025em}
  body.theme-hub .hero-slider .slider-lead {font-size:13px;line-height:1.8}
  body.theme-hub .hero-slider .hub-hero-inner {padding-block:19px 20px}
  body.theme-hub .hero-slider .slider-dots {gap:6px;max-width:272px}
  body.theme-hub .hero-slider .directory-link {padding:13px 9px}
  body.theme-hub .hero-slider .directory-link strong {font-size:11px}
  body.theme-hub .hero-slider .directory-link small {font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
  body.theme-hub .hero-slider .hero-slide,
  body.theme-hub .hero-slider .hub-hero-copy {transition:none;transform:none}
  body.theme-hub .hero-slider .hub-background img {animation:none!important;transform:none!important}
}

body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(h1,h2,h3,h4){font-family:"Chakra Petch","SEA360 Pro",Arial,sans-serif}
@media(max-width:700px){
 body.theme-hub .hero-slider .hero-directory{display:none}
 body.theme-hub .hero-slider .slider-controls{padding-top:5px;margin-bottom:9px;gap:5px}
 body.theme-hub .hero-slider .hero-image-note{margin-top:6px}
body.theme-hub .hero-slider{padding-bottom:14px}
}

/* Five named stages: a full-width navigation rail and one main banner action. */
body.theme-hub .hero-slider .hero-actions .btn.secondary {display:none}
body.theme-hub .hero-slider .slider-controls {
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;justify-items:stretch;gap:24px;
}
body.theme-hub .hero-slider .slider-dots {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  width:100%;max-width:none;justify-content:stretch;gap:8px;
}
body.theme-hub .hero-slider .slider-dots button {
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  flex:none;min-width:0;max-width:none;width:100%;min-height:67px;
  padding:10px 12px;gap:5px;text-align:start;
  background:#064438;border:1px solid #819375;border-top:2px solid #819375;
  border-radius:8px;color:#fff9e8;transition:background .25s,border-color .25s,color .25s;
}
body.theme-hub .hero-slider .slider-dots button>span {
  display:block;font-size:10px;line-height:1.3;font-weight:700;
  letter-spacing:.06em;color:#f4dfa4;
}
body.theme-hub .hero-slider .slider-dots .slider-stage-label {
  display:block;min-width:0;width:100%;font-family:var(--body,"Be Vietnam Pro",Arial,sans-serif);
  font-size:11px;font-weight:650;line-height:1.5;letter-spacing:0;
  color:inherit;white-space:normal;word-break:normal;overflow-wrap:anywhere;
  text-wrap:balance;overflow:visible;hyphens:manual;
}
body.theme-hub .hero-slider .slider-dots button[aria-current=true] {
  background:#f4dfa4;border-color:#f4dfa4;color:#002f28;
}
body.theme-hub .hero-slider .slider-dots button[aria-current=true]>span {color:#66501c}
body.theme-hub .hero-slider .slider-dots button:hover {background:#145747;border-color:#d9bd75;color:#fff9e8}
body.theme-hub .hero-slider .slider-dots button[aria-current=true]:hover {background:#f4dfa4;color:#002f28}
body.theme-hub .hero-slider .slider-dots button:focus-visible {outline:3px solid #f4dfa4;outline-offset:3px}
body.theme-hub .hero-slider .slider-tools {justify-self:end;align-self:center}
@media(max-width:1000px) {
  body.theme-hub .hero-slider .slider-controls {grid-template-columns:minmax(0,1fr);gap:12px}
  body.theme-hub .hero-slider .slider-tools {justify-self:center;justify-content:center}
  body.theme-hub .hero-slider .slide-counter {display:none}
}
@media(max-width:700px) {
  body.theme-hub .hero-slider .slider-controls {gap:10px;padding-top:5px;margin-bottom:9px}
  body.theme-hub .hero-slider .slider-dots {gap:5px;max-width:none;width:100%}
  body.theme-hub .hero-slider .slider-dots button {
    min-width:0;max-width:none;width:100%;min-height:69px;padding:9px 4px;gap:5px;
    text-align:center;border-radius:7px;
  }
  body.theme-hub .hero-slider .slider-dots button>span {font-size:10px;line-height:1.3;letter-spacing:.03em}
  body.theme-hub .hero-slider .slider-dots .slider-stage-label {font-size:10.5px;line-height:1.45;font-weight:650}
  body.theme-hub .hero-slider .slider-tools {gap:8px}
  body.theme-hub .hero-slider .slider-tools .slider-icon {min-width:44px;width:44px;height:44px}
}
@media(max-width:359px) {
  body.theme-hub .hero-slider .slider-dots {gap:4px;max-width:none}
  body.theme-hub .hero-slider .slider-dots button {padding-inline:3px;min-height:69px}
}
@media(prefers-reduced-motion:reduce) {
  body.theme-hub .hero-slider .slider-dots button {transition:none}
}

/* Mobile poster: real content sits over the complete 16:9 artwork. */
body.theme-hub .hero-slider .slider-dots {
  grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
}
body.theme-hub .hero-slider .slider-stage-short {display:none}
body.theme-hub .hero-slider .hero-directory {display:none}
@media(max-width:700px) {
  body.theme-hub .hero-slider .hero-slide {aspect-ratio:16/9;overflow:hidden}
  body.theme-hub .hero-slider .hub-background {
    position:absolute;inset:0;z-index:-2;width:100%;height:100%;aspect-ratio:16/9;
  }
  body.theme-hub .hero-slider .hero-slide:before {
    content:'';display:block;position:absolute;inset:0;z-index:-1;
    background:linear-gradient(90deg,#002b28f2 0%,#002b28c7 55%,#002b284a 100%);
  }
  body.theme-hub .hero-slider .hub-hero-inner {
    position:absolute;inset:0;display:flex;align-items:center;height:100%;
    min-height:0;padding-block:12px;width:calc(100% - 32px);
  }
  body.theme-hub .hero-slider .hub-hero-copy {width:100%;max-width:none;padding:0}
  body.theme-hub .hero-slider .hero-kicker {display:none}
  body.theme-hub .hero-slider .slide-title {
    font-size:22px;line-height:1.17;max-width:30ch;letter-spacing:-.018em;
    color:#f4dfa4;text-shadow:0 1px 4px #001c17;
  }
  body.theme-hub .hero-slider .slider-lead {
    font-size:12px;line-height:1.45;margin-top:7px;max-width:none;color:#fff9eb;
  }
  body.theme-hub .hero-slider .hero-actions {margin-top:8px}
  body.theme-hub .hero-slider .hero-actions .btn {
    font-size:12px;line-height:1.3;min-height:44px;padding:8px 12px;gap:10px;
  }
  body.theme-hub .hero-slider .slider-dots .slider-stage-label {display:none}
  body.theme-hub .hero-slider .slider-dots .slider-stage-short {
    display:block;font-size:10.5px;font-weight:650;line-height:1.35;letter-spacing:0;
    text-transform:none;overflow-wrap:normal;color:inherit;
  }
  body.theme-hub .hero-slider .slider-dots button {min-height:61px;justify-content:center;gap:4px}
}
@media(max-width:359px) {
  body.theme-hub .hero-slider .hub-hero-inner {width:calc(100% - 24px);padding-block:10px}
  body.theme-hub .hero-slider .slide-title {font-size:18px;line-height:1.16}
  body.theme-hub .hero-slider .slider-lead {font-size:11px;line-height:1.4;margin-top:5px}
  body.theme-hub .hero-slider .hero-actions {margin-top:6px}
  body.theme-hub .hero-slider .hero-actions .btn {font-size:11px;padding-inline:10px}
}

/* The saved reference demo uses Chakra Petch with the local Be Vietnam Pro alias. */
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) {
 --heading:"Chakra Petch","SEA360 Pro",Arial,sans-serif;
 --body:"SEA360 Pro",Arial,"Microsoft YaHei","Yu Gothic","Malgun Gothic",sans-serif;
 font-family:var(--body);
}
body:is(.sea360-ecosystem,.sea360-v5,.sea360-v7,.sea360-v8) :is(h1,h2,h3,h4) {
 font-family:"Chakra Petch","SEA360 Pro",Arial,"Microsoft YaHei","Yu Gothic","Malgun Gothic",sans-serif;
 font-weight:700;letter-spacing:-.02em;
}
body.theme-hub .hero-slider .slide-title {font-family:var(--heading);font-weight:700}
body.theme-hub .hero-slider .slider-stage-label {font-family:var(--body)}

/* v11.1.1: simplify the homepage while retaining the native slider/filter controls. */
body.theme-hub .hero-slider :is(.slider-dots,.hero-image-note,.slide-counter),
body.theme-hub .s360-company-visual>figcaption,
body.theme-hub .portfolio-section .product-toolbar>.search-field {display:none}
body.theme-hub .hero-slider .slider-controls {
  display:flex;align-items:center;justify-content:center;gap:0;
  padding-top:8px;margin-block:0 8px;
}
body.theme-hub .hero-slider .slider-tools {
  display:flex;align-items:center;justify-content:center;gap:8px;margin:0;
}
body.theme-hub .hero-slider {padding-bottom:8px}
body.theme-hub .portfolio-section .product-count {margin-inline-start:auto}

/* v11.1.2: compact controls at the lower-right edge, clear of banner copy. */
body.theme-hub .hero-slider .slider-controls {
  width:calc(100% - 28px);max-width:none;justify-content:flex-end;
  padding-top:4px;margin:0 auto 4px;
}
body.theme-hub .hero-slider .slider-tools {
  width:max-content;justify-content:flex-end;gap:2px;padding:2px;
  background:#002b28;border:1px solid #d9bd7566;border-radius:999px;
}
body.theme-hub .hero-slider .slider-tools .slider-icon {
  width:36px;min-width:36px;min-height:36px;height:36px;padding:0;
  border:0;background:transparent;border-radius:50%;
}
body.theme-hub .hero-slider .slider-tools .slider-icon svg {width:14px;height:14px}
body.theme-hub .hero-slider .slider-tools .slider-pause span {font-size:14px;line-height:1}
body.theme-hub .hero-slider .slider-tools .slider-icon:hover {background:#f4dfa4;color:#002f28}
body.theme-hub .hero-slider {padding-bottom:4px}
@media(max-width:700px) {
  body.theme-hub .hero-slider .slider-controls {width:calc(100% - 20px)}
  body.theme-hub .hero-slider .slider-tools .slider-icon {
    width:44px;min-width:44px;min-height:44px;height:44px;
  }
}

/* v11.1.3: controls sit within the photo; no separate band below the banner. */
body.theme-hub:not(.has-passed-hero) .back-to-top {opacity:0;visibility:hidden;pointer-events:none}
body.theme-hub .hero-slider {position:relative;padding-bottom:0}
body.theme-hub .hero-slider .slider-controls {
  position:absolute;inset:auto 14px 10px auto;width:auto;max-width:none;
  padding:0;margin:0;z-index:5;
}
body.theme-hub .hero-slider .slider-tools .slider-icon {
  width:36px;min-width:36px;min-height:36px;height:36px;
}
@media(max-width:700px) {
  body.theme-hub .hero-slider .slider-controls {right:8px;bottom:6px;width:auto}
  body.theme-hub .hero-slider .hub-hero-inner {align-items:flex-start;padding-block:12px}
  body.theme-hub .hero-slider .hero-actions {max-width:calc(100% - 132px)}
  body.theme-hub .hero-slider .hero-actions .btn {
    max-width:100%;min-width:0;min-height:44px;padding:6px 8px;gap:8px;
  }
}
@media(max-width:359px) {
  body.theme-hub .hero-slider .hub-hero-inner {padding-block:8px}
}