.browser-art-page{isolation:isolate;background:var(--eggshell);width:100%;height:100svh;min-height:560px;position:relative;overflow:clip}@supports (height:100dvh){.browser-art-page{height:100dvh}}.browser-art-page .living-margin{z-index:0}.browser-art-page__visual{pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.browser-art-page__header{z-index:5;justify-content:space-between;align-items:center;height:clamp(72px,66.057px + 1.524vw,88px);padding-inline:clamp(20px,10.046px + 2.552vw,48px);font-size:clamp(12px,10.514px + .381vw,16px);line-height:1;display:flex;position:absolute;inset:0 0 auto}.browser-art-page .project-portrait__wordmark,.browser-art-page .project-portrait__return{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex;position:relative}.browser-art-page .project-portrait__wordmark{letter-spacing:-.02em;font-weight:480}.browser-art-page .project-portrait__return{gap:8px;font-family:Newsreader Variable,Georgia,serif;font-size:1.03em}.browser-art-page .project-portrait__return svg{width:1em;height:1em}.browser-art-page .project-portrait__wordmark:after,.browser-art-page .project-portrait__return:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;transition:opacity .18s,transform .22s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.3)}.browser-art-page .project-portrait__wordmark:is(:hover,:focus-visible):after,.browser-art-page .project-portrait__return:is(:hover,:focus-visible):after{opacity:.72;transform:scaleX(1)}.browser-art-page__title{z-index:4;font-variation-settings:"wght" 390;letter-spacing:-.02em;opacity:.62;margin:0;font-family:Newsreader Variable,Georgia,serif;font-size:clamp(17px,1.5vw,22px);font-weight:390;line-height:1;position:absolute;bottom:clamp(22px,4vw,46px);left:clamp(20px,10.046px + 2.552vw,48px)}.browser-art-page__controls{z-index:5;position:absolute;bottom:clamp(12px,8px + 1.2vw,28px);right:clamp(20px,10.046px + 2.552vw,48px)}.browser-art-page__motion-control{min-height:44px;color:inherit;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;opacity:.62;background:0 0;border:0;align-items:center;padding:0;font:480 clamp(11px,10.257px + .19vw,13px)/1 Inter Variable,Inter,sans-serif;display:inline-flex;position:relative}.browser-art-page__motion-control:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;transition:opacity .18s,transform .22s;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(.3)}.browser-art-page__motion-control:is(:hover,:focus-visible):after{opacity:.72;transform:scaleX(1)}.browser-art-page__motion-control:focus-visible{outline-offset:6px;outline:1px solid}.browser-art-page--capture .browser-art-page__header,.browser-art-page--capture .browser-art-page__controls{display:none}.browser-art-page--capture .browser-art-page__title{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}@media (width<=560px){.browser-art-page{min-height:520px}.browser-art-page__header{padding-inline:20px;font-size:12px}.browser-art-page__title{left:20px;bottom:max(20px, env(safe-area-inset-bottom));font-size:17px}.browser-art-page__controls{right:20px;bottom:max(8px, calc(env(safe-area-inset-bottom) - 4px))}.browser-art-page .project-portrait__return{gap:6px}}@media (width<=360px){.browser-art-page__header{padding-inline:16px;font-size:11px}.browser-art-page__title{left:16px}}@media (height<=560px) and (orientation:landscape){.browser-art-page{min-height:100svh}.browser-art-page__header{height:64px}.browser-art-page__title{bottom:max(16px, env(safe-area-inset-bottom))}}@media (forced-colors:active){.browser-art-page__title{opacity:1}}@media (prefers-reduced-motion:reduce){.browser-art-page__motion-control{display:none}}
