:root{--terracotta:#B85C3B;--clay:#8A5A44;--beige:#EADCC8;--cream:#F8F4ED;--olive:#7B7F63;--stone:#A7A39A;--ink:#4a3026;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}.header{height:92px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(74,48,38,.12);background:rgba(248,244,237,.96);position:sticky;top:0;z-index:20}.brand{width:180px;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:30px auto;align-items:center;font-size:22px;letter-spacing:.15em}.brand-mark{grid-row:1/3;font-size:25px;color:var(--terracotta)}.brand small{font-size:6px;letter-spacing:.25em;margin-top:2px}.header nav{display:flex;gap:36px;margin:auto}.header nav a,.tools button{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.05em}.tools{display:flex;align-items:center;gap:17px}.tools button,.menu{border:0;background:none;cursor:pointer}.tools span{background:var(--terracotta);color:white;border-radius:50%;padding:2px 5px;font-size:8px}.menu{display:none;font-size:20px}.hero{height:calc(100vh - 92px);min-height:620px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(53,35,27,.56),rgba(53,35,27,.05) 60%)}.hero-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);max-width:550px;color:white}.eyebrow{font-size:10px;letter-spacing:.28em;font-weight:600}.hero h1,.intro h2,.section-head h2,.story h2,.feature h2,.newsletter h2{font-family:"Playfair Display",Georgia,serif;font-weight:500}.hero h1{font-size:clamp(58px,7vw,105px);line-height:.88;margin:20px 0 26px}.hero-copy>p:not(.eyebrow){font-family:Georgia,serif;font-size:17px;line-height:1.7;max-width:470px}.btn{display:inline-flex;gap:45px;margin-top:18px;padding:16px 22px;background:var(--terracotta);color:white;text-decoration:none;font-size:11px;letter-spacing:.08em}.intro{text-align:center;padding:110px 20px;max-width:780px;margin:auto}.intro h2{font-size:55px;line-height:1.05;margin:18px 0}.intro em{font-weight:400;color:var(--terracotta)}.intro>p:last-child{font-family:Georgia,serif;line-height:1.8;color:#725a50;max-width:610px;margin:auto}.collections,.journal{padding:70px 6vw 110px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head h2{font-size:40px;margin:8px 0}.section-head>a{color:var(--ink);font-size:11px;text-decoration:none}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{text-decoration:none;color:var(--ink)}.card div{aspect-ratio:1/1.05;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;transition:.6s}.card:hover img{transform:scale(1.035)}.card h3{font-family:"Playfair Display",Georgia,serif;font-size:21px;margin:15px 0 5px}.card p{font-size:10px;color:#806b61}.story{display:grid;grid-template-columns:1.05fr .95fr;background:var(--beige)}.story-image{min-height:720px}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:10vw 9vw}.story h2{font-size:50px;line-height:1.08;margin:18px 0 28px}.story-copy>p:not(.eyebrow){font-family:Georgia,serif;line-height:1.8;color:#725a50}.story-copy>a{display:inline-block;margin:15px 0 55px;color:var(--ink);font-size:11px}.values{border-top:1px solid rgba(74,48,38,.2);display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:28px}.values div{display:flex;gap:12px}.values b{font-family:Georgia,serif;color:var(--terracotta)}.values span{font-size:9px;line-height:1.5}.feature{height:700px;position:relative;overflow:hidden}.feature>img{width:100%;height:100%;object-fit:cover}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(45,31,24,.58))}.feature>div{position:absolute;z-index:2;right:8vw;top:50%;transform:translateY(-50%);width:430px;color:white}.feature h2{font-size:62px;line-height:1;margin:18px 0}.feature div>p:not(.eyebrow){font-family:Georgia,serif;line-height:1.7}.btn.light{background:var(--cream);color:var(--ink)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal article img{width:100%;aspect-ratio:1.35;object-fit:cover}.journal small{display:block;font-size:9px;letter-spacing:.18em;color:var(--terracotta);margin-top:16px}.journal h3{font:500 21px/1.3 "Playfair Display",Georgia,serif;margin-top:9px}.newsletter{text-align:center;background:var(--clay);color:white;padding:90px 20px}.newsletter h2{font-size:48px;margin:15px 0 30px}.newsletter form{display:flex;max-width:470px;margin:auto;border-bottom:1px solid rgba(255,255,255,.6)}.newsletter input{flex:1;border:0;background:transparent;padding:15px 2px;color:white;outline:0}.newsletter input::placeholder{color:#e8d9cf}.newsletter button{border:0;background:none;color:white;cursor:pointer}.newsletter small{display:block;margin-top:14px;opacity:.65;font-size:8px}footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding:70px 6vw 35px;background:#efe5d7;font-size:10px}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:13px}footer b{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}footer a{color:#715c53;text-decoration:none}.footer-brand p{font-family:Georgia,serif;color:#806b61;margin-top:20px}.copyright{grid-column:1/-1;border-top:1px solid rgba(74,48,38,.14);padding-top:25px;color:#8c776e}@media(max-width:850px){.header{height:74px;padding:0 20px}.header nav,.tools{display:none}.menu{display:block;margin-left:auto}.hero{height:78vh;min-height:560px}.hero-copy{left:28px;right:28px}.hero h1{font-size:58px}.collection-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.story-image{min-height:520px}.story-copy{padding:70px 8vw}.feature{height:600px}.feature>div{left:8vw;right:8vw;width:auto}.feature:after{background:rgba(45,31,24,.42)}.journal-grid{grid-template-columns:1fr}.newsletter h2{font-size:38px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:520px){.collection-grid{grid-template-columns:1fr 1fr;gap:10px}.collections,.journal{padding-left:20px;padding-right:20px}.section-head h2{font-size:31px}.section-head>a{display:none}.intro h2{font-size:43px}.story h2{font-size:41px}.values{grid-template-columns:1fr}.feature h2{font-size:49px}footer{grid-template-columns:1fr 1fr}}

/* v2: MUFFA logo, stronger navigation and rotating hero */
.header .brand{width:190px;height:74px;display:flex;align-items:center;overflow:hidden}
.header .brand img{width:150px;height:150px;object-fit:contain;mix-blend-mode:multiply}
.header nav{gap:46px}
.header nav a{font-size:14px;font-weight:600;letter-spacing:.035em}
.hero-slides,.hero-slide,.hero-slide img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{opacity:0;transition:opacity 1.15s ease;z-index:0}
.hero-slide.active{opacity:1}
.hero-slide img{object-fit:cover}
.hero:after{display:none}
.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(53,35,27,.60),rgba(53,35,27,.08) 62%);pointer-events:none}
.hero-dots{position:absolute;z-index:3;left:8vw;bottom:34px;display:flex;gap:9px}
.hero-dots button{width:28px;height:3px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.3s}
.hero-dots button.active{width:46px;background:#fff}
.footer-brand .brand{width:165px;height:105px;overflow:hidden;display:flex;align-items:center}
.footer-brand .brand img{width:160px;height:160px;object-fit:contain;mix-blend-mode:multiply}
.contact-placeholder{display:flex;flex-direction:column;gap:7px;margin-top:18px;color:#715c53;font-size:10px}
@media(max-width:850px){.header .brand{height:60px;width:150px}.header .brand img{width:125px;height:125px}.header nav{gap:0}.hero-dots{left:28px;bottom:24px}}

/* v3: cleaner logo, text-free hero, editorial homepage sections */
.header .brand{width:148px;height:76px;overflow:visible}
.header .brand img{width:104px;height:72px;object-fit:contain;mix-blend-mode:multiply;display:block}
.footer-brand .brand{width:150px;height:auto;overflow:visible}
.footer-brand .brand img{width:132px;height:auto;object-fit:contain;mix-blend-mode:multiply}
.rituals{padding:105px 6vw 125px;background:#fbf8f2}.ritual-head{text-align:center;max-width:760px;margin:0 auto 55px}.ritual-head h2,.newforms h2{font:500 clamp(40px,4vw,62px)/1.05 "Playfair Display",Georgia,serif;margin:14px 0}.ritual-head>p:last-child,.newforms-head>p:last-child{font-family:Georgia,serif;color:#806b61;line-height:1.7}.ritual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}.ritual-card{color:var(--ink);text-decoration:none}.ritual-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.ritual-card>div:first-of-type{}.ritual-card.tall img{aspect-ratio:.78}.ritual-card.low{padding-top:60px}.ritual-card.low img{aspect-ratio:.88}.ritual-card:hover img{transform:scale(1.02)}.ritual-card div{padding-top:16px}.ritual-card h3{font:500 24px "Playfair Display",Georgia,serif;margin:0 0 7px}.ritual-card span{font-size:10px;color:#806b61}.newforms{padding:110px 8vw 135px;background:#f2eadd}.newforms-head{text-align:center;max-width:720px;margin:0 auto 65px}.forms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:start}.form-card>div{background:#f9f5ee;padding:12px;overflow:hidden}.form-card img{width:100%;display:block;aspect-ratio:.86;object-fit:cover}.form-card.form-b,.form-card.form-d{margin-top:55px}.form-card small{display:block;margin-top:17px;font-size:8px;letter-spacing:.18em;color:var(--terracotta)}.form-card h3{font:500 21px "Playfair Display",Georgia,serif;margin:7px 0 0}
@media(max-width:850px){.header .brand{width:120px;height:58px}.header .brand img{width:84px;height:58px}.ritual-grid,.forms-grid{grid-template-columns:repeat(2,1fr)}.ritual-card.low{padding-top:30px}.form-card.form-b,.form-card.form-d{margin-top:25px}}
@media(max-width:520px){.rituals,.newforms{padding:75px 20px 85px}.ritual-grid,.forms-grid{gap:12px}.ritual-card.low{padding-top:18px}.ritual-card h3{font-size:19px}.form-card.form-b,.form-card.form-d{margin-top:18px}.form-card h3{font-size:18px}}

/* v3.3: readability + clear section separation */
body{font-size:16px}
.eyebrow{font-size:11px}
.card p{font-size:12px;line-height:1.55}
.section-head>a,.story-copy>a{font-size:13px}
.story{margin:80px 6vw 0;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden}
.story-image{min-height:650px}
.story-copy{padding:72px clamp(42px,5vw,82px)}
.story h2{font-size:clamp(46px,4.2vw,64px)}
.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.85}
.values{gap:24px;padding-top:30px}
.values b{font-size:17px}.values span{font-size:12px;line-height:1.55}
.feature{height:660px;margin:80px 6vw 0;border-radius:24px}
.feature>div{width:min(470px,42vw)}
.feature div>p:not(.eyebrow){font-size:17px}
.journal{padding-top:105px}
.journal small{font-size:10px}.journal h3{font-size:23px}
.newsletter{margin-top:20px}.newsletter input,.newsletter button{font-size:14px}.newsletter small{font-size:10px}
footer{font-size:13px;line-height:1.55}footer b{font-size:11px}.contact-placeholder{font-size:13px}.footer-brand p{font-size:15px}

@media(max-width:850px){
  .story{margin:55px 24px 0;grid-template-columns:1fr;border-radius:18px}
  .story-image{min-height:460px}
  .story-copy{padding:56px 36px 60px}
  .story-copy>p:not(.eyebrow){font-size:16px}
  .feature{margin:55px 24px 0;height:560px;border-radius:18px}
  .feature>div{width:auto;left:36px;right:36px}
  .journal{padding-top:80px}
  footer{font-size:13px}
}
@media(max-width:520px){
  .header nav a{font-size:14px}
  .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}
  .story{margin:40px 16px 0;border-radius:14px}
  .story-image{min-height:340px}
  .story-copy{padding:42px 24px 46px}
  .story h2{font-size:38px;line-height:1.08}
  .story-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}
  .story-copy>a{font-size:13px;margin-bottom:36px}
  .values{gap:18px}.values span{font-size:13px}
  .feature{margin:40px 16px 0;height:500px;border-radius:14px}
  .feature>div{left:24px;right:24px}
  .feature h2{font-size:44px}.feature div>p:not(.eyebrow){font-size:16px}
  .journal{padding-top:65px}
  .newsletter h2{font-size:36px}
  footer{font-size:13px;gap:32px 24px}footer b{font-size:11px}.contact-placeholder{font-size:13px}
}


/* v3.4 — spacing, header brand and compact footer */
.header .brand{width:190px;height:78px;display:flex;align-items:center;gap:11px;overflow:visible}
.header .brand img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply;display:block}
.header .brand span{font-family:"Playfair Display",Georgia,serif;font-size:26px;font-weight:500;letter-spacing:.20em;color:var(--clay);line-height:1}
.intro{padding-bottom:48px}
.collections{padding-top:34px}
footer{padding:42px 6vw 24px;gap:28px;grid-template-columns:1.55fr repeat(3,1fr);font-size:12px;line-height:1.45}
.footer-brand .brand{width:118px;height:auto}
.footer-brand .brand img{width:108px;height:auto}
.footer-brand p{font-size:13px;margin:12px 0 0}
.contact-placeholder{font-size:12px;margin-top:12px;display:flex;flex-direction:column;gap:4px}
footer>div:not(.footer-brand){gap:9px}
footer b{font-size:10px;margin-bottom:2px}
.copyright{padding-top:16px;margin:12px 0 0}
@media(max-width:850px){
 .header .brand{width:150px;height:60px;gap:8px}.header .brand img{width:50px;height:50px}.header .brand span{font-size:21px}
 .intro{padding-bottom:38px}.collections{padding-top:28px}
 footer{padding:36px 24px 22px;gap:26px 22px}
}
@media(max-width:520px){
 .intro{padding-bottom:28px}.collections{padding-top:22px}
 footer{padding:32px 20px 20px;gap:24px 18px;font-size:12px}
 .footer-brand .brand img{width:96px}
}

/* v3.5 — compact horizontal footer */
footer{grid-template-columns:2.25fr repeat(3,1fr);padding:30px 6vw 20px;gap:24px 34px;align-items:start}
.footer-brand{display:flex;align-items:center;gap:28px;min-width:0;padding-top:2px}
.footer-brand .brand{width:auto;height:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.footer-brand .brand img{width:58px;height:58px;object-fit:contain;mix-blend-mode:multiply;display:block}
.footer-brand .brand span{font-family:"Playfair Display",Georgia,serif;font-size:25px;font-weight:500;letter-spacing:.20em;color:var(--clay);line-height:1}
.footer-brand p{display:none}
.contact-placeholder{margin:0;display:flex;flex-direction:row;align-items:center;gap:13px;white-space:nowrap;font-size:12px;color:#715c53}
.contact-placeholder i{display:block;width:1px;height:20px;background:rgba(74,48,38,.22)}
.copyright{padding-top:15px;margin:7px 0 0}
@media(max-width:850px){
 footer{grid-template-columns:1fr 1fr;padding:28px 24px 20px}
 .footer-brand{grid-column:1/-1;gap:22px}
 .footer-brand .brand img{width:52px;height:52px}.footer-brand .brand span{font-size:22px}
}
@media(max-width:520px){
 footer{padding:25px 20px 18px}
 .footer-brand{align-items:flex-start;flex-direction:column;gap:13px}
 .contact-placeholder{white-space:normal;flex-wrap:wrap;gap:8px 11px}
 .contact-placeholder i{height:16px}
}