/* ST Workwear 1.6: original cool editorial layout, restrained orange highlights. */
:root{--st-ink:#172c3d;}
body{background:#f7f8f9;color:var(--st-ink)}
/* A permanently legible header; orange action stays prominent. */
.site-header,.st-has-hero .site-header:not(.is-scrolled):not(.is-open){background:rgba(250,251,252,.97);color:var(--navy);box-shadow:0 1px 0 rgba(27,64,95,.10);backdrop-filter:blur(14px)}
.site-header .brand__image--dark,.st-has-hero .site-header:not(.is-scrolled):not(.is-open) .brand__image--dark{opacity:1;visibility:visible}
.site-header .brand__image--light,.st-has-hero .site-header:not(.is-scrolled):not(.is-open) .brand__image--light{opacity:0;visibility:hidden}
.site-header .button--header,.st-has-hero .site-header:not(.is-scrolled):not(.is-open) .button--header{display:inline-flex;gap:14px;background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 5px 22px rgba(168,83,41,.14);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.site-header .button--header span,.st-has-hero .site-header:not(.is-scrolled):not(.is-open) .button--header span{color:#fff}
.site-header .button--header:hover,.st-has-hero .site-header:not(.is-scrolled):not(.is-open) .button--header:hover{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 9px 26px rgba(168,83,41,.2)}
.site-header .st-menu-list>li>a{font-weight:600}
.site-header .st-menu-list>li>a:hover{color:var(--accent)}
/* Page top: remove the extra padding specifically requested. */
.st-editorial-page>.wp-block-group:first-child:not(.st-gb-slider){padding-top:0}
.st-editorial-page>.st-gb-section:first-child{padding-top:0}
.st-editorial-home,.st-editorial-page{background:var(--offwhite);overflow:clip}
/* Hero images are bundled locally too. If an older DB image URL breaks,
   the section background provides a visible, branded safety net. */
.st-gb-slider{position:relative;isolation:isolate;overflow:hidden!important;max-width:100%;background:#12324c;margin-top:0!important}
.st-gb-slider>.wp-block-cover.st-gb-slide{position:absolute!important;inset:0!important;overflow:hidden!important;max-width:none!important;width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;isolation:isolate;pointer-events:none;visibility:hidden;opacity:0}
.st-gb-slider>.wp-block-cover.st-gb-slide:first-child{visibility:visible;opacity:1;pointer-events:auto}
.st-gb-slider.is-slider-ready>.wp-block-cover.st-gb-slide:first-child:not(.is-active){visibility:hidden;opacity:0;pointer-events:none}
.st-gb-slider.is-slider-ready>.wp-block-cover.st-gb-slide.is-active{visibility:visible;opacity:1;pointer-events:auto;z-index:3}
.st-gb-slider>.wp-block-cover.st-gb-slide:nth-child(1){background:linear-gradient(90deg,#0d263b96,#0d263b24),url(images/editorial-team.webp) center/cover no-repeat}
.st-gb-slider>.wp-block-cover.st-gb-slide:nth-child(2){background:linear-gradient(90deg,#0d263b96,#0d263b24),url(images/textile-detail.webp) center/cover no-repeat}
.st-gb-slider>.wp-block-cover.st-gb-slide:nth-child(3){background:linear-gradient(90deg,#0d263b96,#0d263b24),url(images/brand-lifestyle.webp) center/cover no-repeat}
.st-gb-slider .wp-block-cover__image-background{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0}
.st-gb-slide>.wp-block-cover__background{z-index:1}
.st-gb-slide>.wp-block-cover__inner-container{position:relative!important;z-index:2;max-width:100%;display:block}
.st-gb-slider .st-gb-hero-inner{max-width:1450px;width:100%;min-width:0;margin-inline:auto;box-sizing:border-box;padding:clamp(135px,14vw,200px) clamp(24px,5vw,90px) 135px}
.st-gb-slide .st-gb-hero-title{font-size:clamp(60px,7.8vw,112px)!important;line-height:1.035!important;overflow-wrap:normal;max-width:950px;margin:0 0 25px!important;position:relative;z-index:1}
.st-gb-slide .st-gb-hero-copy{font-size:clamp(14px,1.15vw,17px);max-width:540px;color:#f2f6f9}
.st-gb-slide .wp-block-button__link{background:#fff;color:var(--navy);border-color:#fff}
.st-gb-slide .wp-block-button__link:hover{background:var(--accent);border-color:var(--accent);color:#fff}
/* Respect actual document flow; never let a heading overlap a following section. */
.st-gb-collections,.st-gb-shop-preview,.st-gb-products{position:relative;z-index:1;isolation:isolate}
.st-gb-card-grid,.st-gb-products-grid{align-items:stretch}
.st-gb-card,.st-gb-product{display:flex;flex-direction:column;position:relative;height:100%;min-width:0;overflow:hidden}
.st-gb-card .wp-block-image,.st-gb-product .wp-block-image{position:relative!important;display:block!important;overflow:hidden!important;flex:none;margin:0 0 23px!important;min-width:0}
.st-gb-card .wp-block-image img,.st-gb-product .wp-block-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;position:static!important}
.st-gb-card .st-gb-card-meta,.st-gb-card .st-gb-card-title,.st-gb-card .st-gb-card-copy,.st-gb-product h3{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;color:var(--navy);margin-inline:0!important}
.st-gb-card .st-gb-card-meta{color:var(--accent);margin:0 0 8px!important}
.st-gb-card .st-gb-card-title{font:500 clamp(24px,2.4vw,38px)/1.17 var(--serif)!important;margin:0 0 10px!important;max-width:100%}
.st-gb-card .st-gb-card-copy{color:#506574!important;font:400 13px/1.75 var(--sans)!important}
.st-gb-collections{background:#eaf0f4!important}
.st-gb-shop-preview{background:#e8eef2!important}
.st-gb-section{clear:both}
/* Current homepage highlights: native Woo products if supplied, otherwise demo imagery. */
.st-gb-shop-preview>.st-gb-intro-cols{margin-bottom:clamp(35px,5vw,74px)}
.st-shop-preview__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,35px)}
.st-shop-preview__tile{display:flex;flex-direction:column;min-width:0;color:var(--navy);text-decoration:none}
.st-shop-preview__image{display:block;aspect-ratio:3 / 3.8;overflow:hidden;background:#d2e0e9}
.st-shop-preview__image img{width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
.st-shop-preview__tile:hover img{transform:scale(1.075)}
.st-shop-preview__label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #b3c3cc;font:500 clamp(21px,2.25vw,33px)/1.2 var(--serif)}
.st-shop-preview__label>span{font:500 23px/1 var(--sans);color:var(--accent);transition:transform .25s}
.st-shop-preview__tile:hover .st-shop-preview__label>span{transform:translate(4px,-4px)}
/* Subpages have a real cover rather than large dark empty margins. */
.st-gb-inner-hero-wrap{overflow:hidden!important}
.st-gb-inner-hero{position:relative!important;overflow:hidden!important;background:#173b55;min-height:570px}
.st-gb-inner-hero .wp-block-cover__image-background{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover}
.st-gb-inner-hero>.wp-block-cover__background{z-index:1;background:linear-gradient(90deg,#081e35c7,#081e3520)!important}
.st-gb-inner-hero>.wp-block-cover__inner-container{position:relative;z-index:2;width:100%}
/* Inner-page cover: center the content; never calculate padding from the
   viewport's leftover width inside a fixed 1500px element. */
.st-gb-inner-hero>.wp-block-cover__inner-container{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.st-gb-inner-hero .st-gb-hero-inner{
  width:100%;max-width:1500px;min-width:0;
  margin-inline:auto;box-sizing:border-box;
  padding:clamp(125px,11vw,165px) clamp(24px,5vw,80px) clamp(85px,8vw,115px);
}
.st-gb-inner-hero .st-gb-hero-inner>*{max-width:100%;min-width:0}
.st-gb-inner-hero .st-gb-hero-copy{max-width:min(100%,590px)}
.st-gb-inner-hero .st-gb-hero-title{
  font-size:52px!important;line-height:1.11!important;
  letter-spacing:-.04em!important;max-width:min(100%,850px);
  overflow-wrap:break-word;
}
@media(max-width:700px){
  .st-gb-inner-hero .st-gb-hero-inner{padding:clamp(120px,20vw,145px) 24px 78px}
  .st-gb-inner-hero .st-gb-hero-title{font-size:clamp(38px,8.2vw,52px)!important}
}
.st-gb-photo .wp-block-cover__image-background,.st-gb-banner .wp-block-cover__image-background{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover}
.st-gb-banner{background:linear-gradient(90deg,#102c3c7f,#102c3c30),url(images/textile-detail.webp) center/cover no-repeat}
.st-gb-photo{background:linear-gradient(90deg,#102c3c7f,#102c3c30),url(images/brand-building.webp) center/cover no-repeat}
/* Polished editorial motion: applied when visible, not in Gutenberg or reduced-motion mode. */
.st-motion-ready .st-motion-item{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1)}
.st-motion-ready .st-motion-item.is-in-view{opacity:1;transform:translateY(0)}
.st-gb-editorial-cols .wp-block-image img,.st-gb-gallery-image img{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.st-gb-editorial:hover img,.st-gb-gallery-image:hover img{transform:scale(1.035)}
.st-gb-section .wp-block-button__link{transition:transform .26s ease,background-color .26s ease,color .26s ease}
.st-gb-section .wp-block-button__link:hover{transform:translateY(-3px)}
@media(max-width:800px){.st-shop-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-shop-preview__tile:nth-child(3){display:none}.st-gb-slide .st-gb-hero-title{font-size:clamp(55px,10vw,78px)!important}.st-gb-slider .st-gb-hero-inner{padding-top:150px;padding-bottom:140px}}
@media(max-width:700px){.site-header .button--header,.st-has-hero .site-header:not(.is-scrolled):not(.is-open) .button--header{display:none}.st-gb-slider .st-gb-hero-inner{padding-top:145px}.st-gb-slide .st-gb-hero-title{font-size:clamp(48px,12vw,67px)!important}.st-gb-slider{height:700px;min-height:650px}.st-gb-shop-preview>.st-gb-intro-cols{margin-bottom:30px}.st-shop-preview__grid{grid-template-columns:1fr;gap:35px}.st-shop-preview__tile:nth-child(3){display:flex}.st-shop-preview__image{aspect-ratio:4 / 3}.st-shop-preview__label{font-size:27px}}
@media(prefers-reduced-motion:reduce){.st-motion-ready .st-motion-item{opacity:1;transform:none;transition:none}.st-shop-preview__tile img,.st-gb-editorial img{transition:none}}
/* Do not blank out off-screen page sections: older scroll CSS hid whole groups.
   Reveal motion is confined to individual cards and only runs when visible. */
.js body:not(.block-editor-page) .st-gb-section.st-animate:not(.is-visible),
.js body:not(.block-editor-page) .st-gb-editorial.st-animate:not(.is-visible){opacity:1!important;transform:none!important}
.st-gb-section.st-animate,.st-gb-editorial.st-animate{transition:none}
.st-motion-ready .st-motion-item{opacity:1;transform:none;transition:none}
.st-motion-ready .st-motion-item.is-in-view{animation:st-card-appear .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes st-card-appear{from{opacity:.80;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.st-motion-ready .st-motion-item.is-in-view{animation:none}}

/* Global footer links keep sufficient contrast on dark navy. */
.site-footer .footer-links a,.site-footer__nav .st-menu-list a,.site-footer__nav .menu a,.site-footer__nav .wp-block-list a{color:#dce9f0!important}
.site-footer .footer-links a:hover,.site-footer__nav .st-menu-list a:hover,.site-footer__nav .menu a:hover,.site-footer__nav .wp-block-list a:hover{color:var(--accent)!important}
