/* Media stays edge-to-edge; near-white studio backgrounds meet the page white. */
.film__toggle {display:none!important;}
/* Keep the source film's colour and remove the added white wash. */
.field-notes__flower .film__video,.field-notes__flower .film__poster,
.research-weaving__image .film__video,.research-weaving__image .film__poster,
.lab-material .film__video {filter:none;}
.field-notes__flower.film::after {display:none;}
.material-archive__media,.material-archive__video {background:#fff;}
.material-archive__video,.material-archive__poster {object-fit:cover;object-position:50% 44%;}
.material-archive__media {overflow:visible;will-change:transform;}
.material-archive__story {position:relative;z-index:6;background:#fff;}
.material-archive__video {transition:opacity .18s;}
@media(prefers-reduced-motion:reduce){.material-archive__media{will-change:auto;}}
/* Portrait originals retain their entire composition and fill their own frame. */
@media(min-width:701px){
 .material-archive__feature {top:90px;}
 .material-archive__media {width:min(100%,calc((100svh - 106px)*.803571));height:auto;aspect-ratio:1440/1792;align-self:end;}
 .material-archive__story {padding-top:max(210px,calc(36svh - 90px));}
}
.material-archive__video,.material-archive__poster {object-fit:contain;background:transparent;}
@media(max-width:700px){.material-archive__media{flex:none;width:min(calc(100% - 24px),calc((100svh - 455px)*.803571));height:auto;min-height:0;aspect-ratio:1440/1792;align-self:center;}}
.material-archive__strip {z-index:8;}

.material-archive__thumb {opacity:.24;transition:opacity .35s ease;}
.material-archive__thumb[aria-pressed=true] {opacity:1;}
.material-archive__traveller {z-index:9;object-fit:cover;opacity:1;}

/* The opening composition is the only preloader. */
html.is-preloading,html.is-preloading body {overflow:hidden;}
.hero {position:fixed;inset:0;z-index:99;width:100%;height:100svh;min-height:0;background:#fff;transition:opacity .28s ease,visibility .28s;}
.hero[hidden] {display:none;}
.hero.is-finished {opacity:0;visibility:hidden;pointer-events:none;}
.hero-details {top:37%;}
.hero-loader__line span {width:100%;border-radius:0;transform:scaleX(var(--load-progress,0));transform-origin:left;}
.brief-marker::after {content:'';position:absolute;left:3px;top:0;width:8px;height:13px;border:solid #233aa4;border-width:0 3px 3px 0;transform:rotate(40deg) scale(.5);opacity:0;transition:opacity .2s ease,transform .3s ease;}
.brief-marker.is-checked::after {opacity:1;transform:rotate(40deg) scale(1);}
@media(max-width:1100px) and (min-width:701px){.hero-details{grid-template-columns:1fr 1fr;row-gap:28px}.hero-microbrand{grid-column:1}.hero-loader{grid-column:2;height:auto}.hero-brief{grid-column:2}}
@media(max-width:700px){.hero-details{top:28%;gap:26px}.hero-brief p:nth-child(n+5){display:flex}.hero-brief p{white-space:normal}.hero-brief{font-size:10px;line-height:16px}.hero .sequence-stage{width:45vw;opacity:.5}}
@media(prefers-reduced-motion:reduce){.hero,.brief-marker::after{transition:none}}

/* The archive aligns the study to the screen edge and keeps one quiet date scale. */
.material-archive__feature { bottom: 0; }
.material-archive__story { padding-bottom: 16px; }
.material-timeline {
  height: auto;
  font: 400 clamp(10px, .85vw, 12px)/1.35 var(--fraktion);
  font-variant-numeric: tabular-nums;
  color: #626262;
}
.material-timeline__phase { margin: 0 0 10px; }
.material-timeline__track { height: 1px; margin: 0 calc(100% / 14); background: #d8d8d8; }
.material-timeline__cursor {
  height: 5px;
  width: 5px;
  bottom: -2px;
  transform: translateX(-50%);
}
.material-timeline__years { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; }
.material-timeline__year { padding: 9px 0 0; min-height: 30px; color: #626262; }
.material-timeline__year::before { height: 3px; background: #aaa; }
.material-timeline__year[aria-current=true] { color: #080808; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; }
.material-timeline__year:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
@media (min-width: 701px) {
  .material-archive__media { width: min(100%, calc((100svh - 90px) * .803571)); }
}
@media (max-width: 700px) {
  .material-archive__feature { justify-content: space-between; gap: 8px; }
  .material-archive__media { order: 1; margin: 0; }
  .material-archive__story { padding-bottom: 0; gap: 10px; }
  .material-timeline__year { font-size: 9px; }
}

/* The iris film and poster share a corrected pure-white matte. */
.field-notes__flower .film__video,
.field-notes__flower .film__poster { filter: none; }

.field-notes__flower.film { background: #fff; }