:is(#studio,#cabinet,#barnhouse).st-editorial{--st-height:clamp(760px,90svh,950px);--st-gap:8px}
.st-heading,.st-controls{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.2px}.st-heading{margin-bottom:20px}
.st-track{height:var(--st-height);display:flex;gap:var(--st-gap);position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.st-track::-webkit-scrollbar{display:none}
.st-cover,.st-spread{flex:none;scroll-snap-align:start;position:relative;height:100%}.st-cover{width:min(1000px,88vw);color:#faf8f2;overflow:hidden}.st-cover>img{width:100%;height:100%;object-fit:cover}.st-cover-copy{position:absolute;inset:0;padding:clamp(24px,4vw,64px);display:flex;flex-direction:column;gap:18px;background:linear-gradient(90deg,#10110fe6,#10110f38)}.st-cover-copy>span{font-size:9px;letter-spacing:2px}.st-cover-copy h3{font-size:clamp(48px,6vw,86px);line-height:.98}.st-cover-copy h4,.st-mobile-story h4{font:14px/1.6 var(--sans);letter-spacing:0}.st-cover-story p{max-width:540px;font-size:13px;line-height:1.7;margin-bottom:14px}.st-cover-open{align-self:flex-start;margin-top:auto;font-size:10px;border-bottom:1px solid #ffffff88;padding-bottom:8px}
.st-rows{flex:none;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:var(--st-gap);height:100%;width:max-content}.st-row{display:flex;gap:var(--st-gap);min-height:0;width:max-content}
:is(#studio,#cabinet,#barnhouse) .st-row>.st-cell{flex:none;width:calc((var(--st-height) - var(--st-gap)) / 2 * var(--media-ratio));height:100%}.st-row:first-child>.st-cell{scroll-snap-align:start}
:is(#studio,#cabinet,#barnhouse) .st-cell{position:relative;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;background:var(--paper)}:is(#studio,#cabinet,#barnhouse) .st-cell>img,:is(#studio,#cabinet,#barnhouse) .st-cell>video{display:block;width:100%;height:100%;object-fit:contain}.st-number{position:absolute;bottom:12px;left:12px;font-size:9px;letter-spacing:1px;color:#faf8f2;text-shadow:0 1px 5px #000}.st-expand{position:absolute;left:14px;bottom:14px;color:#faf8f2;font-size:22px;text-shadow:0 1px 5px #000;min-width:40px;min-height:40px}
.st-controls{padding-top:16px}.st-controls>div{display:flex;gap:20px}.st-controls button{font-size:28px;min-width:44px;min-height:44px}.st-controls button:disabled{opacity:.25}.st-hint{font-size:9px;letter-spacing:.5px}.st-mobile-story{display:none}
@media(max-width:600px){
:is(#studio,#cabinet,#barnhouse).st-editorial{--st-height:min(72svh,640px);--st-gap:6px}.st-heading{font-size:8px}.st-track>.st-cover,.st-track>.st-spread{width:100%;flex:0 0 100%}.st-cover{display:grid;place-items:center}.st-cover>img{object-fit:contain}.st-cover-copy{inset:auto 0 0;padding:20px;gap:10px;background:none;pointer-events:none}.st-cover-copy>span,.st-cover-copy h4,.st-cover-story{display:none}.st-cover-copy h3{font-size:30px;text-shadow:0 1px 10px #0009}.st-cover-open{pointer-events:auto;font-size:9px;text-shadow:0 1px 6px #000}.st-controls{padding-top:8px}.st-hint{display:none}.st-mobile-story{display:block;margin-top:22px;border-block:1px solid var(--line)}.st-mobile-story summary{display:flex;justify-content:space-between;align-items:center;padding:15px 0;list-style:none;font-size:12px;cursor:pointer}.st-mobile-story summary::-webkit-details-marker{display:none}.st-mobile-story summary span{font-size:22px;transition:transform .25s}.st-mobile-story[open] summary span{transform:rotate(45deg)}.st-mobile-story h4{margin:8px 0 20px}.st-mobile-story p{font-size:13px;line-height:1.8;margin-bottom:20px}
}
.st-number{display:none}
@media(max-width:600px){:is(#studio,#cabinet,#barnhouse) .st-cell .film-toggle{right:8px;bottom:8px;width:36px;height:36px}:is(#studio,#cabinet,#barnhouse) .st-expand{left:8px;bottom:8px;min-width:36px;min-height:36px}}

#barnhouse .st-cover-copy h3{font-size:clamp(36px,5.5vw,78px)}#barnhouse .st-cover-story h4{font:14px/1.6 var(--sans);margin-bottom:18px}@media(max-width:600px){#barnhouse .st-cover-copy h3{font-size:28px}}

@media(max-width:600px){:is(#studio,#cabinet,#barnhouse) .st-cover-copy{inset:auto 0 0;width:100%;left:0;transform:none;padding:20px}:is(#studio,#cabinet,#barnhouse) .st-cover-copy h3{font-size:clamp(28px,8vw,38px);line-height:1.05}:is(#studio,#cabinet,#barnhouse) .st-cover-open{margin-top:0;display:flex;justify-content:space-between;gap:20px;min-width:145px;padding-bottom:7px;border-bottom:1px solid rgba(250,249,245,.8)}}
