.home>section:not(.hero)>:not(.garland){position:relative;z-index:2}.hero{--words-left: max((100% - var(--max)) / 2, var(--gutter));--words-edge: calc(var(--words-left) + max(52vw, 720px) + 30px);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);background:rgb(var(--fog));color:var(--hero-ink)}.hero>.pond-host,.hero>.hero-copy{grid-area:1 / 1}.hero .pond-host{position:absolute;inset:auto 0 0;z-index:0;width:100%;height:calc(100vw / 3);max-height:100%;overflow:hidden}.hero .pond{width:100%;height:100%}@media(min-width:961px){.hero{min-height:var(--hero-height)}.hero .pond-host{inset:0;height:auto;max-height:none}}.hero:after{content:"";position:absolute;inset:auto 0 0;height:32px;z-index:1;pointer-events:none;background:linear-gradient(transparent,var(--mist))}.hero .pond-host:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(var(--fog),1) 0,rgba(var(--fog),.7) calc(var(--hdr) + 8px),rgba(var(--fog),0) calc(var(--hdr) + 90px)),linear-gradient(90deg,rgba(var(--fog),0) 0,rgba(var(--fog),.92) calc(var(--words-left) - 30px),rgba(var(--fog),.88) var(--words-edge),rgba(var(--fog),0) calc(var(--words-edge) + 280px));-webkit-mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000 70%,#00000059)}.hero-copy{position:relative;z-index:2;pointer-events:none;overflow-anchor:none;padding:calc(var(--hdr) + clamp(14px,2.6vh,32px) + 9px) 0 calc((var(--hdr) - 38px) / 2 + clamp(14px,2.6vh,32px) + 83px);display:grid;justify-items:start;align-content:start;gap:18px}.hero-copy a,.hero-copy button,.hero-lede,.hero-title{pointer-events:auto}.hero-title{font-size:clamp(2.5rem,.8rem + 4.4vw,5.2rem);font-weight:440;line-height:1;letter-spacing:-.03em;font-variation-settings:"opsz" 72}.hero-title .ln{display:block;overflow:hidden;padding-bottom:.26em;margin-bottom:-.26em}.hero-title .ln>span{display:inline-block}.hero-lede{font-size:clamp(16.5px,.95rem + .3vw,19.5px);line-height:1.55;color:var(--hero-ink-2);max-width:36em;text-wrap:balance;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-ghost{color:var(--hero-ink);background:rgba(var(--fog),.78);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hero-ink) 32%,transparent)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--hero-ink);background:rgba(var(--fog),.95)}html[data-time=night] .hero :focus-visible{outline-color:var(--hero-ink)}html[data-time=night] .hero .btn-primary{background:var(--lily);color:var(--bright-ink)}html[data-time=night] .hero .btn-primary:hover{background:var(--lily-2)}.js .hero .pond{transform:scale(1.05);transform-origin:50% 80%}.is-ready .hero .pond{transform:none;transition:transform 2.8s cubic-bezier(.16,.8,.2,1)}.section-head-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px}.more{font-weight:700;color:var(--pond);text-decoration:none;padding:6px 0;border-bottom:1.5px solid color-mix(in srgb,var(--pond) 30%,transparent);white-space:nowrap}.more:hover{border-color:var(--pond)}.intro{padding:clamp(48px,6vw,96px) 0 clamp(44px,5.5vw,84px);background:var(--mist)}.intro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto 1fr;column-gap:24px;row-gap:30px}.intro-title{grid-column:1 / span 7;font-size:clamp(2rem,1.1rem + 2.8vw,3.75rem);font-weight:450;line-height:1.06}.intro-col{display:grid;gap:10px;align-content:start}.intro-col:first-of-type{grid-column:1 / span 4;grid-row:2}.intro-col:last-of-type{grid-column:1 / span 4;grid-row:3}.intro-col h3{font-family:var(--body);font-weight:800;font-size:17px;letter-spacing:0}.intro-col p{color:var(--ink-2)}.intro-col a{color:var(--pond);font-weight:600;text-underline-offset:3px}.intro-figure{grid-column:6 / span 7;grid-row:2 / span 2;margin:-8px 0 0;align-self:start}.cabin-legend{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px 28px;counter-reset:c}.cabin-legend li{position:relative;isolation:isolate;padding-left:38px;font-size:15px;color:var(--ink-2);line-height:1.45;counter-increment:c;transition:transform .25s var(--ease),color .25s}.cabin-legend li:before{content:counter(c);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;border:2px solid var(--pond);color:var(--pond);font-weight:800;font-size:13.5px;display:grid;place-items:center;background:var(--paper)}.cabin-legend b{color:var(--ink)}.cabin-legend li:after{content:"";position:absolute;inset:-9px -12px;z-index:-1;border-radius:12px;background:var(--card);opacity:0;box-shadow:0 0 0 1px var(--line) inset,0 18px 36px -24px rgba(var(--shadow-rgb),.55);transition:opacity .25s}.cabin-legend li.is-pointed{transform:translateY(-3px);color:var(--ink)}.cabin-legend li.is-pointed:after{opacity:1}.cabin-legend li.is-pointed:before{background:var(--pond);color:var(--card)}.scene-cabin [data-callout]{cursor:pointer}.scene-cabin .marker :is(circle,text){transition:fill .25s}.scene-cabin .marker.is-pointed circle:first-child{fill:var(--pond)}.scene-cabin .marker.is-pointed text{fill:#fff}.features{padding:clamp(32px,4vw,56px) 0 clamp(52px,6.5vw,100px);background:linear-gradient(180deg,var(--mist) 0%,var(--paper) 22%,var(--paper) 100%)}.features .section-head{margin-inline:auto;text-align:center;justify-items:center;gap:18px}.features .section-head p{text-wrap:balance;text-wrap:pretty}.themes{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,var(--deep-hi) 0%,var(--pond-deep) 55%,var(--pond-night) 100%);color:var(--on-deep);padding:clamp(60px,7.5vw,112px) 0}.themes :focus-visible{outline-color:var(--on-deep)}.themes-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}.themes-text{display:grid;gap:18px}.themes-text h2{font-size:clamp(2rem,1.1rem + 2.4vw,3.4rem);font-weight:450}.themes-text p:not(.path):not(.hol-list){color:var(--on-deep-2);font-size:17.5px}.hol-list{font-size:15px;color:var(--on-deep-3)}.path{font-size:13.5px;color:var(--ink-3);line-height:1.8;margin-top:4px}.path span{display:inline-block;background:var(--mist);border-radius:6px;padding:0 7px;color:var(--ink-2);font-weight:600;white-space:nowrap}.path-light{color:var(--on-deep-2)}.path-light span{background:rgba(var(--hi-rgb),.1);color:var(--on-deep)}.device{margin:0}.device-body{background:#0a0c0c;border-radius:28px;padding:clamp(10px,1.4vw,18px);box-shadow:0 0 0 1px rgba(var(--hi-rgb),.08) inset,0 50px 80px -40px rgba(var(--lo-rgb),.7),0 0 0 7px #151a1a,0 0 0 8px rgba(var(--hi-rgb),.06);transform:perspective(1600px) rotateY(-9deg) rotateX(3deg);transform-origin:30% 50%;transition:transform 1s var(--ease)}.device:hover .device-body{transform:perspective(1600px) rotateY(-4deg) rotateX(1deg)}.hscreen{position:relative;aspect-ratio:2 / 1;border-radius:16px;overflow:hidden;background:#000}.hs-clip,.hs-video{position:absolute;inset:0;width:100%;height:100%}.hs-video{object-fit:cover}.hs-play{position:absolute;right:12px;bottom:12px;z-index:2;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#081819c7;color:#fff;box-shadow:0 0 0 2px rgba(var(--hi-rgb),.6);opacity:0;transition:opacity .25s}.hscreen:hover .hs-play,.hs-play:focus-visible,.holiday.is-still .hs-play{opacity:1}@media(hover:none){.hs-play{opacity:1}}.hs-play svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hs-play .i-pause,.holiday.is-playing .hs-play .i-play{display:none}.holiday.is-playing .hs-play .i-pause{display:block}.device figcaption{margin-top:26px;font-size:14px;color:var(--on-deep-3);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px}.device figcaption b{color:var(--on-deep);font-family:var(--display);font-weight:500;font-size:17px}.hol-tag{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--lily)}.latest{padding:clamp(52px,6.5vw,100px) 0 clamp(44px,5vw,80px);background:var(--mist)}.latest-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:24px;align-items:stretch}.post-lead,.post-side{grid-row:span 2;grid-template-rows:subgrid;row-gap:0;text-decoration:none;color:inherit;display:grid;border-radius:26px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px var(--line) inset;transition:transform .5s var(--ease),box-shadow .5s}.post-lead:hover,.post-side:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line-2) inset,0 30px 60px -40px rgba(var(--shadow-rgb),.45)}.post-lead-img{display:block;position:relative;aspect-ratio:16 / 8.2;overflow:hidden}.post-lead-img img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;transition:transform 1.2s var(--ease)}.post-lead:hover .post-lead-img img{transform:scale(1.035)}.post-lead-text,.post-side-text{display:grid;gap:10px;padding:clamp(22px,2.6vw,34px);align-content:start}.post-lead time,.post-side time{font-size:14px;font-weight:700;color:var(--ink-3)}.post-title{font-family:var(--display);font-size:clamp(1.6rem,1rem + 1.4vw,2.35rem);font-weight:480;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.post-excerpt{color:var(--ink-2)}.read{font-weight:700;color:var(--pond);margin-top:6px;display:inline-flex;gap:6px}.read span{transition:transform .3s var(--ease)}a:hover .read span{transform:translate(4px)}.post-side-art{display:block;background:var(--pond-deep);min-height:220px;position:relative;overflow:hidden}.post-side-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.install{padding:clamp(52px,6.5vw,100px) 0;background:var(--paper);border-top:1px solid var(--line);scroll-margin-top:calc(-1 * var(--scroll-gap) - 1px)}.install-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}.install-need h2{font-size:clamp(2.1rem,1.2rem + 2.6vw,3.6rem);font-weight:450;margin-bottom:30px}.need-list{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:n}.need-list li{color:var(--ink-2);padding-left:44px;position:relative;counter-increment:n}.need-list li:before{content:counter(n);position:absolute;left:0;top:-2px;font-family:var(--display);font-size:26px;color:var(--season);font-weight:500;line-height:1.2}.need-list strong{color:var(--ink)}.need-list a,.step-list a{color:var(--pond);font-weight:600;text-underline-offset:3px}.install-steps{background:var(--mist);border-radius:28px;padding:clamp(22px,3vw,40px);display:grid;gap:22px}.step-list{list-style:none;margin:0;padding:0;display:grid;gap:22px}.step-list li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}.step-n{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--on-accent);display:grid;place-items:center;font-weight:800;font-size:15px}.step-list p{padding-top:4px}.url-box{margin-top:14px;display:flex;align-items:center;gap:10px;background:var(--pond-night);color:var(--on-deep);border-radius:16px;padding:10px 10px 10px 20px}.url{font-family:var(--mono);font-size:clamp(16px,1rem + .6vw,22px);flex:1;min-width:0;overflow-wrap:anywhere;letter-spacing:.01em}.copy{flex:none;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--lily);color:var(--bright-ink);font-weight:800;font-size:14.5px;border-radius:12px;padding:10px 14px;min-height:44px;transition:background-color .2s}.copy:focus-visible{outline-color:var(--on-deep)}.copy:hover{background:var(--lily-2)}.copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.copy.is-done{background:var(--card)}.branches{border:0;margin:16px 0 0;padding:0;display:grid;gap:8px}.branches legend{font-size:13.5px;font-weight:800;color:var(--ink-3);margin-bottom:8px;padding:0}.branches label{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;background:var(--card);border-radius:14px;padding:12px 16px;cursor:pointer;box-shadow:0 0 0 1px var(--line) inset;transition:box-shadow .2s}.branches label:hover{box-shadow:0 0 0 1.5px var(--ink-2) inset}.branches label:has(input:checked){box-shadow:0 0 0 2px var(--pond) inset}.branches input{grid-row:span 2;accent-color:var(--pond);width:18px;height:18px;margin:0;transform:translateY(3px)}.b-name{font-family:var(--mono);font-size:14.5px;font-weight:600}.b-desc{font-size:14px;color:var(--ink-3)}.text-link{display:inline-flex;gap:.4em;align-items:center;font-weight:700;color:var(--pond);text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--pond) 30%,transparent);padding-bottom:2px;transition:border-color .2s}.text-link:hover{border-color:var(--pond)}@media(max-width:960px){.hero{--clear-water: 147px;--words-edge: 100%}.hero-copy{padding-bottom:var(--clear-water)}.pond:focus-visible:after{inset:max(12px,calc(100% - var(--clear-water) + 12px)) 12px 12px}.hero .pond-host:before{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - var(--clear-water)),transparent calc(100% - var(--clear-water) + 90px));mask-image:linear-gradient(180deg,#000 calc(100% - var(--clear-water)),transparent calc(100% - var(--clear-water) + 90px))}.pond-img{object-position:42% 50%}.intro-grid{grid-template-columns:1fr 1fr}.intro-title{grid-column:1 / -1}.intro-col:first-of-type,.intro-col:last-of-type{grid-column:span 1;grid-row:auto}.intro-figure{grid-column:1 / -1;grid-row:auto;margin-top:8px}.themes-grid{grid-template-columns:1fr}.device-body{transform:none}.latest-grid{grid-template-columns:1fr 1fr}.post-lead{grid-column:1 / -1;grid-row:auto;grid-template-columns:1.15fr 1fr;grid-template-rows:auto}.post-lead-img{aspect-ratio:auto;min-height:100%}.post-side{grid-column:1 / -1;grid-row:auto;grid-template-columns:1fr 1.15fr;grid-template-rows:auto}.post-side-art{order:2;min-height:260px}.install-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero-copy{padding-top:calc(var(--hdr) + 21px);gap:14px}.hero-title{font-size:clamp(1.95rem,.45rem + 6.5vw,2.6rem);line-height:1.04}.hero-lede{font-size:16px}.hero-actions{width:100%}.hero-actions .btn{flex:1 1 0;padding:0 14px;font-size:15.5px;min-height:50px}.intro-grid{grid-template-columns:1fr}.intro-col:first-of-type,.intro-col:last-of-type{grid-column:1}.intro-figure{margin-inline:calc(-1 * var(--gutter) + 8px)}.intro-figure figcaption{padding-inline:8px}.cabin-legend{grid-template-columns:1fr}.themes-text p:not(.path):not(.hol-list){font-size:16.5px}.latest-grid,.post-lead,.post-side{grid-template-columns:1fr}.post-lead-img{aspect-ratio:16 / 10}.post-side-art{order:0;min-height:0;aspect-ratio:16 / 10}.url-box{flex-direction:column;align-items:stretch;padding:16px}.copy{justify-content:center}.step-list li{grid-template-columns:34px 1fr;gap:12px}.step-n{width:30px;height:30px;font-size:14px}}@media(prefers-reduced-motion:reduce){.js .hero .pond,.device-body,.cabin-legend li.is-pointed{transform:none}}