@font-face{font-family:Caveat;src:url('/assets/fonts/caveat.ttf') format('truetype');font-display:swap;font-weight:400 700}
@layer reference {
  :root{--ivory:#fbf8f0;--paper:#f7f2e6;--green:#073a26;--deep:#102b1a;--line:#e3dfd3;--muted:#5c6259}
  .topline{display:none}
  body{color:#121c16;background:var(--ivory)}
  h1,h2,h3{font-family:'Times New Roman',Times,serif;color:#0e1b13}
  .header{position:relative;backdrop-filter:none;background:var(--ivory);border:0}
  .header-inner{width:84%;max-width:1440px;min-height:clamp(78px,6.7vw,103px);gap:20px;position:relative}
  .logo{align-self:stretch;display:flex;align-items:center;position:relative;width:140px}
  .logo img{width:clamp(108px,9.5vw,148px);height:clamp(78px,6.7vw,103px);max-width:none;object-fit:contain;position:relative;z-index:2;transform:translateY(7px)}
  .desktop-nav{position:absolute;left:50%;transform:translateX(-50%);gap:35px}
  .desktop-nav a{font-family:'Times New Roman',Times,serif;font-weight:700;font-size:15px;color:#101510}
  .header-actions{margin-left:auto}
  .cart-open{color:#0e1510;font:700 15px 'Times New Roman',Times,serif;gap:10px}
  .cart-open svg{width:24px;height:24px}
  .cart-open b{min-width:18px;height:18px;font:10px Arial,sans-serif}
  .reference-hero{position:relative;background:#14331f;isolation:isolate;color:#fffdf5}
  .hero-desktop-photo{position:absolute;inset:0;background:url('/assets/editorial/reference-hero-desktop-v2.webp') center -8px/110% auto no-repeat;z-index:-1}
  .hero-inner{width:100%;max-width:1600px;margin:auto;height:clamp(460px,41.86vw,670px);min-height:0;display:block;padding-left:9.5%;padding-right:5.4%;position:relative}
  .hero-copy{width:49%;padding:4.3vw 0 25px;max-width:650px;text-align:left}
  .hero-copy>.eyebrow{font-size:clamp(9px,.89vw,12px);font-family:Arial,sans-serif;font-weight:500;letter-spacing:.36em;color:#fffdf5;margin-bottom:20px;white-space:nowrap;display:flex;align-items:center;gap:20px}
  .hero-copy>.eyebrow:after{content:'';display:inline-block;width:44px;height:1px;background:#fbf8e7}
  .hero h1{font-family:'Times New Roman',Times,serif;font-weight:700;font-style:normal;font-size:clamp(69px,7.2vw,111px);line-height:.8;letter-spacing:-.038em;color:#fffdf5;margin:0;text-shadow:0 1px 3px #0004}
  .hero-copy p{font-size:clamp(16px,1.8vw,26px);font-family:Arial,sans-serif;font-weight:400;line-height:1.28;color:#fffdf5;margin:20px 0 17px;letter-spacing:0}
  .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .hero-actions .button{margin:0;background:#faf6e9;border:0;color:#071e11;border-radius:10px;min-height:50px;line-height:1.1;padding:12px 28px;gap:18px;font:700 clamp(15px,1.52vw,22px) 'Times New Roman',Times,serif}
  .hero-actions .button:hover{background:#fffbed;transform:none}
  .hero-actions .button svg{width:29px;height:29px;color:#07892c;fill:#07892c;stroke:#fff;stroke-width:1.3}
  .hero-actions .text-button{font:400 clamp(12px,1.32vw,18px) Arial,sans-serif;line-height:1.2;gap:9px;width:max-content;max-width:100%;padding-bottom:5px;border-bottom:1px solid #f0efe1;color:#fffdf5}
  .hero-actions .text-button svg{width:20px;height:20px}
  .hero-script{top:11%;right:10.5%;font:500 clamp(23px,2.8vw,42px)/.78 Caveat,'Segoe Print',cursive;transform:rotate(-10deg);color:#fffdf4;text-align:center;letter-spacing:-.03em;z-index:2}
  .hero-script:after{content:'';display:block;width:110px;height:1px;background:#f5f3e5;transform:rotate(-3deg);margin:12px auto 0}
  .hero-mobile-stage{display:none}
  .reference-reassurance{background:#f7f3e7;border:0}
  .reference-reassurance>.container{display:grid;grid-template-columns:1fr 1fr;width:73%;max-width:1250px;padding:0;min-height:clamp(50px,4.45vw,68px);gap:0;align-items:center}
  .reference-reassurance span{font-family:'Times New Roman',Times,serif;font-weight:700;font-size:clamp(12px,1.3vw,18px);justify-content:center;gap:17px;color:#0d2015;padding:0 20px}
  .reference-reassurance span+span{border-left:1px solid #a6ac9e}
  .reference-reassurance svg{width:29px;height:29px;stroke-width:1.35}
  .home-collection{position:relative;background:var(--ivory) url('/assets/editorial/reference-botanical-edges.webp') center bottom/100% auto no-repeat;padding:24px 0 22px;isolation:isolate}
  .home-collection-heading{position:relative;width:100%;text-align:center;margin-bottom:17px}
  .home-collection h2{font:700 clamp(27px,2.8vw,40px)/1.08 'Times New Roman',Times,serif;letter-spacing:-.035em;margin:0 auto;color:#0c1c13}
  .home-collection h2:after{content:'';display:block;height:1px;width:35px;background:#365c40;margin:7px auto 0}
  .home-collection-heading>.text-link{position:absolute;right:4.2%;top:0;font:700 12px Arial,sans-serif;gap:7px;color:#0a1d13;padding:7px 0 3px;border-color:#607766}
  .home-collection-heading>.text-link svg{width:17px;height:17px}
  .home-products{width:76.5%;max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
  .home-product{position:relative;border:1px solid #e4dfd3;border-radius:10px;background:#fbf8f1;overflow:hidden;display:flex;flex-direction:column;padding:9px 26px 10px;min-width:0}
  .home-product-image{height:clamp(126px,12.7vw,190px);display:flex;align-items:center;justify-content:center;min-width:0}
  .home-product-image>img{height:100%;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
  .home-product-copy{text-align:center;position:relative}
  .home-product h3{font:700 clamp(15px,1.55vw,22px)/1.1 'Times New Roman',Times,serif;letter-spacing:-.025em;margin:3px -12px 0;white-space:nowrap}
  .home-price{display:none}
  .home-product-action{display:flex;align-items:center;justify-content:center;border:1px solid #002f1b;background:#003b22;color:#fffef8;border-radius:25px;min-height:31px;font:13px Arial,sans-serif;padding:5px 10px;margin-top:8px}
  .home-product-action:hover{background:#155a35}
  .home-row-arrow{display:none}
  .section-heading h2,.story-copy h2,.steps h3,.contact-band h2{font-family:'Times New Roman',Times,serif;font-weight:700;letter-spacing:-.025em}
  .product-copy h3,.detail-copy h1,.page-heading h1{font-family:'Times New Roman',Times,serif;font-weight:700}
  .product-card{background:#fdfaf4;border-color:#e3dfd3;border-radius:9px}
  .product-picture{background:#fdfaf4}
  .product-picture img{mix-blend-mode:multiply}
  .cart-header h2{color:#0a2716}
  #order-form label{display:block}
  #order-form label input,#order-form label textarea{display:block;margin-top:7px}
  .mobile-order{font-family:Arial,sans-serif}
  @media(min-width:1600px){.hero-copy{padding-top:65px}.hero h1{font-size:111px}.hero-copy>.eyebrow{margin-bottom:28px}.hero-copy p{margin:32px 0 28px}.home-collection{padding-top:33px}}
  @media(min-width:761px) and (max-width:1000px){.hero-copy{padding-top:35px}.hero h1{font-size:6.8vw;line-height:.85}.hero-copy p{font-size:17px}.hero-inner{height:475px}.hero-desktop-photo{background-size:auto 100%;background-position:center}.hero-actions .button{font-size:15px;padding:11px 19px;gap:10px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.26em;gap:12px}.hero-copy>.eyebrow:after{width:25px}.hero-script{right:8%;font-size:25px}.home-products{width:84%;gap:16px}.home-product{padding:9px 17px 10px}.home-product h3{font-size:15px}.home-collection-heading>.text-link{font-size:10px;right:3%}}
  @media(max-width:760px){
    .header{position:relative}
    .header-inner{min-height:60px;width:calc(100% - 35px);gap:15px}
    .logo{width:100px}
    .logo img{width:100px;height:60px;transform:none}
    .desktop-nav{display:none}
    .header-actions{gap:4px}
    .cart-open{display:none}
    .menu-button{width:32px;height:34px;padding:6px 2px;display:block}
    .menu-button span{height:1.5px;margin:5px 0;background:#162a20}
    .menu-button:after{content:'';display:block;height:1.5px;background:#162a20;margin-top:5px}
    .reference-hero{background:#102e1c;isolation:isolate}
    .reference-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/editorial/reference-hero-mobile.webp') center bottom/cover no-repeat}
    .hero-desktop-photo{display:none}
    .hero-inner{height:auto;min-height:0;display:block;width:100%;max-width:500px;padding:31px 23px 27px;margin:auto}
    .hero-copy{width:100%;max-width:none;padding:0;text-align:center}
    .hero-copy>.eyebrow{display:block;font:500 8px Arial,sans-serif;letter-spacing:.35em;margin-bottom:13px;white-space:nowrap}
    .hero-copy>.eyebrow:after{display:none}
    .hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,12.5vw,58px);font-weight:700;line-height:.88;letter-spacing:-.045em;color:#fffdf5;text-align:center}
    .hero-copy p{font-family:Arial,sans-serif;font-size:clamp(14px,4.55vw,19px);line-height:1.18;max-width:360px;margin:14px auto 0;color:#fffdf5}
    .desktop-break{display:inline}
    .hero-mobile-stage{position:relative;display:flex;justify-content:center;height:clamp(220px,68vw,285px);margin:4px -23px 0;overflow:hidden}
    .hero-mobile-stage img{height:100%;width:auto;object-fit:contain;max-width:100%;filter:drop-shadow(0 7px 9px #0004)}
    .hero-script{font:500 clamp(22px,7vw,31px)/.79 Caveat,'Segoe Print',cursive;top:auto;bottom:151px;right:7%;transform:rotate(-11deg);width:120px;letter-spacing:-.025em}
    .hero-script:after{width:83px;height:1px;margin:8px auto 0}
    .hero-actions{align-items:center;gap:15px;margin-top:-4px;position:relative;z-index:3}
    .hero-actions .button{width:100%;max-width:380px;font:700 clamp(14px,4.3vw,18px) 'Times New Roman',Times,serif;min-height:44px;padding:9px 12px;gap:12px;border-radius:8px}
    .hero-actions .button svg{width:27px;height:27px}
    .hero-actions .text-button{font:400 12px Arial,sans-serif;margin:0;gap:7px;padding-bottom:2px}
    .hero-actions .text-button svg{width:16px;height:16px}
    .reference-reassurance>.container{width:100%;min-height:42px;grid-template-columns:1fr 1fr;gap:0;padding:0}
    .reference-reassurance span{display:flex!important;font:500 8px Arial,sans-serif;gap:7px;padding:0 8px;min-height:24px;white-space:nowrap}
    .reference-reassurance span+span{border-left:1px solid #a6ac9e}
    .reference-reassurance svg{width:24px;height:24px;stroke-width:1.4}
    .home-collection{padding:17px 10px 25px;background-image:none}
    .home-collection-heading{margin-bottom:11px}
    .home-collection h2{font-size:26px;line-height:1.1}
    .home-collection h2:after{margin:5px auto 0;width:29px}
    .home-collection-heading>.text-link{display:none}
    .home-products{display:flex;flex-direction:column;gap:11px;width:100%;margin:auto;max-width:490px}
    .home-product{display:grid;grid-template-columns:80px minmax(0,1fr) 15px;gap:11px;align-items:center;border-radius:9px;padding:8px 14px 8px 9px;min-height:84px;background:#fbf8f1}
    .home-product-image{height:65px;width:80px}
    .home-product-image img{height:100%;max-width:100%;padding:0}
    .home-product-copy{text-align:left}
    .home-product h3{font:600 12px/1.2 Arial,sans-serif;letter-spacing:-.025em;white-space:normal;margin:0;color:#0b1710}
    .home-price{font-size:9px;margin:7px 0 0;line-height:1.2}
    .home-product-action{display:none}
    .home-row-arrow{display:block}
    .home-row-arrow svg{width:16px;height:16px}
    .home-row-arrow svg path{d:path('m9 5 7 7-7 7')}
    .mobile-order{min-height:47px;inset:auto 10px 19px;background:#078625;border:1px solid #00751e;border-radius:8px;box-shadow:0 0 0 10px #fbf8f0c9;font:600 14px Arial,sans-serif;gap:10px;padding:8px 12px}
    .mobile-order svg{width:28px;height:28px;stroke-width:1.6}
    .mobile-order b{font-size:9px;min-width:18px;height:18px}
    .story-section{padding-top:30px}
    .footer{padding-bottom:89px}
    .product-grid{gap:13px}
    .product-copy h3{font-size:21px}
    .detail-copy h1{font-size:41px}
  }
  @media(max-width:350px){
    .hero-inner{padding:30px 20px 25px}
    .hero-copy>.eyebrow{font-size:7px;letter-spacing:.34em}
    .hero h1{font-size:41px;line-height:.88}
    .hero-copy p{font-size:15px}
    .hero-mobile-stage{height:230px;margin-left:-20px;margin-right:-20px}
    .hero-script{font-size:23px;right:4%;bottom:142px}
    .hero-actions .button{font-size:14px}
    .hero-actions .text-button{font-size:11px}
    .reference-reassurance span{font-size:7px;gap:6px;padding:0 5px}
    .reference-reassurance svg{width:21px;height:21px}
    .home-product{grid-template-columns:68px minmax(0,1fr) 14px;gap:8px;padding-right:10px}
    .home-product-image{width:68px}
    .home-product h3{font-size:11px}
    .mobile-order{font-size:12px}
  }
}
