:root{
  --ink:#2a211b;--clay:#a85e3c;--clay2:#c98059;--sand:#efe6d8;--cream:#f8f3ea;--olive:#4f5a3c;--line:#d8cdbd;
  --serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(248,243,234,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:.28em;font-weight:500}.brand-mark{font-size:26px;color:var(--clay)}nav{display:flex;gap:34px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}nav a:hover,.text-link:hover{opacity:.6}.nav-cta{border:1px solid var(--ink);padding:9px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr;padding:5vw;gap:5vw;overflow:hidden}.hero-copy{align-self:center;max-width:620px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#75685d;margin:0 0 20px}.hero h1,h2{font-family:var(--serif);font-weight:500;line-height:1.04;margin:0;font-size:clamp(50px,6.2vw,92px)}em{font-style:italic;color:var(--clay)}.hero-text{font-size:17px;max-width:560px;margin:28px 0;color:#62564d}.actions{display:flex;align-items:center;gap:28px;margin:30px 0 55px}.btn{display:inline-flex;align-items:center;gap:30px;padding:14px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;border:1px solid transparent}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:var(--cream);color:var(--ink)}.text-link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7b6e63}.line{width:70px;height:1px;background:var(--line)}.hero-art{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#dfc9af,#b77a58);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(255,245,210,.55),transparent 28%),linear-gradient(120deg,transparent 40%,rgba(60,38,24,.12));}.hero-art img{width:min(75%,560px);height:88%;object-fit:cover;object-position:center;border-radius:220px 220px 8px 8px;mix-blend-mode:multiply;filter:saturate(.88);position:relative;z-index:2}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#e8c36f;top:12%;right:14%;opacity:.85}.art-caption{position:absolute;bottom:22px;left:24px;font-size:10px;letter-spacing:.2em;color:#fff;z-index:3}
.marquee{background:var(--ink);color:#f7ecdc;padding:17px 5vw;display:flex;justify-content:space-around;gap:25px;font-size:10px;letter-spacing:.2em}.marquee i{color:var(--clay2);font-style:normal}
.section{padding:9vw 5vw}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:55px}.section h2,.split h2,.craft h2,.wholesale h2,.contact h2{font-size:clamp(44px,5.2vw,75px)}.section-intro{max-width:370px;color:#6b6057}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.product-img{background:#e5d6c4;aspect-ratio:4/5;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product:hover .product-img img{transform:scale(1.04)}.product-meta{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.product-meta span:last-child{font-size:12px;text-transform:none;letter-spacing:.02em}.feature{grid-column:span 2}.feature .product-img{aspect-ratio:8/5}
.split{display:grid;grid-template-columns:1.1fr .9fr;min-height:760px;background:#d9c7b2}.split-image{overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover}.split-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.split-copy p:not(.eyebrow){color:#62564d;max-width:500px;margin:28px 0 0}.split-copy .text-link{align-self:flex-start;margin-top:38px}
.craft{background:#4e503b;color:#f5ecde;padding:10vw 5vw}.craft .eyebrow{color:#cfc5b4}.craft h2{color:#f5ecde}.craft h2 em{color:#d58d68}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:80px}.steps div{border-top:1px solid rgba(255,255,255,.25);padding-top:20px}.steps b{font-size:11px;letter-spacing:.15em;color:#d58d68}.steps h3{font-family:var(--serif);font-size:30px;font-weight:500;margin:14px 0 5px}.steps p{color:#d8d2c7;max-width:290px}
.wholesale{background:var(--clay);color:#fff;padding:9vw 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.wholesale .eyebrow{color:#f1d4c5}.wholesale h2{color:#fff}.wholesale h2 em{color:#f6d6c4}.wholesale>div>p:not(.eyebrow){max-width:560px;color:#f4ddd0;margin:28px 0 35px}.stats{align-self:end;display:grid;gap:20px}.stats div{display:flex;align-items:baseline;gap:20px;border-top:1px solid rgba(255,255,255,.3);padding-top:15px}.stats strong{font-family:var(--serif);font-size:35px;font-weight:500}.stats span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.contact{padding:10vw 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact form{display:grid;gap:20px;align-content:start}.contact label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#75685d}.contact input,.contact textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;font:inherit;color:var(--ink);outline:0}.contact input:focus,.contact textarea:focus{border-color:var(--clay)}.contact .btn{justify-self:start;margin-top:10px}.form-note{font-size:12px;color:#75685d;margin:0}
footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#75685d}footer .brand{font-size:18px;color:var(--ink)}footer p{margin:0}
@media(max-width:850px){nav{display:none}.nav{height:68px}.hero,.split,.wholesale,.contact{grid-template-columns:1fr}.hero{padding-top:10vw}.hero-art{min-height:560px}.section-head{display:block}.section-intro{margin-top:25px}.grid{grid-template-columns:1fr 1fr}.feature{grid-column:span 2}.steps{grid-template-columns:1fr;gap:35px;margin-top:50px}.wholesale{gap:55px}.contact{gap:55px}footer{flex-direction:column;gap:12px;text-align:center}}
@media(max-width:560px){.nav{padding:0 20px}.nav-cta{padding:7px 10px}.hero,.section,.craft,.wholesale,.contact{padding-left:20px;padding-right:20px}.hero{gap:35px}.hero h1{font-size:50px}.hero-art{min-height:460px}.grid{grid-template-columns:1fr}.feature{grid-column:span 1}.feature .product-img{aspect-ratio:4/5}.marquee{overflow:hidden;justify-content:flex-start;white-space:nowrap}.split{min-height:auto}.split-copy{padding:70px 20px}.wholesale{padding-top:75px;padding-bottom:75px}}

/* Official MAATI logo */
.site-logo{display:block;width:132px;height:54px;object-fit:contain;object-position:center}
.footer-logo{width:112px;height:48px}
.brand{letter-spacing:0}

/* Uploaded MAATI logo: keep the complete mark visible, never crop it. */
.site-logo{width:158px;height:62px;object-fit:contain;object-position:center;display:block}
.footer-logo{width:130px;height:58px}
@media(max-width:560px){
  .site-logo{width:135px;height:55px}
  .footer-logo{width:120px;height:52px}
}