/* Sky Fashion — light editorial identity: ivory, terracotta, deep teal, serif headings.
   (HM International, the sister site, is the dark "ink + CMYK" one; keep the two apart.) */
:root{--sf-ivory:#faf7f2;--sf-sand:#f1e8dc;--sf-ink:#2b211c;--sf-muted:#6b5d54;--sf-line:#e6dccf;
  --sf-terra:#b4532d;--sf-terra-2:#953f1e;--sf-teal:#1f4e4a;--sf-teal-2:#163a37;
  --bs-primary:#1f4e4a;--bs-primary-rgb:31,78,74;--bs-link-color:#953f1e;--bs-link-hover-color:#1f4e4a;
  --bs-body-color:#2b211c}
body{background:var(--sf-ivory);color:var(--sf-ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3,.h1,.h2,.h3,.display-5,.stat,.brands{font-family:"Playfair Display",Georgia,"Times New Roman",serif}
h1,h2,h3,.h3,.h4{color:var(--sf-ink);font-weight:700}
.skip{position:absolute;left:8px;top:8px;z-index:2000;background:#fff;padding:6px 10px}

/* header: light, logo on ivory */
.site-header{background:rgba(250,247,242,.96);position:sticky;top:0;z-index:1030;border-bottom:1px solid var(--sf-line);backdrop-filter:blur(6px)}
.navbar-brand{display:flex;align-items:center;gap:.6rem}
.brand-logo{display:inline-grid;place-items:center;width:40px;height:44px;flex:0 0 auto}
.brand-logo img{width:32px;height:38px}
.brand-text{display:flex;flex-direction:column;line-height:1.05;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.3rem;color:var(--sf-ink)}
.brand-text small{font-family:system-ui,sans-serif;font-weight:500;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sf-terra)}
.navbar-light .nav-link{color:var(--sf-ink);font-weight:500}
.navbar-light .nav-link.active,.navbar-light .nav-link:hover{color:var(--sf-terra)}
.navbar-light .nav-link.active{box-shadow:inset 0 -2px 0 var(--sf-terra)}

/* buttons */
.btn{border-radius:999px;padding-left:1.25rem;padding-right:1.25rem}
.btn-accent{--bs-btn-bg:var(--sf-terra);--bs-btn-border-color:var(--sf-terra);--bs-btn-color:#fff;
  --bs-btn-hover-bg:var(--sf-terra-2);--bs-btn-hover-border-color:var(--sf-terra-2);--bs-btn-hover-color:#fff;
  --bs-btn-active-bg:var(--sf-terra-2);--bs-btn-active-color:#fff;font-weight:600}
.btn-outline-primary{--bs-btn-color:var(--sf-teal);--bs-btn-border-color:var(--sf-teal);--bs-btn-hover-bg:var(--sf-teal);--bs-btn-hover-border-color:var(--sf-teal);--bs-btn-hover-color:#fff}
.btn-outline-light{--bs-btn-color:var(--sf-teal);--bs-btn-border-color:var(--sf-teal);--bs-btn-hover-bg:var(--sf-teal);--bs-btn-hover-color:#fff}
.link-wa{color:var(--sf-teal);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.link-wa:hover{color:var(--sf-terra)}

/* home hero: light, product collage */
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--sf-terra);font-weight:700;margin-bottom:.75rem}
.hero-sky{background:radial-gradient(900px 420px at 100% 0,#f3e2d2 0,transparent 65%),var(--sf-ivory)}
.hero-sky h1{font-weight:700;line-height:1.12;color:var(--sf-ink)}
.hero-sky .lead{color:var(--sf-muted)}
.collage{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.collage .c1{grid-row:1/3}
.collage>div{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(64,40,24,.12)}
.collage img{width:100%;height:100%;object-fit:contain;display:block}
.collage .c1 img{aspect-ratio:3/4}
.collage .c2 img,.collage .c3 img{aspect-ratio:1/1}

/* proof band */
.proof{background:var(--sf-teal);color:#e8efe9}
.proof-label{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;margin:0 0 .6rem;color:#bcd2cc}
.brands{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 2.2rem;font-size:1.6rem;color:#fff}
.proof .stat{color:#fff}
.proof .stat-label{color:#bcd2cc}
.stat{font-size:1.8rem;font-weight:700;margin:0;color:var(--sf-ink)}
.stat-label{font-size:.85rem;margin:0;color:var(--sf-muted)}

/* sections */
.section-head{margin-bottom:1.75rem;max-width:760px}
.section-head p{color:var(--sf-muted)}
.bg-soft{background:var(--sf-sand)}
.card-svc{background:#fff;border:1px solid var(--sf-line);border-radius:16px;padding:1.4rem;height:100%}
.card-svc h3{font-size:1.15rem}
.card-svc p:last-child{margin-bottom:0}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.steps li{counter-increment:s;background:#fff;border-radius:16px;padding:1.2rem 1.2rem 1.2rem 3.5rem;position:relative;border:1px solid var(--sf-line)}
.steps li::before{content:counter(s);position:absolute;left:1rem;top:1.05rem;width:1.9rem;height:1.9rem;border-radius:50%;
  background:var(--sf-terra);color:#fff;font-weight:700;display:grid;place-items:center;font-family:"Playfair Display",Georgia,serif}
.tick{list-style:none;padding:0}
.tick li{padding-left:1.6rem;position:relative;margin-bottom:.45rem}
.tick li::before{content:"";position:absolute;left:.2rem;top:.55em;width:.6rem;height:.6rem;border-radius:50%;background:var(--sf-terra)}
.page-hero{background:var(--sf-sand);border-bottom:1px solid var(--sf-line)}
.page-hero h1{font-weight:700}
.page-hero .lead{color:var(--sf-muted)}
.page-hero .text-white,.page-hero .link-light{color:var(--sf-ink)!important}
.cta-band{background:var(--sf-terra);color:#fff}
.cta-band h2,.cta-band .eyebrow{color:#fff}
.cta-band .lead,.cta-band .small{color:rgba(255,255,255,.88)}
.cta-band a:not(.btn){color:#fff}
.cta-band .btn-accent{--bs-btn-bg:#fff;--bs-btn-border-color:#fff;--bs-btn-color:var(--sf-terra-2);--bs-btn-hover-bg:var(--sf-ivory);--bs-btn-hover-color:var(--sf-terra-2)}
.text-white-50{color:var(--sf-muted)!important}
img.rounded{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}
.tile{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--sf-line)}
.tile img{aspect-ratio:1/1;object-fit:contain;width:100%;height:auto}
.prod{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--sf-line);transition:transform .15s,box-shadow .15s}
.prod:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(64,40,24,.12)}
.prod img{aspect-ratio:1/1;object-fit:contain;width:100%;height:auto}
.prod h3{font-size:1.05rem;margin:0;padding:.75rem .95rem}

/* footer: deep teal */
.site-footer{background:var(--sf-teal-2);color:rgba(255,255,255,.78)}
.site-footer .text-white{color:#fff!important}
.site-footer a{color:#fff;text-decoration:none;display:inline-block;padding:6px 0}
.site-footer a:hover{text-decoration:underline}
.map-link{display:inline-block;padding:8px 0}
.map-wrap{border-radius:16px;overflow:hidden;border:1px solid var(--sf-line);aspect-ratio:4/3}
.map-wrap iframe{display:block;width:100%;height:100%;border:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wa-float{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:#1f8f4e;color:#fff;
  display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:1040}
.wa-float:hover{background:#1a7a42;color:#fff}
@media (max-width:991.98px){.navbar-collapse{padding-bottom:.75rem}
  .row.g-5{--bs-gutter-x:1.5rem}}  /* a 3rem gutter overflows the 0.75rem container padding on phones */
@media (max-width:575.98px){.display-5{font-size:2.05rem}.brands{font-size:1.25rem;gap:.3rem 1.3rem}}