:root{--ink:#132b35;--muted:#586b74;--forest:#173a40;--teal:#166d6b;--light:#f1f6f4;--stroke:#d7e4e0;--cream:#f6f2e9;--white:#fff;--shadow:0 16px 44px rgba(16,51,56,.065);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b88d3c;outline-offset:3px}h1,h2,h3{line-height:1.17;letter-spacing:-.026em;margin:0 0 .65em}h1{font-size:clamp(2.6rem,4.8vw,4.7rem);max-width:13ch}h2{font-size:clamp(1.7rem,3vw,2.7rem)}h3{font-size:1.16rem;letter-spacing:-.018em}p{margin:0 0 1.15rem}img{max-width:100%}.container{max-width:var(--max);padding:0 24px;margin:auto}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke)}.nav{min-height:80px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);flex-shrink:0}.brand:hover{text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--forest);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;letter-spacing:-2px}.brand strong{display:block;font-size:20px;line-height:1.15;letter-spacing:-.03em}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}nav ul{margin:0;padding:0;display:flex;align-items:center;gap:14px;list-style:none}nav li a{font-size:13px;color:var(--ink);font-weight:600;white-space:nowrap}nav li a.active{color:var(--teal)}.nav-actions{display:flex;gap:12px;align-items:center}.nav-actions .btn{font-size:12px;padding:11px 14px}.lang-link{font-size:13px;white-space:nowrap}.nav-toggle{display:none;border:1px solid var(--stroke);border-radius:10px;background:white;font-size:23px;cursor:pointer;width:45px;height:45px}.btn{border:1px solid transparent;display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:13px 21px;font-weight:700;font-size:14px;border-radius:10px;cursor:pointer;transition:transform .16s,background .16s;line-height:1.25}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn-primary{background:#e0ad54;color:#132b35;border-color:#e0ad54}.btn-primary:hover{background:#edbd68}.btn-outline{border-color:#aabdc0;background:transparent;color:var(--ink)}.btn-text{padding:0;color:var(--teal);background:transparent}.hero{background:linear-gradient(115deg,#eff4f1 0,#f9f7f1 76%);padding:78px 0 88px;overflow:hidden}.hero-inner{padding:62px 0 66px}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:65px}.hero .lead{font-size:19px;color:#465c66;max-width:670px;line-height:1.72}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--teal);margin-bottom:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-panel{min-height:374px;border-radius:26px;padding:44px;background:radial-gradient(circle at 89% 18%,rgba(219,174,91,.22),transparent 36%),radial-gradient(circle at 8% 85%,rgba(82,161,154,.27),transparent 45%),linear-gradient(140deg,#173a40,#0c252e);color:white;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 22px 50px rgba(8,40,46,.18);position:relative}.hero-panel:before{content:"";position:absolute;top:36px;right:36px;width:110px;height:110px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 26px rgba(255,255,255,.025),0 0 0 54px rgba(255,255,255,.018)}.hero-panel .panel-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#b2d8d2;margin-bottom:26px}.hero-panel strong{font-size:clamp(2rem,3.1vw,3.2rem);font-weight:750;letter-spacing:-.055em;line-height:1.1}.hero-panel p{margin:25px 0 0;color:#c9ded9;max-width:28ch;font-size:15px}.section{padding:77px 0}.section.soft{background:var(--light)}.section-heading{max-width:740px;margin-bottom:30px}.section-heading p{font-size:17px;color:var(--muted)}.cards{display:grid;gap:17px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:29px 26px;border:1px solid var(--stroke);border-radius:17px;background:white;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:start}.card:before{content:"";height:5px;width:43px;border-radius:10px;background:#d9ad63;margin-bottom:23px}.card h3{margin-bottom:13px}.card p{color:var(--muted);flex:1}.card .btn{margin-top:10px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}.step{border-left:1px solid #abc9c6;padding:0 14px 0 20px}.step span{color:var(--teal);font-size:21px;font-weight:800}.step h3{margin:17px 0 12px}.step p{color:var(--muted);font-size:14px}.callout{background:var(--forest);color:#fff;padding:42px 48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:35px}.callout h2{font-size:clamp(1.6rem,2.7vw,2.3rem);margin-bottom:10px}.callout p{color:#c9e0dc;max-width:690px;margin:0}.callout .btn{flex-shrink:0}.note{border-left:4px solid #ca9650;background:#fcf9f3;border-radius:0 12px 12px 0;padding:23px 28px;font-size:16px;color:#334d57}.faq-list{max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid var(--stroke);padding:15px 0}.faq-list summary{font-weight:700;font-size:17px;cursor:pointer;list-style:none;padding:12px 40px 12px 0;position:relative}.faq-list summary::after{content:'+';position:absolute;right:12px;top:12px;color:var(--teal);font-size:22px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);padding:0 50px 7px 0}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:42px}.aside{align-self:start;background:var(--light);border-radius:18px;padding:28px}.aside ol{padding-left:20px;color:var(--muted)}.aside li{margin:12px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}form label{font-size:14px;font-weight:650;color:#233e47;display:block}label.wide{grid-column:1/-1}input:not([type=checkbox]),select,textarea{display:block;margin-top:7px;width:100%;padding:13px 14px;border:1px solid #aec7c5;border-radius:9px;font:inherit;font-size:15px;color:var(--ink);background:#fff}input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:#b35e52}input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px;flex-shrink:0}.consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;margin:19px 0;line-height:1.5}form button{margin:6px 0}.fine{font-size:12px!important;color:var(--muted)!important}.bot-field{position:absolute;left:-9999px;top:-9999px}.prose{max-width:850px;font-size:16px}.prose h2{font-size:24px;margin:32px 0 14px}.prose h2:first-child{margin-top:0}.prose p{color:#3e5660}.footer{background:#0e2830;color:#dbe9e6;padding:55px 0 0;margin-top:20px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:38px}.footer-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.11em;color:#fff}.footer-grid a{display:block;color:#dbebe7;font-size:14px;margin:9px 0}.footer-grid p{font-size:14px;color:#b9ceca}.footer-brand{font-size:25px!important;font-weight:800;margin:0 0 14px!important}.footer-bottom{margin-top:40px;padding-top:18px;padding-bottom:22px;border-top:1px solid #355058;color:#abc3be;font-size:12px}.not-found{padding:160px 24px;min-height:70vh}@media(max-width:1130px){nav ul{gap:10px}nav li a{font-size:12px}.nav-actions .btn{display:none}.hero-layout{gap:40px}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.nav{flex-wrap:wrap;min-height:70px}.nav-toggle{display:block;margin-left:auto}.nav-actions{order:2}.nav-actions .btn{display:none}nav{width:100%;order:3;display:none;padding:9px 0 17px}nav.open{display:block}nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}nav li a{display:block;padding:10px 0;font-size:15px}.hero-layout{grid-template-columns:1fr}.hero-panel{min-height:300px}.cards.three,.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.aside{order:-1}.callout{align-items:start;flex-direction:column}}@media(max-width:580px){.container{padding:0 19px}.hero{padding:48px 0 52px}.hero-panel{padding:30px;min-height:260px}.hero .lead{font-size:16px}.section{padding:52px 0}.cards.two,.cards.three,.cards.four,.steps,.footer-grid,.form-grid{grid-template-columns:1fr}.callout{padding:29px 25px}.callout .btn{width:100%}.card{padding:24px}.nav-actions{margin-left:0}.brand strong{font-size:18px}.footer-grid{gap:12px}h1{font-size:2.5rem}.actions .btn{width:100%}}

/* WarmHub product-first visual design · 2026-10-11.
 * Garment artwork represents categories only; it is not a model-level claim. */
:root{--ink:#17323b;--forest:#173a40;--teal:#176c66;--paper:#fcfcfa;--stroke:#d9e3df;--heat:#dc794c;--warm:#e0ad54;--max:1210px}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.04em}
h1{font-weight:760;line-height:1.08}
h2{font-weight:730}
.header{background:rgba(252,252,250,.97);box-shadow:0 5px 22px rgba(16,48,48,.045)}
.nav{min-height:77px}
.brand-mark{border-radius:12px;background:linear-gradient(135deg,#234f4e,#112e35);font-family:Georgia,serif;font-style:italic;font-size:26px;letter-spacing:-4px;padding-right:4px}
.btn{min-height:46px;border-radius:11px;transition:transform .15s ease,box-shadow .15s ease}
.btn-primary{background:#e0ad54;color:#142b31;border-color:#dda94e;box-shadow:0 4px 13px rgba(122,87,22,.12)}
.btn-primary:hover{background:#f0be69;color:#142b31;box-shadow:0 6px 18px rgba(122,87,22,.17)}
.btn-outline{background:#fff;border:1px solid #8baca9;color:#183b3d}
.btn-outline:hover{border-color:#15635b}
.eyebrow{color:#1b6660}
.hero{background:linear-gradient(112deg,#eff4f0 0%,#f8f5ed 84%)}
.hero--showcase{padding:65px 0 76px;background:radial-gradient(circle at 87% 20%,rgba(224,173,84,.17),transparent 33%),linear-gradient(110deg,#f2f6f1,#f8f4ed)}
.hero--showcase .hero-layout{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:42px}
.hero--showcase h1{max-width:14ch;font-size:clamp(2.9rem,5vw,4.7rem);margin-bottom:23px}
.hero--showcase .lead{font-size:18px;max-width:56ch}
.hero-proof{display:flex;flex-wrap:wrap;gap:11px 21px;list-style:none;margin:31px 0 0;padding:0;color:#34565d;font-size:12px;font-weight:700}
.hero-proof li{display:flex;gap:8px;align-items:center}
.hero-proof li:before{content:"";width:8px;height:8px;flex:0 0 8px;background:#d28b55;border-radius:50%}
.hero-showcase{background:#fff;border-radius:25px;padding:19px;border:1px solid #e0e5df;box-shadow:0 24px 56px rgba(16,46,49,.14);min-width:0}
.hero-showcase-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 6px 16px}
.hero-showcase-title span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#9b5d33}
.hero-showcase-title strong{color:var(--ink);font-size:13px;font-weight:650;text-align:right}
.hero-products{display:grid;grid-template-columns:1.12fr .88fr;gap:10px;min-width:0}
.hero-products-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.hero-product{overflow:hidden;border-radius:14px;display:flex;flex-direction:column;position:relative;background:#e7eee9;min-height:0;flex:1}
.hero-product img{width:100%;height:100%;object-fit:contain;min-width:0}
.hero-product--main img{height:306px}
.hero-products-side .hero-product img{height:126px}
.hero-product span{position:absolute;bottom:9px;left:9px;right:9px;border-radius:7px;background:rgba(255,255,255,.9);color:#1d3d42;font-size:11px;font-weight:700;padding:5px 8px;display:flex;justify-content:space-between}
.hero-product:hover{text-decoration:none}
.hero-product:hover span{background:#fff;color:#07615f}
.visual-caption{color:#65767a;font-size:11px;margin:12px 5px 0}
.section-heading .eyebrow{margin-bottom:10px}
.section-heading h2{max-width:760px}
.audience-section{background:#fff}
.audience-card{border:1px solid #dae5e0;min-height:246px;box-shadow:0 10px 25px rgba(9,42,44,.04)}
.audience-card:before{display:none}
.audience-card:nth-child(2){background:#f7f8f5}
.audience-card:nth-child(3){background:#f9f6ef}
.audience-number{font-size:11px;letter-spacing:.15em;color:#be704b;font-weight:800;margin-bottom:30px}
.audience-card h3{font-size:21px;margin-bottom:12px}
.audience-card .btn-text{font-weight:800}
.split-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;max-width:none}
.split-heading>div{max-width:630px}
.split-heading>p{max-width:325px;font-size:15px;margin-bottom:8px}
.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.product-tile{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce6e1;border-radius:18px;overflow:hidden;color:var(--ink);box-shadow:0 8px 24px rgba(17,55,54,.045);transition:transform .19s ease,box-shadow .19s ease}
.product-tile:hover{transform:translateY(-4px);box-shadow:0 18px 28px rgba(17,55,54,.11);text-decoration:none}
.product-tile-media{background:#e9eee9;aspect-ratio:4/4.5;overflow:hidden}
.product-tile-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .24s ease}
.product-tile:hover .product-tile-media img{transform:scale(1.05)}
.product-tile-copy{padding:20px 20px 22px;display:flex;align-items:start;flex-direction:column;gap:8px;flex:1}
.product-tile-tag{font-size:9px;letter-spacing:.105em;font-weight:800;color:#b4764f}
.product-tile-copy h3{font-size:21px;line-height:1.19;letter-spacing:-.04em;margin:2px 0}
.product-tile-copy>p{font-size:13px;color:#586f71;line-height:1.5;flex:1;margin:3px 0 10px}
.product-tile-copy>span:last-child{font-size:12px;font-weight:800;color:#146b64;margin-top:auto}
.sourcing-cards .card{box-shadow:none;background:#fff;padding-top:25px}
.sourcing-cards .card:before{display:none}
.sourcing-symbol{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ecede4;color:#ab5f35;font-size:12px;font-weight:800;border-radius:50%;margin-bottom:25px}
.sourcing-cards h3{font-size:20px}
.contact-cta{padding-top:35px}
.contact-cta .callout{background:radial-gradient(circle at 90% 20%,#32605b 0,transparent 45%),linear-gradient(120deg,#102e36,#183c41)}
.contact-cta .eyebrow{color:#dbb476;margin-bottom:12px}
.catalog-hero-art{position:relative;min-width:0;max-width:430px;justify-self:center;width:100%;border-radius:24px;background:linear-gradient(130deg,#f9f8f4,#d7e7df);border:1px solid #d8e3de;padding:16px 18px;box-shadow:0 18px 44px rgba(15,48,50,.11)}
.catalog-hero-art img{display:block;height:340px;object-fit:contain;width:100%;border-radius:16px}
.catalog-hero-note{position:absolute;bottom:32px;right:-16px;background:#fff;padding:16px 21px;border-radius:13px;box-shadow:0 11px 22px rgba(8,40,40,.15)}
.catalog-hero-note span{font-weight:800;font-size:9px;letter-spacing:.15em;color:#9d6040;display:block;margin-bottom:7px}
.catalog-hero-note strong{line-height:1.3;font-size:17px}
.nav-mobile-cta{display:none}
.contact-layout{gap:30px}
.aside{border:1px solid #d8e3df}
#inquiry-form[hidden]{display:none!important}
#inquiry-turnstile{margin:15px 0;min-height:0}
.email-fallback-link{margin:11px 0 0}
@media (max-width:1160px){
  .hero--showcase .hero-layout{gap:24px}
  .hero--showcase h1{font-size:clamp(2.5rem,4vw,3.7rem)}
}
@media (max-width:1100px){
  .nav{flex-wrap:wrap;min-height:70px}
  .nav-toggle{display:block;margin-left:auto}
  .nav-actions{order:2}
  .nav-actions .btn{display:none}
  .nav nav{width:100%}
  #nav-links{width:100%;order:3;display:none;padding:9px 0 17px}
  #nav-links.open{display:block}
  #nav-links ul{display:flex;flex-direction:column;align-items:stretch;gap:0}
  #nav-links li a{display:block;padding:11px 3px;font-size:15px;min-height:43px}
  #nav-links .nav-mobile-cta{display:list-item}
  #nav-links .nav-mobile-cta a{color:#17323b;background:#edbb64;border-radius:9px;padding:12px 16px;margin-top:10px;text-align:center}
  .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero--showcase .hero-layout{grid-template-columns:1fr;gap:28px}
  .hero--showcase h1{max-width:16ch;font-size:clamp(2.7rem,5.7vw,4.4rem)}
  .hero-showcase{max-width:620px;width:100%;justify-self:center}
  .hero-product--main img{height:340px}
  .hero-products-side .hero-product img{height:142px}
  .split-heading{display:block}
  .split-heading>p{max-width:620px}
  .catalog-hero-art{max-width:520px}
}
@media (max-width:580px){
  h1{font-size:2.35rem}
  .hero--showcase{padding:46px 0}
  .hero--showcase h1{font-size:clamp(2.35rem,10vw,3.1rem)}
  .hero--showcase .lead{font-size:16px}
  .hero-showcase{padding:12px}
  .hero-showcase-title{display:block}
  .hero-showcase-title strong{display:block;text-align:left;margin:6px 0}
  .hero-product--main img{height:230px}
  .hero-products-side .hero-product img{height:88px}
  .hero-product span{font-size:9px;padding:4px 5px;bottom:5px;left:5px;right:5px}
  .hero-proof{margin-top:21px;font-size:11px}
  .hero-proof li{width:100%}
  .audience-card{min-height:0}
  .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-tile{border-radius:12px}
  .product-tile-copy{padding:12px 11px 14px}
  .product-tile-copy h3{font-size:17px}
  .product-tile-tag{font-size:8px;line-height:1.25}
  .product-tile-copy>p{font-size:12px}
  .product-tile-copy>span:last-child{font-size:11px}
  .catalog-hero-art{width:calc(100% - 16px);margin-right:16px}
  .catalog-hero-art img{height:270px}
  .catalog-hero-note{right:-13px;padding:11px 13px}
  .contact-layout{gap:20px}
  #inquiry-turnstile{max-width:100%}
}
@media (max-width:340px){
  .brand small{display:none}
  .brand strong{font-size:16px}
  .hero-product--main img{height:204px}
  .hero-products-side .hero-product img{height:74px}
  .product-tile-copy h3{font-size:15px}
  .nav{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Product-level gallery artwork and persona distinction */
.category-visual{max-width:450px;width:100%;justify-self:center;margin:0;min-width:0;background:#f3f5ee;border-radius:22px;border:1px solid #dce4df;padding:16px;box-shadow:0 17px 38px rgba(14,52,51,.10)}
.category-visual img{display:block;width:100%;max-height:355px;object-fit:contain;border-radius:14px}
.category-visual figcaption{text-align:left;font-size:12px;line-height:1.5;color:#526b6a;margin:12px 5px 0}
.hero--corporate{background:linear-gradient(112deg,#eaf3ee,#f2f6f3)}
.hero--retail{background:linear-gradient(112deg,#f6f2e9,#e9f0e9)}
.hero--private{background:linear-gradient(112deg,#f8f0e6,#ecf3ed)}
.hero--samples{background:linear-gradient(112deg,#eef4f0,#f6f3ed)}
.hero--corporate .hero-panel{background:radial-gradient(circle at 80% 10%,rgba(214,144,85,.2),transparent 40%),linear-gradient(132deg,#264e55,#10343a)}
.hero--retail .hero-panel{background:radial-gradient(circle at 80% 10%,rgba(214,144,85,.25),transparent 40%),linear-gradient(132deg,#4b5544,#243d3a)}
.hero--private .hero-panel{background:radial-gradient(circle at 80% 10%,rgba(214,144,85,.25),transparent 40%),linear-gradient(132deg,#513d35,#263c3b)}
.hero--samples .hero-panel{background:radial-gradient(circle at 80% 10%,rgba(214,144,85,.25),transparent 40%),linear-gradient(132deg,#35575a,#193339)}
.hero--corporate .hero-panel,.hero--retail .hero-panel,.hero--private .hero-panel,.hero--samples .hero-panel{min-height:325px}
@media(max-width:580px){.category-visual{width:100%}.category-visual img{max-height:275px}}

/* Compact navigation: keep language action discoverable without consuming mobile header width. */
.nav-mobile-language{display:none}
@media(max-width:1100px){
  .nav-actions .lang-link{display:none}
  #nav-links .nav-mobile-language{display:list-item}
  #nav-links .nav-mobile-language a{color:#176c66;font-weight:800}
}