/* Desktop art direction only. The approved mobile layout is untouched. */
@media(min-width:761px){
:root{--journey-gutter:clamp(40px,5vw,90px)}
.header{padding:18px var(--journey-gutter)!important}
.story-stage{background:#080d08}
.story-frame img{position:absolute;right:6%;width:auto;height:100%;max-width:65%;object-fit:contain!important;object-position:center!important;transform:none!important;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
.story-frame[data-scene="2"] img,.story-frame[data-scene="3"] img,.story-frame .living-photo,.story-frame[data-scene="2"] .living-photo,.story-frame[data-scene="3"] .living-photo{transform:none!important}
.story-frame .scene-shade{background:linear-gradient(90deg,#080d08 0%,#080d08eb 24%,#080d0844 49%,transparent 72%),linear-gradient(0deg,#080d08,transparent 20%,transparent 85%,#080d0844)!important}
.story-beat,.beat-human,.beat-inward{justify-content:flex-start}
.story-beat .beat-copy{max-width:440px!important;width:38%}
.story-beat:first-of-type .beat-copy{width:44%;max-width:560px!important}.story-beat h1{font-size:clamp(60px,5.8vw,88px);max-width:520px}
.story-beat h2{font-size:clamp(52px,5.4vw,82px)}
.story-beat p{font-size:15px;line-height:1.8;max-width:390px}
.story-beat .beat-lead{font-size:25px}.story-beat{min-height:110svh;padding-block:15svh}
#welcome .beat-human{min-height:155svh;padding-top:22svh;padding-bottom:55svh}
.panel:not(#welcome) .master-mast{height:85svh;min-height:600px;max-height:850px;background:#142313}
.panel:not(#welcome) .master-art img{position:absolute;right:6%;width:auto;height:100%;max-width:65%;object-fit:contain!important;object-position:center!important;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.panel:not(#welcome) .master-art:before{background:linear-gradient(90deg,#142313 0%,#142313dd 25%,transparent 65%)}
.panel:not(#welcome) .master-art:after{background:linear-gradient(0deg,#142313,transparent 25%)}
.panel .mastcopy{width:40%!important;max-width:500px!important;left:var(--journey-gutter)!important}
.panel .mastcopy h1{font-size:clamp(56px,6vw,88px)!important}
#guides,#process,#afters{background:#142313}
#guides .inside.illustrated,#process .inside.illustrated,#afters .inside.illustrated{max-width:none;width:100%;margin:0;background:#142313;padding:65px max(var(--journey-gutter),calc((100vw - 1100px)/2)) 80px}
.inside .intro{max-width:900px;margin-bottom:60px!important}
.panel .copyblock{max-width:760px;margin-left:auto;margin-right:auto;padding-block:28px}
#process .widepause{width:100vw;margin:60px calc((100% - 100vw)/2);background:#142313}
#process .widepause img{width:min(800px,75vw);height:850px;margin:auto;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)!important;mask-composite:intersect;-webkit-mask-composite:source-in}
#process .waterfall-motion{mask-composite:intersect;-webkit-mask-composite:source-in}
#process .widepause figcaption{left:var(--journey-gutter);font-size:44px;bottom:27%}
#welcome .lightstage{height:66.667vw;min-height:680px;max-height:none}
#welcome .lightstage .state-night{transform:none!important;object-position:50% 0!important}
#welcome .passagewords p{font-size:72px}
#connect .mist-arrival{height:48vw;max-height:680px;min-height:380px}
#testimonials .voices-body{max-width:none;width:100%;background:#080c08}
.chapter-next{padding:75px var(--journey-gutter)}
#testimonials{background:#101b10}
#testimonials .voices-body{background:#101b10;padding-top:50px;padding-bottom:70px}
.voices-opening{height:68vw;min-height:620px;max-height:850px}
.voices-opening img{width:auto;max-width:65%;right:6%;left:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.voices-title{max-width:560px;top:28%}.voices-title h1{font-size:clamp(64px,6.5vw,96px)}
.voice-lead{max-width:850px;margin-bottom:80px}.voices-pair{gap:7%;max-width:1000px}.voices-pair>.voice:last-child{padding-top:65px}
.voice-landscape{min-height:0;height:max(650px,56.25vw);padding:90px var(--journey-gutter)}
.voice-landscape .voice{max-width:750px}.voice-landscape blockquote{font-size:clamp(34px,3.6vw,54px)}
#process .master-art img,.story-frame[data-scene="2"] img{width:58%;max-width:none;object-fit:cover!important;object-position:center 28%!important}

/* Panoramic source images fill the viewport; only vertical transition fades. */
.story-frame img,.panel:not(#welcome) .master-art img,#process .master-art img,.story-frame[data-scene="2"] img,.voices-opening img{
 position:absolute;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;mask-image:none!important;-webkit-mask-image:none!important;
}
.story-frame .scene-shade{background:linear-gradient(90deg,#040a0670,transparent 75%),linear-gradient(0deg,#080d08,transparent 18%,transparent 92%,#080d0840)!important}
.panel:not(#welcome) .master-art:before{background:linear-gradient(90deg,#07110980,transparent 78%)}
.panel:not(#welcome) .master-art:after{background:linear-gradient(0deg,#142313,transparent 22%)}
.story-beat .beat-copy{width:44%;max-width:540px!important;text-shadow:0 2px 22px #0008}
.story-beat:first-of-type .beat-copy{width:48%;max-width:650px!important}
.panel:not(#welcome) .master-mast{height:100svh!important;min-height:640px;max-height:none}
.panel .mastcopy{bottom:18%!important;text-shadow:0 2px 24px #0007}
#process .widepause img{width:100%!important;height:100%!important;object-fit:cover;object-position:center;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent)!important}
#process .widepause{height:56.25vw;min-height:620px;max-height:1100px;margin-block:35px}
#process .widepause figcaption{font-size:clamp(38px,4vw,60px);text-shadow:0 2px 24px #000}
.voices-opening{height:100svh;max-height:none;min-height:640px}.voices-title{max-width:650px}
.voices-opening:before{background:linear-gradient(90deg,#101b1099,transparent 85%),linear-gradient(0deg,#101b10,transparent 24%)}

#welcome .story-beat[data-beat="1"],#welcome .story-beat[data-beat="3"]{justify-content:flex-end;text-align:right}
#welcome .story-beat[data-beat="1"] .beat-copy,#welcome .story-beat[data-beat="3"] .beat-copy{margin-left:auto;margin-right:0}
#welcome .story-beat[data-beat="1"] p,#welcome .story-beat[data-beat="3"] p{margin-left:auto;margin-right:0}
#welcome .story-frame[data-scene="1"] .scene-shade,#welcome .story-frame[data-scene="3"] .scene-shade{background:linear-gradient(270deg,#040a068c,transparent 80%),linear-gradient(0deg,#080d08,transparent 18%)!important}
#process .copyblock:nth-of-type(3) h2{text-align:right}

#welcome .spiritpause>p{margin-top:58px;margin-bottom:0}
#welcome .closing-invitation{margin-top:70px;gap:32px}
#home .opening{bottom:15%}
#home .opening>.outline{position:static;flex-shrink:0;align-self:flex-end;margin-bottom:clamp(8px,1.2vw,18px)}
#connect .desktop-contact input,#connect .desktop-contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #7b866b;background:transparent;color:inherit;font:inherit;padding:12px 0;margin-bottom:25px;border-radius:0}
#connect .desktop-contact textarea{min-height:100px;resize:vertical}
#connect .desktop-contact input:focus,#connect .desktop-contact textarea:focus{outline:1px solid #c7b17b;outline-offset:6px}

/* Long, eased atmospheric fade into the same forest tone as the form. */
#connect .mist-arrival video{
 mask-image:linear-gradient(180deg,transparent 0%,#0008 12%,#000 26%,#000 40%,#000f 47%,#000e 54%,#000c 61%,#0009 69%,#0006 77%,#0003 85%,#0001 93%,transparent 100%);
 -webkit-mask-image:linear-gradient(180deg,transparent 0%,#0008 12%,#000 26%,#000 40%,#000f 47%,#000e 54%,#000c 61%,#0009 69%,#0006 77%,#0003 85%,#0001 93%,transparent 100%);
}
#connect .mist-arrival-shade{background:linear-gradient(180deg,transparent 30%,#14231315 55%,#14231335 78%,#14231355 100%)}
#connect .mist-arrival{background:#142313}
}

/* Launch review: proportionate desktop copy enlargement.
   Layout zoom scales type, paragraph spacing and controls together and
   participates in layout; image layers and mobile sizing stay unchanged. */
@media (min-width: 761px) {
  .story-beat > .beat-copy,
  .panel .inside > .intro,
  .panel .inside > .copyblock,
  .care-content > .intro,
  .care-content > .copyblock,
  .voices-body .voice,
  .voice-landscape > .voice {
    zoom: 1.1;
  }
}

/* A continuous desktop ending: copy → invitation → footer, without color bands. */
@media (min-width:761px){
 .panel{--ending-from:#142313;--ending-to:#080d08}
 #welcome{--ending-from:#050605;--ending-to:#050605}
 #testimonials{--ending-from:#080c08;--ending-to:#080c08}
 #connect{--ending-from:#faf9f6;--ending-to:#faf9f6}
 .panel .chapter-next{
  background:linear-gradient(180deg,var(--ending-from) 0%,var(--ending-from) 8%,color-mix(in srgb,var(--ending-from) 88%,var(--ending-to)) 28%,color-mix(in srgb,var(--ending-from) 55%,var(--ending-to)) 53%,color-mix(in srgb,var(--ending-from) 18%,var(--ending-to)) 78%,var(--ending-to) 100%)!important;
  border:0;box-shadow:none;padding-top:100px;padding-bottom:70px;
 }
 .panel .footer{
  background:linear-gradient(180deg,var(--ending-from),var(--ending-to))!important;
  border:0;box-shadow:none;padding-top:42px;padding-bottom:38px;
 }
 .panel .chapter-next+.footer{background:var(--ending-to)!important}
 body:has(#welcome.active) .motion-control{background:#050605}
 body:has(#testimonials.active) .motion-control{background:#080c08}
 body:has(#guides.active) .motion-control,body:has(#process.active) .motion-control,body:has(#afters.active) .motion-control,body:has(#aftercare.active) .motion-control,body:has(#embodied.active) .motion-control,body:has(#resources.active) .motion-control{background:#080d08}
 #connect .chapter-next{color:#171b17}
 #connect .chapter-next .outline{color:#293c23}
 #connect .chapter-next .chapter-back{color:#596052}
 body:has(#connect.active) .motion-control{background:#faf9f6}
 body:has(#connect.active) .motion-control button{color:#293c23}
}