*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F4F0;color:#203C3C;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:10;background:#F4F4F0ed;border-bottom:1px solid #d9dfdb;backdrop-filter:blur(14px)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand,.footer-brand{display:flex;align-items:center;gap:5px}.brand-name,.footer-brand span{font:500 36px/1 'Playfair Display',Georgia,serif;letter-spacing:-1.5px}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.nav-links a:hover,.text-link:hover{opacity:.65}.nav-cta{padding:13px 18px;background:#203C3C;color:#fff}.menu-toggle{display:none;border:0;background:none;color:#203C3C;font:600 13px Manrope}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:70px;padding-bottom:85px;min-height:660px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;line-height:1.6;color:#587a74;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-1.7px}h1{font-size:clamp(46px,5.1vw,78px);line-height:1.12;margin-bottom:28px}h2{font-size:clamp(36px,3.7vw,55px);line-height:1.17;margin-bottom:0}h1 em,h2 em{font-weight:400}.lead{font-size:15px;line-height:1.95;color:#4b615d;max-width:480px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0}.button{padding:16px 23px;font-size:12px;font-weight:700;display:inline-block}.primary{background:#203C3C;color:#fff}.secondary{border:1px solid #203C3C}.hero-note{font-size:11px;color:#738b86}.hero-image{height:540px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;bottom:18px;left:18px;background:#f4f4f0d9;padding:10px 14px;font-size:9px;letter-spacing:1.5px}.intro-strip{background:#d9dfdb}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0}.intro-grid>div{padding:12px 30px;border-right:1px solid #aebeb9}.intro-grid>div:first-child{padding-left:0}.intro-grid>div:last-child{border:0}.intro-grid strong{display:block;font:400 25px 'Playfair Display',Georgia,serif}.intro-grid span{font-size:11px;color:#536e69}.section{padding-top:110px;padding-bottom:110px}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:38px}.section-head>div{max-width:620px}.section-head>p{max-width:350px;font-size:13px;line-height:1.85;color:#58716c;margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category{background:#e8eeea;min-height:255px;padding:27px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}.category:hover{background:#d9e4df}.category.special{background:#203C3C;color:#fff}.category-number{font-size:10px;letter-spacing:2px;opacity:.7}.category-icon{font:400 43px Georgia,serif;margin:15px 0 7px}.category-scissors{width:33px;height:55px;margin:7px 0 3px}.category h3{font:400 24px 'Playfair Display',Georgia,serif;margin-bottom:9px}.category p{font-size:12px;line-height:1.7;color:#536e69;margin-bottom:20px}.category.special p{color:#d9e4df}.category-link{font-size:11px;font-weight:700;margin-top:auto}.brands-section{background:#fff}.section-sub{font-size:13px;color:#58716c;margin-top:18px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.brand-grid div{border:1px dashed #b3c3bd;height:105px;display:grid;place-items:center;color:#8ba49c;font-size:10px;letter-spacing:1px;text-align:center}.story{background:#203C3C;color:#fff;padding:110px 0}.story-inner{display:grid;grid-template-columns:1fr 1fr;gap:95px}.story .eyebrow,.contact .eyebrow{color:#a5c6bd}.story-inner p:not(.eyebrow){font-size:15px;line-height:2;color:#d9e6e1}.text-link{display:inline-block;margin-top:15px;font-size:12px;font-weight:700;border-bottom:1px solid #a5c6bd;padding-bottom:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{border-top:1px solid #9ab7b2;padding-top:24px}.steps span{font-size:11px;color:#71958b}.steps h3{font:400 25px 'Playfair Display',Georgia,serif;margin:30px 0 12px}.steps p{font-size:12px;line-height:1.9;color:#58716c}.contact{background:#9ab7b2;padding:100px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact-inner>div>p:not(.eyebrow){line-height:1.9;font-size:14px;max-width:480px;margin-top:25px}.contact .eyebrow{color:#203C3C}.contact-panel{background:#f4f4f0;padding:35px}.contact-panel h3{font:400 28px 'Playfair Display',Georgia,serif}.contact-panel p{font-size:12px;line-height:1.8;color:#536e69}.form-placeholder{border:1px dashed #9ab7b2;padding:35px 15px;text-align:center;font-size:11px;letter-spacing:1px;margin-top:20px}.form-placeholder small{display:block;margin-top:10px;letter-spacing:0;color:#58716c}.footer{background:#203C3C;color:#f4f4f0;padding:38px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{font-size:11px;color:#b5c9c2;margin:0}.footer-brand span{font-size:30px}.footer-brand img{filter:brightness(1.6)}@media(max-width:850px){.nav{height:74px}.brand-name{font-size:30px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#f4f4f0;padding:20px 24px 30px;flex-direction:column;align-items:stretch;gap:22px;border-bottom:1px solid #d9dfdb}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:60px;min-height:0}.hero-image{height:430px}.section-head,.story-inner,.contact-inner{display:block}.section-head>p{margin-top:20px}.category-grid{grid-template-columns:repeat(2,1fr)}.story-inner>div+div,.contact-inner>div+div{margin-top:35px}.footer-inner{flex-wrap:wrap}}@media(max-width:550px){.container{width:min(100% - 32px,1180px)}h1{font-size:48px}.hero-image{height:360px}.intro-grid{grid-template-columns:1fr}.intro-grid>div,.intro-grid>div:first-child{padding:14px 0;border-right:0;border-bottom:1px solid #b2c2bc}.intro-grid>div:last-child{border-bottom:0}.section{padding-top:75px;padding-bottom:75px}.category-grid{grid-template-columns:1fr}.category{min-height:210px}.brand-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.story{padding:75px 0}.contact{padding:75px 0}.footer-inner{display:block}.footer-inner p{margin-top:15px}}

/* Rae Macs landscape header logo */
.header { background: #F4F4F0; }
.brand { display: inline-flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.brand-logo { display: block; width: 230px; max-width: 100%; height: auto; max-height: 75px; object-fit: contain; }
@media (max-width: 850px) {
  .brand-logo { width: 185px; max-height: 60px; }
}

/* Brand logos */

.brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  overflow: hidden;
}

.brand-item img {
  width: 100%;
  max-width: 200px;
  max-height: 75px;
  object-fit: contain;
}

/* Remove dotted borders from brand tiles */

.brand-grid > div {
  border: none;
}


/* Rae Macs typography refresh — readable, premium, and responsive */
html { font-size: 100%; }
body { font-size: 1rem; line-height: 1.5; }
h1 { letter-spacing: -0.02em; line-height: 1.08; }
h2 { letter-spacing: -0.015em; line-height: 1.12; }
.nav-links { font-size: 0.875rem; }
.menu-toggle { font-size: 0.875rem; }
.eyebrow { font-size: 0.75rem; line-height: 1.5; letter-spacing: 0.15em; }
.lead { font-size: 1.0625rem; line-height: 1.65; }
.button { font-size: 0.875rem; }
.hero-note { font-size: 0.875rem; line-height: 1.5; }
.image-tag { font-size: 0.75rem; }
.intro-grid span { font-size: 0.875rem; line-height: 1.5; }
.section-head > p { font-size: 1rem; line-height: 1.6; }
.category-number { font-size: 0.75rem; }
.category h3 { font-size: 1.625rem; line-height: 1.25; letter-spacing: -0.01em; }
.category p { font-size: 0.9375rem; line-height: 1.6; }
.category-link { font-size: 0.875rem; }
.section-sub { font-size: 1rem; line-height: 1.6; }
.brand-grid div { font-size: 0.75rem; }
.story-inner p:not(.eyebrow) { font-size: 1rem; line-height: 1.7; }
.text-link { font-size: 0.875rem; }
.steps span { font-size: 0.8125rem; }
.steps h3 { font-size: 1.625rem; line-height: 1.25; letter-spacing: -0.01em; }
.steps p { font-size: 0.9375rem; line-height: 1.65; }
.contact-inner > div > p:not(.eyebrow) { font-size: 1rem; line-height: 1.65; }
.contact-panel h3 { line-height: 1.25; }
.contact-panel p { font-size: 0.9375rem; line-height: 1.65; }
.form-placeholder { font-size: 0.875rem; line-height: 1.5; }
.form-placeholder small { font-size: 0.8125rem; }
.footer-inner p { font-size: 0.875rem; line-height: 1.5; }
@media (max-width: 550px) {
  h1 { font-size: clamp(2.625rem, 10vw, 3rem); }
  h2 { font-size: clamp(2.125rem, 8vw, 2.75rem); }
  .lead { font-size: 1rem; }
  .category { min-height: 225px; }
}

/* Business highlights — larger typography */

.intro-grid strong {
  font-size: 1.875rem; /* 30px */
  line-height: 1.2;
}

.intro-grid span {
  font-size: 0.875rem; /* 14px */
  line-height: 1.5;
}

/* Wholesale introduction */

.wholesale-intro {
  background: #F4F4F0;
  padding: 85px 0 95px;
  border-top: 1px solid #D9DFDB;
}

.wholesale-inner {
  max-width: 850px;
  text-align: center;
}

.wholesale-inner .eyebrow {
  margin-bottom: 20px;
}

.wholesale-inner h2 {
  margin-bottom: 30px;
}

.wholesale-inner > p:not(.eyebrow) {
  font-size: 1rem;
  line-height: 1.7;
  color: #536E69;
  max-width: 720px;
  margin: 0 auto 18px;
}

@media (max-width: 600px) {
  .wholesale-intro {
    padding: 65px 0;
  }

  .wholesale-inner {
    text-align: left;
  }
}


/* RAE MACS — PRODUCT DESCRIPTIONS */

.product-description {
  font-family: Manrope, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.7;
  color: #58716c;

  /* Preserve line breaks from Google Sheets */
  white-space: pre-line;

  /* Keep long words from overflowing */
  overflow-wrap: anywhere;

  margin-top: 12px;
  margin-bottom: 20px;
}