/* Alissa Aulbekova + The Machine. Shared editorial system. */
:root {
  --brand-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --brand-paper:#f5f5f7;
  --brand-ink:#303036;
  --brand-muted:#6d6974;
  --brand-accent:#787183;
  --brand-line:#62606b26;
  --type-display:clamp(44px,5vw,64px);
  --type-section:28px;
  --type-lead:22px;
  --type-body:18px;
  --type-item:16px;
  --type-meta:12px;
  --type-pull:26px;
  --reading-width:680px;
  --ink:var(--brand-ink);--muted:var(--brand-muted);--paper:var(--brand-paper);--accent:var(--brand-accent);
  font-family:var(--brand-font);color:var(--brand-ink);background:var(--brand-paper);
}
.story-heading h1,.recognition-heading h1,.publication-heading h2 {
  font-size:var(--type-display);line-height:1.06;letter-spacing:-.055em;font-weight:400;
}
.story-heading,.recognition-heading{margin-bottom:44px}
.story-copy,.about-main .story-copy,.home-introduction .story-copy,
.work-intro p:not(:first-child){font-size:var(--type-body);line-height:1.75;letter-spacing:-.016em;color:var(--brand-ink)}
.story-copy p,.about-main .story-copy p{margin-bottom:1.5em}
.story-copy h2,.about-main .story-copy h2,.recognition-section h2,
.contact-section h2,.collection-heading h2,#question-panel h3 {
  font-size:var(--type-section);line-height:1.25;letter-spacing:-.035em;font-weight:400;
}
.work-intro p:first-child,.home-introduction .story-copy p:first-child {
  font-size:var(--type-lead);line-height:1.5;letter-spacing:-.025em;color:var(--brand-ink);
}
.eyebrow,.section-kicker,.section-note,.archive-nav,.archive-filters button,
.chapter-nav,.recognition-section h3,.recognition-meta,.archive-location,.press-editions,
.archive-source-note,.introduction-heading>a,.site-footer .footer-copyright,
.publication-caption>span,.publication-hint,.index-row .theme,.reader-bottom {
  font-size:var(--type-meta);line-height:1.6;color:var(--brand-muted);
}
nav[aria-label="Main navigation"],.footer-socials{font-size:var(--type-meta)}
.recognition-section li,.choice{font-size:var(--type-item);line-height:1.5}
.recognition-section h3{letter-spacing:.02em}
.recognition-section h2{margin-bottom:28px}
.archive-source-note{margin:28px 0 0;max-width:560px}
.introduction-heading{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.introduction-heading h2{font-size:var(--type-item);margin-bottom:16px}
.introduction-heading>a{border:0;min-height:44px;text-decoration:none}
.introduction-heading>a:hover{text-decoration:underline;text-underline-offset:4px}
/* Article emphasis belongs to the typography, never to a coloured callout box. */
.story-copy .responsive-pullquote,.story-copy .story-pullquote {
  font-size:var(--type-pull);line-height:1.5;letter-spacing:-.025em;font-weight:400;
  font-style:normal;color:var(--brand-ink);margin:52px 0;padding:0;border:0;
  background:none;box-shadow:none;text-wrap:pretty;max-width:100%;
}
.story-copy .nature-tech-feature{margin:36px 0;padding:0;border:0;background:none;box-shadow:none}
.nature-tech-feature .term-inline{color:inherit;font-size:inherit;font-weight:500}
.story-copy h2,.about-main .story-copy h2{padding:0;border:0;margin:76px 0 28px}
.about-main .about-chapter:first-child h2{margin-top:0}
.story-copy em,.story-copy i,.story-copy cite{font-style:normal}
.chapter-nav{border:0;padding:0;gap:4px;align-items:flex-start}
.about-layout{grid-template-columns:160px minmax(0,var(--reading-width));gap:64px}
.about-main{width:min(1030px,calc(100% - 80px))}
.about-main>.story-heading{margin-left:224px}
.about-chapter{scroll-margin-top:40px}
.about-main .story-copy{max-width:var(--reading-width)}
.story-copy .term-inline{color:inherit}
.contact-note,.reader-copy>p:not(.eyebrow),.draft-note{color:var(--brand-muted);font-size:14px;line-height:1.7}
.index-row:hover{background:#e8e5ec80}
.read-link{background:var(--brand-ink)}
::selection{background:#e4dfed;color:var(--brand-ink)}
@media(max-width:850px){
  .about-main{width:calc(100% - 44px)}
  .about-main>.story-heading{margin-left:0}
  .about-layout{grid-template-columns:1fr;gap:36px}
  .chapter-nav{flex-direction:row;gap:0 24px;position:static;border:0;padding:0}
  .story-heading,.recognition-heading{margin-bottom:32px}
}
@media(max-width:700px){
  :root{--type-section:24px;--type-lead:21px;--type-body:17px;--type-item:15px;--type-meta:12px;--type-pull:22px}
  .about-main .story-copy,.story-copy{line-height:1.8}
  .about-main .story-copy p,.story-copy p{margin-bottom:1.6em}
  .story-copy .responsive-pullquote,.story-copy .story-pullquote{margin:32px 0;line-height:1.5;max-width:96%;letter-spacing:-.035em}
  .story-copy h2,.about-main .story-copy h2{margin:64px 0 24px}
  .story-copy .nature-tech-feature{margin:28px 0;font-size:var(--type-body);line-height:1.8;letter-spacing:-.016em}
  .home-introduction .introduction-heading{display:grid;grid-template-columns:1fr auto;gap:0 20px;margin-bottom:28px;align-items:center}
  .introduction-heading h2{grid-column:1/-1;margin:0 0 10px}
  .introduction-heading>a{justify-self:start}
  .home-introduction .story-copy{line-height:1.8}
  .recognition-section li{font-size:var(--type-item)}
  nav[aria-label="Main navigation"]{gap:0 18px;font-size:var(--type-meta)}
}
@media(max-width:370px){nav[aria-label="Main navigation"]{gap:0 13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.press-introduction{font-size:var(--type-meta);line-height:1.6;color:var(--brand-muted);margin:32px 0 0}

.about-main .about-chapter:first-child>p:first-of-type{font-size:var(--type-body);line-height:1.75;letter-spacing:-.016em}

/* Editorial pages share a single layout and type scale. Page styles cannot redefine these roles. */
.editorial-page main{width:min(1120px,calc(100% - 80px));padding:72px 0 88px;margin:0 auto}
.editorial-page :is(.story-heading,.recognition-heading){margin:0 0 40px}
.editorial-page :is(.story-heading,.recognition-heading) h1{font:400 var(--type-display)/1.06 var(--brand-font);letter-spacing:-.055em;margin:0;text-wrap:balance}
.editorial-page :is(.about-layout,.work-intro,.contact-section){max-width:var(--reading-width)}
.editorial-page .about-layout{display:block}
.editorial-page :is(.chapter-nav,.archive-nav){display:flex;flex-direction:row;flex-wrap:wrap;position:static;align-items:center;justify-content:flex-start;gap:0 26px;margin:0 0 32px;padding:0;border:0;font-size:var(--type-meta);line-height:1.6;color:var(--brand-muted)}
.editorial-page :is(.chapter-nav,.archive-nav) a{min-height:44px;padding:10px 0}
.editorial-page .story-copy,.editorial-page .story-copy p,.editorial-page .about-chapter:first-child>p:first-of-type{font-size:var(--type-body);line-height:1.75;letter-spacing:-.016em;color:var(--brand-ink)}
.editorial-page .story-copy p{margin:0 0 24px}
.editorial-page :is(.story-copy h2,.recognition-section h2,#question-panel h3,#enquiry-review h3){font:400 var(--type-section)/1.25 var(--brand-font);letter-spacing:-.035em;margin:0 0 24px;padding:0;border:0}
.editorial-page .about-chapter+.about-chapter{margin-top:64px}
.editorial-page .story-copy .story-pullquote{font-size:var(--type-pull);line-height:1.5;letter-spacing:-.025em;margin:36px 0;border:0;padding:0;color:var(--brand-ink)}
.editorial-page .story-copy .nature-tech-feature{margin:24px 0;padding:0;border:0;background:none}
.editorial-page .contact-section{margin-top:40px;padding-top:32px}
.editorial-page :is(.contact-note,.journey-meta,.journey-meta button,.journey-controls>button:first-child,#edit-enquiry,label,label span,#review-summary dt){font-size:var(--type-meta);line-height:1.6;letter-spacing:0;color:var(--brand-muted)}
.editorial-page :is(.recognition-meta,.archive-location,.press-editions,.recognition-section h3,.archive-filters button){font-size:var(--type-meta);line-height:1.6;letter-spacing:0;color:var(--brand-muted)}
.editorial-page :is(.recognition-section li,.choice,#review-summary dd){font-size:var(--type-item);line-height:1.5;letter-spacing:-.015em}
.editorial-page .contact-submit{font-size:14px;line-height:1.5}
.editorial-page #message-label{font-size:inherit;color:inherit}
.editorial-page .recognition-section{padding:32px 0 40px}
.editorial-page :is(.press-topic h3,.appearance-group h3){margin:0 0 16px;font-weight:400}
.award-discipline{display:block;font-size:var(--type-meta);line-height:1.6;color:var(--brand-muted);margin-top:5px;letter-spacing:0}
.press-editions{display:inline;margin-left:5px}
@media(max-width:850px){.editorial-page main{width:calc(100% - 44px);padding:44px 0 64px}.editorial-page :is(.story-heading,.recognition-heading){margin-bottom:28px}}
@media(max-width:700px){
 .editorial-page .story-copy,.editorial-page .story-copy p,.editorial-page .about-chapter:first-child>p:first-of-type{font-size:var(--type-body);line-height:1.75}
 .editorial-page .story-copy .story-pullquote{font-size:var(--type-pull);line-height:1.5;margin:32px 0}
 .editorial-page .about-chapter+.about-chapter{margin-top:48px}
 .editorial-page :is(.chapter-nav,.archive-nav){margin-bottom:24px;gap:0 22px}
}

@media(min-width:601px){
 .press-columns{align-items:stretch}
 .press-topic{display:flex;flex-direction:column}
 .press-topic ul{display:flex;flex-direction:column;justify-content:space-between;flex:1}
}