:root{
  --green:#245f3b;
  --green-dark:#17492d;
  --green-soft:#dfeadf;
  --paper:#fff;
  --cream:#f5f3ec;
  --ink:#101010;
  --muted:#5b645d;
  --line:rgba(36,95,59,.26);
  --shadow:0 16px 38px rgba(18,48,31,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#f4f6f0 url("assets/98-bliss-pattern.png") repeat;background-size:430px 430px;background-attachment:fixed}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.section-shell{padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px)}

/* Header */
.site-header{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:10px clamp(22px,4vw,56px);position:sticky;top:0;z-index:50;background:rgba(246,248,243,.92);backdrop-filter:blur(13px);border-bottom:1px solid rgba(36,95,59,.12)}
.brand img{width:78px;height:70px;object-fit:contain}
.nav{justify-self:end;display:flex;gap:42px;margin-right:22px;font-weight:600;color:var(--green-dark)}
.nav a{padding:12px 0}.nav a:hover{text-decoration:underline;text-underline-offset:6px}
.dropdown-wrap{position:relative}
.menu-toggle{border:0;background:var(--green);color:#fff;border-radius:999px;padding:15px 28px;font-weight:800;cursor:pointer;display:flex;gap:12px;align-items:center;box-shadow:0 9px 22px rgba(36,95,59,.22)}
.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);width:230px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:7px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.dropdown-menu a{display:flex;flex-direction:column;padding:12px 14px;border-radius:8px}.dropdown-menu a:hover{background:var(--green-soft)}
.dropdown-menu strong{color:#111}.dropdown-menu span{font-size:11px;color:var(--muted);margin-top:2px}

/* Homepage – rebuilt to match the supplied layout */
.home-page{padding-bottom:0}
.reference-hero{max-width:1180px;margin:0 auto 0;min-height:500px;display:grid;grid-template-columns:44% 56%;overflow:hidden;background:rgba(226,236,225,.84);box-shadow:var(--shadow)}
.reference-hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 26px;background:linear-gradient(90deg,rgba(211,228,214,.94),rgba(233,239,229,.76));position:relative}
.reference-hero-mark{width:min(76%,300px);height:auto;filter:saturate(.7);margin-bottom:24px}
.comfort-banner{width:min(100%,500px);padding:13px 26px 16px;background:var(--green);color:#fff;font-family:"Caveat",cursive;font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:.9;text-align:center;transform:rotate(-1deg);clip-path:polygon(2% 10%,97% 0,100% 85%,3% 100%,0 42%);text-shadow:0 2px 0 rgba(0,0,0,.06)}
.reference-hero-photo{min-height:500px;background:#ddd;overflow:hidden}
.reference-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}

.feature-gallery{max-width:1180px;margin:20px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.visual-feature{position:relative;min-height:350px;border-radius:18px;overflow:hidden;background:#ddd;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.visual-feature:hover{transform:translateY(-4px);box-shadow:0 19px 40px rgba(18,48,31,.22)}
.visual-feature>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.feature-label{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(250,248,242,.96);border-radius:20px;text-align:center;padding:13px 12px;box-shadow:0 7px 22px rgba(0,0,0,.12)}
.feature-label strong{display:block;font-family:"Oswald",sans-serif;color:var(--green-dark);font-size:25px;line-height:1.05}
.feature-label span{display:block;margin-top:4px;font-size:14px;color:#111}

.about-home{max-width:900px;margin:0 auto;text-align:center;padding-top:58px;padding-bottom:24px}
.about-home h1{margin:0;font-family:"Caveat",cursive;font-size:clamp(42px,5.7vw,72px);line-height:1;color:var(--green-dark);font-weight:700;text-transform:none;transform:rotate(-1deg)}
.about-home p{max-width:720px;margin:24px auto 14px;font-size:18px;line-height:1.55;color:#151515;font-weight:500}
.about-flourish{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green);font-size:26px}.about-flourish span{width:78px;border-top:2px solid var(--green)}

.order-now{background:transparent;text-align:center;border:0}
.order-now-inner{padding-top:14px;padding-bottom:18px}
.reference-order h2{margin:0;font-family:"Caveat",cursive;font-weight:700;font-size:clamp(52px,6vw,80px);line-height:.9;color:#000;text-transform:none;position:relative;display:inline-block}
.reference-order h2:before,.reference-order h2:after{content:"";position:absolute;top:53%;width:26px;border-top:4px solid #000}.reference-order h2:before{right:100%;margin-right:11px;transform:rotate(15deg)}.reference-order h2:after{left:100%;margin-left:11px;transform:rotate(-15deg)}
.order-now-copy{margin:5px auto 8px;max-width:520px;font-size:15px;text-transform:uppercase;font-weight:800;color:#000}
.delivery-links{display:flex;justify-content:center;align-items:center;gap:22px;max-width:430px;margin:0 auto}
.delivery-link{width:118px;height:80px;display:grid;place-items:center;padding:8px;background:transparent;border:0;border-radius:12px;transition:.18s}
.delivery-link:hover{transform:translateY(-3px)}
.delivery-link img{width:100%;height:64px;object-fit:contain}.delivery-link:nth-child(1) img{max-width:74px}.delivery-link:nth-child(2) img{max-width:98px}.delivery-link:nth-child(3) img{max-width:92px}
.simple-footer{display:flex;justify-content:center;gap:20px;padding:12px 24px 20px;background:transparent;color:#111;font-size:12px}.simple-footer p{margin:0}.simple-footer a{font-weight:800;color:var(--green)}

/* Menu page - keep existing functionality */
h1,h2,h3{margin:0;font-family:"Oswald",sans-serif;text-transform:uppercase;line-height:.98;color:var(--green-dark)}
.eyebrow{margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-dark)}
.menu-page{background:rgba(255,255,255,.78);min-height:100vh}
.menu-hero{padding-top:78px;padding-bottom:46px;border-bottom:1px solid var(--line)}
.menu-hero h1{font-size:clamp(70px,11vw,150px)}
.menu-hero>p:last-child{max-width:720px;font-size:18px;line-height:1.6;color:#333}
.menu-category-nav{position:sticky;top:92px;z-index:25;display:flex;gap:8px;overflow:auto;padding-top:14px;padding-bottom:14px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.menu-category-nav a{white-space:nowrap;border:1px solid var(--green);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;color:var(--green)}.menu-category-nav a:hover{background:var(--green);color:#fff}
.full-menu{padding-top:30px;padding-bottom:80px}.menu-category{scroll-margin-top:165px;padding:50px 0;border-bottom:1px solid var(--line)}
.menu-category-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:24px}.menu-category-heading .eyebrow{grid-column:1/-1;margin-bottom:8px}.menu-category-heading span{font-weight:800;color:var(--green);padding-bottom:4px}
.menu-category-heading h2{font-size:clamp(40px,5vw,66px)}
.menu-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.menu-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 16px rgba(0,0,0,.04)}
.menu-card-copy{padding:20px}.menu-card-copy h3{font-size:26px}.menu-card-copy p{margin:11px 0 0;color:var(--muted);line-height:1.48;font-size:14px}
.menu-card.no-photo{min-height:180px;display:flex;align-items:stretch;background:rgba(255,255,255,.94)}
.menu-card.no-photo .menu-card-copy{padding:1.35rem;display:flex;flex-direction:column;justify-content:center;width:100%}

@media(max-width:900px){
  .site-header{grid-template-columns:auto 1fr;gap:12px}.nav{display:none}.dropdown-wrap{justify-self:end}
  .reference-hero{grid-template-columns:1fr;max-width:760px}.reference-hero-copy{min-height:330px}.reference-hero-photo{min-height:380px}
  .feature-gallery{grid-template-columns:1fr;max-width:760px}.visual-feature{min-height:390px}
  .menu-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  body{background-size:330px 330px;background-attachment:scroll}.site-header{height:76px;padding:7px 14px}.brand img{width:61px;height:58px}.menu-toggle{padding:11px 17px}.dropdown-menu{width:min(260px,calc(100vw - 28px))}
  .reference-hero{margin-top:0;box-shadow:none}.reference-hero-copy{min-height:280px;padding:34px 18px}.reference-hero-mark{width:190px;margin-bottom:18px}.comfort-banner{font-size:39px;padding:12px 12px}.reference-hero-photo{min-height:300px}
  .section-shell{padding-left:18px;padding-right:18px}.feature-gallery{margin-top:14px;gap:14px}.visual-feature{min-height:310px}.feature-label{left:12px;right:12px;bottom:12px}.feature-label strong{font-size:23px}
  .about-home{padding-top:44px}.about-home p{font-size:16px}.delivery-links{gap:7px}.delivery-link{width:30vw;max-width:105px;height:72px;padding:6px}.delivery-link img{height:54px}
  .simple-footer{flex-direction:column;align-items:center;gap:5px}
  .menu-category-nav{top:76px}.menu-card-grid{grid-template-columns:1fr}.menu-category-heading{grid-template-columns:1fr}.menu-category-heading span{margin-top:8px}.menu-hero{padding-top:56px}
}