html { color-scheme:light; background:white; scroll-behavior:auto; }
body { margin:0; background:white; color:black; }
#triebus-folio { margin:auto; max-width:1540px; width:100%; box-sizing:border-box; }
#triebus-folio [hidden] { display:none!important; }
#triebus-folio .ct-brand { margin-right:clamp(6px,3cqw,52px); }
#triebus-folio .ct-work-slot { width:100%; min-width:0; scroll-margin-top:18px; }
#triebus-folio .ct-work-control { display:flex; align-items:center; width:fit-content; max-width:100%; min-height:44px; font-size:15px; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
#triebus-folio .ct-feature .ct-work-control { margin:3px 0 0 50%; }
#triebus-folio .ct-project .ct-work-control { margin:3px 0 0 16.667%; }
#triebus-folio .ct-directory-control { font-size:15px; margin-top:12px; }
#triebus-folio .ct-extra-title { font-size:clamp(34px,4.5cqw,68px); font-weight:500; font-feature-settings:'ss01' 1; line-height:1.08; letter-spacing:-.016em; margin:0; }
#triebus-folio .ct-extra-title a { display:block; }
#triebus-folio .ct-extra-kind { margin-top:16px; font-size:15px; line-height:1.4; }
#triebus-folio .ct-extra-figure img { transform:none; }
#triebus-folio .ct-production { --paper:white; --soft:white; --ink:black; --muted:black; --ct-backing:white; color:#000; background:transparent; overflow:visible; container-type:inline-size; }
#triebus-folio .ct-production .shell { padding-inline:0; max-width:100%; }
#triebus-folio .ct-production .project-page { padding-bottom:0; }
#triebus-folio .ct-production .project-title { color:#000; max-width:100%; text-wrap:balance; overflow-wrap:normal; }
#triebus-folio .ct-production .project-title .ct-ink-line { line-height:0; display:block; }
#triebus-folio .ct-production .project-title .ct-ink-line+.ct-ink-line { margin-top:.16em; }
#triebus-folio .ct-production .project-title .ct-ink-word { position:absolute; inset:0; margin:0; }
#triebus-folio .ct-production .project-title .ct-letter-shape { width:100%; height:100%; display:block; fill:currentColor; }
#triebus-folio .ct-production .project-title .ct-accessible-title { position:absolute!important; }
#triebus-folio .ct-production .project-title[data-outline-title] { font-size:var(--ct-work-title-desktop); letter-spacing:0; line-height:0; }
#triebus-folio .ct-work-slot:not([data-direct]) .ct-production .project-intro { margin-top:0; }
#triebus-folio .ct-work-slot:not([data-direct]) .ct-production .project-title { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#triebus-folio .ct-production :is(.project-page,.project-support,.project-credits,.project-close,.related-works,.project-facts,.related-list li,.credits-grid,.presentations-list li,.download-list li,.press-list li) { border:0; }
#triebus-folio .ct-production .project-credits>summary::after { content:none; }
#triebus-folio .ct-production .project-credits>summary { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; }
#triebus-folio .ct-production .project-close a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; }
#triebus-folio .ct-production :is(.project-page,.project-reading,.project-score-copy,.project-deck,.project-support) { color:#000; }
#triebus-folio .ct-production .project-headline-credits p:first-child { font-size:clamp(22px,2.15cqw,29px); font-weight:500; }
#triebus-folio .ct-production .ct-credit-frame { position:relative; isolation:isolate; }
#triebus-folio .ct-full-credit { position:absolute; inset:0; z-index:2; pointer-events:none; margin:0; padding:0; font:400 12px/1.4 'Triebus Folio Skyline',Helvetica,Arial,sans-serif; color:white; background:transparent; text-shadow:none; }
#triebus-folio .ct-full-credit[data-ink=black] { color:black; }
#triebus-folio .ct-full-credit button { position:absolute; right:0; bottom:0; display:grid; place-items:center; width:44px; height:44px; background:transparent; color:inherit; border:none; padding:0; margin:0; pointer-events:auto; cursor:pointer; }
#triebus-folio .ct-full-credit button::before { content:''; background:currentColor; height:7px; width:7px; border-radius:50%; }
#triebus-folio .ct-full-credit .ct-credit-copy { position:absolute; bottom:14px; right:46px; left:14px; width:auto; display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 12px; font-size:12px; line-height:1.4; color:inherit; background:transparent; text-shadow:none; box-shadow:none; pointer-events:auto; }
#triebus-folio .ct-production .film-start:not(.film-start--poster) { width:fit-content; min-height:44px; text-decoration:underline; text-underline-offset:.2em; }
#triebus-folio .ct-production .film-player { overflow:hidden; background:#000; }
#triebus-folio .ct-production .film-player>iframe,#triebus-folio .ct-production .film-player>video { display:block; width:100%; height:100%; border:0; }
#triebus-folio .ct-production .ct-loop-control { display:block; width:fit-content; min-height:44px; padding:0; border:none; background:transparent; color:#000; font:400 13px/1.4 'Triebus Folio Skyline',Helvetica,Arial,sans-serif; cursor:pointer; text-decoration:underline; text-underline-offset:.21em; }
#triebus-folio .ct-production .ct-loop-row { position:relative; }
#triebus-folio .ct-production .ct-loop-row .ct-full-credit { bottom:44px; }
#triebus-folio .ct-production .ct-related-note { display:block; font-size:17px; line-height:1.5; max-width:52ch; margin-top:10px; }
#triebus-folio .ct-production .ct-pao-example { display:grid; grid-template-columns:1fr 1.2fr; align-items:baseline; gap:8%; margin:clamp(38px,6cqw,80px) 0; }
#triebus-folio .ct-production .ct-pao-example cite { font-size:clamp(27px,3.3cqw,50px); }
#triebus-folio .ct-production .ct-pao-example p { font-size:clamp(15px,1.7cqw,20px); line-height:1.5; overflow-wrap:anywhere; }
#triebus-folio .ct-production .ct-pao-example p+p { margin-top:14px; }
#triebus-folio .ct-production :is(.support-logo-row,.support-logo,.support-logo-strip) { max-width:100%!important; }
#triebus-folio .ct-direct-continue { margin:clamp(100px,15cqw,220px) 0 0; }
@media(min-width:821px) and (hover:hover) and (pointer:fine){
 #triebus-folio .ct-directory[data-directory-mode=hover] .ct-directory-list { width:100%; }
 #triebus-folio .ct-directory[data-directory-mode=hover] .ct-directory-text { width:44%; }
 #triebus-folio .ct-directory[data-directory-mode=hover] .ct-directory-item[data-expanded=true] { display:grid; grid-template-columns:minmax(0,44%) minmax(0,46%); justify-content:space-between; align-items:start; }
 #triebus-folio .ct-directory[data-directory-mode=hover] .ct-directory-item[data-expanded=true] .ct-directory-text { width:auto; }
 #triebus-folio .ct-directory[data-directory-mode=hover] .ct-directory-item[data-expanded=true]>.ct-directory-photo { display:block; position:relative; inset:auto; width:100%; }
}
@media(max-width:820px){#triebus-folio .ct-feature .ct-work-control {margin-left:16.667%;}}
@media(max-width:640px){
 #triebus-folio .ct-production .project-title[data-outline-title] {font-size:var(--ct-work-title-mobile);}
 #triebus-folio .ct-production .ct-pao-example { grid-template-columns:1fr; gap:16px; }
 #triebus-folio .ct-production .project-film-header { flex-wrap:wrap; }
 #triebus-folio .ct-full-credit .ct-credit-copy { font-size:11px; line-height:1.3; bottom:12px; gap:0 9px; }
}
@media(max-width:480px){#triebus-folio :is(.ct-feature,.ct-project) .ct-work-control { margin-left:8.333%; }}

#triebus-folio .ct-record .ct-record-title { --ct-work-title-desktop:min(10.2cqw,146px); --ct-work-title-mobile:min(19.8cqw,102px); }
#triebus-folio .ct-record .ct-record-gallery {
  display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center;
  gap:clamp(32px,5cqw,76px); margin-block:clamp(64px,9cqw,128px);
}
#triebus-folio .ct-record-gallery figure { margin:0; min-width:0; }
#triebus-folio .ct-record-gallery figure:last-child:nth-child(odd) { grid-column:1/-1; width:74%; margin-inline:auto; }
#triebus-folio .ct-record .ct-record-section { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,6fr); gap:24px 8%; align-items:baseline; margin-block:clamp(56px,7cqw,110px); }
#triebus-folio .ct-record-section h2 { font-size:clamp(27px,4cqw,60px); font-weight:500; line-height:1.06; }
#triebus-folio .ct-record-section .project-reading { margin:0; }
#triebus-folio .ct-record-section a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.19em; }
#triebus-folio .ct-record-resources { list-style:none; display:grid; gap:10px; padding:0; }
@media(max-width:640px) {
  #triebus-folio .ct-record .ct-record-section,#triebus-folio .ct-record .ct-record-gallery { grid-template-columns:1fr; }
  #triebus-folio .ct-record-gallery figure:last-child:nth-child(odd) { width:100%; }
}

/* The caption and link of is a rose share the photograph’s left edge at every width. */
#triebus-folio .ct-rose .ct-work-copy { display:block; }
#triebus-folio .ct-rose .ct-work-copy .ct-work-control { display:flex; margin:3px 0 0; padding-block:0; }

/* Diffuse daylight on the water when the device uses the static surface. */
#triebus-folio[data-season="winter"] > .ct-surface {
  background:radial-gradient(ellipse at var(--winter-sky,82%) 24%,#fff8e9 0%,transparent 62%),
    linear-gradient(108deg,#dce7ef 0%,#edf2f5 40%,#fff 76%);
}

#triebus-folio[data-season="spring"] > .ct-surface::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 12% 38% at 0% var(--edge-light,29%),rgba(219,207,244,.58),transparent),
             radial-gradient(ellipse 10% 45% at 100% 60%,rgba(227,235,160,.64),transparent);
}


#triebus-folio .ct-dates {width:min(100%,48rem);margin:clamp(32px,6vw,90px) 0 clamp(72px,10vw,160px) auto;--hatch:#ebda52;}
#triebus-folio[data-season=winter] .ct-dates {--hatch:#b8cfdc;}
#triebus-folio[data-season=spring] .ct-dates {--hatch:#d2df9a;}
#triebus-folio .ct-dates h2 {font:500 clamp(24px,3vw,44px)/1.12 var(--ct-reading-face);margin-bottom:1em;}
#triebus-folio .ct-dates ul {list-style:none;padding:0;display:grid;gap:1.45em;}
#triebus-folio .ct-dates li {display:grid;grid-template-columns:minmax(8em,1fr) 2.6fr;gap:1.4em;align-items:baseline;font:400 clamp(15px,1.4vw,20px)/1.4 var(--ct-reading-face);}
#triebus-folio .ct-dates strong {font-weight:500;background:repeating-linear-gradient(116deg,transparent 0 3px,var(--hatch) 3px 4px) left bottom / 100% .29em no-repeat;}
#triebus-folio .ct-dates li span span,#triebus-folio .ct-dates a span {display:block;font-size:.88em;margin-top:.2em;}
#triebus-folio .ct-dates a:hover strong {text-decoration:underline;}
@media(max-width:540px){#triebus-folio .ct-dates li{grid-template-columns:1fr;gap:.24em;}}