:root{--paper:#f2ecd8;--ink:#202529;--accent:#a53323;--line:color-mix(in srgb,var(--ink) 24%,var(--paper));--panel:color-mix(in srgb,var(--paper) 92%,var(--ink));--type:Arial,sans-serif;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink)}.design,.design *{box-sizing:border-box}.design{max-width:1240px;margin:auto;padding:clamp(1.25rem,4vw,4rem);font-family:var(--type);line-height:1.65;overflow-wrap:anywhere}.design h1,.design h2,.design p,.design figure,.design dl{margin:0}.design h1{font-size:clamp(2.5rem,5.8vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:.65rem 0 1.5rem}.design h2{font-size:1.15rem;line-height:1.35;margin-bottom:1rem;font-weight:600;letter-spacing:-.015em}.design .eyebrow,.design dt,.design .dateline,.design figcaption,.design .gallery-heading>span{font-family:Arial,sans-serif;font-size:.78rem;line-height:1.5;letter-spacing:.07em}.design .eyebrow{text-transform:uppercase;color:var(--accent)}.design a{color:inherit;text-underline-offset:.25em}.design a:hover{text-decoration-thickness:2px}.design a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.design .jump,.design .section-nav a{display:inline-flex;align-items:center;min-height:44px;gap:.5rem;font-family:Arial,sans-serif;font-size:.85rem;font-weight:600}.design .section-nav{display:flex;flex-wrap:wrap;gap:1rem}.design .about{max-width:65ch;margin-block:1.5rem}.design .description{font-size:1.05rem;line-height:1.8}.design .facts{min-width:0}.design .facts dl{gap:1rem 1.5rem}.design .fact{padding:.8rem 0;min-width:0}.design dt{color:var(--accent);text-transform:uppercase;font-size:.7rem}.design dd{margin:.25rem 0 0;font-size:1rem}.design .portrait{max-width:max-content;min-width:0}.design .portrait a,.design .photos a{display:inline-block;max-width:100%;line-height:0;border-radius:2px}.design img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}.design .portrait img{max-width:min(100%,260px)}.design .photos img{max-width:min(100%,210px)}.design figcaption{margin-top:.6rem;color:var(--accent)}.design .portrait figcaption{font-size:.68rem}.design .gallery{margin-top:3.5rem;min-width:0}.design .gallery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.design .gallery-heading h2{margin-bottom:0}.design .photos{gap:1.25rem;align-items:start}.design .photos figure{min-width:0;max-width:100%;margin:0}.design .dateline{font-size:.72rem;margin-block:1rem;max-width:30ch}.design .mast,.design .archive-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.design .identity,.design aside,.design article,.design section,.design div{min-width:0}.design .section-number{line-height:1}.design .section-nav{margin-block:1rem}

.bauhaus{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}.bauhaus-title{grid-column:1/-1;border-left:2rem solid var(--accent);padding-left:2rem}.bauhaus-frame{border:3px solid var(--ink);padding:2rem}.bauhaus-text{padding:2rem;background:var(--ink);color:var(--paper)}.bauhaus-text a{color:inherit}.bauhaus-facts{grid-column:1/-1;border-bottom:10px solid var(--accent)}.facts dl{display:grid;grid-template-columns:repeat(4,1fr)}.photos{display:flex;flex-wrap:wrap}
@media(max-width:760px){.design{padding:1.25rem}.design h1{font-size:clamp(2.3rem,10vw,4rem)}.design [class*="layout"],.design [class*="grid"],.design [class*="spread"],.design [class*="body"],.design [class*="main"],.design [class*="bottom"],.design [class*="content"],.design [class*="columns"],.design [class*="panels"],.design [class*="profile"],.design [class*="center"],.design [class*="row"],.design [class*="record"],.design [class*="intro"],.design [class*="head"],.design [class*="top"],.design .studio,.design .twins,.design .poster,.design .essay,.design .pin-board,.design .colophon,.design .diptych,.design .terracotta,.design .monograph-center,.design .two-tone,.design .notebook,.design .windows,.design .ribbon,.design .atlas,.design .folded,.design .longform,.design .final-folio,.design .observatory{grid-template-columns:minmax(0,1fr);min-height:0;gap:1.5rem}.design .photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.design .facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.design .fact{grid-template-columns:minmax(0,1fr)}.design [class*="title"],.design [class*="copy"],.design [class*="photo"],.design [class*="picture"],.design [class*="heading"],.design [class*="facts"],.design [class*="gallery"],.design .notebook-three{grid-column:auto;grid-row:auto}.design .studio .identity,.design .sequence-one,.design .window-title{max-width:100%;padding-left:1rem;margin-right:0}.design .gallery,.design .sequence-two,.design .sequence-three,.design .studio-copy,.design .window-portrait,.design .window-facts{margin-left:0}.design .sequence-two,.design .studio-line,.design .opening,.design .field-bio,.design .wide-heading,.design .sheet-heading,.design .portfolio-name,.design .double-rule,.design .ledger-bar,.design .coral-strip,.design .final-mast{flex-direction:column;align-items:flex-start}.design .index,.design .essay article,.design .copy-offset,.design .night-head,.design .longform-copy,.design .gold-words{padding-top:0}.design .index,.design .essay article,.design .wide-body>div,.design .portfolio-main>aside,.design .double-spread>aside,.design .colophon>aside,.design .dossier>aside,.design .night-picture,.design .final-picture,.design .contemporary-body>div{padding-left:0;padding-right:0;border-left:0;border-right:0}.design .folded-spine{display:none}.design .longform-copy .portrait{float:none;margin:1.5rem 0}.design .ribbon-line{display:none}.design .monograph,.design .cabinet,.design .record,.design .identity-frame,.design .canvas-left,.design .canvas-right,.design .gridline>div,.design .diptych-type,.design .diptych-visual,.design .coral-hero,.design .soft-grid>div{padding:1.5rem}.design .photos figure:nth-child(even){padding-top:0}.design .punctuation-main{grid-template-columns:1fr}.design .round-frame{max-width:280px;padding:2rem}.design .dateline{max-width:none}.design .gallery{margin-top:2.5rem}}@media(prefers-reduced-motion:reduce){.design *{scroll-behavior:auto;transition:none;animation:none}}

/* Narrow-screen reading order: keep factual content out of desktop columns. */
@media(max-width:760px){.design .bauhaus{grid-template-columns:minmax(0,1fr);gap:1.5rem}.design .bauhaus>div{grid-column:auto;grid-row:auto}}