/* CLUB MAN SHOP — refined editorial tailoring theme */
:root{--ink:#172124;--deep:#10191b;--deep2:#1c292b;--paper:#f5f1e9;--white:#fff;--muted:#6c706c;--gold:#b28b4e;--gold2:#d0b27d;--line:#ded8cc;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:var(--sans);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.container{width:min(1180px,calc(100% - 52px));margin:auto}.topline{background:#0b1315;color:#d6d1c8;font-size:10px;letter-spacing:.13em}.topline-inner{display:flex;justify-content:space-between;padding:9px 0}.topline a{color:var(--gold2)}.topline i{color:var(--gold);font-style:normal;margin:0 8px}
.site-header{height:76px;background:#111b1d;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font:500 17px var(--serif);letter-spacing:.12em;line-height:1.2;color:#fff}.logo span{display:block;font:8px var(--sans);letter-spacing:.24em;color:#c7b99f;margin-top:5px}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#e8e5dd}.nav a:hover{color:var(--gold2)}.nav .nav-enquire{padding:11px 22px;background:var(--gold);color:#111b1d;font-weight:700}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:25px}
.hero{min-height:520px;position:relative;display:flex;align-items:center;background:#111b1d;overflow:hidden}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:58px 0}.hero-copy{max-width:500px;color:#fff;padding:10px 0}.hero-photo{width:100%;max-width:529px;aspect-ratio:529/298;justify-self:end;overflow:hidden;border:1px solid #ffffff22;box-shadow:0 22px 55px #0007}.hero-photo img{width:100%;height:100%;object-fit:cover}.eyebrow{font-size:9px;letter-spacing:.24em;font-weight:700;color:var(--gold2);margin:0 0 17px}.eyebrow-dark{color:#97713b}.hero h1{font:clamp(48px,6.5vw,78px)/1.04 var(--serif);font-weight:500;margin:0 0 20px;letter-spacing:-.025em}.hero-lead{max-width:430px;color:#e6e3dc;font-size:15px;line-height:1.8;margin:0 0 30px}.hero-caption{position:absolute;bottom:15px;right:calc((100% - min(1180px,calc(100% - 52px)))/2);font-size:8px;letter-spacing:.25em;color:#e3d5bb}
.button{display:inline-flex;align-items:center;gap:20px;padding:13px 19px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;transition:.2s;border:1px solid transparent}.button span{font-size:16px;line-height:0}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-gold{background:var(--gold);color:#111b1d}.button-dark{background:#152124;color:#fff}.button-outline-light{border-color:#bda477;color:#fff}.button-outline-dark{border-color:#8e7958;color:#172124}
.intro-band{background:var(--paper);padding:64px 0}.intro-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.intro-layout h2,.section-heading h2,.fabric-copy h2,.about-copy h2,.craft-copy h2,.corporate-copy h2,.contact-copy h2{font:500 clamp(34px,4vw,48px)/1.12 var(--serif);margin:0 0 16px}.intro-layout>div:first-child>p:last-child{max-width:490px;font-size:13px;color:#535b57;margin:0}.intro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.intro-stats div{border-left:1px solid #d5c9b5;padding-left:16px}.intro-stats b{font:22px var(--serif);display:block;color:#8c6b39}.intro-stats span{font-size:9px;color:#6c706c;display:block;line-height:1.4;margin-top:5px}
.services-section{background:#111b1d;color:#fff;padding:80px 0}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.section-heading h2{margin-bottom:12px}.section-heading>p:last-child{font-size:13px;color:#717873;margin:0}.section-heading-light>p:last-child{color:#b8c0bb}.section-heading-light h2{color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#1b292b;min-width:0}.service-card img{height:205px;object-fit:cover}.service-card>div{padding:17px 17px 20px}.service-card h3{font:19px var(--serif);margin:0 0 7px;color:#fff}.service-card p{font-size:11px;color:#b6bfba;line-height:1.6;margin:0}.center{text-align:center;margin-top:35px}
.fabric-feature{display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:#f2eee6}.fabric-photo{min-height:390px}.fabric-copy{align-self:center;padding:60px clamp(35px,7vw,100px)}.fabric-copy h2{font-size:clamp(34px,4vw,47px)}.fabric-copy>p:not(.eyebrow){font-size:13px;color:#626a65;max-width:480px;margin:0 0 24px}.brand-strip{background:#fff;padding:28px 0;border-bottom:1px solid var(--line)}.brand-inner{display:flex;align-items:center;justify-content:space-around;gap:22px;flex-wrap:wrap}.brand-word{font:600 15px var(--serif);letter-spacing:.07em;color:#323a38}
.about-section{padding:90px 0;background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-visual{height:auto;aspect-ratio:529/298;position:relative;max-width:529px}.about-visual img{filter:sepia(.13)}.since-stamp{position:absolute;bottom:20px;left:20px;background:#f5f1e9;padding:15px 20px;font:12px var(--serif);letter-spacing:.13em}.since-stamp small{display:block;font:8px var(--sans);letter-spacing:.2em;color:#98743f;margin-top:4px}.about-copy p:not(.eyebrow){font-size:13px;color:#626a65;line-height:1.85}.text-link{display:inline-block;margin-top:12px;color:#876638;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.text-link span{font-size:16px;margin-left:8px}
.fabric-categories{padding:80px 0;background:var(--paper)}.fabric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fabric-grid article{background:#fff;padding-bottom:18px}.fabric-grid img{height:180px}.fabric-grid h3{font:19px var(--serif);margin:15px 15px 5px}.fabric-grid p{font-size:11px;color:#707671;margin:0 15px}
.craft-section{display:grid;grid-template-columns:1fr 1fr;background:#101a1c;color:#fff;min-height:390px}.craft-image{min-height:390px}.craft-copy{align-self:center;padding:55px clamp(35px,7vw,100px)}.craft-copy h2{font-size:clamp(34px,4vw,48px)}.craft-copy>p:not(.eyebrow){font-size:13px;color:#c3cbc6;max-width:430px;margin:0 0 25px}
.process-section{padding:75px 0;background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-grid>div{border-top:1px solid var(--gold);padding-top:18px}.process-grid b{font:26px var(--serif);color:#a47d43}.process-grid h3{font:20px var(--serif);margin:8px 0}.process-grid p{font-size:11px;color:#69716c;margin:0}
.corporate-section{background:#ede9df;padding:85px 0}.corporate-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}.corporate-grid>img{height:430px}.corporate-copy>p:not(.eyebrow){font-size:13px;color:#626a65}.corporate-copy ul{list-style:none;padding:0;margin:20px 0 28px}.corporate-copy li{padding:8px 0;border-bottom:1px solid #d8d0c3;font-size:12px}.corporate-copy li:before{content:"—";color:var(--gold);margin-right:12px}
.gallery-section{padding:85px 0;background:#fff}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:210px 210px;gap:14px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#ddd}.gallery-grid .gallery-large{grid-row:span 2}.gallery-grid img{transition:transform .4s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 15px 13px;color:#fff;font:17px var(--serif);background:linear-gradient(transparent,rgba(0,0,0,.65))}
.contact-section{padding:85px 0;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact-copy>p:not(.eyebrow){font-size:13px;color:#626a65;max-width:480px}.contact-detail{padding:13px 0;border-bottom:1px solid #d9d2c6}.contact-detail b{display:block;font-size:9px;letter-spacing:.17em;color:#8b6b3b;margin-bottom:5px}.contact-detail span,.contact-detail a{font-size:12px;color:#59615c;line-height:1.7}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.map-panel{height:440px;position:relative;display:block;background:#e1e1d9;overflow:hidden}.map-panel img{object-fit:cover}.map-label{position:absolute;left:20px;bottom:20px;padding:10px 13px;background:#fff;font-size:9px;letter-spacing:.12em}
footer{background:#10191b;color:#cbd0cb;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{font-size:10px;color:#aab2ac}.footer-inner>a:last-child{font-size:10px;color:var(--gold2)}
@media(max-width:900px){.nav{gap:13px}.nav a{font-size:8px}.intro-layout{gap:40px}.intro-stats{grid-template-columns:repeat(2,1fr);row-gap:20px}.about-grid,.corporate-grid{gap:35px}.service-card img{height:170px}.fabric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.topline-inner{justify-content:center}.topline-inner span:last-child{display:none}.site-header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111b1d;padding:20px 25px 25px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #ffffff16;font-size:10px}.nav .nav-enquire{padding:12px 15px;margin-top:12px;text-align:center}.hero{min-height:0}.hero-inner{grid-template-columns:1fr;gap:30px;padding:55px 0 65px}.hero-copy{max-width:390px}.hero-photo{justify-self:start;width:100%;max-width:529px}.hero h1{font-size:53px}.hero-lead{font-size:13px}.hero-caption{right:18px;font-size:7px}.intro-layout,.about-grid,.corporate-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.intro-band,.services-section,.about-section,.fabric-categories,.process-section,.corporate-section,.gallery-section,.contact-section{padding:65px 0}.intro-stats{grid-template-columns:repeat(4,1fr);gap:8px}.intro-stats div{padding-left:8px}.intro-stats b{font-size:17px}.intro-stats span{font-size:8px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card img{height:140px}.service-card>div{padding:12px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.fabric-feature,.craft-section{grid-template-columns:1fr}.fabric-photo,.craft-image{min-height:260px;height:260px}.fabric-copy,.craft-copy{padding:45px 25px}.about-visual{height:auto;aspect-ratio:529/298}.process-grid{grid-template-columns:repeat(2,1fr);gap:24px 18px}.corporate-grid>img{height:280px;grid-row:1}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.gallery-grid .gallery-large{grid-row:span 2}.map-panel{height:300px}.footer-inner{flex-direction:column;text-align:center}.brand-inner{gap:18px 25px}.brand-word{font-size:12px}}
@media(max-width:430px){.hero h1{font-size:46px}.service-grid{grid-template-columns:1fr 1fr}.service-card img{height:115px}.service-card h3{font-size:14px}.intro-stats{grid-template-columns:repeat(2,1fr)}.fabric-grid{gap:12px}.fabric-grid img{height:135px}.gallery-grid{grid-template-rows:145px 145px 145px}.gallery-grid figcaption{font-size:14px}.contact-actions .button{width:100%;justify-content:center}}


/* Updated full-width hero campaign banner */
.hero {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  background: #10191a;
  overflow: hidden;
}
.hero-banner-desktop {
  position: relative;
  width: 100%;
  line-height: 0;
}
.hero-banner-desktop > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1800 / 700;
  object-fit: cover;
}
.hero-banner-cta {
  position: absolute;
  left: 4.8%;
  top: 62.1%;
  width: 15.2%;
  height: 8.2%;
  display: block;
  border-radius: 2px;
}
.hero-banner-cta:focus-visible {
  outline: 3px solid #d7ad68;
  outline-offset: 3px;
}
.hero-mobile { display: none; }
.service-card img { width: 100%; height: auto; aspect-ratio: 1000 / 650; object-fit: cover; }

@media (max-width: 760px) {
  .hero-banner-desktop { display: none; }
  .hero-mobile { display: block; padding: 48px 0 28px; }
  .hero-mobile-copy { color: #fff; }
  .hero-mobile-copy h1 { font-size: clamp(2.6rem, 11vw, 4.4rem); line-height: .98; }
  .hero-mobile-copy .hero-lead { max-width: 34rem; }
  .hero-mobile > img {
    display: block;
    width: calc(100% - 36px);
    max-height: 390px;
    object-fit: cover;
    aspect-ratio: 5 / 4;
    margin: 30px auto 0;
  }
}


/* Hero refresh: editable HTML copy over a clean photographic banner */
.hero-banner-desktop {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: normal;
  background: #10191a;
}
.hero-banner-desktop > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1800 / 700;
  object-fit: cover;
}
.hero-banner-copy {
  position: absolute;
  z-index: 2;
  left: max(6%, calc((100vw - 1360px) / 2));
  top: 50%;
  transform: translateY(-50%);
  width: min(43%, 650px);
  color: #fff;
}
.hero-banner-copy .eyebrow {
  color: #d7ad68;
  margin-bottom: 24px;
}
.hero-banner-copy h1 {
  color: #fff;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(3.2rem, 5.2vw, 5.8rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.045em;
  margin: 0 0 22px;
}
.hero-banner-copy .hero-lead {
  color: #f4f1eb;
  max-width: 550px;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: 1.7;
  margin: 0 0 28px;
}
.hero-banner-copy .button { display: inline-flex; }
.hero-banner-cta { display: none !important; }

@media (max-width: 760px) {
  .hero-banner-desktop { display: none; }
  .hero-mobile { display: block; padding: 42px 0 28px; }
  .hero-mobile-copy { color: #fff; }
  .hero-mobile-copy .eyebrow { color: #d7ad68; }
  .hero-mobile-copy h1 {
    color: #fff;
    font-size: clamp(2.8rem, 11vw, 4.3rem);
    line-height: .98;
    letter-spacing: -.04em;
  }
  .hero-mobile-copy .hero-lead { color: #f4f1eb; max-width: 34rem; }
  .hero-mobile > img {
    display: block;
    width: calc(100% - 36px);
    max-height: 390px;
    object-fit: cover;
    aspect-ratio: 5 / 4;
    margin: 30px auto 0;
  }
}

/* Mobile hero headline remains visually prominent while preserving one semantic H1 */
@media (max-width: 760px) {
  .hero-mobile-copy .hero-mobile-heading {
    color: #fff;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(2.8rem, 11vw, 4.3rem);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.04em;
    margin: 0 0 22px;
  }
}