/* Individual high-resolution scenes preserve the approved before/after composition. */
.home-art{object-fit:cover}
.home-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}
.home-guide-heading>div{min-width:0}.home-guide-heading .home-guide-intro{font:15px/1.6 var(--sans);max-width:54ch;margin:12px 0 0;color:#655d55}
.home-guide-heading .home-margin-note{font:29px/1.06 var(--script);color:#86545f;transform:rotate(-5deg);min-width:130px;margin:14px 8px 0;text-align:center}
.home-heart{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex:none}
.home-margin-note .home-heart{display:block;margin:8px auto 0;width:31px;height:31px}
.gather-home-guides{gap:10px}
.gather-home-guides>details{scroll-margin-top:24px;background:#faf5e9;border-color:#b39c926e;transition:border-color .2s}
.gather-home-guides>details[open]{background:#f7f0e3;border-color:#ac8d7d}
.gather-home-guides>details>summary{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 24px;cursor:pointer}
.gather-home-guides>details>summary::-webkit-details-marker{display:none}
.gather-home-guides>details>summary strong{display:flex;align-items:center;gap:12px;min-width:0}
.gather-home-guides .home-guide-number{font:11px/1 var(--sans);letter-spacing:.07em;color:#86545f;flex:none}
.gather-home-guides>details>summary small{color:#736359}
.gather-home-guides>details>summary .home-tip-icon{width:27px;height:30px;color:#86545f;flex:none}
.gather-home-guides>details>summary:hover{background:#ead8cf33}
.gather-home-guides>details>summary:focus-visible{outline:2px solid #86545f;outline-offset:4px}
.gather-home-guides .home-guide-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.95fr);gap:clamp(22px,3vw,42px);padding:8px 26px 28px;align-items:start}
.gather-home-guides>details[open]>.home-guide-body{animation:home-drawer-in .24s ease-out}
.home-scene-column{min-width:0;max-width:640px;width:100%;justify-self:center}
.home-scene-toggle{display:block;width:100%;padding:7px 7px 0;background:#fffcf3;color:#3c483a;border:1px solid #a6957d6e;border-radius:1px;text-align:left;box-shadow:2px 4px 4px #74654c10,0 10px 20px #74654c17;transform:rotate(-.35deg);cursor:pointer;transition:box-shadow .35s,transform .35s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.home-scene-toggle:not(:disabled):hover{transform:translateY(-2px) rotate(0);box-shadow:2px 5px 6px #74654c15,0 14px 26px #74654c25}
.home-scene-toggle:disabled{cursor:wait}
.home-scene-toggle:focus-visible{outline:3px solid #86545f;outline-offset:5px}
.home-scene-stage{position:relative;display:block;width:100%;aspect-ratio:var(--scene-ratio);overflow:hidden;background:#f6f0e3;isolation:isolate}
.home-art,.home-effects{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;pointer-events:none}
.home-art-before{filter:grayscale(1) contrast(1.02)}
.home-scene-rituals .home-art-before{filter:none}
.home-art-after{opacity:0;transition:opacity .85s ease,clip-path 1.2s cubic-bezier(.2,.7,.2,1),transform 1.1s ease}
.is-after .home-art-after{opacity:1}
.home-scene-light .home-art-after{clip-path:circle(0 at 12% 45%)}
.home-scene-light.is-after .home-art-after{clip-path:circle(140% at 12% 45%)}
.home-scene-landing .home-art-after{clip-path:inset(0 0 100% 0)}
.home-scene-landing.is-after .home-art-after{clip-path:inset(0)}
.home-scene-softness .home-art-after{transform:scale(1.025);transform-origin:50% 80%}
.home-scene-softness.is-after .home-art-after{transform:scale(1)}
.home-scene-buffet .home-art-after{clip-path:inset(100% 0 0 0)}
.home-scene-buffet.is-after .home-art-after{clip-path:inset(0)}
.home-state-label{position:absolute;top:10px;left:10px;padding:5px 9px;background:#fffcf2e8;border:1px solid #7e725b55;color:#4c5145;font:9px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em}
.is-after .home-state-label{background:#e5eadbdc;border-color:#79836670}
.home-scene-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px;min-height:46px;font:12px/1.4 var(--sans)}
.home-scene-control>svg{flex:none;transition:transform .4s}
.is-after .home-scene-control>svg{transform:rotate(180deg)}
.gather-guide-body .home-scene-scribble{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 4px;color:#86545f;font:27px/1.15 var(--script);text-align:center}
.home-scene-scribble .home-heart path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s ease}
.has-after .home-scene-scribble .home-heart path{stroke-dashoffset:0}
.gather-guide-body .home-scene-caption{margin:8px 0 0;font:11px/1.55 var(--sans);color:#716a60;min-height:3.1em;text-align:center;max-width:52ch;margin-inline:auto}
.home-scene-tips{padding:4px 0 0;min-width:0}
.gather-guide-body .home-scene-quote{font:10px/1.75 var(--sans);text-transform:uppercase;letter-spacing:.15em;margin:0 0 19px;padding-bottom:14px;border-bottom:1px solid #ad99806e;color:#4f5547}
.gather-guide-body .home-tips{padding:0;margin:0;list-style:none;display:grid;gap:18px}
.gather-guide-body .home-tips li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:13px;padding:0;margin:0}
.home-tip-icon{width:32px;height:35px;color:#8a6a43}
.gather-guide-body .home-tips h3{font:25px/1.1 var(--serif);margin:0 0 5px}
.gather-guide-body .home-tips p{font:13px/1.65 var(--sans);margin:0;color:#615d52}
.gather-guide-body .home-small-step{font:14px/1.6 var(--sans);padding:16px 0 0;margin:22px 0 12px;border-top:1px dashed #ac8c7c88}
.home-small-step>span{display:block;font:10px/1.6 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#86545f;margin-bottom:7px}
.home-scene-tips>a{font-size:10px;letter-spacing:.09em;min-height:44px}
.home-scene-tips>a:focus-visible{outline:2px solid #86545f;outline-offset:4px}
.home-effects{opacity:0;transition:opacity .5s ease}
.is-after .home-effects{opacity:1}
.home-glow{opacity:.5;mix-blend-mode:screen}
.home-snooze{font:18px var(--script);opacity:0}
.home-key,.home-landing-ring,.home-steam,.home-buffet-sparkle{opacity:0}
.home-candle-flames{opacity:.8;transform-origin:285px 69px}
.is-playing .home-glow{animation:home-lamp-warm 2.8s ease-out both}
.is-playing .home-snooze{animation:home-sleep 3s ease-out .7s}
.is-playing .home-key{animation:home-key-settle 1.4s cubic-bezier(.3,.7,.3,1) .45s}
.is-playing .home-landing-ring{animation:home-key-land .9s ease-out 1.35s;transform-origin:113px 104px}
.is-playing .home-steam{animation:home-tea-steam 2.1s ease-in-out .3s 2}
.is-playing .home-buffet-sparkle{animation:home-finish-sparkle 1.5s ease-in-out .7s 2}
.is-playing .home-candle-flames{animation:home-fire-flicker 1.4s ease-in-out 3}
.home-static-after{position:relative}.home-static-after .home-noscript-art{opacity:1}
@keyframes home-drawer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-lamp-warm{0%{opacity:0}50%{opacity:.85}100%{opacity:.5}}
@keyframes home-fire-flicker{0%,100%{transform:scale(1);opacity:.8}40%{transform:scale(.92,1.08);opacity:.65}75%{transform:scale(1.04,.96);opacity:.9}}
@keyframes home-sleep{0%{opacity:0;transform:translate(0,3px)}30%{opacity:.75}100%{opacity:0;transform:translate(7px,-15px)}}
@keyframes home-key-settle{0%{opacity:0;transform:translate(230px,27px) rotate(-35deg)}20%{opacity:1}80%{opacity:1;transform:translate(113px,99px) rotate(10deg)}100%{opacity:0;transform:translate(113px,104px) rotate(0)}}
@keyframes home-key-land{0%{opacity:0;transform:scale(.3)}35%{opacity:.65}100%{opacity:0;transform:scale(1.3)}}
@keyframes home-tea-steam{0%{opacity:0;transform:translateY(3px)}35%{opacity:.65}100%{opacity:0;transform:translateY(-8px)}}
@keyframes home-finish-sparkle{0%,100%{opacity:0}40%,65%{opacity:.8}}
@media(max-width:1000px){.gather-home-guides .home-guide-body{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:24px;padding-inline:20px}.gather-guide-body .home-tips h3{font-size:23px}.gather-guide-body .home-tips p{font-size:12px}}
@media(max-width:760px){.home-guide-heading{gap:18px}.home-guide-heading .home-margin-note{min-width:104px;font-size:24px}.gather-home-guides>details>summary{grid-template-columns:minmax(0,1fr) 24px;gap:8px}.gather-home-guides>details>summary small{grid-column:1;padding-left:56px}.gather-home-guides>details>summary>span{grid-column:2;grid-row:1/3}.gather-home-guides>details>summary strong{gap:9px}.gather-home-guides>details>summary .home-tip-icon{width:23px}.gather-home-guides .home-guide-body{grid-template-columns:1fr;padding:5px 18px 25px;gap:20px}.home-scene-column{max-width:590px}.gather-guide-body .home-tips p{font-size:13px}.gather-guide-body .home-scene-quote{margin-bottom:17px}.gather-guide-body .home-scene-caption{min-height:0}}
@media(max-width:480px){.home-guide-heading .home-margin-note{display:none}.home-guide-heading .home-guide-intro{font-size:13px}.gather-home-guides>details>summary strong{font-size:26px}.gather-home-guides>details>summary{padding:18px 14px}.gather-home-guides>details>summary small{font-size:9px;letter-spacing:.09em}.gather-home-guides .home-guide-body{padding-inline:13px}.home-scene-toggle{padding:5px 5px 0}.home-scene-control{font-size:11px;padding:11px 9px}.gather-guide-body .home-scene-scribble{font-size:24px}.gather-guide-body .home-tips li{grid-template-columns:30px minmax(0,1fr);gap:11px}.home-tip-icon{width:29px}}
@media(prefers-reduced-motion:reduce){.gather-home-guides *,.home-margin-note{animation:none!important;transition:none!important}.home-scene-toggle,.home-scene-toggle:not(:disabled):hover{transform:none}}
@media print{.home-effects,.home-scene-control{display:none}.home-scene-toggle{box-shadow:none;transform:none}.home-guide-body{break-inside:avoid}}
