/* Functional additions inherit this demo's visual world. */
.art-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:14px;line-height:1.4}.art-action>span{transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.art-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px auto;padding:18px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:inherit;font-size:13px;line-height:1.6;max-width:1200px;width:calc(100% - 48px)}.art-context p{margin:0;max-width:65ch}.art-context a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.art-context:empty{display:none}.art-review-context{margin:20px 0 0;padding-top:18px;border-top:1px solid currentColor;font-size:14px;line-height:1.6}
.art-direction main h1,.art-direction main h2{text-wrap:balance}.art-direction figcaption{line-height:1.6}.art-direction main{min-width:0}.art-direction .art-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.art-action:hover>span{transform:translate(3px,-3px)}.art-action:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:720px){.art-context{display:block;margin-block:20px}.art-context a{margin-top:8px}.art-direction main input,.art-direction main select,.art-direction main textarea{font-size:16px}.art-action{min-height:48px}}
@media(prefers-reduced-motion:reduce){.art-direction .art-action>span{transition:none}.art-direction .art-action:hover>span{transform:none}}
html[data-axus-motion=paused] .art-direction .art-action>span{transition:none;transform:none}

/* sprout-garden-shop — authored interior compositions. */

.light-observation{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;padding-block:40px 70px}.window-plan{position:relative;aspect-ratio:1;background:#ece9d9;border:1px solid var(--line);overflow:hidden}.window-opening{position:absolute;left:0;top:10%;height:66%;width:28%;border:12px solid var(--ink);border-left:0;background:var(--paper)}.sun-path{position:absolute;inset:16% -30% 10% 22%;background:#d7d88a;clip-path:polygon(0 0,100% 55%,100% 100%,0 67%);opacity:.35;transition:opacity 240ms ease}.window-plan[data-light-view=sun] .sun-path{opacity:.9}.plant-position{position:absolute;inset:20% 2% 2% 23%;mix-blend-mode:multiply}.plant-position img{width:100%;height:100%;object-fit:contain}.light-observation h2{font-size:clamp(36px,4vw,55px);line-height:1.08;max-width:13ch}.light-observation p{font-size:16px;max-width:42ch}.light-controls{display:grid;gap:10px;margin:27px 0}.light-controls button{background:transparent;border:1px solid var(--ink);padding:15px 18px;text-align:left;min-height:48px;color:inherit}.light-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sprout-pot-guide main>.sprout-container-story{display:grid;grid-template-columns:1fr 1fr;gap:25px 6vw;align-items:center}.pot-section{grid-row:1/4;margin:0;color:var(--ink);background:#ead6bd;padding:30px}.pot-section svg{width:100%;height:auto}.pot-section figcaption{font-size:12px;line-height:1.65;margin-top:15px}.sprout-pot-guide .wide-photo img{height:420px;object-fit:cover}.sprout-pot-guide main>.sprout-container-story>.art-action{grid-column:2;justify-self:start}
@media(max-width:760px){.light-observation,.sprout-pot-guide main>.sprout-container-story{display:block}.light-observation{padding-block:15px 45px}.window-plan{margin-bottom:30px;aspect-ratio:1.15}.light-observation h2{font-size:37px;max-width:none}.light-controls button{font-size:14px}.pot-section{margin-bottom:30px;padding:20px}.sprout-pot-guide .wide-photo img{height:290px}}
@media(prefers-reduced-motion:reduce){.sun-path{transition:none}}html[data-axus-motion=paused] .sun-path{transition:none}

.art-photo-feedback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);padding:20px;text-align:center;font-size:14px}.art-photo-feedback[hidden]{display:none}.art-photo-feedback p{font-size:14px}.art-photo-feedback button{min-height:48px;padding:10px 16px;background:var(--ink);color:var(--paper);border:1px solid currentColor}.plant-position:has(.art-photo-feedback:not([hidden])){mix-blend-mode:normal}

.window-plan[data-light-view=indirect] .sun-path{opacity:0}.window-plan[data-light-view=sun] .window-opening{opacity:0}