@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#273b31;--muted:#718077;--bg:#f8f6f0;--green:#344d3c;--line:#e5e7df;--gold:#b59a68}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#fffdf9;position:sticky;top:0;z-index:5}.brand{font:30px 'Playfair Display',serif;letter-spacing:.03em}.brand span{color:var(--gold)}nav{display:flex;gap:27px;align-items:center}nav a{font-size:13px}button.primary,.primary{background:var(--green);border:1px solid var(--green);color:white;padding:14px 24px;border-radius:3px;display:inline-block}button.secondary,.secondary{background:transparent;border:1px solid #b9c4b9;color:var(--ink);padding:13px 22px;border-radius:3px}.wrap{max-width:1250px;margin:auto;padding:0 25px}.hero{min-height:530px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#8b997e;font-weight:700;text-transform:uppercase}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:500}h1{font-size:clamp(44px,5vw,76px);line-height:1.12;margin:18px 0}h2{font-size:clamp(30px,3.4vw,47px);margin:12px 0}h3{font-size:23px;margin:8px 0}.lead{color:#657269;line-height:1.9;max-width:490px;font-size:15px}.hero img{width:100%;height:430px;object-fit:cover;border-radius:180px 180px 5px 5px}.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.muted{color:var(--muted);line-height:1.7}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#fff;border:1px solid var(--line);overflow:hidden}.product img{width:100%;height:285px;object-fit:cover;background:#f0eee7}.product .info{padding:22px}.product .row{display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-weight:700;font-size:16px}.tag{font-size:10px;letter-spacing:.12em;color:#7b886d}.feature{background:#e8ece3;padding:64px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature h3{font-size:20px}footer{padding:46px 0;background:#243a2d;color:#f5f4e9}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{color:#c3cec4}.overlay{position:fixed;inset:0;background:#101b15a8;z-index:10;display:none}.overlay.show{display:block}.drawer{position:fixed;z-index:11;right:0;top:0;bottom:0;width:min(470px,100%);background:#fff;padding:30px;overflow:auto;transform:translateX(105%);transition:transform .25s}.drawer.show{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center}.icon-btn{background:none;border:0;font-size:26px}.cart-line{display:grid;grid-template-columns:65px 1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-line img{width:65px;height:75px;object-fit:cover}.qty{display:flex;align-items:center;gap:14px;margin-top:12px}.qty button{border:1px solid var(--line);background:#fff;padding:4px 10px}.totals{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.between{display:flex;justify-content:space-between;gap:15px;margin:13px 0}.modal{position:fixed;z-index:12;inset:0;display:none;align-items:center;justify-content:center;padding:20px;overflow:auto;background:#111c15a9}.modal.show{display:flex}.modal-box{position:relative;background:#fff;width:min(740px,100%);max-height:94vh;overflow:auto;padding:38px}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:28px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe1d8;padding:13px;border-radius:3px;background:#fff;color:var(--ink)}.field textarea{min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.span2{grid-column:span 2}.notice{background:#f1f4ec;padding:17px;margin:18px 0;color:#536b55;line-height:1.7}.full{width:100%}.status{display:inline-block;padding:5px 9px;background:#e8eee5;color:#39543d;font-size:11px;text-transform:capitalize}.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#243a2d;color:white;padding:30px 20px}.sidebar .brand{margin-bottom:35px;display:block}.sidebar button{display:block;width:100%;text-align:left;padding:14px 15px;border:0;background:transparent;color:#d9e3d9;margin-bottom:5px;border-radius:4px}.sidebar button.active,.sidebar button:hover{background:#3a5844;color:white}.admin-main{padding:35px clamp(18px,4vw,60px);min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat,.panel{background:#fff;border:1px solid var(--line);padding:23px}.stat small{color:var(--muted)}.stat strong{font-size:28px;display:block;margin-top:12px}.panel{margin-top:23px;overflow:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:15px 10px;border-bottom:1px solid var(--line);font-size:12px}th{color:#77867a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td button{border:1px solid var(--line);background:#fff;padding:8px 11px;margin:2px}.actions{display:flex;gap:10px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hide{display:none!important}.mobile-admin-nav{display:none}.tiny{font-size:11px}.empty{padding:30px 0;color:var(--muted)}@media(max-width:850px){header{padding:0 20px;height:72px}nav{gap:12px}nav a:not(.keep){display:none}.hero{grid-template-columns:1fr;gap:25px;padding-top:42px}.hero img{height:330px}.products,.feature-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{padding:18px}.sidebar .brand{margin:0 0 15px}.sidebar button{display:inline-block;width:auto;margin:3px;padding:9px 11px}.admin-main{padding:22px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:540px){.hero img{height:285px}.products,.feature-grid,.form-grid,.split{grid-template-columns:1fr}.span2{grid-column:auto}.section{padding:52px 0}.product img{height:250px}.footer-row{display:block}.modal-box{padding:30px 20px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:23px}.section-head{display:block}}
/* V3 refinements */
.announcement{background:#294334;color:#f5f3e9;text-align:center;font-size:11px;letter-spacing:.13em;padding:10px 16px}.shop-tools{display:flex;gap:12px;justify-content:space-between;margin:0 0 23px}.shop-tools input,.shop-tools select{border:1px solid var(--line);padding:13px 16px;background:white;color:var(--ink);font:inherit}.shop-tools input{width:min(400px,65%)}.shop-tools select{max-width:220px}.compare{color:#99a49b;font-size:12px;font-weight:400;margin-left:7px}.product{transition:box-shadow .22s,transform .22s}.product:hover{box-shadow:0 15px 42px #243a2d12;transform:translateY(-3px)}.product .info h3{min-height:54px}.preview-banner{position:fixed;z-index:8;bottom:0;left:0;right:0;background:#eadfc6;color:#4a422e;text-align:center;font-size:11px;padding:10px 20px;box-shadow:0 -3px 12px #0001}.admin-main{background:#f5f6f1}.admin-top h2{font-size:36px}.stat{border-radius:8px}.stat strong{font-family:'DM Sans',sans-serif;font-weight:600}.panel{border-radius:8px}.sidebar{position:sticky;top:0;height:100vh}.sidebar button{transition:background .15s}.status{border-radius:3px;font-weight:700;letter-spacing:.03em}.status.paid,.status.delivered{background:#e4f2e5;color:#286a3c}.status.failed,.status.cancelled{background:#f9e8e3;color:#9b4535}.status.pending{background:#fbefd9;color:#9b6b19}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.admin-toolbar input,.admin-toolbar select{padding:12px;border:1px solid var(--line);background:white;min-width:160px}.product-cell{display:flex;align-items:center;gap:13px;min-width:210px}.product-cell img{width:52px;height:58px;object-fit:cover;background:#eaece5}.pill{font-size:11px;background:#f0f2ed;padding:5px 9px;color:#526858;white-space:nowrap}.pill.low{background:#fff0e6;color:#ad572b}.field-hint{font-size:11px;color:var(--muted)}.product-form-heading{font-size:14px;font-weight:700;border-bottom:1px solid var(--line);padding:0 0 10px;margin:18px 0}.mini{font-size:12px}.danger{color:#a24b3a}.order-filter{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.order-filter select,.order-filter input{border:1px solid var(--line);background:#fff;padding:11px}.empty-state{text-align:center;padding:48px 15px;color:var(--muted)}@media(max-width:850px){.sidebar{position:relative;height:auto}.sidebar button{font-size:12px}.admin-top{gap:14px;flex-wrap:wrap}}@media(max-width:540px){.shop-tools{flex-direction:column}.shop-tools input,.shop-tools select{width:100%;max-width:none}.product .info h3{min-height:0}.admin-main{padding:17px}.stat strong{font-size:21px}.admin-top h2{font-size:30px}.admin-toolbar input,.admin-toolbar select{width:100%}nav .keep{display:none}}

/* Editorial storefront V4 */
body{background:#faf9f5}header.site-header{height:78px}.site-header nav{gap:30px}.site-header nav a{transition:color .2s}.site-header nav a:hover,.site-header nav a.active{color:#b3935c}.site-header .brand{font-size:32px}.menu-toggle{display:none;background:none;border:0;padding:8px;color:var(--ink)}.site-footer{padding:64px 0 22px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:48px}.footer-columns a{display:block;margin:12px 0;color:#d2dcd2;font-size:13px}.footer-columns h4{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#fff}.footer-bottom{border-top:1px solid #ffffff30;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#d2dcd2;font-size:12px}.editorial-hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:64px;padding-bottom:76px}.editorial-hero h1{font-size:clamp(52px,5.5vw,86px);max-width:680px}.editorial-hero .hero-image{width:100%;height:520px;object-fit:cover;border-radius:240px 240px 6px 6px}.editorial-hero .lead{margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #a4ad9e;padding-bottom:6px;font-size:13px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0}.benefits div{display:flex;align-items:center;gap:12px;font-size:12px;color:#596a5e}.benefits svg{width:24px;height:24px;stroke:#8e9b80;stroke-width:1.5;fill:none}.section-intro{max-width:680px}.section-intro p{line-height:1.9}.image-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:90px;padding-bottom:90px}.image-story img{width:100%;height:520px;object-fit:cover;border-radius:5px}.image-story .copy{max-width:450px}.image-story .copy p{line-height:1.95;color:var(--muted);margin-bottom:25px}.quote-band{padding:90px 25px;text-align:center;background:#e8ebe2}.quote-band blockquote{max-width:820px;margin:0 auto;font:clamp(30px,4vw,53px)/1.35 'Playfair Display',serif}.page-heading{padding:78px 0 44px;text-align:center}.page-heading h1{font-size:clamp(44px,5vw,72px);margin:12px auto}.page-heading p{max-width:570px;margin:auto;line-height:1.8}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.editorial-tile{background:#fff}.editorial-tile img{width:100%;height:290px;object-fit:cover}.editorial-tile .tile-copy{padding:26px}.editorial-tile p{color:var(--muted);line-height:1.8}.page-content{max-width:850px;margin:auto;padding:30px 25px 100px}.page-content p{line-height:2;color:#627268}.faq-list{max-width:830px;margin:30px auto 100px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 3px}.faq-list summary{cursor:pointer;font:20px 'Playfair Display',serif;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font:25px 'DM Sans',sans-serif;color:#899a87}.faq-list details[open] summary:after{content:'−'}.faq-list p{line-height:1.9;color:var(--muted)}.contact-panel{max-width:900px;margin:10px auto 100px;background:#f0f1ea;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-panel p{line-height:1.9}.newsletter-strip{background:#e9eee5;padding:65px 25px;text-align:center}.newsletter-strip h2{margin:8px 0}.collection-banner{background:#e8ece3;padding:24px;text-align:center;color:#4e6552;font-size:12px;letter-spacing:.08em}.product{border-radius:3px}.product img{height:350px}.product .info{padding:24px}.product .info h3{font-size:24px}.product .info .row{align-items:flex-end}.product .info .secondary{padding:11px 14px;font-size:12px}.site-footer .brand{color:white}.crumbs{font-size:12px;color:#7d8a80;padding-top:26px}.crumbs a{text-decoration:underline;text-underline-offset:4px}.floating-top{position:fixed;bottom:22px;right:22px;z-index:4;background:#2d4838;color:#fff;border:0;padding:12px 15px;box-shadow:0 8px 24px #1e332025}.section-head .muted{max-width:350px}.site-header .bag-button{white-space:nowrap}.product .info h3{min-height:0}.product .info p{min-height:22px}.site-footer .footer-bottom a{color:#d2dcd2}
@media(max-width:850px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf9;flex-direction:column;align-items:stretch;padding:24px;box-shadow:0 15px 25px #243a2d15;gap:20px}.site-header nav.open{display:flex}.site-header nav a:not(.keep){display:block}.site-header nav .keep{display:block}.editorial-hero,.image-story{grid-template-columns:1fr;gap:28px}.editorial-hero{padding-top:40px}.editorial-hero .hero-image{height:440px}.footer-columns{grid-template-columns:1fr 1fr}.editorial-grid{grid-template-columns:1fr 1fr}.contact-panel{grid-template-columns:1fr}.benefits{grid-template-columns:1fr;gap:16px}}
@media(max-width:540px){.site-header{height:70px!important}.site-header .brand{font-size:29px}.editorial-hero{padding-bottom:45px}.editorial-hero h1{font-size:49px}.editorial-hero .hero-image{height:340px}.image-story img{height:350px}.image-story{padding-top:50px;padding-bottom:50px}.footer-columns{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{flex-direction:column}.editorial-grid{grid-template-columns:1fr}.contact-panel{padding:28px}.page-heading{padding:55px 0 25px}.product img{height:280px}.benefits{padding:20px 0}.quote-band{padding:60px 25px}}
