@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-latin.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Raleway;src:url('assets/fonts/raleway-latin.woff2') format('woff2');font-weight:200 500;font-display:swap}
:root{color-scheme:dark;--page:#1c2329;--gutter:5.65vw}
*{box-sizing:border-box}
html{background:var(--page)}
body{margin:0;background:var(--page);color:#fff;font-family:Raleway,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit}
button:disabled{opacity:1;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:8px}
.hero{position:relative;height:210vh;height:210svh}
.hero__viewport{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.hero__media,.hero__shade{position:absolute;inset:0;pointer-events:none}
.hero__media{z-index:-3}
.hero__poster,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero__video{opacity:0}
.hero[data-video-ready="true"] .hero__video{opacity:1}
.hero__shade{z-index:-2;background:linear-gradient(180deg,transparent 65%,rgba(28,35,41,.1) 82%,var(--page) 100%),linear-gradient(90deg,rgba(0,0,0,.10),transparent 57%)}
.hero__content{position:absolute;left:var(--gutter);top:19.25%;max-width:88.7vw}
.hero__title{margin:0;font-family:Cormorant,'Times New Roman',serif;font-weight:300;font-size:clamp(62px,5.82vw,180px);line-height:1.075;letter-spacing:-.035em}
.hero__line{display:block;overflow:hidden;padding:0 .04em .09em 0;margin-bottom:-.09em}
.hero__reveal{display:block;width:max-content}
.hero__subtitle{margin:4px 0 0;font-size:clamp(17px,1.62vw,44px);font-weight:200;line-height:1.4;letter-spacing:.045em}
.presentation{display:flex;align-items:center;justify-content:space-between;width:clamp(285px,19vw,510px);height:clamp(52px,3.33vw,88px);margin-top:clamp(28px,2.25vw,66px);padding:7px 9px 7px clamp(20px,2.1vw,60px);border:1px solid rgba(255,255,255,.55);border-radius:100px;background:linear-gradient(115deg,rgba(255,255,255,.11),rgba(255,255,255,.05));box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 5px 30px rgba(0,0,0,.10);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.presentation__label{font-size:clamp(10px,.74vw,20px);font-weight:500;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}
.presentation__circle{flex-shrink:0;height:100%;aspect-ratio:1;border-radius:50%;background:#fff;margin-left:12px;box-shadow:0 0 5px rgba(255,255,255,.18)}
.hero__footer{position:absolute;inset:auto 2.5vw 8.8% var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:1.6vw;width:14.25vw;min-width:200px;text-decoration:none}
.brand__symbol{display:block;width:3.35vw;min-width:47px;height:auto;flex-shrink:0}
.brand__wordmark{display:flex;flex:1;flex-direction:column;gap:.65vw;min-width:0}
.brand__atma,.brand__garden{display:block;width:100%;height:auto}
.socials{display:flex;gap:clamp(14px,1.2vw,32px);padding-bottom:0}
.social{display:grid;place-items:center;width:40px;height:40px;aspect-ratio:1;border:0;border-radius:50%;background:#fff;padding:11px;flex-shrink:0}
.social:disabled{color:#121719}
.social img{display:block;width:18px;height:18px}
.section-transition{height:14vh;height:14svh;background:var(--page)}
@media(prefers-reduced-motion:no-preference){
  .hero.is-entering .hero__reveal{animation:reveal-line 1.4s cubic-bezier(.16,1,.3,1) both}
  .hero.is-entering .hero__reveal--first{animation-delay:.12s}
  .hero.is-entering .hero__reveal--second{animation-delay:.28s}
  .hero.is-entering .hero__subtitle{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .56s both}
  .hero.is-entering .presentation{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .72s both}
  .hero.is-entering .hero__footer{animation:reveal-detail 1.3s cubic-bezier(.16,1,.3,1) .9s both}
}
@keyframes reveal-line{from{transform:translateY(112%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes reveal-detail{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-aspect-ratio:2/1){.hero__title{font-size:clamp(62px,9.9vh,150px)}.hero__subtitle{font-size:clamp(17px,2.9vh,36px)}.presentation{margin-top:3.5vh;height:7vh}}
@media(max-width:767px){
  :root{--gutter:7vw}
  .hero{height:190svh}
  .hero__content{top:23%;max-width:86vw}
  .hero__title{font-size:clamp(44px,10.8vw,82px);line-height:1.09;letter-spacing:-.035em}
  .hero__subtitle{max-width:300px;font-size:clamp(16px,4.15vw,24px);line-height:1.5;margin-top:17px}
  .presentation{width:clamp(260px,73vw,360px);max-width:86vw;height:54px;padding-left:22px;margin-top:30px}
  .presentation__label{font-size:10px;letter-spacing:.15em}
  .hero__poster,.hero__video{object-position:43% center}
  .hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16) 26%,rgba(0,0,0,.08) 64%,var(--page) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 85%)}
  .hero__footer{left:var(--gutter);right:var(--gutter);bottom:calc(40px + env(safe-area-inset-bottom));gap:12px;align-items:center}
  .brand{width:176px;min-width:0;gap:17px}
  .brand__symbol{width:40px;min-width:0}
  .brand__wordmark{gap:8px}
  .socials{gap:12px}
}
@media(max-width:360px){.brand{width:155px;gap:13px}.brand__symbol{width:34px}.socials{gap:10px}}
@media(max-height:500px) and (orientation:landscape){.hero__content{top:12%}.hero__title{font-size:12vh}.hero__subtitle{font-size:4vh;margin-top:8px}.presentation{height:42px;margin-top:14px;width:260px}.hero__footer{bottom:24px}.brand{width:170px;min-width:0;gap:16px}.brand__symbol{width:38px;min-width:0}.brand__wordmark{gap:7px}}
@media(prefers-reduced-motion:reduce){.hero{height:100vh;height:100svh}.hero__video{display:none}}
.dreams{position:relative;min-height:100vh;min-height:100svh;background:var(--page);isolation:isolate;overflow:hidden}
.dreams__media{position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.dreams__poster,.dreams__video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.dreams__video{opacity:0}
.dreams[data-video-ready="true"] .dreams__video{opacity:1}
.dreams__content{position:relative;padding:clamp(90px,8.5vw,200px) 0 190px;margin-left:var(--gutter);width:49vw;max-width:1100px}
.dreams__title{margin:0;font-family:Cormorant,'Times New Roman',serif;font-size:clamp(54px,5.55vw,150px);font-weight:300;line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;color:#d5d7d7}
.dreams__eyebrow{margin:26px 0 0;font-size:clamp(9px,.76vw,18px);line-height:1.8;font-weight:300;letter-spacing:.65em;text-transform:uppercase;color:#929a9d}
.dreams__text{margin:clamp(36px,3.5vw,90px) 0 0;max-width:43vw;font-size:clamp(16px,1.06vw,27px);font-weight:300;line-height:1.65;color:#aeb5b7}
.dreams__presentation{margin-top:clamp(32px,3.2vw,70px);background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.dreams__presentation .presentation__label{letter-spacing:.55em;font-weight:400;font-size:clamp(10px,.68vw,17px)}
.dreams__presentation .presentation__circle{display:grid;place-items:center;color:#121619}
.dreams__presentation svg{width:50%;height:50%}
.dreams__stat{position:absolute;right:5vw;top:54%;width:clamp(180px,13.2vw,340px);aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:clamp(22px,2vw,50px);padding:7% 10%;padding:clamp(16px,1.3vw,32px);overflow:hidden;background:linear-gradient(140deg,rgba(150,140,118,.6),rgba(255,255,255,.06) 85%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dreams__stat-top{display:flex;align-items:baseline;gap:8px;position:relative;z-index:1}
.dreams__number{font-size:clamp(72px,5.2vw,138px);font-weight:200;line-height:1;letter-spacing:-.06em}
.dreams__days{font-size:clamp(10px,.68vw,17px);letter-spacing:.03em}
.dreams__stat-label{position:relative;z-index:1;margin:12px 0 0;padding-top:11px;border-top:1px solid rgba(255,255,255,.22);font-size:clamp(10px,.77vw,19px);font-weight:500;letter-spacing:.07em;white-space:nowrap;text-transform:uppercase;color:#c4c8c6}
.dreams__chart{position:absolute;bottom:0;left:0;width:100%;height:36%}
.dreams__footer{position:absolute;bottom:clamp(34px,4vw,90px);left:var(--gutter);right:5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}
.dreams__footer .brand{width:clamp(176px,11vw,270px);min-width:0;gap:1.6vw}
.dreams__footer .brand__symbol{width:clamp(40px,2.5vw,65px);min-width:0}
.dreams__footer .brand__wordmark{gap:7px}
.dreams__footer .brand__wordmark img{display:block;width:100%;height:auto}
.dreams__nav{display:flex;gap:clamp(40px,6vw,160px);font-size:clamp(10px,.65vw,16px);letter-spacing:.45em;text-transform:uppercase;color:#929a9d}
.dreams__nav a{text-decoration:none}
.dreams__nav a:hover{color:#fff}
@media(max-width:1050px) and (min-width:768px){.dreams__content{width:57vw}.dreams__text{max-width:47vw}.dreams__eyebrow{letter-spacing:.42em}.dreams__nav{gap:30px;letter-spacing:.2em}}
@media(max-width:767px){
 .dreams{min-height:1080px}
 .dreams__content{padding:70px 0 560px;width:86vw;margin-left:var(--gutter)}
 .dreams__title{font-size:clamp(42px,11.2vw,72px)}
 .dreams__eyebrow{margin-top:20px;font-size:9px;letter-spacing:.32em;max-width:85%;line-height:2}
 .dreams__text{max-width:100%;margin-top:28px;font-size:16px;line-height:1.7}
 .dreams__presentation{margin-top:28px}
 .dreams__presentation .presentation__label{letter-spacing:.4em}
 .dreams__media{top:auto;bottom:150px;height:440px;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}
 .dreams__poster,.dreams__video{object-position:right center}
 .dreams__stat{top:auto;bottom:190px;right:7vw;width:156px;padding:15px;border-radius:24px}
 .dreams__number{font-size:65px}
 .dreams__stat-label{font-size:9px;letter-spacing:.02em;padding-top:8px;margin-top:8px}
 .dreams__footer{left:var(--gutter);right:var(--gutter);bottom:35px;gap:20px;flex-wrap:wrap}
 .dreams__footer .brand{width:155px;gap:13px}
 .dreams__footer .brand__symbol{width:34px}
 .dreams__nav{width:100%;order:3;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.2em;padding-top:15px}
}
@media(prefers-reduced-motion:reduce){.dreams__video{display:none}}
/* Unified typography, scroll sections and persistent navigation. */
.hero{height:237.5vh;height:237.5svh}
.hero__title{font-size:clamp(54px,5.55vw,150px);line-height:1.02;color:#d5d7d7}
.hero__subtitle{font-size:clamp(9px,.76vw,18px);line-height:1.8;font-weight:300;letter-spacing:.65em;text-transform:uppercase;color:#929a9d;margin-top:26px;max-width:75vw}
.dreams{height:220vh;height:220svh;min-height:0;overflow:visible;isolation:auto}
.dreams__viewport{position:sticky;top:0;height:100vh;height:100svh;min-height:800px;isolation:isolate;overflow:hidden}
.site-bar{position:fixed;z-index:40;bottom:calc(36px + env(safe-area-inset-bottom));left:var(--gutter);right:5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;isolation:isolate}
.site-bar::before{content:'';position:absolute;z-index:-1;left:calc(-1 * var(--gutter));right:-5vw;bottom:calc(-36px - env(safe-area-inset-bottom));height:140px;background:linear-gradient(transparent,rgba(28,35,41,.88));pointer-events:none}
.site-bar .brand{width:clamp(176px,11vw,270px);min-width:0;gap:1.6vw}
.site-bar .brand__symbol{width:clamp(40px,2.5vw,65px);min-width:0}
.site-bar .brand__wordmark{gap:7px}
.site-bar .brand__wordmark img{display:block;width:100%;height:auto}
.dreams__chart-line{stroke-dasharray:1;stroke-dashoffset:1}
.dreams__chart-fill{opacity:0}
.dreams.is-chart-visible .dreams__chart-line{animation:chart-draw 1.7s cubic-bezier(.25,.1,.25,1) both}
.dreams.is-chart-visible .dreams__chart-fill{animation:chart-fill 1.7s ease .25s both}
@keyframes chart-draw{to{stroke-dashoffset:0}}
@keyframes chart-fill{to{opacity:1}}
@media(max-width:767px){
 .hero{height:212.5svh}
 .hero__title{font-size:clamp(42px,11.2vw,72px);line-height:1.02}
 .hero__subtitle{margin-top:20px;font-size:9px;letter-spacing:.32em;max-width:85%;line-height:2}
 .dreams{height:calc(1080px + 100svh);min-height:0}
 .dreams__viewport{height:1080px;min-height:1080px;top:min(0px,calc(100svh - 1180px))}
 .site-bar{left:var(--gutter);right:var(--gutter);bottom:calc(20px + env(safe-area-inset-bottom));gap:14px;flex-wrap:wrap}
 .site-bar::before{right:calc(-1 * var(--gutter));bottom:calc(-20px - env(safe-area-inset-bottom));height:150px}
 .site-bar .brand{width:155px;gap:13px}
 .site-bar .brand__symbol{width:34px}
 .site-bar .dreams__nav{padding-top:0}
}
@media(max-height:500px) and (min-width:768px){.dreams__viewport{min-height:800px;top:calc(100svh - 900px)}.site-bar{bottom:20px}.site-bar .brand{width:150px}.site-bar .brand__symbol{width:34px}.site-bar .dreams__nav{gap:24px;letter-spacing:.2em}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.dreams{height:auto}.dreams__viewport{position:relative;top:0}.dreams__chart-line{stroke-dashoffset:0}.dreams__chart-fill{opacity:1}.dreams.is-chart-visible .dreams__chart-line,.dreams.is-chart-visible .dreams__chart-fill{animation:none}}
/* Playback and card refinement. */
.hero__title{font-size:clamp(108px,11.1vw,300px)}
.dreams__stat{top:auto;bottom:15%}
.dreams__stat-top{align-items:flex-end}
.dreams__number{font-variant-numeric:tabular-nums;min-width:1.12em}
.dreams__days{line-height:1;margin-bottom:.5em}
.dreams__divider{height:1px;background:rgba(255,255,255,.22);margin-top:12px;transform:scaleX(0);transform-origin:center}
.dreams__stat-label{padding-top:0;border-top:0;margin-top:11px}
.dreams__presentation{padding-left:9px;gap:0}
.dreams__presentation .presentation__label{flex:1;text-align:center}
.dreams__presentation .presentation__circle{margin-left:0}
@keyframes divider-open{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 .dreams__title,.dreams__eyebrow,.dreams__text,.dreams__presentation{opacity:0;transform:translateY(22px)}
 .dreams.is-text-visible .dreams__title{animation:reveal-detail 1.4s cubic-bezier(.16,1,.3,1) .12s both}
 .dreams.is-text-visible .dreams__eyebrow{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .28s both}
 .dreams.is-text-visible .dreams__text{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .42s both}
 .dreams.is-text-visible .dreams__presentation{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .56s both}
 .dreams__days,.dreams__stat-label{opacity:0;transform:translateY(22px)}
 .dreams.is-chart-visible .dreams__days{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .12s both}
 .dreams.is-chart-visible .dreams__stat-label{animation:reveal-detail 1.2s cubic-bezier(.16,1,.3,1) .28s both}
 .dreams.is-chart-visible .dreams__divider{animation:divider-open 1.2s cubic-bezier(.16,1,.3,1) .2s both}
}
@media(max-width:767px){
 .hero__title{font-size:clamp(84px,22.4vw,144px)}
 .hero__content{top:12%}
 .hero__reveal{width:auto}
 .dreams__stat{bottom:140px}
 .dreams__divider{margin-top:8px}
 .dreams__stat-label{margin-top:8px}
}
@media(max-width:360px){.hero__content{top:5%}.hero__title{line-height:1}}
@media(max-height:500px) and (orientation:landscape){.hero__content{top:3%}}
@media(prefers-reduced-motion:reduce){.dreams__divider{transform:scaleX(1)}}
/* Scroll, chart and button refinement. */
.hero__title{font-size:clamp(75.6px,7.77vw,210px)}
.dreams__stat{height:clamp(220px,16vw,360px);aspect-ratio:auto}
.dreams__stat-label{font-size:clamp(11px,.8vw,18px);font-weight:400;letter-spacing:.08em}
.dreams__stat-label>span{display:flex;justify-content:space-between;width:100%}
.dreams__chart{height:28%}
.dreams.is-chart-visible .dreams__chart-line{animation-duration:2.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
.dreams.is-chart-visible .dreams__chart-fill{animation-duration:2.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
.dreams.is-chart-visible .dreams__divider{animation-duration:1.8s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
.dreams.is-chart-visible .dreams__days,.dreams.is-chart-visible .dreams__stat-label{animation-duration:1.8s}
.dreams__presentation{width:230px;height:40px;min-height:40px;padding:4px 5px 4px 9px;border:1px solid rgba(255,255,255,.48);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.dreams__presentation .presentation__label{font-size:10px;letter-spacing:.32em}
.dreams__presentation .presentation__circle{height:30px;box-shadow:none}
.dreams__presentation svg{transition:transform 1.1s cubic-bezier(.4,0,.2,1)}
.dreams__presentation:hover svg,.dreams__presentation:focus-visible svg{transform:rotate(90deg)}
@media(max-width:767px){.hero__title{font-size:clamp(58.8px,15.68vw,100.8px)}.dreams__stat{width:176px;height:210px}.dreams__presentation{width:220px;height:40px}}
@media(prefers-reduced-motion:reduce){.dreams__presentation svg{transition:none}}
/* Comfort-style automatic forward/reverse scroll and reference layout. */
.hero__content{top:50%;transform:translateY(-50%)}
.dreams__content{padding-top:clamp(140px,12vw,260px)}
.dreams__stat{height:auto;aspect-ratio:1}
.dreams.is-chart-visible .dreams__chart-line,.dreams.is-chart-visible .dreams__chart-fill,.dreams.is-chart-visible .dreams__divider{animation-timing-function:cubic-bezier(.22,1,.36,1)}
.dreams__presentation{width:clamp(260px,17.7vw,440px);height:clamp(50px,3.65vw,80px);padding:6px 8px 6px 14px;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.dreams__presentation .presentation__label{font-size:clamp(10px,.68vw,17px);letter-spacing:.6em;font-weight:400}
.dreams__presentation .presentation__circle{height:100%}
.dreams__presentation svg{transition-duration:.45s}
@media(max-width:767px){.hero__content{top:50%}.dreams__content{padding-top:110px}.dreams__stat{height:auto;aspect-ratio:1}.dreams__presentation{width:260px;height:54px}}
@media(max-width:360px){.hero__content{top:50%}}
/* Garden styles: floating landscapes above quiet, outlined cards. */
.gardens{position:relative;isolation:isolate;overflow:hidden;background:#171d20;padding:90px var(--gutter) 170px;min-height:100svh}
.gardens__cloud{position:absolute;z-index:-1;inset:-15%;background:url('assets/cloud.webp') center/cover no-repeat;filter:blur(55px);opacity:.12;mix-blend-mode:screen;pointer-events:none}
.gardens::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(#1c2329,transparent 20%,transparent 65%,#171d20);pointer-events:none}
.gardens__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.7vw;max-width:2400px;margin:auto;align-items:stretch}
.garden-card{position:relative;display:flex;flex-direction:column;min-width:0;padding-top:clamp(280px,30vw,800px)}
.garden-card::before{content:'';position:absolute;inset:clamp(170px,18vw,480px) 0 0;border:1px solid rgba(255,255,255,.24);border-radius:0 0 30px 30px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015));z-index:-1}
.garden-card__image{position:absolute;top:0;left:-1%;width:102%;height:clamp(280px,30vw,800px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 30px rgba(0,0,0,.14))}
.garden-card__body{padding:34px clamp(20px,2.1vw,58px) 48px;text-align:center;flex:1}
.garden-card__title{margin:0 0 28px;font-size:clamp(26px,2.5vw,64px);font-weight:500;line-height:1.2;letter-spacing:-.025em}
.garden-card__subtitle{margin:0;font-size:clamp(14px,.96vw,24px);font-weight:500;line-height:1.5;min-height:3em;text-wrap:balance;color:#e7e9e9}
.garden-card__description{margin:28px 0 0;font-size:clamp(14px,.95vw,23px);font-weight:300;line-height:1.55;color:#9da3a4;text-wrap:pretty}
@media(prefers-reduced-motion:no-preference){.garden-card{opacity:0;transform:translateY(28px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.garden-card.is-visible{opacity:1;transform:none}.garden-card:nth-child(2){transition-delay:.12s}.garden-card:nth-child(3){transition-delay:.24s}}
@media(max-width:900px) and (min-width:768px){.gardens__grid{gap:20px}.garden-card__body{padding:28px 16px 32px}.garden-card__title{font-size:25px}.garden-card__subtitle{min-height:4.5em}}
@media(max-width:767px){.gardens{padding:65px var(--gutter) 170px}.gardens__grid{grid-template-columns:1fr;gap:55px;max-width:480px}.garden-card{padding-top:320px}.garden-card::before{top:170px;border-radius:0 0 26px 26px}.garden-card__image{height:320px;width:100%;left:0}.garden-card__body{padding:28px 24px 36px}.garden-card__title{font-size:32px;margin-bottom:22px}.garden-card__subtitle{font-size:15px;min-height:0}.garden-card__description{font-size:15px;margin-top:24px}.gardens__cloud{background-size:auto 100%;filter:blur(35px)}}
@media(max-width:360px){.garden-card{padding-top:275px}.garden-card__image{height:275px}.garden-card__title{font-size:28px}.garden-card__body{padding-left:20px;padding-right:20px}}
/* Visible cloud layers and fully rounded garden cards. */
.gardens__cloud{inset:-8%;background-size:110% auto;background-position:50% 40%;filter:blur(32px);opacity:.36}
.gardens::after{background:linear-gradient(#1c2329,transparent 15%,transparent 75%,#171d20)}
.garden-card::before{border-radius:30px}
@media(max-width:767px){.gardens__cloud{background-size:auto 75%;background-repeat:repeat-y;filter:blur(26px);opacity:.3}.garden-card::before{border-radius:26px}}
.gardens__cloud{filter:url(#cloud-volume) blur(32px);opacity:.32}
@media(max-width:767px){.gardens__cloud{filter:url(#cloud-volume) blur(26px);opacity:.28}}

/* Sharp cloud backdrop; frosted glass only inside the cards. */
.gardens__cloud{filter:url(#cloud-volume);opacity:.32}
.garden-card::before{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-color:rgba(255,255,255,.3)}
@media(max-width:767px){.gardens__cloud{filter:url(#cloud-volume);opacity:.28}.garden-card::before{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
/* Normal scrolling and native autoplay: one viewport per section. */
html{scroll-behavior:smooth}
.hero{height:100svh}
.hero__viewport{position:relative;height:100svh}
.dreams{height:auto;min-height:100svh}
.dreams__viewport{position:relative;top:0;height:100svh;min-height:800px}
@media(max-width:767px){.hero{height:100svh}.dreams{height:auto;min-height:0}.dreams__viewport{position:relative;top:0;height:1080px;min-height:1080px}}
@media(max-height:500px) and (min-width:768px){.dreams__viewport{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Manual hero scrubbing and three separate clouds from the reference. */
.hero{height:200svh}
.hero__viewport{position:sticky;top:0;height:100svh}
.gardens__cloud{inset:auto;background-size:contain;background-repeat:no-repeat;background-position:center;filter:url(#cloud-volume);pointer-events:none}
.gardens__cloud--left{width:80%;height:60%;left:-30%;top:-15%;transform:rotate(180deg);opacity:.18}
.gardens__cloud--right{width:90%;height:65%;right:-34%;top:-12%;transform:rotate(-12deg);opacity:.19}
.gardens__cloud--lower{width:140%;height:75%;left:-23%;top:40%;transform:rotate(8deg);opacity:.25}
@media(max-width:767px){.hero{height:200svh}.hero__viewport{position:sticky;top:0}.gardens__cloud--left{width:180%;height:35%;left:-85%;top:0}.gardens__cloud--right{width:190%;height:40%;right:-100%;top:28%}.gardens__cloud--lower{width:220%;height:45%;left:-55%;top:60%}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.hero__viewport{position:relative}}
/* Shared clouds cross the video/card boundary below all foreground content. */
.landscape-stage{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(#1c2329,#171d20)}
.landscape-stage .dreams,.landscape-stage .gardens{background:transparent;isolation:auto;overflow:visible}
.landscape-stage .dreams__viewport{isolation:auto;overflow:visible}
.landscape-stage .dreams__media{z-index:0}
.landscape-stage .dreams__content,.landscape-stage .dreams__stat{z-index:3}
.landscape-stage .gardens__grid{position:relative;z-index:3}
.landscape-stage .gardens::after{display:none}
.cloud-transition{position:absolute;top:0;left:0;width:100%;height:calc(100svh + 100svh);z-index:1;pointer-events:none;--cloud-ease:0}
.cloud-transition .gardens__cloud{filter:url(#cloud-volume);background-size:contain;background-repeat:no-repeat;will-change:transform;right:auto;bottom:auto}
.cloud-transition .gardens__cloud--left{width:150vw;height:125svh;left:-68vw;top:-15svh;opacity:.24;transform:translate3d(calc(var(--cloud-ease) * -60vw),calc(var(--cloud-ease) * -25svh),0) rotate(170deg)}
.cloud-transition .gardens__cloud--right{width:160vw;height:130svh;left:10vw;top:-5svh;opacity:.25;transform:translate3d(calc(var(--cloud-ease) * 65vw),calc(var(--cloud-ease) * -15svh),0) rotate(-12deg)}
.cloud-transition .gardens__cloud--lower{width:190vw;height:125svh;left:-45vw;top:35svh;opacity:.26;transform:translate3d(calc(var(--cloud-ease) * -18vw),calc(var(--cloud-ease) * 55svh),0) rotate(5deg)}
@media(max-width:767px){.cloud-transition .gardens__cloud--left{width:260vw;height:100svh;left:-155vw;top:0;transform:translate3d(calc(var(--cloud-ease) * -80vw),calc(var(--cloud-ease) * -20svh),0) rotate(170deg)}.cloud-transition .gardens__cloud--right{width:280vw;height:110svh;left:5vw;top:15svh;transform:translate3d(calc(var(--cloud-ease) * 85vw),calc(var(--cloud-ease) * -15svh),0) rotate(-12deg)}.cloud-transition .gardens__cloud--lower{width:320vw;height:120svh;left:-110vw;top:60svh;transform:translate3d(calc(var(--cloud-ease) * -25vw),calc(var(--cloud-ease) * 50svh),0) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.cloud-transition .gardens__cloud{will-change:auto}}
/* Later separation, visible side banks, and distinct clouds under the rocks. */
.cloud-transition .gardens__cloud--left{top:0;transform:translate3d(calc(var(--cloud-ease) * -40vw),calc(var(--cloud-ease) * -10svh),0) rotate(170deg)}
.cloud-transition .gardens__cloud--right{top:15svh;transform:translate3d(calc(var(--cloud-ease) * 56vw),calc(var(--cloud-ease) * -8svh),0) rotate(-12deg)}
.cloud-transition .gardens__cloud--lower{top:45svh;opacity:.2;transform:translate3d(calc(var(--cloud-ease) * -10vw),calc(var(--cloud-ease) * 20svh),0) rotate(5deg)}
.garden-clouds{position:absolute;inset:0;z-index:1;pointer-events:none;--cloud-ease:0;--rocks-floor:calc(90px + clamp(280px,30vw,800px) - 120px)}
.cloud-bank{position:absolute;top:var(--rocks-floor);height:clamp(300px,40vw,700px);background:center/contain no-repeat;will-change:transform;mix-blend-mode:screen;opacity:.55}
.cloud-bank--left{width:110vw;left:-42vw;background-image:url('assets/user-cloud-v15.webp');transform:translate3d(calc(var(--cloud-ease) * -25vw),calc(var(--cloud-ease) * 3svh),0)}
.cloud-bank--right{width:110vw;right:-42vw;background-image:url('assets/user-cloud-v15.webp');transform:translate3d(calc(var(--cloud-ease) * 25vw),calc(var(--cloud-ease) * 5svh),0) scaleX(-1)}
.cloud-bank--lower{width:140vw;left:-20vw;top:calc(var(--rocks-floor) + 12svh);background-image:url('assets/user-cloud-v15.webp');opacity:.4;transform:translate3d(calc(var(--cloud-ease) * 10vw),calc(var(--cloud-ease) * 12svh),0)}
@media(max-width:767px){.cloud-transition .gardens__cloud--left{left:-155vw;transform:translate3d(calc(var(--cloud-ease) * -65vw),calc(var(--cloud-ease) * -10svh),0) rotate(170deg)}.cloud-transition .gardens__cloud--right{left:5vw;transform:translate3d(calc(var(--cloud-ease) * 55vw),calc(var(--cloud-ease) * -8svh),0) rotate(-12deg)}.cloud-transition .gardens__cloud--lower{top:65svh;transform:translate3d(calc(var(--cloud-ease) * -10vw),calc(var(--cloud-ease) * 20svh),0) rotate(5deg)}.garden-clouds{--rocks-floor:265px}.cloud-bank{height:calc(100% - 200px);background-size:auto 500px;background-repeat:repeat-y;opacity:.45}.cloud-bank--left,.cloud-bank--right{width:180vw}.cloud-bank--left{left:-65vw;transform:translate3d(calc(var(--cloud-ease) * -72vw),0,0)}.cloud-bank--right{right:-65vw;transform:translate3d(calc(var(--cloud-ease) * 72vw),0,0) scaleX(-1)}.cloud-bank--lower{width:240vw;left:-70vw;top:390px}}
@media(prefers-reduced-motion:reduce){.cloud-bank{will-change:auto}}
.cloud-bank{opacity:.4;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 75%)}
.cloud-bank--lower{opacity:.3}
@media(max-width:767px){.cloud-bank{opacity:.35;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.cloud-bank--lower{opacity:.28}}
/* User cloud pair, shorter hero scroll, darker video and Agency text masks. */
.hero{height:190svh}
.hero__shade{background:linear-gradient(180deg,transparent 60%,rgba(28,35,41,.15) 82%,var(--page) 100%),linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25))}
.cloud-transition .gardens__cloud{background-image:url('assets/user-cloud-v15.webp')}
.agency-mask{overflow:hidden;animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
.agency-mask>.agency-mask__content{display:block;transform:translateY(calc((1 - var(--copy-reveal,0)) * 115%));opacity:var(--copy-reveal,0);animation:none!important;transition:none!important}
.agency-mask .hero__reveal{animation:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.hero{height:100svh}.agency-mask>.agency-mask__content{transform:none;opacity:1}}

/* User-supplied clouds in both sections, with mirrored left-hand clouds. */
.cloud-bank{filter:url(#cloud-volume)}
.cloud-transition .gardens__cloud--left{transform:translate3d(calc(var(--cloud-ease) * -40vw),calc(var(--cloud-ease) * -10svh),0) rotate(170deg) scaleX(-1)}
.cloud-bank--left{transform:translate3d(calc(var(--cloud-ease) * -25vw),calc(var(--cloud-ease) * 3svh),0) scaleX(-1)}
@media(max-width:767px){.cloud-transition .gardens__cloud--left{transform:translate3d(calc(var(--cloud-ease) * -65vw),calc(var(--cloud-ease) * -10svh),0) rotate(170deg) scaleX(-1)}.cloud-bank--left{transform:translate3d(calc(var(--cloud-ease) * -72vw),0,0) scaleX(-1)}}
/* Feather source-image boundaries instead of exposing rectangular cutoffs. */
.cloud-transition .gardens__cloud,.cloud-bank{background-size:100% 100%;background-repeat:no-repeat;mask-image:radial-gradient(ellipse closest-side at center,#000 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 50%,transparent 100%);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.cloud-transition .gardens__cloud--left{width:110vw;height:90svh;left:-42vw;top:5svh;transform:translate3d(calc(var(--cloud-ease) * -35vw),calc(var(--cloud-ease) * -8svh),0) rotate(170deg) scaleX(-1)}
.cloud-transition .gardens__cloud--right{width:120vw;height:95svh;left:15vw;top:20svh;transform:translate3d(calc(var(--cloud-ease) * 52vw),calc(var(--cloud-ease) * -6svh),0) rotate(-12deg)}
@media(max-width:767px){.cloud-transition .gardens__cloud--left{width:210vw;height:85svh;left:-135vw;transform:translate3d(calc(var(--cloud-ease) * -42vw),calc(var(--cloud-ease) * -8svh),0) rotate(170deg) scaleX(-1)}.cloud-transition .gardens__cloud--right{width:220vw;height:90svh;left:5vw;transform:translate3d(calc(var(--cloud-ease) * 62vw),calc(var(--cloud-ease) * -6svh),0) rotate(-12deg)}.cloud-bank{background-size:100% 500px;background-position:center top;background-repeat:repeat-y;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),repeating-linear-gradient(180deg,transparent 0px,#000 100px,#000 400px,transparent 500px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),repeating-linear-gradient(180deg,transparent 0px,#000 100px,#000 400px,transparent 500px);mask-composite:intersect;-webkit-mask-composite:source-in}}
/* Latest supplied cloud pair; second-section clouds sit lower. */
.cloud-transition .gardens__cloud--left,.cloud-bank--left{background-image:url('assets/cloud-pair-a-v18.webp')}
.cloud-transition .gardens__cloud--right,.cloud-bank--right{background-image:url('assets/cloud-pair-b-v18.webp')}
.cloud-bank--lower{background-image:url('assets/cloud-pair-a-v18.webp')}
.cloud-transition .gardens__cloud--left{top:25svh}
.cloud-transition .gardens__cloud--right{top:40svh}
/* Original cloud files: native alpha and proportions, translation only. */
.cloud-transition .gardens__cloud,.cloud-bank{filter:none;mask-image:none;-webkit-mask-image:none;opacity:1;mix-blend-mode:normal;background-size:contain;background-repeat:no-repeat;background-position:center;height:auto;bottom:auto}
.cloud-transition .gardens__cloud--left,.cloud-bank--left{aspect-ratio:2952 / 1274}
.cloud-transition .gardens__cloud--right,.cloud-bank--right{aspect-ratio:2294 / 991}
.cloud-transition .gardens__cloud--left{transform:translate3d(calc(var(--cloud-ease) * -35vw),calc(var(--cloud-ease) * -8svh),0)}
.cloud-transition .gardens__cloud--right{transform:translate3d(calc(var(--cloud-ease) * 52vw),calc(var(--cloud-ease) * -6svh),0)}
.cloud-bank--left{transform:translate3d(calc(var(--cloud-ease) * -25vw),calc(var(--cloud-ease) * 3svh),0)}
.cloud-bank--right{transform:translate3d(calc(var(--cloud-ease) * 25vw),calc(var(--cloud-ease) * 5svh),0)}
@media(max-width:767px){.cloud-transition .gardens__cloud--left{transform:translate3d(calc(var(--cloud-ease) * -42vw),calc(var(--cloud-ease) * -8svh),0)}.cloud-transition .gardens__cloud--right{transform:translate3d(calc(var(--cloud-ease) * 62vw),calc(var(--cloud-ease) * -6svh),0)}.cloud-bank--left{transform:translate3d(calc(var(--cloud-ease) * -72vw),0,0)}.cloud-bank--right{transform:translate3d(calc(var(--cloud-ease) * 72vw),0,0)}}
/* Clouds soften and dissolve with the same inertial scroll progress. */
.cloud-transition .gardens__cloud,.cloud-bank{filter:blur(calc(var(--cloud-ease,0) * 12px));opacity:calc(1 - var(--cloud-ease,0) * .6)}
@media(max-width:767px){.cloud-transition .gardens__cloud,.cloud-bank{filter:blur(calc(var(--cloud-ease,0) * 8px))}}