:root{--ivory:#f5f2e9;--ltgreen:#cbd3aa;--green:#9aa76b;--ltblue:#d6e2ea;--blue:#b0c0d0;--ink:#69734d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Optima,"Segoe UI",Arial,sans-serif}.site-header{height:150px;background:rgba(203,211,170,.84);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;z-index:5}.brand img{width:min(430px,70vw);height:68px;object-fit:contain}.site-header nav{display:flex;gap:44px;text-transform:uppercase;letter-spacing:.14em;font-size:13px}.site-header a{color:#fff;text-decoration:none}.hero{min-height:520px;background:#000;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:url('pattern.png');background-size:760px auto;background-position:center;opacity:.76;z-index:0}.hero-inner{padding:60px 20px;position:relative;z-index:1}.hero h1,.experience h2,.south h2,.products h2,.contact h2,.script-num{font-family:"Snell Roundhand","Apple Chancery","URW Chancery L",cursive;font-weight:400}.hero h1{font-size:clamp(48px,7vw,100px);line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.06);margin:0 0 45px}.button{display:inline-block;background:var(--ltgreen);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:13px;padding:18px 44px;border:1px solid var(--ltgreen)}.statement{background:var(--ltblue);padding:72px 20px;text-align:center}.statement p{margin:0;text-transform:uppercase;letter-spacing:.18em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,2vw,28px);line-height:1.55;color:var(--green)}.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);height:245px}.photo-card{display:flex;align-items:end;justify-content:center;padding:18px;background-size:cover;background-position:center;position:relative;overflow:hidden}.photo-card:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08)}.photo-card span{position:relative;z-index:1;background:rgba(245,242,233,.9);padding:8px 14px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.photo-card.cups{background:linear-gradient(135deg,#e7edf1,#b0c0d0)}.photo-card.coolers{background:linear-gradient(135deg,#9aa76b,#d6e2ea)}.photo-card.stirrers{background:linear-gradient(135deg,#f5f2e9,#cbd3aa)}.photo-card.matches{background:linear-gradient(135deg,#b0c0d0,#f5f2e9)}.experience{position:relative;overflow:hidden;padding:95px 7% 110px;background:var(--ivory);min-height:530px}.magnolia{position:absolute;opacity:.17;width:520px;left:50%;top:50%;transform:translate(-50%,-47%);pointer-events:none}.experience-content{position:relative;z-index:1}.experience h2,.south h2,.products h2,.contact h2{font-size:clamp(48px,5.5vw,82px);text-align:center;margin:0 0 55px;color:var(--green);line-height:1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;max-width:1150px;margin:auto;text-align:center}.script-num{font-size:52px;line-height:1;color:var(--green)}.steps h3{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.2em;font-size:13px;margin:7px 0 14px}.steps p{font-family:Georgia,serif;font-size:14px;line-height:1.6;color:#8c8b79;max-width:290px;margin:auto}.south{background:var(--ltblue);padding:85px 7%}.south-card{max-width:1000px;margin:auto;background:#fff;text-align:center;padding:60px 35px}.ornament{font-size:38px;color:var(--blue);margin-bottom:8px}.south h2{font-size:58px;margin:0 0 14px}.south p{font-family:Georgia,serif;letter-spacing:.08em;line-height:1.7;margin:0}.products{background:#fff;padding:110px 5% 125px}.products h2{color:var(--blue);margin-bottom:32px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:620px;margin:0 auto 55px}.filters button{background:transparent;border:1px solid var(--green);color:var(--green);font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.12em;padding:8px 15px;font-size:11px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ltgreen);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:46px 24px;max-width:1500px;margin:auto}.product-grid article{text-align:center;transition:.2s}.product-grid article.hidden{display:none}.product-image{aspect-ratio:1/1.2;margin-bottom:18px;background:var(--ltgreen);transition:transform .25s}.product-grid article:hover .product-image{transform:translateY(-4px)}.product-image.botanical{background-image:url('pattern.png');background-size:420px}.product-image.blue{background:var(--ltblue)}.product-image.cream{background:var(--ivory)}.product-image.green{background:var(--ltgreen)}.product-grid h3{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;font-size:14px;margin:0 0 5px}.product-grid p,.product-grid small{display:block;margin:0;color:#9c9b8b;font-family:Georgia,serif;font-size:11px;line-height:1.45}.contact{background:var(--ltgreen);padding:100px 20px;text-align:center;color:#fff}.contact .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px}.contact h2{color:#fff;margin:20px 0 38px}.button.outline{background:transparent;border-color:#fff}footer{background:var(--green);text-align:center;padding:50px 20px;color:#fff}footer img{width:min(360px,75vw);height:65px;object-fit:contain}footer p{text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin:12px 0 0}@media(max-width:900px){.site-header{height:auto;padding:28px 16px}.site-header nav{gap:18px;flex-wrap:wrap;justify-content:center;font-size:11px}.hero{min-height:430px;background-size:600px}.photo-strip{grid-template-columns:repeat(2,1fr);height:380px}.steps{grid-template-columns:1fr;gap:48px}.product-grid{grid-template-columns:repeat(2,1fr)}.experience{padding-inline:10%}}@media(max-width:520px){.desktop{display:none}.brand img{width:270px}.hero h1{font-size:48px}.photo-strip{grid-template-columns:1fr 1fr}.product-grid{gap:35px 14px}.product-grid h3{font-size:11px}.products{padding-inline:18px}.south-card{padding:45px 20px}.south h2{font-size:45px}}

/* Brand fonts + requested refinements */
@font-face{font-family:Mosseta;src:url('Mosseta-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OptimaCustom;src:url('Optima-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OptimaCustom;src:url('Optima-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:OptimaCustom;src:url('Optima-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OptimaCustom;src:url('Optima-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Parfumerie;src:url('Parfumerie-Script.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
body{font-family:OptimaCustom,Optima,"Segoe UI",Arial,sans-serif}
.site-header nav,.button,.statement p,.steps h3,.product-grid h3,.filters button,.contact .eyebrow,footer p{font-family:Mosseta,OptimaCustom,sans-serif}
.hero h1,.experience h2,.south h2,.products h2,.contact h2,.script-num{font-family:Parfumerie,"Snell Roundhand",cursive}
.hero:before{background-size:900px auto}
.magnolia{width:660px}
.fleurdelis{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 12px}
.products-page{min-height:calc(100vh - 300px)}
@media(max-width:900px){.hero:before{background-size:720px auto}.magnolia{width:590px}}

/* Mockup alignment refinements */
.site-header{
  position:absolute;
  top:0;left:0;right:0;
  z-index:10;
  background:rgba(203,211,170,.84);
}
.hero{
  min-height:670px;
  padding-top:150px;
}
.hero:before{
  background-size:1040px auto;
  background-repeat:repeat;
}
.hero h1{
  font-size:clamp(72px,8.4vw,132px);
  -webkit-text-stroke:2px #fff;
  paint-order:stroke fill;
}
.experience h2,.south h2,.products h2,.contact h2,.script-num{
  -webkit-text-stroke:2px #fff;
  paint-order:stroke fill;
}
.experience h2{font-size:clamp(68px,7vw,108px)}
.script-num{font-size:clamp(58px,5.2vw,82px)}
.south h2{font-size:clamp(62px,6.2vw,96px)}
.products h2,.contact h2{font-size:clamp(64px,6.5vw,100px)}
.magnolia{width:min(820px,82vw)}

@media(max-width:900px){
  .site-header{height:132px;padding:18px 14px;gap:10px}
  .brand img{height:58px}
  .hero{min-height:590px;padding-top:132px}
  .hero:before{background-size:820px auto}
  .hero h1{font-size:clamp(60px,11vw,88px);line-height:.98;margin-bottom:38px}
  .experience h2{font-size:clamp(58px,10vw,82px)}
  .south h2{font-size:clamp(54px,9vw,76px)}
  .magnolia{width:min(720px,105vw)}
}
@media(max-width:520px){
  .site-header{height:122px;padding:14px 10px;gap:8px}
  .brand img{width:245px;height:52px}
  .site-header nav{gap:13px;font-size:9px;letter-spacing:.11em}
  .hero{min-height:520px;padding-top:122px}
  .hero:before{background-size:650px auto}
  .hero-inner{padding:42px 16px}
  .hero h1{font-size:clamp(52px,16vw,72px);line-height:.94;margin-bottom:34px;-webkit-text-stroke:1.5px #fff}
  .experience{padding:72px 7% 82px;min-height:600px}
  .experience h2{font-size:clamp(52px,15vw,72px);margin-bottom:42px;-webkit-text-stroke:1.5px #fff}
  .script-num{font-size:58px;-webkit-text-stroke:1.5px #fff}
  .south{padding:58px 6%}
  .south h2{font-size:clamp(50px,14vw,68px);-webkit-text-stroke:1.5px #fff}
  .products h2,.contact h2{font-size:clamp(52px,14vw,72px);-webkit-text-stroke:1.5px #fff}
  .magnolia{width:125vw;max-width:none}
}

/* Repaired homepage refinements */
.site-header{
  height:180px!important;
  min-height:180px!important;
  overflow:hidden;
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url('pattern.png');
  background-size:1040px auto;
  background-position:center top;
  background-repeat:repeat;
  opacity:.24;
  z-index:-1;
}
.hero{
  min-height:640px!important;
  padding-top:180px!important;
  background:#fff!important;
}
.hero:before{display:none!important;}
.hero h1{
  color:#69734d!important;
  font-size:clamp(84px,9.2vw,150px)!important;
  line-height:.88!important;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  -webkit-text-stroke:.2px currentColor!important;
  paint-order:stroke fill!important;
  text-shadow:none!important;
}
.hero .button{
  background:#69734d!important;
  border-color:#69734d!important;
  color:#fff!important;
}
.experience h2{
  color:#9aa76b!important;
  font-size:clamp(82px,8vw,126px)!important;
  line-height:.9!important;
  -webkit-text-stroke:.2px currentColor!important;
  paint-order:stroke fill!important;
}
.script-num,.south h2,.products h2,.contact h2{
  -webkit-text-stroke:.2px currentColor!important;
  paint-order:stroke fill!important;
}
.magnolia{
  width:min(820px,82vw)!important;
  transform:translate(-50%,-47%) scale(.58);
  transform-origin:center center;
  will-change:transform;
}
.category-photo-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:100%;
  gap:0;
}
.category-photo{
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
}
.category-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.site-footer{
  min-height:340px;
  background:#9aa76b;
  padding:72px 8vw;
  display:flex;
  align-items:center;
}
.footer-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:80px;
}
.footer-brand{flex:0 1 430px;}
.footer-brand img{display:block;width:min(430px,100%);height:auto;}
.footer-links{display:flex;gap:90px;margin-left:auto;}
.footer-column{display:flex;flex-direction:column;gap:17px;}
.footer-column a{
  font-family:Mosseta,OptimaCustom,sans-serif;
  font-size:15px;
  letter-spacing:.16em;
  color:#f5f2e9;
  text-decoration:none;
}
@media(max-width:900px){
  .site-header{height:155px!important;min-height:155px!important;}
  .hero{padding-top:155px!important;min-height:560px!important;}
  .hero h1{font-size:clamp(68px,12vw,104px)!important;}
  .experience h2{font-size:clamp(66px,11vw,92px)!important;}
  .category-photo-strip{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:700px){
  .site-header{height:145px!important;min-height:145px!important;}
  .hero{padding-top:145px!important;min-height:500px!important;}
  .hero h1{
    font-size:clamp(58px,17vw,82px)!important;
    line-height:.9!important;
    padding:0 3vw;
  }
  .experience h2{font-size:clamp(58px,16vw,78px)!important;}
  .site-footer{min-height:0;padding:55px 9vw;}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:42px;}
  .footer-brand{flex:auto;width:min(330px,80vw);}
  .footer-links{margin-left:0;gap:55px;}
  .footer-column a{font-size:13px;letter-spacing:.12em;}
}

/* restored approved product/inquire layouts */
.product-card-link{display:block;color:inherit;text-decoration:none}.product-image.sample-outline{background-color:#fff!important;border:1px solid #d6e2ea}.product-detail-page{background:#fff;padding-top:180px}.product-detail{min-height:760px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(430px,1fr);gap:7vw;align-items:start;padding:110px 8vw 70px}.product-visual{height:610px;display:flex;align-items:flex-start;justify-content:center}.product-visual img{width:100%;height:100%;object-fit:contain;display:block}.product-copy{padding-top:0}.product-copy h1{font-family:Mosseta,OptimaCustom,sans-serif;font-weight:400;font-size:clamp(48px,5.2vw,76px);line-height:.92;letter-spacing:.02em;color:#9aa76b;margin:0 0 36px}.product-description{font-family:OptimaCustom,Optima,sans-serif;color:#b0c0d0;font-size:21px;line-height:1.45;letter-spacing:.08em;max-width:650px}.color-label{font-family:Mosseta,OptimaCustom,sans-serif;color:#9aa76b;font-size:22px;letter-spacing:.06em;margin:60px 0 16px}.swatches{display:flex;flex-wrap:wrap;gap:10px;max-width:620px}.rf-swatch{width:45px;height:45px;border:1px solid #aaa;background:#fff;cursor:pointer;position:relative}.rf-swatch:after{content:'';position:absolute;inset:4px;background:var(--sw,#ddd)}.rf-swatch.active{outline:3px solid #9aa76b;outline-offset:3px}.mockup-note{font-family:OptimaCustom,Optima,sans-serif;color:#9b988a;font-size:13px;letter-spacing:.04em;margin:0 8vw 28px}.inquire-page{background:#fff;padding-top:180px}.inquire-hero{padding:90px 7vw 100px;text-align:center}.inquire-hero h1{font-family:Mosseta,OptimaCustom,sans-serif;color:#9aa76b;font-weight:400;font-size:clamp(58px,7vw,94px);margin:0 0 45px}.gator{width:82px;filter:brightness(0) saturate(100%) invert(62%) sepia(13%) saturate(1025%) hue-rotate(31deg) brightness(93%);margin-bottom:55px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:left}.form-row label{font-family:Mosseta;color:#9aa76b;letter-spacing:.04em}.form-row input{display:block;width:100%;height:56px;border:1px solid #cbd3aa;margin-top:10px}.inquire-hero h2{font-family:Mosseta;color:#9aa76b;font-size:36px;font-weight:400;margin:65px 0 8px}.interest-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1100px;margin:28px auto}.interest-buttons button{font-family:Mosseta;color:#9aa76b;background:#fff;border:1px solid #9aa76b;padding:12px 18px}.rf-swatch:nth-child(1){--sw:#f7f7f4}.rf-swatch:nth-child(2){--sw:#171515}.rf-swatch:nth-child(3){--sw:#d8cec0}.rf-swatch:nth-child(4){--sw:#969696}.rf-swatch:nth-child(5){--sw:#44444d}.rf-swatch:nth-child(6){--sw:#c7a889}.rf-swatch:nth-child(7){--sw:#f0e535}.rf-swatch:nth-child(8){--sw:#db681f}.rf-swatch:nth-child(9){--sw:#b84a0a}.rf-swatch:nth-child(10){--sw:#fb816f}.rf-swatch:nth-child(11){--sw:#d8afa8}.rf-swatch:nth-child(12){--sw:#b81419}.rf-swatch:nth-child(13){--sw:#65121d}.rf-swatch:nth-child(14){--sw:#e5658b}.rf-swatch:nth-child(15){--sw:#43225e}.rf-swatch:nth-child(16){--sw:#401d38}.rf-swatch:nth-child(17){--sw:#142039}.rf-swatch:nth-child(18){--sw:#2457bd}.rf-swatch:nth-child(19){--sw:#67a8c3}.rf-swatch:nth-child(20){--sw:#35b6d0}.rf-swatch:nth-child(21){--sw:#9fcfc6}.rf-swatch:nth-child(22){--sw:#aec9dc}.rf-swatch:nth-child(23){--sw:#9fc9b5}.rf-swatch:nth-child(24){--sw:#55d95d}.rf-swatch:nth-child(25){--sw:#148038}.rf-swatch:nth-child(26){--sw:#164b31}.rf-swatch:nth-child(27){--sw:#9caf86}.rf-swatch:nth-child(28){--sw:#6e7552}.rf-swatch:nth-child(29){--sw:#aa9c8c}.rf-swatch:nth-child(30){--sw:#5b392d}@media(max-width:900px){.product-detail-page,.inquire-page{padding-top:155px}.product-detail{grid-template-columns:1fr;padding:70px 7vw}.product-visual{height:500px}.form-row{grid-template-columns:1fr}}

/* Final mobile alignment fixes — 2026-10-16 */
@media (max-width:700px){
  html,body{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow-x:hidden!important;}
  body{background:#fff!important;}
  .site-header{top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;margin:0!important;}
  .site-footer{width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important;}
  .site-footer .footer-inner{width:100%!important;max-width:100%!important;margin:0 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:42px!important;text-align:center!important;}
  .site-footer .footer-brand{width:min(330px,80vw)!important;margin:0 auto!important;display:flex!important;justify-content:center!important;}
  .site-footer .footer-brand img{margin:0 auto!important;}
  .site-footer .footer-links{width:100%!important;margin:0!important;justify-content:center!important;text-align:center!important;gap:55px!important;}
  .site-footer .footer-column{align-items:center!important;text-align:center!important;}
}

/* Mobile footer vertical spacing refinement — 2026-10-16 */
@media (max-width:700px){
  .site-footer{
    padding:52px 9vw 48px!important;
  }
  .site-footer .footer-inner{
    gap:34px!important;
  }
  .site-footer .footer-brand{
    margin:0 auto!important;
  }
  .site-footer .footer-links{
    margin:0 auto!important;
  }
  .site-footer .footer-copyright{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }
}

/* Global header readability sizing — 2026-10-16 */
.site-header .brand img{width:min(500px,76vw)!important;height:82px!important;}
.site-header nav{font-size:15px!important;gap:48px!important;letter-spacing:.14em!important;}
@media (max-width:900px){
  .site-header .brand img{width:min(390px,76vw)!important;height:70px!important;}
  .site-header nav{font-size:13px!important;gap:24px!important;letter-spacing:.13em!important;}
}
@media (max-width:520px){
  .site-header .brand img{width:min(300px,78vw)!important;height:64px!important;}
  .site-header nav{font-size:11.5px!important;gap:16px!important;letter-spacing:.115em!important;}
}