@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');:root{--ink:#292126;--muted:#786a69;--cream:#faf6f2;--rose:#bc827d;--line:#e7dad5;--dark:#35282c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:98px;max-width:1320px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:23px;letter-spacing:.14em}.wordmark small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.35em;margin-top:6px}.monogram{font-family:Georgia,serif;font-size:49px;line-height:1;color:var(--ink);position:relative}.swoosh{position:absolute;left:12px;top:-10px;color:#dba79c;font-size:43px;transform:rotate(-38deg)}.nav{display:flex;gap:37px;font-size:12px;text-transform:uppercase;letter-spacing:.17em}.nav a:hover,.text-link:hover{color:var(--rose)}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{max-width:1320px;margin:auto;min-height:660px;display:grid;grid-template-columns:1fr 1fr;padding:36px 5% 68px;gap:6%}.hero-copy{align-self:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.27em;color:var(--rose);text-transform:uppercase}h1,h2,h3{font-weight:400}h1,h2{font-family:'Italiana',Georgia,serif}h1{font-size:clamp(53px,6.3vw,99px);line-height:1.05;letter-spacing:-.025em;margin:28px 0}h1 em,h2 em{font-family:Georgia,serif;font-size:.77em;font-weight:400;color:var(--rose)}.hero-copy>p:not(.eyebrow),.page-hero>p:last-child,.intro>p:last-child,.story p,.contact-layout p{color:var(--muted);line-height:1.9;max-width:540px}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;background:var(--dark);color:white;border:1px solid var(--dark);padding:17px 26px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;cursor:pointer}.button:hover{background:#6e4c53}.text-link{font-size:12px;letter-spacing:.05em;border-bottom:1px solid #cba9a0;padding-bottom:6px}.hero-note{font-size:11px;margin-top:40px}.hero-art{background:linear-gradient(145deg,#f3e5df,#e7c9c2);position:relative;min-height:550px;overflow:hidden;display:grid;place-items:center}.arch{position:absolute;width:64%;height:85%;border-radius:220px 220px 0 0;background:linear-gradient(120deg,#f8efeb,#dfb5ac);bottom:-15%;box-shadow:0 20px 50px #9d6e6340}.hero-clip{position:relative;width:57%;height:36%;border:36px solid #a76a54;border-radius:45% 40% 35% 45%;transform:rotate(-30deg);box-shadow:18px 18px 30px #8e655d4d,inset 12px 12px 20px #e5b19e;background:transparent}.art-label{position:absolute;bottom:35px;letter-spacing:.25em;font-size:9px;color:#654d4b}.section{max-width:1320px;margin:auto;padding:95px 5%}.intro{text-align:center;max-width:800px}.intro h2,.section h2,.statement h2{font-size:clamp(37px,4vw,64px);margin:15px 0 25px}.intro p{margin-left:auto;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff}.product-art{height:340px;display:grid;place-items:center;overflow:hidden}.art-amber{background:#e6d2bf}.art-rose{background:#e9d1d0}.art-cream{background:#f0e8dd}.art-sage{background:#d8dfd2}.clip{width:54%;height:43%;border:26px solid #a66b47;border-radius:40% 45% 35% 40%;transform:rotate(-27deg);box-shadow:13px 15px 14px #55403230,inset 7px 7px 12px #ffffff90}.art-rose .clip{border-color:#c58f91;border-radius:70% 20% 70% 20%;height:22%}.art-cream .clip{border-color:#d0b7a1;border-radius:50%;height:50%}.art-sage .clip{border-color:#738775}.product-text{padding:24px}.product-text h3{font:29px 'Italiana',Georgia,serif;margin:0}.product-text p{font-size:13px;color:var(--muted);line-height:1.6}.product-text span{font-size:10px;color:var(--rose);letter-spacing:.14em;text-transform:uppercase}.statement{text-align:center;background:var(--dark);color:#fff;padding:100px 20px}.statement p:not(.eyebrow){max-width:600px;margin:0 auto 30px;line-height:1.8;color:#e0cfca}.button-light{background:#f6ece6;color:var(--dark);border-color:#f6ece6}.page-hero{text-align:center;max-width:850px;margin:auto;padding:110px 25px 75px}.page-hero h1{font-size:clamp(50px,6vw,84px)}.page-hero p:last-child{margin:auto}.notice{margin-top:60px;padding:35px;border:1px solid var(--line);text-align:center}.notice p{color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-art{min-height:450px;background:linear-gradient(140deg,#edd3ca,#f8eee8);display:grid;place-items:center}.story-art span{font:260px Georgia,serif;color:#9e6963;text-shadow:20px 18px #d7a69b}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-form{display:grid;gap:20px}.contact-form label{display:grid;gap:9px;font-size:12px;letter-spacing:.04em}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#fff;border:1px solid var(--line);padding:15px;color:var(--ink);border-radius:0}.contact-form .button{justify-self:start}.form-note,.muted{font-size:12px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:55px 5% 30px;max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer strong{font:27px Georgia,serif;letter-spacing:.1em}.footer p,.footer small{color:var(--muted);font-size:12px}.footer>div:nth-child(2){display:flex;justify-content:end;gap:25px;font-size:12px}.footer small{grid-column:1/-1}@media(max-width:800px){.site-header{height:78px}.wordmark{font-size:18px}.monogram{font-size:37px}.menu-toggle{display:block}.nav{display:none;position:absolute;z-index:5;top:78px;left:0;right:0;background:var(--cream);padding:30px 7%;flex-direction:column;box-shadow:0 15px 20px #0001}.nav.open{display:flex}.hero,.story,.contact-layout{grid-template-columns:1fr}.hero{padding-top:55px;gap:35px}.hero-art{min-height:400px}.product-grid{grid-template-columns:repeat(2,1fr)}.section{padding:60px 5%}.footer>div:nth-child(2){flex-wrap:wrap;justify-content:start}}@media(max-width:520px){.product-grid{grid-template-columns:1fr}.section-heading{display:block}.hero h1{font-size:55px}.hero-art{min-height:320px}.product-art{height:300px}.page-hero{padding:75px 20px 30px}.footer{grid-template-columns:1fr}.footer small{grid-column:1}.actions{gap:15px;flex-wrap:wrap}}
/* Brand logo from the approved F+A two-clips reference */
.brand-logo{display:block;width:104px;height:82px;object-fit:contain;object-position:center}.wordmark{gap:0}.hero-brand-logo{position:relative;z-index:1;width:min(74%,350px);max-height:430px;object-fit:contain;mix-blend-mode:multiply}.about-brand-logo{max-width:78%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}.story-art img{display:block}@media(max-width:800px){.brand-logo{width:85px;height:67px}}

/* Brand logo from the approved F+A two-clips reference */
.brand-logo{display:block;width:104px;height:82px;object-fit:contain;object-position:center}.wordmark{gap:0}.hero-brand-logo{position:relative;z-index:1;width:min(74%,350px);max-height:430px;object-fit:contain;mix-blend-mode:multiply}.about-brand-logo{max-width:78%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}.story-art img{display:block}@media(max-width:800px){.brand-logo{width:85px;height:67px}}

/* Header logo containment fix: keep the brand image inside navigation on all pages. */
.site-header {position:relative; z-index:20; min-height:104px; height:104px; overflow:visible;}
.site-header .wordmark {display:flex; flex:0 0 100px; width:100px; height:100px; max-width:100px; max-height:100px; align-items:center; justify-content:center; overflow:hidden; line-height:1;}
.site-header .wordmark img.brand-logo {display:block !important; width:86px !important; height:86px !important; max-width:86px !important; max-height:86px !important; object-fit:contain !important; position:static !important; transform:none !important; margin:0 !important;}
.site-header .nav {position:relative; z-index:21;}
.page-hero {position:relative; z-index:1;}
@media(max-width:800px){
 .site-header {height:84px; min-height:84px;}
 .site-header .wordmark {height:78px; max-height:78px; width:82px; max-width:82px; flex-basis:82px;}
 .site-header .wordmark img.brand-logo {width:68px !important; height:68px !important; max-width:68px !important; max-height:68px !important;}
 .site-header .nav {position:absolute; top:84px;}
}
