:root{--ink:#17221d;--paper:#f5f1e8;--cream:#fffdf7;--line:#d9d1c2;--accent:#7a3f2a;--green:#234a3a;--muted:#69736d;--shadow:0 12px 35px rgba(24,34,29,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(245,241,232,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.head{min-height:74px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:38px;height:38px;fill:none;stroke:var(--green);stroke-width:2}.brand-mark .needle{fill:var(--accent);stroke:var(--accent)}
.brand span{display:grid;line-height:1}.brand b{font-family:Georgia,serif;font-size:18px}.brand small{font-size:10px;letter-spacing:.23em;margin-top:5px;color:var(--accent)}
.desktop-nav{display:flex;gap:22px;margin-left:auto;font-size:14px}.desktop-nav a:hover{color:var(--accent)}.shop-link{padding:10px 14px;border:1px solid var(--green);border-radius:999px;font-size:13px}.mobile-menu{display:none}
.hero{padding:58px 0 28px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end}.kicker,.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero h1,.page-hero h1{font-family:Georgia,serif;font-weight:500;line-height:1.02;margin:.25em 0;font-size:clamp(42px,6vw,78px)}.hero p{font-size:18px;max-width:700px;color:#46514b}
.hero-note{border-left:2px solid var(--accent);padding-left:20px;color:#4b554f}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{border:1px solid var(--line);background:rgba(255,255,255,.35);padding:7px 11px;border-radius:999px;font-size:13px}
.section{padding:34px 0 62px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}.section h2,.seo-copy h2,.product-copy h2{font:500 clamp(28px,4vw,44px)/1.1 Georgia,serif;margin:0}.section-head p{margin:0;color:var(--muted);max-width:590px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--cream);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card-media{aspect-ratio:1/1;background:#eee8dc;display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain;background:#fff}.card-body{padding:14px}.card h3{font:500 17px/1.25 Georgia,serif;margin:5px 0 14px}.card .eyebrow{font-size:10px}.card-foot{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.arrow{font-size:21px;color:var(--accent)}
.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-tile{min-height:150px;background:var(--green);color:white;padding:20px;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end}.category-tile:nth-child(even){background:#6d4b36}.category-tile small{opacity:.75}.category-tile strong{font:500 25px/1.05 Georgia,serif;margin-top:6px}
.page-hero{padding:46px 0 24px}.page-hero h1{font-size:clamp(38px,5vw,62px);max-width:900px}.page-hero p{max-width:800px;font-size:18px;color:#4f5a54}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:18px}
.seo-copy{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.seo-copy .copy{max-width:860px}.seo-copy p{color:#48534d;font-size:17px}
.product-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:44px;padding:30px 0 54px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}.gallery img:first-child{grid-column:1/-1}.product-copy{position:sticky;top:102px;align-self:start}.product-copy h1{font:500 clamp(34px,4.5vw,56px)/1.06 Georgia,serif;margin:.18em 0}.price{font-size:18px;font-weight:700;margin:12px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.fact{border:1px solid var(--line);background:#fff8;padding:10px 12px;border-radius:9px;font-size:13px}.cta{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:var(--green);color:#fff;padding:14px 18px;border-radius:9px;font-weight:700;margin:8px 0 10px}.cta:hover{background:#17362a}.note{font-size:13px;color:var(--muted)}
.related{padding:32px 0 58px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted)}
footer{background:#17221d;color:#eef1ed;padding:46px 0 20px;margin-top:30px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:34px}.foot-grid h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.foot-grid a{display:block;color:#d6ded9;margin:7px 0;font-size:14px}.foot-grid p{color:#b7c2bc;font-size:14px}.legal{border-top:1px solid #ffffff24;margin-top:28px;padding-top:18px;color:#9ead9f;font-size:12px}
.all-search{display:flex;gap:10px;margin:8px 0 20px}.all-search input{width:min(520px,100%);border:1px solid var(--line);background:#fff;padding:12px 14px;border-radius:9px;font:inherit}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu{display:block;margin-left:auto}.mobile-menu summary{list-style:none;cursor:pointer}.mobile-menu div{position:absolute;right:16px;top:68px;background:var(--cream);border:1px solid var(--line);padding:16px;border-radius:10px;box-shadow:var(--shadow);display:grid;gap:8px}.shop-link{display:none}.hero-grid,.product-layout{grid-template-columns:1fr}.product-copy{position:static}.grid{grid-template-columns:repeat(2,1fr)}.category-strip{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(100% - 22px,1180px)}.hero{padding-top:34px}.hero h1{font-size:44px}.grid{gap:9px}.card-body{padding:11px}.card h3{font-size:15px}.category-strip{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}.facts{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.brand b{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@supports(content-visibility:auto){.seo-copy,.related,footer{content-visibility:auto;contain-intrinsic-size:900px}}


/* ===== V2 patches: gallery, logo, FAQ, legal ===== */
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:46px;height:46px;display:block}
.brand span{display:grid;line-height:1}.brand b{font-family:Georgia,serif;font-size:18px;letter-spacing:.01em}.brand small{font-size:10px;letter-spacing:.24em;margin-top:5px;color:var(--accent)}
.product-layout{align-items:start}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.gallery img{width:100%;height:auto;aspect-ratio:auto;object-fit:unset;background:#fff;border:1px solid var(--line);border-radius:12px}
.gallery img:first-child{grid-column:1/-1}
.product-copy h1{font:500 clamp(30px,4.1vw,50px)/1.06 Georgia,serif;margin:.18em 0 .22em}
.price{font-size:24px;font-weight:700;margin:12px 0 14px}
.faq-section .copy{max-width:980px}.faq-intro{margin:0 0 18px;color:#4b5650}.faq details{background:#fff8;border:1px solid var(--line);padding:14px 16px;border-radius:10px;margin:0 0 10px}.faq details[open]{background:#fff}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{margin:10px 0 0;color:#48534d}
.text-link{display:inline-block}
.foot-grid{grid-template-columns:1.7fr 1fr 1fr 1fr 1.1fr}.legal-bar{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:space-between;align-items:center}.legal-links{display:flex;flex-wrap:wrap;gap:10px 16px}.legal-links a{color:#d6ded9;font-size:12px}
.legal-page .copy{max-width:920px}.legal-page h1{font:500 clamp(36px,4.8vw,58px)/1.06 Georgia,serif;margin:.25em 0}.legal-page h2{font:500 30px/1.12 Georgia,serif;margin:26px 0 10px}.legal-page p,.legal-page li{font-size:17px;color:#49544e}.legal-page ul{padding-left:20px}.placeholder{display:inline-block;padding:.12rem .4rem;border:1px dashed var(--accent);border-radius:6px;background:#fff7f2;color:#6f3d2f;font-size:.96em}
.contact-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:20px}
@media(max-width:900px){.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}.foot-grid{grid-template-columns:1fr 1fr}.legal-bar{align-items:flex-start}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.brand-mark{width:42px;height:42px}}

/* ===== V3: real image logo + polished customer-facing content ===== */
.brand{display:block;min-width:0;line-height:0}.brand picture,.brand img{display:block}.brand-logo-img{width:250px;height:auto;max-height:78px;object-fit:contain;object-position:left center}
.head{min-height:86px}.desktop-nav{margin-left:auto}.site-header{background:rgba(245,241,232,.96)}
footer .brand-logo-img{width:300px;max-height:none}
.hero-note{font-size:15px}.product-copy .note{display:none}
@media(max-width:1050px){.brand-logo-img{width:210px}.desktop-nav{gap:14px;font-size:13px}}
@media(max-width:900px){.brand-logo-img{width:220px;max-height:72px}.head{min-height:78px}}
@media(max-width:560px){.brand-logo-img{width:185px}.head{min-height:72px}footer .brand-logo-img{width:260px}}


/* ===== V4 header/logo integration fixes ===== */
.site-header{position:sticky;top:0;z-index:40;background:rgba(245,241,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.head{min-height:84px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:0;min-width:0;flex:0 0 auto}
.brand img.brand-image{display:block;width:clamp(220px,24vw,360px);height:auto;max-width:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.04))}
.desktop-nav{margin-left:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:48%}
.desktop-nav a{font-size:14px;line-height:1.25}
.shop-link{margin-left:8px;white-space:nowrap}
footer .brand img.brand-image{width:230px}
.foot-grid{align-items:start}
@media(max-width:1100px){.desktop-nav{gap:14px;max-width:44%}.desktop-nav a{font-size:13px}.brand img.brand-image{width:300px}}
@media(max-width:900px){.head{min-height:72px;gap:14px}.brand img.brand-image{width:240px}.mobile-menu{margin-left:auto}.desktop-nav{display:none}.shop-link{display:none}}
@media(max-width:560px){.brand img.brand-image{width:195px}.head{min-height:68px}}


/* ===== V5 final logo integration ===== */
.site-header{overflow:visible}
.head{min-height:92px;display:flex;align-items:center;gap:22px;overflow:visible}
.brand{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;overflow:visible;line-height:0}
.brand img.brand-image{display:block;width:245px;height:auto;max-width:none;object-fit:contain;object-position:left center;overflow:visible}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:nowrap;max-width:none}
.desktop-nav a{font-size:13px;white-space:nowrap}
.shop-link{flex:0 0 auto;white-space:nowrap}
footer .brand img.brand-image{width:225px;height:auto}
@media(max-width:1120px){
  .brand img.brand-image{width:220px}
  .desktop-nav{gap:12px}
  .desktop-nav a{font-size:12.5px}
}
@media(max-width:900px){
  .head{min-height:80px;gap:12px}
  .brand img.brand-image{width:205px}
  .desktop-nav{display:none}
  .mobile-menu{display:block;margin-left:auto}
}
@media(max-width:560px){
  .head{min-height:72px}
  .brand img.brand-image{width:180px}
  footer .brand img.brand-image{width:200px}
}