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

/* folio-cultural-journal — authored interior compositions. */

.folio-opening-spread{display:grid;grid-template-columns:.8fr 1.3fr;gap:4vw;max-width:1500px;padding:65px 5vw 75px;margin:auto;align-items:center}.folio-opening-spread .article-top,.folio-opening-spread .article-photo{width:auto;margin:0;padding:0}.folio-opening-spread .article-photo img{height:610px;object-fit:cover}.folio-opening-spread .article-top h1{font-size:clamp(54px,6vw,90px);line-height:1}.folio-opening-spread .article-deck{font-size:22px;max-width:27ch}.folio-detail{margin:48px -50px;padding:20px;background:var(--blush)}.folio-detail img{aspect-ratio:1.7;object-fit:cover;object-position:50% 70%}.folio-detail figcaption{font-size:13px;margin-top:12px}.chair-essay .after-essay{flex-wrap:wrap}.chair-essay .after-essay>.art-action{margin-left:auto}.folio-issue .issue-table{grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.folio-issue .issue-cover{transform:none}.folio-issue .issue-contents nav a{padding-block:24px}.issue-picture-conversation{display:grid;grid-template-columns:1.05fr 1fr .8fr;gap:30px;padding-block:60px;border-block:1px solid var(--rule);align-items:center}.issue-picture-conversation h2{font-size:clamp(35px,4vw,58px);max-width:12ch}.issue-picture-conversation p{font-size:16px;max-width:32ch}.issue-picture-conversation figure{margin:0}.issue-picture-conversation img{aspect-ratio:3/4;object-fit:cover}.issue-picture-conversation figure:last-of-type{align-self:end}.issue-picture-conversation figure:last-of-type img{aspect-ratio:1}.issue-picture-conversation figcaption{font-size:12px;margin-top:12px}.issue-picture-conversation>.art-action{grid-column:1/-1;justify-self:start}
@media(max-width:760px){.folio-opening-spread{display:flex;flex-direction:column;align-items:stretch;padding:36px 24px 45px;gap:28px}.folio-opening-spread .article-top h1{font-size:56px}.folio-opening-spread .article-deck{font-size:20px;max-width:none}.folio-opening-spread .article-photo img{height:350px}.folio-detail{margin:35px 0;padding:12px}.folio-issue .issue-table{display:block}.issue-picture-conversation{grid-template-columns:1fr 1fr;padding-block:40px;gap:22px}.issue-picture-conversation>div{grid-column:1/-1}.issue-picture-conversation h2{max-width:none;font-size:38px}.issue-picture-conversation p{max-width:none}.chair-essay .after-essay>.art-action{margin:15px 0 0}}