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

/* aperture-film-studio — authored interior compositions. */

.film-observation{display:grid;grid-template-columns:1.45fr .7fr;gap:5vw;align-items:start;padding:0 5vw 90px}.film-observation .project-film{position:sticky;top:110px;margin:0;padding:0}.film-observation .project-film>img{aspect-ratio:16/10;width:100%;object-fit:cover}.film-observation .essay{width:auto;margin:0;padding:0}.film-observation .rows article{display:block;padding:24px 0}.film-observation .rows h3{margin-bottom:14px}.film-observation .rows p{font-size:15px}.film-observation .essay>.label{margin:0}.edit-desk{display:grid;grid-template-columns:1.35fr .7fr;gap:6vw;padding:35px 5vw 85px;align-items:center;border-bottom:1px solid #555}.edit-desk-image{aspect-ratio:16/10;display:grid;place-items:center;background:#080808;overflow:hidden}.edit-desk-image img{width:100%;height:100%;object-fit:cover;transition:clip-path 260ms cubic-bezier(.23,1,.32,1)}.edit-desk-image[data-frame=portrait] img{clip-path:inset(0 30%)}.edit-desk-copy h2{font-size:clamp(32px,3.5vw,54px);line-height:1.1}.edit-desk-copy p{font-size:16px;line-height:1.65;max-width:45ch}.frame-controls{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.frame-controls button{min-height:48px}.frame-controls button[aria-pressed=true]{background:#f0efea;color:#171717}.frame-note{border-top:1px solid #555;padding-top:20px;color:#cfcdc6}.post-desk .edit-notes .rows{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.post-desk .edit-notes .rows article{display:block}.post-desk .edit-notes .rows h3{margin-bottom:14px}
@media(max-width:760px){.film-observation,.edit-desk{display:block;padding-inline:24px}.film-observation .project-film{position:static;margin-bottom:38px}.film-observation .essay{padding:0}.film-observation .project-film>img{aspect-ratio:16/10}.edit-desk-copy{padding-top:30px}.edit-desk-image{aspect-ratio:1.12}.post-desk .edit-notes .rows{display:block}.frame-controls button{flex:1}.edit-desk-copy h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.edit-desk-image img{transition:none}}html[data-axus-motion=paused] .edit-desk-image img{transition:none}