/* 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}

/* crumb-bakery — authored interior compositions. */

.loaf-opening,.bake-opening{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1450px;margin:0 auto;padding:55px 5vw 70px;gap:6vw;align-items:center}.loaf-opening .page-head,.bake-opening .page-head,.loaf-opening figure,.bake-opening figure{width:auto;margin:0;padding:0}.loaf-opening img{height:580px;object-fit:cover}.bake-opening img{height:620px;object-fit:cover}.crumb-loaf-story .story:last-of-type{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;background:var(--yellow);padding:45px}.loaf-companion{margin:0;grid-row:1/5}.loaf-companion img{aspect-ratio:1;object-fit:cover}.loaf-companion figcaption{font-size:13px;padding-top:13px}.crumb-bake-story .story:last-of-type{display:grid;grid-template-columns:1.3fr .8fr;gap:30px 6vw;align-items:center}.bake-finished{margin:0;grid-row:1/4}.bake-finished img{height:420px;object-fit:cover}.bake-finished figcaption{font-size:13px;padding-top:12px}.crumb-bake-story .story:last-of-type>.art-action{grid-column:2;justify-self:start}.crumb-loaf-story .page-head h1,.crumb-bake-story .page-head h1{font-size:clamp(48px,5vw,76px)}
@media(max-width:760px){.loaf-opening,.bake-opening{display:block;padding:35px 24px 45px}.loaf-opening .page-head,.bake-opening .page-head{margin-bottom:30px}.loaf-opening img,.bake-opening img{height:350px}.crumb-loaf-story .story:last-of-type,.crumb-bake-story .story:last-of-type{display:block;padding:28px 24px}.loaf-companion,.bake-finished{margin-bottom:28px}.bake-finished img{height:300px}.crumb-loaf-story .page-head h1,.crumb-bake-story .page-head h1{font-size:48px}}