/* QUIZ 3 REVIEW LAYER (3 Nov 2026). Review copy only. Everything here is additive on round 7. */
:root{--bl:#fff7ec;--bl-a:#fff7ec;--bl-b:#cfe3d3;--wm-h:clamp(150px,26vh,230px)}
html:not([data-theme=light]){--bl-a:#002b14;--bl-b:#0b4527}

/* p100: the page ground blends slowly, no hard edge (colour set from q3.js as you scroll) */
.pgwrap{position:relative;z-index:2;background:var(--bl);margin-bottom:var(--wm-h)}
html[data-theme=light] .jsec,html[data-theme=light] .statement,html[data-theme=light] .pkgs,html[data-theme=light] .gal,html[data-theme=light] .foot,html[data-theme=light] .section:not(.gblock):not(.pf){background:var(--bl)!important}
html:not([data-theme=light]) .jsec,html:not([data-theme=light]) .statement,html:not([data-theme=light]) .pkgs,html:not([data-theme=light]) .gal,html:not([data-theme=light]) .foot{background:var(--bl)!important}
.statement::before{display:none!important}

/* p97 + p29 + p78: curtain footer, giant wordmark with a moving warm gradient */
.curtain{position:fixed;left:0;right:0;bottom:0;height:var(--wm-h);z-index:0;background:#002b14;display:flex;align-items:center;justify-content:center;overflow:hidden}
.curtain__in{width:100%;padding-inline:var(--gut)}
.curtain__word{font:400 10vw/1.1 'Aboreto',serif;text-transform:uppercase;white-space:nowrap;text-align:center;letter-spacing:-.01em;
  background:linear-gradient(100deg,#b08c95 0%,#fff7ec 30%,#e3cdd2 50%,#b08c95 70%,#fff7ec 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:wmflow 9s linear infinite}
@keyframes wmflow{to{background-position:-220% 0}}
.foot{padding-bottom:var(--s4)}
/* footer booking strip (fix2): heading left, three equal cards right */
.foot__cta2{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5);align-items:center!important}
.foot__ask{display:grid;gap:var(--s2);max-width:440px}
.foot__ask .lead{color:var(--ink-2)}
.slots{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.slot{position:relative;display:grid;align-content:start;gap:4px;min-height:168px;padding:20px 20px 52px;text-align:left;text-decoration:none;font:inherit;cursor:pointer;color:var(--cream);background:transparent;border:1px solid var(--cream);border-radius:4px;box-shadow:none;opacity:0;transform:translateY(10px)}
.slots.in .slot{opacity:1;transform:none;transition:opacity .5s,transform .5s ease,background .25s,color .25s}
.slots.in .slot:nth-child(2){transition-delay:.15s,.15s,0s,0s}.slots.in .slot:nth-child(3){transition-delay:.3s,.3s,0s,0s}
.slot__i{display:block;width:28px;height:28px;margin-bottom:var(--s2)}
.slot__i .ico,.slot__a .ico{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.slot b{font:600 1.0625rem/1.2 'Poppins',sans-serif}
.slot small{font-size:.9375rem;line-height:1.4;color:var(--ink-2)}
.slot__a{position:absolute;right:18px;bottom:16px;width:22px;height:22px;transition:transform .25s}
.slots.in .slot:hover,.slots.in .slot:focus-visible{background:var(--surf-2);transform:none;transition-delay:0s}
.slot:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.slot--go,.slots.in .slot--go:hover,.slots.in .slot--go:focus-visible{background:#002b14;color:#fff7ec}
.slot--go{border-color:#fff7ec;box-shadow:none}
html[data-theme=light] .slot--go{border-color:#002b14}
.slot--go small{color:rgba(255,247,236,.82)}
.slots.in .slot--go:hover{background:#0b4527}
.slot--go:hover .slot__a{transform:translateX(4px)}
@media(max-width:999px){.foot__cta2{grid-template-columns:1fr;gap:var(--s4)}}
@media(max-width:699px){.slots{grid-template-columns:1fr}.slot{min-height:0;padding:16px 18px 16px 18px;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.slot__i{grid-row:1/3;margin:0}.slot--go{padding-right:52px}.slot__a{bottom:auto;top:50%;margin-top:-11px}}

/* p16: split hero, headline left, photo right, two short lines and one button */
.hero__top .lead{max-width:34ch}
@media(min-width:900px){
  .hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .hero__photo{position:relative!important;inset:auto!important;grid-column:2;grid-row:1}
  .hero__photo::after{background:linear-gradient(90deg,rgba(0,43,20,.5),rgba(0,43,20,0) 22%)!important}
  .hero__photo img{object-position:36% 50%}
  .hero__top{position:relative!important;grid-column:1;grid-row:1;align-self:center;display:block!important;margin:0!important;max-width:none!important;width:auto!important;padding:var(--nav-h) var(--s5) 0 max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)))!important}
  .hero h1{font-size:clamp(2.25rem,3.4vw,3.125rem);line-height:1.08}
}
@media(max-width:899px){
  .hero{position:relative!important;display:flex!important;flex-direction:column;height:auto!important;min-height:0!important}
  .hero__photo{position:relative!important;inset:auto!important;order:1;height:48svh;min-height:300px;flex:none}
  .hero__photo::after{background:linear-gradient(0deg,rgba(0,43,20,.6),rgba(0,43,20,0) 30%)!important}
  .hero__top{position:relative!important;order:2;padding-block:var(--s4) var(--s5)!important;display:block!important}
  .hero h1{font-size:clamp(2.25rem,9vw,3rem)}
}

/* p3 + p1 + p11: founder first, chapter labels, worries answered in place */
.worry{display:grid;gap:4px;max-width:440px;margin-top:var(--s3);padding:14px 18px;border-radius:var(--r-card,16px) var(--r-card,16px) var(--r-card,16px) 2px;background:var(--surf-2);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .6s,transform .7s cubic-bezier(.34,1.56,.64,1)}
.worry.in{opacity:1;transform:none}
.worry__q{font:500 var(--t-small)/1.3 'Poppins',sans-serif;color:var(--cream)}
.worry__q::before{content:"But ";font-weight:300;color:var(--ink-3)}
.worry__a{color:var(--ink-2);font-size:var(--t-small);line-height:1.45}
.worry--r{margin-left:auto;margin-top:var(--s4);border-radius:var(--r-card,16px) var(--r-card,16px) 2px var(--r-card,16px)}
.worry--c{margin:var(--s4) auto 0}
.gblock .worry__q{color:#fff7ec}
.jb__act{margin-top:var(--s3)}
.lit{font-size:clamp(1.5rem,2.4vw,2.125rem)!important;line-height:1.3;color:var(--cream)!important;max-width:22ch}
.lit .w{opacity:.28;transition:opacity .35s}
.lit .w.on{opacity:1}

/* p23: three fixed cards, middle tinted, spring entrance 0.12s apart */
.pkgs .pk__grid--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);max-width:none;align-items:stretch}
@media(max-width:899px){.pkgs .pk__grid--3{grid-template-columns:1fr}}
.pk__grid--3 .card__img{aspect-ratio:16/9;max-height:190px}
.pk__grid--3 .card{opacity:0;transform:translateY(24px) scale(.97);transition:opacity .6s,transform .8s cubic-bezier(.34,1.56,.64,1),box-shadow .5s}
.pk__grid--3.in .card{opacity:1;transform:none}
.pk__grid--3.in .card:nth-child(2){transition-delay:.12s}.pk__grid--3.in .card:nth-child(3){transition-delay:.24s}
.pk__grid--3 .card--mid{background:var(--surf-2);box-shadow:var(--shadow),inset 0 0 0 1px var(--rose);position:relative}
html[data-theme=light] .pk__grid--3 .card--mid{background:#f0e0e3}
.card__flag{position:absolute;top:12px;left:12px;z-index:2;padding:5px 12px;background:var(--rose);color:#002b14;font:500 .9375rem/1 'Poppins',sans-serif;border-radius:2px}
.pk__grid--3 .card__body h3{font-size:1.5rem}
.pk__grid--3 .card__body li{font-size:1rem}
.pk__grid--3 .price b{font-size:2.25rem}

/* p36: chapter strip that fills as you read */
.chap{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:6px;padding:8px var(--gut) 10px;background:linear-gradient(0deg,rgba(0,43,20,.78),rgba(0,43,20,0));pointer-events:none;transition:opacity .4s}
.chap.hide{opacity:0}
@media(max-width:699px){body{padding-bottom:0!important}.curtain{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}
.chap__s{flex:1;display:grid;gap:5px}
.chap__s span{font:500 .8125rem/1 'Poppins',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,247,236,.7);transition:color .3s}
.chap__s i{display:block;height:3px;background:rgba(255,247,236,.28);overflow:hidden}
.chap__s i b{display:block;height:100%;background:#d3b5bc;transform:scaleX(var(--f,0));transform-origin:left}
.chap__s.on span{color:#fff7ec}
@media(max-width:699px){.chap{bottom:calc(60px + env(safe-area-inset-bottom));padding:0;background:none;gap:2px}.chap__s span{display:none}}

/* p61: sticky bar on phones, only contact details already on the site (email) */
.callbar{display:none}
@media(max-width:699px){
  .callbar{display:flex;gap:8px;position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:66;padding:8px;background:#002b14;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.28);transform:translateY(260%);visibility:hidden;transition:transform .5s cubic-bezier(.34,1.2,.64,1),visibility 0s .5s}
  .callbar.on{transform:none;visibility:visible;transition-delay:0s}
  .callbar a,.callbar button{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 1rem 'Poppins',sans-serif;text-decoration:none;border:0;border-radius:2px;cursor:pointer}
  .callbar__a{background:transparent;color:#fff7ec;box-shadow:inset 0 0 0 1px rgba(255,247,236,.5)}
  .callbar__b{background:var(--rose);color:#002b14}
  .callbar .ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
}

/* p72: a dated "what happens next" */
.next{margin-top:var(--s4);display:grid;gap:0}
.next h3{font:400 1.5rem/1.2 'Aboreto',serif;text-transform:uppercase;margin-bottom:var(--s2)}
.next ol{list-style:none;display:grid}
.next li{display:grid;grid-template-columns:150px 1fr;gap:var(--s2);padding:14px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(8px);animation:nxt .6s forwards}
.next li:nth-child(1){animation-delay:.2s}.next li:nth-child(2){animation-delay:.7s}.next li:nth-child(3){animation-delay:1.2s}.next li:nth-child(4){animation-delay:1.7s}
.next li b{font:500 var(--t-small)/1.3 'Poppins',sans-serif;color:var(--accent-t,var(--rose))}
@keyframes nxt{to{opacity:1;transform:none}}
@media(max-width:699px){.next li{grid-template-columns:1fr;gap:2px}}
.sent .next{margin-top:var(--s3)}

@media (prefers-reduced-motion:reduce){.curtain__word{animation:none}.worry,.slot,.pk__grid--3 .card,.next li{opacity:1!important;transform:none!important;animation:none!important}}
html.still .worry,html.still .slot,html.still .pk__grid--3 .card,html.still .next li{opacity:1;transform:none;animation:none}

/* 3 Nov: removed the "But..." worry cards and the bottom chapter strip */
.worry,.chap{display:none!important}

/* 3 Nov phone check: the floating Email/Check bar sat on top of the bottom tab bar (two bars, and the header already has Check your date) */
.callbar{display:none!important}

/* 3 Nov: no cream gap above the footer */
footer.foot{margin-top:0!important}