@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--green:#173423;--cream:#f5f0e6;--ink:#152219;--paper:#f4f0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif;background:var(--paper)}.site-header{height:102px;background:rgba(250,248,242,.96);display:flex;align-items:center;padding:10px 7%;gap:42px;position:relative;z-index:5}.brand{color:var(--ink);text-decoration:none;text-align:center;line-height:1}.brand strong{font-size:31px;letter-spacing:3px}.brand span{display:block;font-size:18px;letter-spacing:8px;margin-top:4px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:9px}.site-header nav{display:flex;gap:31px;margin-left:auto}.site-header nav a{color:#111;text-decoration:none;font-size:14px;padding:8px 0}.site-header nav a.active{border-bottom:2px solid}.social{font-family:Arial;font-weight:700;white-space:nowrap}.age{border:2px solid;border-radius:50%;padding:7px 5px}.menu{display:none;margin-left:auto;background:none;border:0;font-size:25px}.hero{min-height:410px;background:url('assets/orchard-hero.jpg') center 56%/cover no-repeat;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,235,.4),rgba(255,250,235,.62) 48%,rgba(255,250,235,.22))}.hero-copy{position:relative;z-index:2;max-width:760px;padding:30px 20px}.hero h1{font-size:62px;letter-spacing:2px;margin:0}.kicker{font-size:18px;letter-spacing:5px;margin:2px 0 9px}.heart{font-size:23px;margin:8px}.hero-copy>p:not(.kicker){font:18px/1.45 Arial,sans-serif}.btn{display:inline-block;padding:14px 34px;letter-spacing:1.5px;font:14px Arial,sans-serif;cursor:pointer}.primary{background:var(--green);color:#fff;border:1px solid #ddd;text-decoration:none}.coming{display:block;margin-top:14px;font:15px Arial,sans-serif}.scribble{position:absolute;right:7%;top:42px;z-index:2;font-family:'Segoe Script','Brush Script MT',cursive;font-size:32px;transform:rotate(-7deg)}.scribble span{margin-left:25px}.journey{display:grid;grid-template-columns:repeat(4,1fr);height:286px}.journey article{position:relative;background:var(--img) center/cover no-repeat;overflow:hidden}.journey article:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.58))}.journey article div{position:absolute;z-index:2;left:0;right:0;bottom:18px;text-align:center;color:white}.journey em{display:block;font-family:'Segoe Script','Brush Script MT',cursive;font-size:42px}.journey span{font-size:13px;letter-spacing:2px}.paper{background-color:#f4f0e7;background-image:radial-gradient(#d8d1c5 0.6px,transparent .6px);background-size:7px 7px}.info{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 9% 42px}.info article{padding:0 46px;border-right:1px solid #d8d0c3}.info article:last-child{border:0}.info h2{font-size:32px;margin:0 0 12px}.info p{font:16px/1.5 Arial,sans-serif}.outline{background:transparent;border:1px solid var(--green);color:var(--ink);margin-top:8px}.info form{display:flex;margin-top:12px}.info input{min-width:0;flex:1;padding:13px;border:1px solid #bbb;font-size:14px}.info form .btn{padding:13px 25px}.info small{display:block;margin-top:12px;font:12px Arial}.message{font-weight:bold}footer{background:var(--green);color:white;min-height:90px;padding:20px 7%;display:flex;align-items:center;justify-content:space-between;font:13px Arial,sans-serif}.footer-brand{font:26px Georgia;letter-spacing:2px}.footer-brand span{font-size:15px;letter-spacing:7px}dialog{max-width:680px;border:0;padding:40px 45px;background:var(--paper);box-shadow:0 20px 80px #0008;color:var(--ink)}dialog::backdrop{background:#102217aa}dialog h2{font-size:38px;margin-top:0}dialog p{font:17px/1.6 Arial,sans-serif}dialog img{width:100%;max-height:360px;object-fit:cover}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:32px;cursor:pointer}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;gap:8px}.site-header nav.open{display:flex}.menu{display:block}.social{display:none}.hero h1{font-size:46px}.kicker{font-size:14px;letter-spacing:3px}.journey{grid-template-columns:1fr 1fr;height:auto}.journey article{height:260px}.info{grid-template-columns:1fr;padding:30px 8%}.info article{border-right:0;border-bottom:1px solid #d8d0c3;padding:24px 0}.info article:last-child{border:0}.scribble{display:none}footer{gap:20px;flex-wrap:wrap}}@media(max-width:600px){.site-header{height:88px;padding:8px 5%}.brand strong{font-size:24px}.brand span{font-size:14px}.hero{min-height:430px}.hero h1{font-size:38px}.hero-copy>p:not(.kicker){font-size:16px}.journey{grid-template-columns:1fr}.journey article{height:240px}.info form{display:block}.info input,.info form .btn{width:100%}.info form .btn{margin-top:8px}footer{display:block;text-align:center}footer>*{margin:12px 0}}

/* Mobile refinements */
@media(max-width:600px){
  body{overflow-x:hidden}
  .site-header{position:sticky;top:0;z-index:20;box-shadow:0 1px 10px rgba(0,0,0,.08)}
  .site-header nav{top:88px;max-height:calc(100vh - 88px);overflow:auto}
  .site-header nav a{font-size:16px;padding:12px 4px}
  .brand{max-width:245px;text-align:left}
  .brand strong{font-size:22px;letter-spacing:2px}
  .brand span{font-size:12px;letter-spacing:6px}
  .brand small{font-size:6px;letter-spacing:.8px;white-space:nowrap}
  .menu{font-size:30px;padding:10px;line-height:1}
  .hero{min-height:calc(100svh - 88px);background-position:center center}
  .hero-shade{background:rgba(250,245,230,.48)}
  .hero-copy{padding:38px 18px;max-width:100%}
  .hero h1{font-size:clamp(34px,10vw,44px);line-height:1.02;letter-spacing:1px}
  .kicker{font-size:12px;line-height:1.6;letter-spacing:2.4px;margin-top:10px}
  .hero-copy>p:not(.kicker){font-size:16px;line-height:1.55}
  .btn{min-height:46px;padding:14px 24px}
  .journey article{height:56vw;min-height:220px;max-height:310px}
  .journey em{font-size:38px}
  .info{padding:18px 6% 28px}
  .info article{padding:28px 0}
  .info h2{font-size:30px}
  .info p{font-size:16px}
  dialog{width:calc(100% - 28px);max-height:88vh;overflow:auto;padding:34px 22px 26px}
  dialog h2{font-size:32px}
  dialog p{font-size:16px}
  footer{padding:26px 7%;line-height:1.6}
}

/* Language switch */
.lang-switch{display:flex;align-items:center;gap:5px;margin-left:2px;font-family:Arial,sans-serif}.lang-switch button{border:1px solid var(--green);background:transparent;color:var(--green);padding:7px 9px;font-size:11px;letter-spacing:1px;cursor:pointer}.lang-switch button.active{background:var(--green);color:#fff}.lang-switch button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:1000px){.lang-switch{margin-left:auto}.menu{margin-left:8px}.site-header nav{top:88px}.site-header nav .mobile-lang{display:none}}
@media(max-width:600px){.lang-switch button{padding:6px 7px}.brand small{font-size:6px;letter-spacing:1px}.brand strong{font-size:22px}}

/* Final mobile homepage polish */
.brand strong{display:block}.brand span{font-style:italic;letter-spacing:1px;font-size:21px}
.hero h1 span{font-family:'Segoe Script','Brush Script MT',cursive;font-weight:400;font-size:.78em}
.journey article{border-right:3px solid rgba(255,255,255,.9)}.journey article:last-child{border-right:0}
.journey article div{padding:0 12px;text-shadow:0 2px 8px rgba(0,0,0,.75)}
@media(max-width:600px){
 .site-header{gap:8px}.brand{flex:1;min-width:0}.brand small{display:none}.lang-switch{flex:0 0 auto}.menu{flex:0 0 auto}
 .hero{min-height:620px;background-position:53% center}.hero-shade{background:linear-gradient(rgba(247,241,225,.58),rgba(247,241,225,.42))}
 .hero-copy{padding:46px 20px}.hero h1{font-size:44px}.hero h1 span{display:block;font-size:34px;margin-top:2px}
 .kicker{font-size:11px;letter-spacing:2px;max-width:330px;margin:12px auto 10px}
 .coming{font-family:Georgia,serif;font-size:17px}
 .journey{display:block}.journey article{height:68vw;min-height:260px;max-height:360px;border-right:0;border-bottom:4px solid var(--paper)}
 .journey em{font-size:44px}.journey span{font-size:12px}
 .info{text-align:center}.info form{text-align:left}.info small{text-align:center}
 .footer-brand span{font-style:italic;letter-spacing:1px;font-size:18px}
}

/* Final locked journey artwork: show the complete finished images; no extra HTML overlays */
.journey article{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f4f0e7}
.journey article:after{display:none}

/* Final four-panel journey row: equal landscape panels, artwork unchanged */
.journey{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  height:286px;
  gap:0;
}
.journey article{
  height:286px;
  min-height:0;
  max-height:none;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-color:var(--paper);
  border-right:3px solid rgba(255,255,255,.9);
}
.journey article:last-child{border-right:0}
.journey article:after,.journey article>div{display:none!important}
@media(max-width:1000px){
  .journey{grid-template-columns:repeat(2,1fr);height:auto}
  .journey article{height:260px}
}
@media(max-width:600px){
  .journey{grid-template-columns:1fr}
  .journey article{height:240px;border-right:0;border-bottom:4px solid var(--paper)}
}


/* Final approved corrections: Flowers and Cider untouched. Soil and Apples use the top of their original artwork and matching captions. */
.journey .journey-soil,
.journey .journey-apples{background-position:center top}
.journey .journey-soil>div.journey-caption,
.journey .journey-apples>div.journey-caption{
 display:block!important;position:absolute;z-index:3;left:0;right:0;bottom:12px;
 padding:0 10px;text-align:center;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.72)
}
.journey .journey-caption em{display:block;font-family:'Segoe Script','Brush Script MT',cursive;font-size:36px;line-height:1;font-style:normal;font-weight:400}
.journey .journey-caption span{display:block;margin-top:5px;font-family:Georgia,'Times New Roman',serif;font-size:11px;letter-spacing:1.8px;line-height:1.1}
.journey .journey-caption b{display:block;margin-top:6px;font-family:Georgia,'Times New Roman',serif;font-size:12px;letter-spacing:5px;font-weight:400}
@media(max-width:600px){.journey .journey-caption em{font-size:34px}}

/* Use the complete original MARRY ME proposal photograph so no part of the Y is lost. */
.journey .journey-flowers{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#6f8d43}
.journey .journey-flowers>div.journey-caption{display:block!important;position:absolute;z-index:2;left:0;right:0;bottom:14px;text-align:center;color:#fff;padding:0 12px;text-shadow:0 2px 8px rgba(0,0,0,.75)}
.journey .journey-flowers:after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.42))}

/* Final Flowers adjustment: preserve original photo colours and full-width fill; shift photo upward visually so MARRY ME stays clear of caption. */
.journey .journey-flowers{background-size:cover;background-position:center 72%;}

/* LOCKED 26 Sep 2026: approved four-panel artwork */
.journey article{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.journey article>div,.journey article:after{display:none!important}

/* Requested hero-copy colour adjustment only: slightly darker text */
.hero .kicker,
.hero .heart,
.hero-copy > p:not(.kicker){color:#0b160f;}

/* Requested change: bolder hero introductory text only. */
.hero .kicker,
.hero .heart,
.hero-copy > p:not(.kicker){font-weight:700;}

/* Requested adjustment only: move the complete hero content block 20mm left. */
.hero-copy{transform:translateX(-20mm);}

/* Approved hero wording + typography only. No layout/image changes. */
.hero .kicker{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:3.2px;}
.hero-copy>p:not(.kicker){font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;}
.hero-copy .hero-lead{font-weight:600;font-style:italic;}
.hero-copy .hero-story{font-weight:500;font-style:italic;}
.hero-copy .hero-close{font-weight:500;font-style:normal;}
.hero-copy .hero-close strong{font-weight:600;}

/* Requested adjustment only: enlarge the approved hero wording. */
.hero .kicker{font-size:22px;}
.hero-copy>p:not(.kicker){font-size:21px;line-height:1.5;}
@media(max-width:600px){
  .hero .kicker{font-size:17px;}
  .hero-copy>p:not(.kicker){font-size:18px;line-height:1.5;}
}

/* 27 Sep 2026: show more sky by moving the hero photograph DOWN 25mm. */
.hero{background-position:53% calc(50% - 25mm)!important;}
@media(max-width:600px){.hero{background-position:center calc(50% - 25mm)!important;}}

/* 28 Sep 2026: flowers panel crop only — shift the exact supplied image slightly left in the frame so the full Y in MARRY remains visible. */
.journey article.journey-flowers{background-position:58% center!important;}

/* FIX ONLY: Photo 2 exact original + caption */
.journey .journey-flowers{
  background-image:var(--img)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
  overflow:hidden!important;
}
.journey .journey-flowers .flowers-caption{
  display:block!important;
  position:absolute!important;
  z-index:20!important;
  left:0!important; right:0!important; bottom:8px!important;
  text-align:center!important; color:#fff!important;
  text-shadow:0 2px 6px rgba(0,0,0,.75)!important;
}
.journey .journey-flowers .flowers-caption em{
  display:block!important;
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:31px!important; line-height:1!important;
  font-style:normal!important; font-weight:400!important;
}
.journey .journey-flowers .flowers-caption span{
  display:block!important; margin-top:5px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:11px!important; line-height:1.1!important;
  font-weight:700!important; letter-spacing:1.8px!important;
}
.journey .journey-flowers .flowers-caption b{
  display:block!important; margin-top:6px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:12px!important; font-weight:400!important; letter-spacing:4px!important;
}

/* 28 Sep 2026 — ONLY change requested: scale back panel 2 so the full MARRY ME is visible. */
.journey .journey-flowers{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}


/* 29 Sep 2026 — journey panels only.
   Exact supplied photos 1–3; panel 4 preserved.
   Captions 1–3 share one identical bottom position.
   No daisy/side-line decoration. */
.journey .journey-soil,
.journey .journey-flowers,
.journey .journey-apples{
  background-image:var(--img)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative!important;
  overflow:hidden!important;
}
.journey .panel-caption{
  display:block!important;
  position:absolute!important;
  z-index:20!important;
  left:0!important;
  right:0!important;
  bottom:35px!important;
  padding:0 10px!important;
  text-align:center!important;
  color:#fff!important;
  text-shadow:0 2px 6px rgba(0,0,0,.75)!important;
}
.journey .panel-caption em{
  display:block!important;
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:31px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:400!important;
}
.journey .panel-caption span{
  display:block!important;
  margin-top:5px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:1.8px!important;
}

/* Language-only photo 4 wording swap */
/* Photo 4 only */
.journey .journey-cider{
    background-size:cover!important;
    background-position:78% 25%!important;
    background-repeat:no-repeat!important;
}
/* MOBILE HERO ONLY — desktop unchanged */
@media (max-width:600px){

  .hero{
    min-height:520px;
    background-position:center center!important;
  }

  .hero-copy{
    transform:none!important;
    padding:28px 18px 30px;
    max-width:100%;
  }

  .hero h1{
    font-size:40px;
    line-height:1;
  }

  .hero h1 span{
    font-size:30px;
  }

  .hero .kicker{
    font-size:14px;
    line-height:1.35;
    letter-spacing:2px;
    max-width:330px;
    margin:10px auto;
  }

  .hero-copy>p:not(.kicker){
    font-size:17px;
    line-height:1.4;
    margin:10px auto 14px;
  }

  .hero .btn{
    padding:13px 24px;
    min-height:44px;
  }

  .hero .coming{
    margin-top:10px;
    font-size:16px;
  }
}
/* Centre photo 4 on mobile */
@media (max-width:600px){
  .journey .journey-cider{
    background-position:center center!important;
    background-size:cover!important;
  }
}
/* Approved green and white homepage — 2 October 2026 */
.site-header{background:#173423;color:#fff;}
.site-header .brand,.site-header nav a,.site-header .menu,.site-header .social{color:#fff;}
.site-header nav a.active{border-bottom-color:#fff;}
.lang-switch button{border-color:#fff;color:#fff;}
.lang-switch button.active{background:#fff;color:#173423;}
.lang-switch button:focus-visible{outline-color:#fff;}
.hero{background-image:url('assets/orchard-hero-green.jpg');color:#fff;}
.hero-shade{background:transparent;}
.hero h1,.hero .kicker,.hero .heart,.hero-copy>p:not(.kicker),.hero .coming,.hero .scribble,.hero .primary{color:#fff;}
.journey article{border-right:2px solid #173423;}
.journey article:last-child{border-right:0;}
@media(max-width:1000px){
 .site-header nav{background:#173423;}
 .journey article:nth-child(2n){border-right:0;}
 .journey article{border-bottom:2px solid #173423;}
}
@media(max-width:600px){
 .hero-shade{background:transparent;}
 .journey article{border-right:0;border-bottom:2px solid #173423;}
 .journey article:last-child{border-bottom:0;}
}

/* Our Ciders product page */
.ciders-page{max-width:1300px;margin:auto;display:grid;grid-template-columns:42% 58%;align-items:center;padding:30px 5% 45px;background:#fbf5e8;gap:25px;}
body:has(.ciders-page){background:#fbf5e8;}
.ciders-product-image img{display:block;width:100%;max-height:720px;object-fit:contain;}
.ciders-copy{padding:15px 20px 25px;color:#173423;}
.ciders-copy h1{font-size:clamp(44px,6vw,80px);margin:0;line-height:1.1;}
.ciders-copy h2{font-size:clamp(40px,5vw,65px);margin:48px 0 0;}
.ciders-intro{font-size:25px;margin:10px 0;}
.ciders-style{font-size:clamp(25px,3vw,38px);margin:5px 0 20px;}
.ciders-flower{color:#a7882b;font-size:26px;letter-spacing:10px;}
.ciders-description{font-size:25px;line-height:1.45;max-width:550px;}
.ciders-status{display:inline-block;border:2px solid #173423;border-radius:60px;padding:16px 35px;font-size:28px;letter-spacing:2px;}
.ciders-news{font-size:18px;line-height:1.5;}
.ciders-copy .btn{border-radius:40px;padding:17px 35px;}
@media(max-width:700px){.ciders-page{grid-template-columns:1fr;padding:25px 6%;gap:0;}.ciders-product-image img{height:420px;}.ciders-copy{text-align:center;padding:20px 0;}.ciders-copy h2{margin-top:30px;}.ciders-description{font-size:21px;}.ciders-intro{font-size:21px;}.ciders-status{font-size:23px;}}

/* Responsive product layout correction */
.ciders-page{width:100%;grid-template-columns:minmax(0,42fr) minmax(0,58fr);}
.ciders-product-image,.ciders-copy{min-width:0;}
.ciders-copy .btn{max-width:100%;white-space:normal;line-height:1.4;}
@media(max-width:1000px){
 .ciders-page{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 6% 35px;}
 .ciders-product-image img{height:380px;max-width:100%;}
 .ciders-copy{text-align:center;padding:15px 0;}
 .ciders-copy h1{font-size:44px;}
 .ciders-copy h2{font-size:40px;margin-top:28px;}
 .ciders-style{font-size:27px;line-height:1.2;}
 .ciders-intro{font-size:21px;}
 .ciders-description{font-size:21px;margin:20px auto;}
 .ciders-status{font-size:22px;padding:14px 24px;max-width:100%;}
}
@media(max-width:400px){
 .ciders-product-image img{height:320px;}
 .ciders-copy h1{font-size:38px;}
 .ciders-copy h2{font-size:36px;}
 .ciders-style{font-size:24px;}
 .ciders-copy .btn{padding:15px 20px;font-size:13px;}
}

/* Move the hero title and tagline down 15 mm. */
.hero h1,.hero .kicker{position:relative;top:15mm;}

/* Lower the hero handwritten message by 30 mm. */
.hero .scribble{top:calc(42px + 30mm);}

/* Give the handwritten hero message more space from the main title. */
.hero .scribble{right:3%;}