.hero-home{--hero-filter:saturate(1.07) contrast(1.02);min-height:calc(100svh - 132px);display:grid;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.35fr);grid-template-rows:1fr auto;gap:2vw;position:relative;align-items:center;isolation:isolate;padding-top:clamp(40px,5vw,80px);padding-bottom:clamp(70px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 6% 7%,rgba(200,241,237,.4),transparent 30%),linear-gradient(145deg,#fbfcfa 45%,#dcefeb)}.hero-home[data-time=morning]{--hero-filter:saturate(.9) brightness(1.08) contrast(.94)}.hero-home[data-time=night]{--hero-filter:saturate(.72) brightness(.42) contrast(1.18) hue-rotate(8deg);background:radial-gradient(circle at 8% 8%,#174d56,transparent 36%),var(--night);color:white}.hero-home__copy{padding-right:3vw;position:relative;z-index:3;align-self:center}.hero-home__copy h1{font-size:clamp(4rem,8vw,9.5rem);max-width:8.5ch;margin-bottom:clamp(1.4rem,3vw,2.6rem)}.hero-home__copy h1 em{display:block;color:var(--water-2);font-weight:400;transform:translateX(clamp(15px,4vw,70px))}.hero-home[data-time=night] .hero-home__copy h1 em{color:var(--aqua)}.hero-home__lede{font-family:var(--sans);font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.5;max-width:52ch}.hero-home__media{margin:0;position:relative;z-index:2;border-radius:clamp(42px,8vw,120px) clamp(20px,3vw,52px) clamp(42px,7vw,110px) clamp(18px,2vw,38px);overflow:hidden;box-shadow:var(--shadow)}.hero-home__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,24,29,.38));pointer-events:none}.hero-home__media img{height:min(72vh,820px);width:100%;object-fit:cover;filter:var(--hero-filter);transition:filter .8s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.hero-home:hover .hero-home__media img{transform:scale(1.018)}.hero-home__media figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:20px;color:white;border-top:1px solid rgba(255,255,255,.5)}.water-light{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none;z-index:1;opacity:.65;mix-blend-mode:multiply}.water-light--one{width:38vw;height:38vw;right:-12vw;top:-10vw;background:radial-gradient(circle at 40% 38%,rgba(200,241,237,.7),rgba(75,196,199,.1) 55%,transparent 70%);animation:float-water 10s ease-in-out infinite}.water-light--two{width:26vw;height:26vw;left:36%;bottom:-15vw;background:radial-gradient(circle,rgba(241,169,91,.22),transparent 70%);animation:float-water 13s ease-in-out infinite reverse}.time-switcher{position:absolute;z-index:4;right:calc(var(--gutter) + 22px);bottom:clamp(92px,9vw,138px);display:flex;align-items:center;gap:.35rem;padding:.42rem;background:rgba(248,250,247,.82);border:1px solid rgba(255,255,255,.5);border-radius:999px;box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.time-switcher>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:0 .7rem}.time-switcher button{border:0;background:transparent;border-radius:999px;padding:.64rem .8rem;font-size:.7rem;cursor:pointer}.time-switcher button.is-active{background:var(--water);color:white}.hero-home__note{grid-column:2;width:min(430px,64%);justify-self:start;margin-left:-4vw;background:rgba(248,250,247,.9);padding:1.3rem 1.5rem;border-radius:22px;transform:translateY(-38%);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);position:relative;z-index:5}.hero-home[data-time=night] .hero-home__note{background:rgba(4,24,29,.84);border:1px solid rgba(200,241,237,.2)}.hero-home__note span{font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;color:var(--water-2)}.hero-home__note strong{font-family:var(--serif);display:block;font-size:1.5rem;margin:.2rem 0}.hero-home__note p{font-size:.78rem;margin-bottom:0}.hero-home__scroll{position:absolute;bottom:32px;left:var(--gutter);display:flex;align-items:center;gap:1rem;text-decoration:none;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.hero-home__scroll i{display:block;width:75px;height:1px;background:currentColor;position:relative}.hero-home__scroll i:after{content:"";position:absolute;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;right:0;top:-3px;transform:rotate(45deg)}.question-band{min-height:68vh;display:flex!important;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(200,241,237,.6),transparent 32%),linear-gradient(125deg,#5368d5,#75b8e8 58%,#c8f1ed);color:var(--night)}.question-band:after{content:"WATER / LIGHT / LIFE";position:absolute;right:-1vw;bottom:-5vw;font-family:var(--serif);font-size:clamp(5rem,14vw,15rem);line-height:.75;opacity:.07;white-space:nowrap}.question-band h2{font-size:clamp(3.2rem,7.5vw,9rem)!important;max-width:12ch;position:relative;z-index:1}.feeling-rail{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem;position:relative;z-index:1}.feeling-rail span{padding:.75rem 1rem;border:1px solid rgba(4,24,29,.35);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;background:rgba(255,255,255,.14)}.whole-yard{background:linear-gradient(180deg,var(--paper-2),#dcefeb);overflow:hidden}.yard-composer{height:min(74vw,880px);min-height:670px;max-width:1450px;margin:auto;position:relative;border-radius:clamp(44px,8vw,120px);background:radial-gradient(circle at 50% 50%,rgba(200,241,237,.7),rgba(75,196,199,.15) 22%,transparent 38%),linear-gradient(140deg,#e7f0ee,#fbfcfa);box-shadow:inset 0 0 0 1px rgba(6,47,55,.1),var(--shadow-soft);overflow:hidden}.yard-composer:before,.yard-composer:after{content:"";position:absolute;border:1px solid rgba(6,47,55,.17);border-radius:50%;inset:12%}.yard-composer:after{inset:25%;border-style:dashed;animation:orbit 50s linear infinite}.yard-composer__water{position:absolute;inset:27% 30%;border-radius:48% 52% 44% 56% / 55% 38% 62% 45%;background:linear-gradient(145deg,#63d9d4,#2f9aaa 55%,#0d4054);box-shadow:inset 20px 20px 45px rgba(255,255,255,.3),0 32px 80px rgba(6,104,114,.3);transform:rotate(-7deg);overflow:hidden}.yard-composer__water:before,.yard-composer__water:after,.yard-composer__water span{content:"";position:absolute;left:-20%;right:-20%;height:34%;border-radius:50%;border-top:2px solid rgba(255,255,255,.55);animation:ripple 8s ease-in-out infinite}.yard-composer__water:before{top:20%}.yard-composer__water:after{top:48%;animation-delay:-3s}.yard-composer__water span{top:72%;animation-delay:-6s}.yard-composer__center{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-7deg);text-align:center;color:white;text-shadow:0 2px 18px rgba(4,24,29,.4)}.yard-composer__center small,.yard-composer__center span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.58rem}.yard-composer__center strong{display:block;font-family:var(--serif);font-size:clamp(2.2rem,5vw,5rem);font-weight:400}.yard-point{position:absolute;z-index:4;border:1px solid rgba(6,47,55,.18);background:rgba(248,250,247,.86);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);border-radius:999px;min-height:52px;padding:.6rem 1rem;cursor:pointer;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease}.yard-point:hover{transform:scale(1.06)}.yard-point.is-active{background:var(--water);color:white}.yard-point span{font-size:.6rem;opacity:.7;margin-right:.45rem}.yard-point--view{left:12%;top:15%}.yard-point--use{right:16%;top:11%}.yard-point--shade{right:8%;top:45%}.yard-point--material{right:18%;bottom:13%}.yard-point--water{left:19%;bottom:11%}.yard-point--planting{left:7%;top:49%}.yard-composer__answer{position:absolute;z-index:5;left:6%;bottom:6%;width:min(360px,30%);background:rgba(248,250,247,.92);box-shadow:var(--shadow-soft);backdrop-filter:blur(15px);border-radius:24px;padding:1.3rem}.yard-composer__answer span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--water-2)}.yard-composer__answer h3{font-size:1.65rem;margin:.35rem 0}.yard-composer__answer p{font-size:.78rem;margin:0}.field-ledger{background:var(--paper-2)}@keyframes ripple{0%,100%{transform:translateX(-5%) scaleX(.86);opacity:.4}50%{transform:translateX(8%) scaleX(1.08);opacity:.8}}@keyframes float-water{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2vw,2vw,0)}}@keyframes orbit{to{transform:rotate(360deg)}}