@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:wght@600;700&family=Kalam:wght@400&display=swap');
:root{--cream:#f5efdd;--green:#203f2e;--leaf:#305e38;--terra:#b6512d;--gold:#e9b632;--sand:#e9dab5;--line:#d7c69e;--serif:'Lora',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.13}h1{font-size:clamp(38px,4.5vw,65px);letter-spacing:-1.5px}h2{font-size:clamp(30px,3.3vw,47px);letter-spacing:-.8px}h3{font-size:24px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--terra);outline-offset:5px}.section{padding:85px max(6.5%,calc((100vw - 1240px)/2))}.script{font-family:'Kalam',cursive;font-size:24px;line-height:1.4;font-weight:400;color:var(--terra);letter-spacing:.3px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:600}.sprig{width:30px;height:50px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:27px;line-height:1.2;font-weight:700;white-space:nowrap}.brand small{font:9px/1.6 'DM Sans',sans-serif;letter-spacing:1.2px;display:block;margin-top:4px}.brand .sprig{width:28px}header{max-width:1430px;margin:auto;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:22px 4.5%;min-height:100px}nav{display:flex;align-items:center;gap:24px;font-size:12px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.pill{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:40px;padding:14px 24px;font-size:13px;line-height:1.4;font-weight:700;transition:transform .25s,box-shadow .25s;white-space:normal;text-align:center}.pill:hover{transform:translateY(-3px);box-shadow:0 5px 15px #203f2e15}.green{background:var(--leaf);color:#fff}.terracotta{background:var(--terra);color:#fff}.outline{background:transparent;border:1.5px solid var(--green)}.gold{background:var(--gold);color:var(--green)}.header-visit{font-size:11px;white-space:nowrap}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-top:50px;padding-bottom:100px;min-height:660px}.hero-content .script{margin-bottom:25px}.hero-content>p:not(.script):not(.opening){font-size:15px;margin-top:25px;max-width:530px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.opening{font-size:10px;margin-top:23px}.hero-art{position:relative}.photo{background-repeat:no-repeat;width:100%}.hero-photo{border-radius:48% 50% 41% 45%;animation:float 8s ease-in-out infinite alternate}.sun{position:absolute;width:95px;right:-12px;top:-24px;animation:sunturn 24s ease-in-out infinite alternate}.fall-leaf{position:absolute;bottom:0;left:-20px;width:75px;transform:rotate(4deg);animation:sway 8s ease-in-out infinite alternate}.contour{background-image:url('assets/contours.svg');background-size:1400px 700px}.wave{position:relative;clip-path:polygon(0 3%,4% 1.8%,10% 2%,18% 4%,27% 3.7%,37% 2%,48% .8%,57% 1.4%,69% 3.4%,79% 4%,91% 3%,100% 1.5%,100% 96%,92% 98%,81% 99%,70% 97%,59% 96%,48% 97%,37% 99%,27% 98%,17% 96.5%,7% 96%,0 98%)}.belief{background-color:var(--green);color:var(--cream);padding:75px 7% 85px;text-align:center}.belief .quote{font-size:clamp(25px,3.4vw,44px);color:var(--cream);margin-bottom:42px}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1150px;margin:auto;gap:30px}.stats .sprig{display:block;margin:auto;width:24px;height:40px}.stats strong{display:block;font:700 47px/1.3 var(--serif);color:var(--gold)}.stats p{font-size:13px;line-height:1.5;margin-top:5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:10%;margin-bottom:38px}.section-head>div{flex:1}.section-head>p{width:42%;max-width:470px;font-size:15px}.section-head h2{margin-top:6px}.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.day-photo{border-radius:50%;transition:transform .6s}.day-card:hover .day-photo{transform:translateY(-7px) rotate(-2deg)}.day-card .time{font-size:23px;margin:23px 0 9px}.day-card h3{font-size:20px;margin-bottom:12px}.day-card>p:last-child{font-size:13px;line-height:1.75}.way{background-color:var(--sand);padding-top:85px;padding-bottom:100px}.way-heading{position:relative}.way-heading h2{margin-top:8px}.way-heading .fall-leaf{width:65px;left:auto;right:0;top:-10px;transform:rotate(40deg)}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}.principle{border-radius:27px 35px 27px 32px;background:#fffdf6;overflow:hidden;transition:transform .4s}.principle:hover{transform:translateY(-7px)}.principle-photo{border-radius:25px 30px 0 0}.principle>div:last-child{padding:22px 20px 28px}.principle h3{font-size:22px;margin-bottom:12px}.principle p{font-size:13px;line-height:1.7}.center{text-align:center;max-width:760px;margin:0 auto 35px}.center h2{margin-top:8px}.stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stay-card{border:1.5px solid var(--line);border-radius:32px;background:#fffdf7;padding:35px;position:relative}.stay-card h3{font-size:29px;margin:22px 0}.stay-card dl{margin:0 0 28px}.stay-card dl>div{display:grid;grid-template-columns:85px 1fr;gap:15px;font-size:13px;margin:12px 0}.stay-card dt{font-weight:700}.stay-card dd{margin:0}.recovery{background:var(--leaf);color:var(--cream);border-color:var(--leaf)}.recovery>.eyebrow{color:var(--gold)}.recovery>.sprig{position:absolute;right:28px;top:24px}.fine-print{font-size:11px;line-height:1.7;opacity:.8}.stays>.fine-print{margin-top:20px;text-align:center}.location{display:grid;grid-template-columns:1fr 1.2fr;gap:6%;align-items:center;padding-top:35px;padding-bottom:95px}.location h2{margin:14px 0 22px}.location p:not(.script){font-size:14px}.travel{margin-top:25px}.travel>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:12px}.travel dd{margin:0;white-space:nowrap;font-weight:700}.text-link{display:inline-block;margin-top:10px;font-size:13px;border-bottom:1px solid}.map-photo{border:7px solid #fffdf6;border-radius:35px 35px 35px 90px;box-shadow:0 15px 30px #203f2e0e}.map-wrap small{display:block;font-size:10px;text-align:center;margin-top:12px}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;background-color:var(--green);color:var(--cream);padding-top:95px;padding-bottom:95px}.story-art{position:relative}.story-photo{border-radius:50% 49% 45% 48%}.story-art .sun{right:auto;top:auto;left:-15px;bottom:-15px;width:85px}.story .script{color:var(--gold)}.story h2{font-size:clamp(28px,3vw,43px);margin:20px 0}.story-copy>p:not(.script){font-size:14px;margin-top:20px}.story .signature{font-size:25px;margin-top:25px}.contact{background-color:var(--sand);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7%;padding-top:80px;padding-bottom:110px}.contact h2{margin:15px 0 25px}.contact-copy>p:not(.script){font-size:14px;margin-top:20px}.form-card{padding:32px;background:#fffdf7;border-radius:35px 40px 48px 65px}.form-card form{margin:0}form label{display:block;font-size:12px;font-weight:600;margin:0 0 17px}form label span{font-weight:400}input,textarea,select{display:block;width:100%;background:#fffdf7;border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;margin-top:6px;font-size:14px}textarea{resize:vertical}form .pill{width:100%;background:var(--terra)}.form-note{font-size:10px;line-height:1.6;display:block;margin-top:12px;color:#626950}#form-status{font-size:12px;margin-top:12px}footer{background-color:var(--green);color:var(--cream);padding:65px 6.5% 45px;margin-top:-25px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top .brand{font-size:24px}.footer-top .brand small{display:none}.footer-top .script{color:var(--gold);font-size:20px;max-width:420px;margin-top:12px}footer nav{align-items:start;flex-wrap:wrap;font-size:12px}footer nav a{text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font-size:10px;margin-top:25px}.footer-bottom button{background:transparent;border:0;color:inherit;font-size:10px;padding:5px}.footer-bottom #motion{margin-left:auto;border:1px solid #ffffff50;border-radius:20px;padding:6px 12px}dialog{border:0;background:var(--cream);padding:40px;border-radius:25px;width:min(560px,calc(100% - 30px));max-height:85svh;overflow:auto}dialog::backdrop{background:#172a20a8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:30px}dialog h2{font-size:36px;margin:15px 0}dialog p{font-size:14px;margin:15px 0}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:30;padding:15px}.skip:focus{top:10px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}@keyframes float{from{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes sway{from{rotate:-7deg}to{rotate:7deg}}@keyframes sunturn{from{rotate:-15deg}to{rotate:15deg}}
@media(min-width:1500px){.hero{min-height:720px}}@media(max-width:1120px){header{gap:16px;padding:20px 5%}.brand{font-size:23px}.brand small{font-size:7px}nav{gap:15px;font-size:10px}.header-visit{padding:12px 17px;font-size:10px}.hero{gap:5%;min-height:580px}.hero-actions .pill{font-size:11px;padding:13px 18px}.section{padding-left:6.5%;padding-right:6.5%}.day-grid{gap:20px}.day-card h3{font-size:18px}.principles{gap:17px}.principle>div:last-child{padding:19px 17px}.principle h3{font-size:20px}.stay-card{padding:28px}.stay-card h3{font-size:26px}}
@media(max-width:800px){header{flex-wrap:wrap;gap:15px}.brand{font-size:24px}.brand small{font-size:7px}.menu{display:block;background:none;border:0;font-size:23px;padding:5px}.header-visit{margin-left:auto}header nav{display:none;width:100%;order:4;padding:12px 0 8px;font-size:14px}header nav.open{display:flex;flex-wrap:wrap;gap:16px 24px}.hero{min-height:0;padding-top:35px;padding-bottom:60px;gap:5%}h1{font-size:39px}.hero-content .script{font-size:21px;margin-bottom:16px}.hero-content>p:not(.script):not(.opening){font-size:13px;margin-top:20px}.opening{font-size:8px}.sun{width:65px;right:-10px;top:-16px}.fall-leaf{width:50px;left:-10px}.section{padding-top:65px;padding-bottom:65px}.belief{padding:65px 6%}.stats{gap:20px}.stats strong{font-size:38px}.stats p{font-size:11px}.day-grid{gap:16px}.day-card h3{font-size:16px}.day-card>p:last-child{font-size:12px}.principles{grid-template-columns:repeat(2,1fr);gap:23px}.principle h3{font-size:24px}.stay-grid{gap:18px}.stay-card{padding:24px}.stay-card dl>div{grid-template-columns:65px 1fr;font-size:12px}.stay-card h3{font-size:24px}.location{grid-template-columns:1fr 1fr;gap:5%}.story-copy>p:not(.script){font-size:13px}.contact{gap:5%}.form-card{padding:25px}.footer-top{gap:25px}.footer-top .script{font-size:18px}}
@media(max-width:580px){header{padding:16px 6%;gap:10px}.brand{font-size:20px;gap:6px}.brand .sprig{width:23px;height:42px}.brand small{font-size:6px;letter-spacing:.65px}.header-visit{font-size:8px;padding:11px 13px}.menu{font-size:21px}.hero{grid-template-columns:1fr;padding:30px 7% 50px;gap:35px}.hero-content .script{font-size:24px}h1{font-size:clamp(37px,9.5vw,52px);letter-spacing:-1px}.hero-content>p:not(.script):not(.opening){font-size:14px;max-width:none}.hero-actions{gap:9px}.hero-actions .pill{font-size:11px;padding:13px 17px}.opening{font-size:8px;letter-spacing:.85px}.hero-art{width:90%;max-width:380px;justify-self:center}.sun{width:75px;top:-15px;right:-15px}.fall-leaf{width:58px;bottom:0;left:-17px}.section{padding:55px 7%}h2{font-size:32px}.script{font-size:23px}.belief{padding:60px 7% 65px}.belief .quote{font-size:28px;margin-bottom:30px}.stats{grid-template-columns:1fr 1fr;gap:27px}.stats strong{font-size:40px}.stats p{font-size:12px}.section-head{display:block;margin-bottom:30px}.section-head>p{width:100%;font-size:14px;margin-top:20px}.day-grid{grid-template-columns:repeat(2,1fr);gap:30px 22px}.day-card:last-child{grid-column:1/-1;max-width:48%;justify-self:center}.day-card h3{font-size:19px}.day-card>p:last-child{font-size:13px}.day-card .time{margin-top:16px}.way{padding-top:65px;padding-bottom:70px}.way-heading h2{padding-right:30px}.way-heading .fall-leaf{width:42px;right:-9px;top:5px}.principles{gap:16px}.principle>div:last-child{padding:18px 14px 22px}.principle h3{font-size:19px}.principle p{font-size:12px}.stay-grid{grid-template-columns:1fr}.stay-card{padding:28px}.stay-card h3{font-size:27px}.stay-card dl>div{font-size:13px;grid-template-columns:72px 1fr}.center{margin-bottom:28px}.location{grid-template-columns:1fr;gap:30px}.location h2{font-size:35px}.story{grid-template-columns:1fr;gap:40px;padding-top:70px;padding-bottom:75px}.story-art{max-width:340px;width:90%;justify-self:center}.story h2{font-size:32px}.story-copy>p:not(.script){font-size:14px}.story .signature{font-size:24px}.contact{grid-template-columns:1fr;gap:30px;padding-bottom:75px}.contact h2{font-size:34px}.form-card{padding:27px;border-radius:30px 30px 35px 40px}.footer-top{display:block}.footer-top nav{display:flex;margin-top:28px;gap:16px;font-size:12px}.footer-bottom{gap:12px;margin-top:25px;font-size:9px}.footer-bottom>span{width:100%}.footer-bottom #motion{margin-left:0}footer{padding:60px 7% 40px}.wave{clip-path:polygon(0 1%,10% .5%,25% 1.5%,45% .4%,65% 1.2%,85% .6%,100% 1%,100% 99%,85% 99.5%,65% 99%,45% 99.6%,25% 99%,10% 99.5%,0 99%)}dialog{padding:32px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

.wave{clip-path:url(#section-wave)}.hero-photo{border-radius:0}
/* Cinematic garden motion — PDF palette and layout preserved. */
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--terra);z-index:50;transform:scaleX(0);transform-origin:left;pointer-events:none}
.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.15em;margin-bottom:-.15em}.word-rise{display:inline-block;transform-origin:bottom left}.js-motion .motion-heading:not(.motion-entered) .word-rise{transform:translateY(120%) rotate(7deg);opacity:0}.js-motion .motion-heading.motion-entered .word-rise{animation:word-unfold 1s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--word-delay)}
.hero-art{isolation:isolate;transform:perspective(1000px) translateY(var(--parallax,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-photo{position:relative;z-index:1}.js-motion .hero-art:not(.motion-entered){opacity:0;scale:.8}.hero-art.motion-entered{opacity:1;scale:1;transition:opacity 1.3s,scale 1.8s cubic-bezier(.16,1,.3,1),transform .5s}.garden-atmosphere{position:absolute;inset:-10%;pointer-events:none;z-index:3}.drifting-leaf{position:absolute;left:var(--leaf-x);top:var(--leaf-y);width:calc(16px + var(--i)*2px);color:var(--leaf-color);opacity:.75;animation:leaf-drift calc(9s + var(--i)*1.3s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-1.7s);filter:drop-shadow(1px 4px 3px #203f2e15)}.drifting-leaf svg{display:block;width:100%}.garden-orbit{position:absolute;inset:-5%;border:1px dashed #b6ac7850;border-radius:50%;z-index:0;animation:orbit 60s linear infinite;pointer-events:none}.garden-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:16%;left:12%}.garden-orbit span+span{top:auto;left:auto;right:8%;bottom:20%;width:5px;height:5px;background:var(--terra)}
.js-motion .reveal{transition:opacity 1s var(--reveal-delay,0ms),transform 1s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}.contour{background-position:50% var(--contour-shift,0px)}.quote-word{opacity:var(--word-light,1);transition:opacity .25s}.day-grid{position:relative}.day-grid:before{content:'';position:absolute;top:90px;left:6%;right:6%;height:1px;background:var(--terra);opacity:.35;transform:scaleX(var(--day-progress,1));transform-origin:left}.day-photo{position:relative;background-color:var(--cream);box-shadow:0 0 0 9px var(--cream)}.js-motion .day-grid:not(.motion-entered) .day-photo{clip-path:circle(0%);rotate:-14deg;scale:.8}.day-grid.motion-entered .day-photo{clip-path:circle(51%);rotate:0deg;scale:1;transition:clip-path 1.3s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),rotate 1.4s var(--reveal-delay,0ms),scale 1.3s var(--reveal-delay,0ms),transform .5s}.day-card:hover .day-photo{transform:translateY(-12px) rotate(-4deg) scale(1.055)}.principle,.stay-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s,box-shadow .4s;position:relative}.principle:hover,.stay-card:hover{transform:perspective(900px) translateY(-8px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 20px 35px #203f2e19}.principle:after,.stay-card:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#fff4,transparent 60%)}.principle:hover:after,.stay-card:hover:after{opacity:1}.js-motion .story-art:not(.motion-entered),.js-motion .map-wrap:not(.motion-entered){clip-path:inset(20% 12% 20% 12% round 45%);opacity:0;transform:translateY(50px) rotate(-5deg)}.story-art.motion-entered,.map-wrap.motion-entered{clip-path:inset(-15% -15% -15% -15% round 0);opacity:1;transform:none;transition:clip-path 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1s}.js-motion .form-card:not(.motion-entered){opacity:0;transform:translateY(50px)}.form-card.motion-entered{opacity:1;transform:none;transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1)}.pill{position:relative;overflow:hidden;isolation:isolate;transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .3s,box-shadow .3s}.pill:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff38 50%,transparent 60%);transform:translateX(-100%);pointer-events:none}.pill:hover:after{animation:button-light .85s ease-out}.pill:hover{transform:translate(var(--magnet-x,0px),calc(var(--magnet-y,0px) - 3px))}.footer-bottom #motion{position:fixed;bottom:18px;right:18px;z-index:30;margin:0;padding:10px 16px;background:var(--cream);color:var(--green);border:1px solid var(--line);box-shadow:0 3px 18px #203f2e15;font-size:11px}footer.wave{clip-path:none}footer{border-radius:50% 8% 0 0 / 5% 3% 0 0}
@keyframes word-unfold{from{transform:translateY(120%) rotate(7deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes leaf-drift{0%{transform:translate3d(-8px,8px,0) rotate(-22deg) rotateY(0)}50%{transform:translate3d(18px,-16px,0) rotate(12deg) rotateY(35deg)}100%{transform:translate3d(-6px,-30px,0) rotate(35deg) rotateY(-20deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes button-light{to{transform:translateX(100%)}}
@media(max-width:800px){.day-grid:before{top:55px}.garden-atmosphere{inset:-4%}.drifting-leaf{width:18px}.garden-orbit{inset:0}}@media(max-width:580px){.day-grid:before{display:none}.footer-bottom #motion{bottom:10px;right:10px;padding:8px 12px}.garden-atmosphere{inset:0}.drifting-leaf:nth-child(n+5){display:none}}
.motion-paused .word-rise,.motion-paused .hero-art,.motion-paused .story-art,.motion-paused .map-wrap,.motion-paused .form-card,.motion-paused .day-photo{opacity:1!important;transform:none!important;scale:1!important;rotate:0deg!important;clip-path:none!important;animation:none!important}.motion-paused .quote-word{opacity:1!important}.motion-paused .garden-atmosphere,.motion-paused .garden-orbit{display:none}.motion-paused .pill,.motion-paused .principle,.motion-paused .stay-card{transform:none!important}.motion-paused .pill:after{display:none}
@media(prefers-reduced-motion:reduce){.word-rise,.hero-art,.story-art,.map-wrap,.form-card,.day-photo{opacity:1!important;transform:none!important;scale:1!important;clip-path:none!important}.quote-word{opacity:1!important}.garden-atmosphere,.garden-orbit{display:none}.pill,.principle,.stay-card{transform:none!important}}

html:has(.motion-paused){scroll-behavior:auto}.motion-paused .day-grid:before{transform:scaleX(1)}
/* The garden portal: a three-act cinematic hero. */
.cinema-portal,.cinema-message,.cinema-cue,.cinema-chapters,.cinema-shutter,.cinema-skip{display:none}
.cinema-active .hero-journey{height:210svh;position:relative;background:var(--cream)}
.cinema-active .hero{position:sticky;top:0;height:100svh;min-height:680px;max-height:none;padding-top:45px;padding-bottom:85px;overflow:hidden;isolation:isolate;margin:0;gap:5%;background:var(--cream)}
.cinema-active .hero-content{position:relative;z-index:4;opacity:var(--copy-opacity,1);transform:translateY(var(--copy-y,0px));filter:blur(var(--copy-blur,0px));will-change:transform,opacity;pointer-events:auto}
.cinema-active .hero h1{font-size:clamp(43px,4.7vw,72px)}
.cinema-active .hero-art{z-index:3;opacity:var(--art-opacity,1);scale:var(--art-scale,1);will-change:transform,opacity;pointer-events:none}
.cinema-active .hero-art .garden-orbit{inset:-11%;border:1px solid #b6512d40;outline:1px dashed #b6512d25;outline-offset:16px}
.cinema-active .hero-art .garden-atmosphere{inset:-18%}
.cinema-active .hero-art .drifting-leaf{width:calc(22px + var(--i)*3px);filter:drop-shadow(3px 10px 8px #203f2e25)}
.cinema-active .cinema-portal{display:block;position:absolute;inset:0;z-index:1;overflow:hidden;clip-path:var(--portal,ellipse(23% 34% at 74% 48%));opacity:var(--portal-opacity,0);will-change:clip-path,opacity;background:#203f2e}
.cinema-portal>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--image-scale,1.22));will-change:transform}
.cinema-light{position:absolute;inset:0;background:radial-gradient(ellipse at var(--sun-x,35%) var(--sun-y,20%),#f9d76b50,transparent 55%);mix-blend-mode:screen;pointer-events:none}
.cinema-vignette{position:absolute;inset:0;background:#102b1c;opacity:var(--shade,.12)}

.cinema-active .cinema-message{display:block;position:absolute;z-index:4;left:5%;right:5%;top:50%;text-align:center;pointer-events:none;color:var(--cream);opacity:var(--message-opacity,0);transform:translateY(calc(-50% + var(--message-y,90px))) scale(var(--message-scale,.9));will-change:transform,opacity}
.cinema-message>.script{color:#f5cb67;font-size:clamp(22px,2.5vw,35px);margin-bottom:20px}
.cinema-title{font-family:var(--serif);font-size:clamp(70px,8.8vw,140px);font-weight:700;letter-spacing:-4px;line-height:1.05;text-shadow:0 8px 35px #0002}
.cinema-title span{display:block}.cinema-title span+span{font-style:italic;font-weight:600}
.cinema-message>p:last-child{margin-top:30px;font-size:15px;letter-spacing:2px}
.cinema-active .cinema-cue{display:flex;align-items:center;gap:15px;position:absolute;left:6.5%;bottom:35px;z-index:4;font-size:9px;letter-spacing:2px;opacity:var(--cue-opacity,1)}
.cue-line{width:48px;height:1px;background:var(--terra);transform-origin:left;animation:cue-breathe 2s ease-in-out infinite}.cue-arrow{font-size:20px;animation:cue-drop 2s ease-in-out infinite}
.cinema-active .cinema-chapters{display:flex;position:absolute;bottom:35px;right:6.5%;left:56%;z-index:6;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;border-top:1px solid #536c4240;padding-top:15px;color:var(--green)}
.cinema-chapters:before{content:'';position:absolute;height:2px;top:-1px;left:0;width:100%;background:var(--terra);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.cinema-deep .cinema-chapters{color:var(--cream);border-color:#ffffff50}.cinema-deep .cinema-chapters:before{background:var(--gold)}
.cinema-active .cinema-skip{display:block;position:absolute;left:6.5%;bottom:35px;z-index:7;font-size:11px;color:var(--cream);opacity:0;pointer-events:none;border-bottom:1px solid #fff8}
.cinema-active .cinema-deep .cinema-skip{opacity:1;pointer-events:auto}
.cinema-active .cinema-shutter{display:block;position:absolute;inset:0;background:var(--green);pointer-events:none;z-index:10;animation:curtain-open 1.8s cubic-bezier(.76,0,.24,1) both}
.cinema-active .hero .motion-heading.motion-entered .word-rise{animation:hero-word 1.5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.45s + var(--word-delay))}
.cinema-active .hero-content>.script{animation:hero-soft 1.4s .55s both}
.cinema-active .hero-content>p:not(.script),.cinema-active .hero-actions{animation:hero-soft 1.5s .85s both}
.cinema-active .hero-art.motion-entered{animation:hero-garden 2s .3s cubic-bezier(.16,1,.3,1) both}
.cinema-active .belief{position:relative;z-index:8;margin-top:-55px;clip-path:url(#section-wave);padding-top:65px;padding-bottom:65px;border-radius:0}
.cinema-active .belief .quote-word{opacity:1}
@media(max-width:580px){.cinema-active .belief{margin-top:-30px;padding-top:50px;padding-bottom:50px}}
@keyframes curtain-open{0%{clip-path:ellipse(120% 120% at 50% 50%)}100%{clip-path:ellipse(0% 0% at 74% 48%)}}
@keyframes hero-word{0%{opacity:0;transform:translateY(130%) rotateX(-80deg) rotateZ(5deg);filter:blur(8px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes hero-garden{from{translate:90px 60px;rotate:16deg;filter:blur(16px)}to{translate:0 0;rotate:0deg;filter:blur(0)}}
@keyframes hero-soft{from{opacity:0;translate:0 25px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes cue-breathe{50%{transform:scaleX(.5);opacity:.4}}@keyframes cue-drop{50%{transform:translateY(6px)}}
@media(max-width:900px){.cinema-active .hero{min-height:620px}.cinema-active .hero h1{font-size:42px}.cinema-active .hero-content>p:not(.script):not(.opening){font-size:13px}.cinema-active .cinema-chapters{font-size:7px;gap:10px}.cinema-title{font-size:76px}}
@media(max-width:580px){.cinema-active .hero-journey{height:200svh}.cinema-active .hero{min-height:690px;height:100svh;display:block;padding:30px 7% 55px}.cinema-active .hero h1{font-size:clamp(32px,8.4vw,44px);line-height:1.08}.cinema-active .hero-content .script{font-size:21px;margin-bottom:14px}.cinema-active .hero-content>p:not(.script):not(.opening){font-size:12px;line-height:1.6;margin-top:16px}.cinema-active .hero-actions{margin:17px 0;gap:8px}.cinema-active .hero-actions .pill{padding:11px 14px;font-size:10px}.cinema-active .opening{font-size:7px;margin-top:13px}.cinema-active .hero-art{position:absolute;width:61%;max-width:290px;left:50%;top:57%;margin-left:-30.5%}.cinema-active .hero-art .garden-atmosphere{inset:-7%}.cinema-active .cinema-cue{font-size:7px;bottom:22px;gap:10px}.cinema-active .cinema-chapters{bottom:23px;left:auto;right:7%;font-size:7px}.cinema-chapters span:not(:first-child){display:none}.cinema-title{font-size:clamp(48px,13vw,72px);letter-spacing:-2px}.cinema-message>p:last-child{font-size:11px;letter-spacing:1px;margin-top:20px}.cinema-message>.script{font-size:23px;margin-bottom:15px}.cinema-active .cinema-skip{bottom:24px;font-size:9px}}
@media(max-height:700px) and (min-width:581px){.cinema-active .hero{min-height:570px}.cinema-active .hero h1{font-size:44px}.cinema-active .hero-content>p:not(.script):not(.opening){font-size:13px}}
@media(prefers-reduced-motion:reduce){.cinema-active .hero-journey{height:auto}.cinema-active .hero{position:relative;height:auto}.cinema-portal,.cinema-message,.cinema-cue,.cinema-chapters,.cinema-shutter,.cinema-skip{display:none!important}}

@media(max-width:580px){.cinema-active .hero{min-height:0}}
/* The PDF image includes a cream page rectangle. Keep only its garden oval. */
.hero-photo{clip-path:ellipse(45% 44% at 49.5% 49.5%)}