@import url("./site-theme.css");
/* Round 11 art director 1 and 4: the page side of the three shared lines (tokens in site-polish.css) and the one Ballet
   ratio, for The space, Ethos, Apply and Credits only, so the homepage does not download these rules before its first frame. */
@media(min-width:1180px){
 /* Credits */
 .credits-page .editorial-section{margin-left:var(--rail)!important;margin-right:auto!important}
 /* The space: sections hang from the rail */
 .about-page:not(.ethos-page) :is(#photographs,#tour,#details,#the-floor-plan,#getting-here,.quiet-closing,#building){margin-left:0!important;margin-right:0!important;max-width:none!important;padding-left:var(--rail)!important;padding-right:var(--rail)!important}
 .about-page:not(.ethos-page) .space-page-nav{padding-left:var(--rail)!important}
 /* Hero: the title on the rail (it is wider than the rail column, so it keeps the room up to the caption line);
    the standfirst, the facts and the two links stack on the caption line. */
 .about-page:not(.ethos-page) .frame-caption{left:var(--rail)!important;right:var(--rail)!important;width:auto!important;column-gap:0!important;row-gap:22px!important;grid-template-columns:calc(var(--caption-x) - var(--rail)) minmax(0,1fr)!important;align-items:end!important}
 .about-page:not(.ethos-page) .frame-caption>:first-child{grid-column:1;grid-row:1 / span 2;align-self:end}
 .about-page:not(.ethos-page) .frame-caption>.frame-intro{grid-column:2;grid-row:1}
 .about-page:not(.ethos-page) .frame-caption>.frame-links{grid-column:2;grid-row:2;flex-wrap:wrap;row-gap:0;justify-content:flex-start!important}
 .about-page:not(.ethos-page) .frame-caption .frame-links>a:first-child{margin-left:0!important}
 .about-page:not(.ethos-page) :is(.room-collection-heading,#tour .section-heading-v30){display:grid!important;grid-template-columns:calc(var(--caption-x) - var(--rail)) minmax(0,1fr)!important;column-gap:0!important;align-items:end}
 .about-page:not(.ethos-page) :is(.room-collection-heading,#tour .section-heading-v30)>:last-child{margin:0!important;justify-self:start;text-align:left!important}
 .about-page:not(.ethos-page) #tour>:not(.section-heading-v30){margin-left:calc(var(--plate-x) - var(--rail))!important;max-width:var(--plate-w)!important;width:var(--plate-w)!important}
 .about-page:not(.ethos-page) :is(#details,#getting-here .getting-here){grid-template-columns:calc(var(--plate-x) - var(--rail)) minmax(0,var(--plate-w))!important;column-gap:0!important}
 .about-page:not(.ethos-page) #the-floor-plan details>:not(summary){margin-left:calc(var(--plate-x) - var(--rail))}
 .about-page:not(.ethos-page) .history-layout{grid-template-columns:calc(var(--plate-x) - var(--rail) - 24px) minmax(0,var(--plate-w))!important;column-gap:24px!important}
 .about-page:not(.ethos-page) .quiet-closing{display:grid!important;grid-template-columns:calc(var(--caption-x) - var(--rail)) minmax(0,1fr)!important;align-items:end}
 .about-page:not(.ethos-page) .quiet-closing>a{justify-self:start;margin-left:0!important}
 /* Ethos: the mission stays centred (Nicole decides); it and the community block centre inside the plate */
 .ethos-page .ethos-editorial{margin-left:var(--rail)!important;margin-right:var(--rail)!important;max-width:none!important;width:auto!important}
 .ethos-page .philosophy-story{grid-template-columns:calc(var(--plate-x) - var(--rail) - 24px) minmax(0,var(--plate-w))!important;column-gap:24px!important;padding-left:0!important;padding-right:0!important}
 .ethos-page .philosophy-story .philosophy-botanical{max-width:100%!important;justify-self:start;margin-left:0!important}
 .ethos-page .philosophy-story>:last-child{justify-self:start;margin-left:0!important}
 .ethos-page .philosophy-section-title{display:grid!important;grid-template-columns:calc(var(--plate-x) - var(--rail)) minmax(0,var(--plate-w))!important;column-gap:0!important}
 .ethos-page .philosophy-section-title>p{grid-column:2;width:auto!important}
 .ethos-page .principles-list>li{padding-left:0!important;grid-template-columns:calc(var(--plate-x) - var(--rail)) minmax(0,var(--plate-w))!important;column-gap:0!important}
 .ethos-page .principles-list>li>h3{padding-right:24px}
 /* The principle numerals hang in the margin, left of the rail, so the titles start on it. */
 .ethos-page .principles-list>li:before{left:-44px!important}
 /* Apply: the paper on the plate, contents and return link on the rail, the choice and the note on the caption line */
 .correspondence-page main#application{padding-left:0!important;padding-right:0!important;max-width:none!important}
 /* Round 13 web director 2: one sheet width on every step (the welcome's 668 px), never wider than the room left of the rail,
    so the letter no longer grows and shrinks with its content (it reached 1030 px on the year question, under the sound buttons). */
 .correspondence-page .correspondence-layout{margin-left:var(--rail)!important;margin-right:0!important;grid-template-columns:calc(var(--plate-x) - var(--rail)) min(668px,calc(100vw - var(--plate-x) - var(--rail)))!important;column-gap:0!important;justify-content:start!important}
 .correspondence-page .application-heading{margin-left:var(--rail)!important;margin-right:0!important;max-width:none!important;width:calc(var(--caption-x) - var(--rail) + 298px)!important;display:grid!important;grid-template-columns:calc(var(--caption-x) - var(--rail)) auto!important}
 .correspondence-page .application-heading>:last-child{justify-self:start;margin-left:0!important;justify-content:flex-start!important}
 .correspondence-page .application-bottom-note{margin-left:var(--caption-x)!important;margin-right:0!important;max-width:calc(100vw - var(--caption-x) - var(--rail))!important;text-align:left!important}
}
@media(max-width:700px){
 .credits-page .editorial-section{margin-left:24px!important;margin-right:24px!important;padding-left:0!important;padding-right:0!important}
 .about-page:not(.ethos-page) :is(#photographs,#tour,#details,#the-floor-plan,#getting-here,.quiet-closing,#building,.space-page-nav){padding-left:24px!important;padding-right:24px!important;margin-left:0!important;margin-right:0!important}
 .about-page:not(.ethos-page) .frame-caption{left:24px!important;right:24px!important}
 .correspondence-page main#application{padding-left:8px!important;padding-right:8px!important}
 .correspondence-page .application-heading{margin-left:16px!important}
 .correspondence-page .letter-paper{padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:700px){.correspondence-page .letter-contents{margin-left:16px!important}}
/* Round 12: the round 11 single Ballet ratio (1.6em on every ending) is withdrawn; Nicole's eye read it as the decorative
   emphasis she rejected. Each ending is back at its own pre round 11 size. The options are on
   /studies/film-sovereign/review/endings.html for Nicole to choose. */
/* Round 12 art director (carried A): standfirsts and leads break evenly, so no word is left alone ("teams." in the About hero). */
:is(.frame-intro,.frame-intro p,.quiet-intro,.history-lead,.philosophy-introduction,.room-collection-heading p,.section-heading-v30 p,.practical-intro p,.application-bottom-note){text-wrap:balance}
/* Round 14 (Nicole, 2026-10-22): “make the floor plan part of the scroll. and make it red again.” The plan is an open section
   on the shared lines (no disclosure); its heading keeps the former row style. The red plan is the supplied vector plan recoloured
   to the rose of the 2026-10-14 darkroom plan (floor-plan-red.png; round-14/floor-plan/make-red-plan.py), on a transparent ground. */
.about-page .plan-open>#plan-title{display:block;margin:0;padding:24px 0;border-top:1px solid var(--study-line);font:400 22px/1.4 Redaction,Georgia,serif;letter-spacing:-.01em;color:var(--study-ink)}
.about-page .plan-open .floor-plan{position:relative;display:block;max-width:none;margin:0;padding:0!important;background:none!important;height:auto!important}
.about-page .plan-open .floor-plan img{width:100%;height:auto;max-height:none;object-fit:contain;filter:none!important}
.about-page .plan-open .plan-expand{background:var(--quiet-bg,#2b1c24)}
@media(min-width:1180px){.about-page:not(.ethos-page) #the-floor-plan.plan-open>.plan-section{margin-left:calc(var(--plate-x) - var(--rail))}}
.quiet-closing>p{text-wrap:balance}
/* Round 14: eighteen tour chapters (one per shot). On The space they wrap into rows under the film instead of squeezing
   into one line; phones keep the swipe strip from mobile.css. The homepage strip is laid out separately. */
@media(min-width:900px){.about-page .tour-chapters-list{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;gap:18px 10px!important;overflow-x:visible!important}}