/* One original silver study, created for the Nocturnum perspective. */
.studio-interlude:has(.perspective-art){display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:710px;background:#201b27;isolation:isolate;border-top:1px solid #eeeae10a;border-bottom:1px solid #eeeae10a}
.perspective-art.interlude-visual{position:relative;inset:auto;align-self:stretch;width:100%;height:auto;min-height:710px;overflow:hidden;contain:layout paint;pointer-events:auto;perspective:900px}
.perspective-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 44% 55%,#6c566926 0,transparent 57%);pointer-events:none}
.perspective-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 65%,#201b27),linear-gradient(0deg,#201b27,transparent 17%,transparent 85%,#201b27)}
.perspective-atmosphere{position:absolute;width:82%;height:68%;left:5%;top:20%;border-radius:50%;background:radial-gradient(ellipse,#a797bb15,transparent 67%);transform:rotate(-22deg);pointer-events:none}
.perspective-drift{position:absolute;width:125%;height:100%;left:-16%;top:1%;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;pointer-events:none}
.perspective-sculpture{stroke:none;display:block;width:100%;height:100%;overflow:visible;transform-origin:center;transform:rotate(-11deg);pointer-events:none}
.perspective-light{position:absolute;width:60%;aspect-ratio:1;top:25%;left:9%;background:radial-gradient(ellipse,rgba(205,186,224,.08),transparent 65%);mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity}
.studio-interlude:has(.perspective-art) .interlude-copy{padding:110px max(var(--gutter),5vw) 110px 2vw;max-width:760px}
.studio-interlude:has(.perspective-art) .interlude-copy h2{font-size:clamp(43px,4.2vw,76px);letter-spacing:-.055em;line-height:1.09}
.studio-interlude:has(.perspective-art) .interlude-copy>p:not(.eyebrow){max-width:390px;color:#cdc5d0}
.studio-interlude:has(.perspective-art) .interlude-copy .eyebrow{font-size:10px;letter-spacing:.12em;color:#c6baca}
.perspective-art[data-active="false"] .perspective-drift,.perspective-art[data-active="false"] .perspective-light{will-change:auto}
@media(min-width:1600px){.perspective-art.interlude-visual{min-height:810px}.perspective-drift{width:120%;left:-12%}}
@media(max-width:980px){.studio-interlude:has(.perspective-art){grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:600px}.perspective-art.interlude-visual{min-height:600px}.studio-interlude:has(.perspective-art) .interlude-copy{padding:80px var(--gutter) 80px 0}.studio-interlude:has(.perspective-art) .interlude-copy h2{font-size:43px}}
@media(max-width:760px){.studio-interlude:has(.perspective-art){display:flex;flex-direction:column;min-height:0}.perspective-art.interlude-visual{flex:none;height:83vw;max-height:500px;min-height:270px;transform:none!important}.perspective-drift{width:114%;left:-7%;top:-1%}.perspective-art:after{background:linear-gradient(0deg,#201b27,transparent 17%,transparent 88%,#201b27)}.perspective-light{top:18%}.studio-interlude:has(.perspective-art) .interlude-copy{width:100%;max-width:540px;padding:5px var(--gutter) 70px}.studio-interlude:has(.perspective-art) .interlude-copy h2{font-size:clamp(36px,9.5vw,58px);margin-top:22px}.studio-interlude:has(.perspective-art) .interlude-copy>p:not(.eyebrow){font-size:13px;max-width:360px;line-height:1.9}.studio-interlude:has(.perspective-art) .interlude-copy .eyebrow{font-size:9px}.perspective-art.interlude-visual{pointer-events:none}}
@media(prefers-reduced-motion:reduce){.perspective-drift,.perspective-light,.perspective-sculpture{will-change:auto!important;transform:none!important}.perspective-star-glow{opacity:.65}}
html[data-motion="reduced"] .perspective-drift,html[data-motion="reduced"] .perspective-light{will-change:auto!important;transform:none!important}
.perspective-sculpture{object-fit:contain;transition:opacity .8s;mask-image:radial-gradient(ellipse at 50% 50%,#000 56%,transparent 75%)}
.perspective-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:rotate(-11deg);opacity:0;transition:opacity .8s;mask-image:radial-gradient(ellipse at 50% 50%,#000 56%,transparent 75%);pointer-events:none}
.perspective-art[data-film="ready"] .perspective-film{opacity:1}
.perspective-art[data-film="ready"] .perspective-sculpture{opacity:0}
html[data-motion="reduced"] .perspective-film{display:none}
html[data-motion="reduced"] .perspective-sculpture{opacity:1}
@media(prefers-reduced-motion:reduce){.perspective-film{display:none}.perspective-art[data-film="ready"] .perspective-sculpture{opacity:1}}
.perspective-control{position:absolute;bottom:34px;left:var(--gutter);z-index:2;display:flex;align-items:center;gap:10px;border:0;background:none;color:#b9b0c2;font:inherit;font-size:9px;letter-spacing:.04em;padding:10px 0;min-height:38px;cursor:pointer;pointer-events:auto;transition:color .3s}.perspective-control svg{width:12px;height:12px;stroke:currentColor;stroke-width:1;fill:none}.perspective-control:hover{color:#eeeae1}.perspective-control:focus-visible{outline:1px solid #eeeae1;outline-offset:7px}.perspective-control[hidden]{display:none}@media(max-width:760px){.perspective-control{bottom:14px;left:var(--gutter);font-size:8px}}