@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--paper:#f9f7f2;--ink:#171914;--green:#14392d;--gold:#c5a04a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{width:min(1190px,calc(100% - 64px));margin:auto}.header{background:#fdfcf9;position:sticky;top:0;z-index:30;border-bottom:1px solid #e9e7e2}.navwrap{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:30px}.brand{font-family:'Barlow Condensed',sans-serif;line-height:.83;font-size:30px;font-weight:800;white-space:nowrap;display:inline-flex;flex-direction:column}.brand small{font:700 9px 'DM Sans',sans-serif;text-align:center;letter-spacing:.34em;margin-top:7px}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:12px;letter-spacing:.1em;font-weight:700}.nav a:hover,.footer a:hover{color:#8b792e}.navicons{display:flex;gap:18px;font-size:22px}button{font:inherit;cursor:pointer}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.hero{min-height:490px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(18,22,17,.90),rgba(21,26,19,.61) 45%,rgba(0,0,0,.02) 78%),url('assets/hero-v7.jpg') right center/auto 100% no-repeat,#343d2e}.hero .wrap{padding:60px 0}.kicker{font-size:12px;letter-spacing:.33em;font-weight:700}.hero h1{font:700 clamp(57px,7vw,94px)/.97 'Libre Baskerville',Georgia,serif;margin:18px 0 18px;letter-spacing:-.065em;max-width:640px}.hero p{font:22px/1.4 'Libre Baskerville',Georgia,serif;max-width:520px}.cta{display:inline-block;background:var(--green);color:#fff;padding:15px 29px;letter-spacing:.15em;font-size:12px;font-weight:700;margin-top:18px;border:0}.cta:hover{background:#245740}.why{text-align:center;padding:55px 0 22px}.why h2,.section-title{font:400 clamp(28px,4vw,45px)/1.17 'Libre Baskerville',Georgia,serif;letter-spacing:-.065em;margin:12px 0}.why p{font:18px/1.5 'Libre Baskerville',Georgia,serif;margin:7px auto;max-width:750px}.features{display:grid;grid-template-columns:repeat(4,1fr);margin:35px auto 15px;gap:15px}.feature{text-align:center;font-size:11px;letter-spacing:.14em;font-weight:700}.feature .symbol{font-size:30px;margin-bottom:12px;display:block;color:var(--green)}.drop{display:grid;grid-template-columns:1fr repeat(3,1.05fr);align-items:start;gap:17px;padding-top:14px;padding-bottom:45px}.drop-intro{padding-top:5px}.drop-intro p{font:16px/1.5 'Libre Baskerville',Georgia,serif;max-width:230px}.drop-intro h2{font:400 48px/1.1 'Libre Baskerville',Georgia,serif;letter-spacing:-.07em;margin:10px 0}.product{text-align:center}.product img{height:195px;object-fit:contain;background:#efe8dc;padding:8px}.product h3{font:17px 'Libre Baskerville',Georgia,serif;margin:13px 0 3px}.product .price{font-size:13px}.limited{font-size:10px;letter-spacing:.28em;margin:10px auto}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:4px}.photo{position:relative;height:350px;overflow:hidden;background:#e9e3d7;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:contain;background:#e9e3d7}.photo span{position:absolute;left:30px;top:42%;color:#fff;font:700 clamp(24px,3.5vw,43px)/1.08 'Barlow Condensed',sans-serif;text-shadow:0 2px 10px #0009}.photo span.right{left:auto;right:20px;font:600 21px/1.23 'DM Sans',sans-serif;letter-spacing:.08em}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tile{height:178px;position:relative;overflow:hidden;background:#32352f}.tile img{height:100%;object-fit:cover}.tile strong{position:absolute;top:41%;left:20px;color:white;font-size:20px;font-weight:500;letter-spacing:.06em;text-shadow:0 2px 10px #000}.tile small{display:block;font-size:11px;letter-spacing:.2em;margin-top:10px}.footer{margin-top:45px;padding:40px 0;background:#18352b;color:white}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer p{font-size:13px;line-height:1.7;opacity:.8}.footer a{display:block;margin:12px 0;font-size:13px}.page-hero{height:310px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,#0f221bdf,#0c1c1866),url('assets/story-tile-v7.jpg') center/cover}.page-hero.shop-hero{background:linear-gradient(90deg,#11251cdb,#0c1c1866),url('assets/first-cut-cream-v7.jpg') center/cover}.page-hero.journal-hero{background:linear-gradient(90deg,#11251cdb,#0c1c1866),url('assets/journal-tile-v7.jpg') center/cover}.page-hero h1{font:400 clamp(38px,7vw,70px) 'Libre Baskerville',serif;margin:10px 0}.page-hero p{font:17px/1.5 'Libre Baskerville',serif}.content{padding:55px 0;max-width:830px}.content h2{font:30px 'Libre Baskerville',serif}.content p{line-height:1.9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:50px 0}.card{background:white;border:1px solid #eee}.card img{height:220px;object-fit:cover}.card-body{padding:23px}.card h2{font:24px 'Libre Baskerville',serif}.card p{font-size:14px;line-height:1.6}.article-list{max-width:800px;margin:55px auto}.article{padding:25px 0;border-bottom:1px solid #d8d6cf}.article h2{font:27px 'Libre Baskerville',serif}.notice{background:#efeee8;padding:25px;margin:20px 0;font-size:14px}.signup{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.signup input{padding:13px;border:1px solid #bdbdb7;min-width:240px;flex:1}.signup button{border:0;background:var(--green);color:#fff;padding:13px 22px}.subtle{color:#5a5e55;font-size:13px}.faq details{border-bottom:1px solid #dadbd5;padding:20px 0}.faq summary{cursor:pointer;font-weight:700}@media(max-width:900px){.drop{grid-template-columns:repeat(3,1fr)}.drop-intro{grid-column:1/-1}.product img{height:170px;object-fit:contain}.split{grid-template-columns:1fr}.nav{gap:16px}.hero{background-size:auto 100%}}@media(max-width:650px){.wrap{width:min(100% - 34px,1190px)}.navwrap{min-height:65px}.brand{font-size:23px}.brand small{font-size:7px}.menu-btn{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:18px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav.open{display:flex}.navicons{display:none}.hero{min-height:510px;background:linear-gradient(90deg,#122116e6,#14221899),url('assets/hero-v7.jpg') right center/auto 100% no-repeat}.hero h1{font-size:clamp(43px,11vw,65px)}.hero p{font-size:17px}.why{padding-top:36px}.why p{font-size:15px}.features{grid-template-columns:repeat(2,1fr);gap:22px}.drop{grid-template-columns:1fr 1fr}.product:last-child{grid-column:1/-1;max-width:50%;margin:auto}.product img{height:150px;object-fit:contain}.drop-intro h2{font-size:40px}.photo{height:265px}.tiles{grid-template-columns:1fr}.tile{height:175px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.cards{grid-template-columns:1fr}.page-hero{height:270px}}

/* Lifestyle photo fix: use original 508x285 and 609x285 image proportions.
   No fixed-height boxes, cropping, letterboxing, or side gaps. */
.split{grid-template-columns:508fr 609fr;gap:0;align-items:start}
.split .photo{display:block;height:auto;min-height:0;overflow:visible;background:transparent}
.split .photo img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;padding:0;background:transparent}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:0}}


/* Editorial refinement v2: natural-image lifestyle layout, no hard cropping. */
:root{--paper:#f8f5ee;--green:#17372c}
body{background:var(--paper)}
.hero{background-size:auto,auto 100%; background-position:center,right center}
.why{padding-top:50px;padding-bottom:28px}
.drop{gap:19px;padding-bottom:51px}
.product img{display:block;width:100%;height:auto;aspect-ratio:1.68;object-fit:contain;background:#e9e1d3;padding:0}
.product h3{margin-top:11px}
.split{grid-template-columns:508fr 609fr;gap:5px;align-items:start;background:var(--paper)}
.split .photo{position:relative;height:auto;aspect-ratio:auto;min-width:0;overflow:hidden;display:block;background:#302d25}
.split .photo img{width:100%;height:auto;object-fit:initial;display:block;background:transparent}
.split .photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.46),rgba(0,0,0,.03) 70%)}
.split .photo-golf::after{background:linear-gradient(270deg,rgba(0,0,0,.42),transparent 55%)}
.split .photo span{z-index:2;top:unset;bottom:19%;left:7%;font:700 clamp(20px,2.4vw,37px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:.015em;text-shadow:0 2px 8px #0009}
.split .photo span.right{top:40%;bottom:auto;left:auto;right:5%;font:600 clamp(13px,1.6vw,22px)/1.25 'DM Sans',sans-serif;text-align:left;letter-spacing:.085em}
.tiles .tile{height:auto;aspect-ratio:2.5;min-height:140px}
.tiles .tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.tiles .tile::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,#0001);pointer-events:none}
.tiles .tile strong{z-index:2;top:auto;bottom:18%;left:7%}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:5px}.split .photo span{font-size:clamp(27px,5vw,40px)}.split .photo span.right{font-size:clamp(18px,3vw,23px)}.product img{height:auto;aspect-ratio:1.68}}
@media(max-width:650px){.hero{background-position:center,right center}.product img{height:auto;aspect-ratio:1.68}.tiles .tile{min-height:195px}.split .photo{height:auto}.split .photo span{font-size:clamp(25px,6vw,38px)}.split .photo span.right{font-size:clamp(15px,3.7vw,20px)}}

/* v3: desktop picture layout corrected at source */
.hero{background-image:url('/assets/hero-wide-v7.jpg')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;min-height:490px}
.hero .wrap{width:min(1190px,calc(100% - 64px));padding:58px 0}
.hero h1{max-width:580px;font-size:clamp(50px,6vw,88px);letter-spacing:-.055em}
/* Cropped from the approved full-page reference, so the headings already exist in the photos. */
.split{display:grid;grid-template-columns:508fr 609fr;max-width:1200px;margin:0 auto;gap:4px;align-items:start;background:var(--paper)}
.split .photo{position:relative;overflow:hidden;height:auto;min-height:0;aspect-ratio:auto}
.split .photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.split .photo::after{display:none}
.split .photo span{display:none}
.tiles{max-width:1200px;margin:5px auto 0}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:4px}.split .photo{height:auto}.split .photo img{height:auto}.hero{background-position:57% center!important}}
@media (max-width:650px){.hero{min-height:480px;background-position:59% center!important}.hero .wrap{width:calc(100% - 38px)}.hero h1{font-size:clamp(40px,11vw,58px)}.tiles{grid-template-columns:1fr}}


/* v5 seam fix */
.split{gap:0!important;line-height:0!important;margin-bottom:0!important}.split .photo{line-height:0!important;margin:0!important}.split .photo img{display:block!important}.tiles{gap:0!important;margin:0 auto 0!important;line-height:0!important}.tile{margin:0!important}.tile img{display:block!important}.footer{margin-top:0!important}

/* v6: photo tile crops are clean; labels come from images only */
.tiles .tile{aspect-ratio:2.6;min-height:0}
.tiles .tile img{object-fit:cover;object-position:center}
.tiles .tile::after{display:none}


/* v7: fixed editorial tile presentation; no duplicate generated text. */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1200px;margin:0 auto;padding:0;line-height:normal}
.tiles .tile{display:block;position:relative;overflow:hidden;height:auto;min-height:0;aspect-ratio:auto;background:transparent;margin:0;padding:0}
.tiles .tile img{display:block;position:static;inset:auto;width:100%;height:auto;object-fit:contain;max-height:none}
.tiles .tile strong,.tiles .tile::after{display:none!important}
.split{margin:0 auto;padding:0;gap:0;line-height:0}
.split .photo{margin:0;padding:0;line-height:0;background:transparent}
.split .photo img{margin:0;padding:0;width:100%;height:auto;display:block;max-height:none}
@media(max-width:900px){.tiles{grid-template-columns:1fr;gap:0}.tiles .tile{aspect-ratio:auto;min-height:0}}

/* v8: unified editorial photography grid. Both rows have fully aligned edges.
   Images originate in a screenshot; very slight cropping is deliberate. */
.split, .tiles { width:min(1200px, 100%); max-width:1200px; margin:0 auto!important; padding:0!important; gap:0!important; }
.split { display:grid; grid-template-columns:46% 54%; height:auto; aspect-ratio: 1200 / 295; align-items:stretch!important; }
.split .photo { height:100%!important; min-height:0; overflow:hidden!important; position:relative; display:block!important; }
.split .photo img { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center; }
.tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); height:auto; aspect-ratio:1200 / 130; align-items:stretch; }
.tiles .tile { height:100%!important; min-height:0!important; width:100%; overflow:hidden!important; position:relative!important; display:block!important; }
.tiles .tile img { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center; }
.tiles .tile strong, .tiles .tile::after, .split .photo span { display:none!important; }
@media(max-width:900px){
  .split {grid-template-columns:1fr; height:auto; aspect-ratio:auto;}
  .split .photo {height:auto!important; aspect-ratio: 2 / 1;}
  .split .photo img{height:100%!important;}
  .tiles {grid-template-columns:1fr; height:auto; aspect-ratio:auto;}
  .tiles .tile{height:auto!important; aspect-ratio:3 / 1;}
}
