:root{--g:clamp(22px,4.8vw,95px);--brand:#e7b35a;--paper:#faf9f6;--ink:#111111;--line:currentColor;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:"Iowan Old Style",Baskerville,Georgia,"Times New Roman",serif;--step:100svh}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.45 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}a,button{color:inherit}a{text-decoration:none}button{border:0;background:none;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.defs{position:absolute;width:0;height:0;overflow:hidden}svg:not(.defs){height:1.1em;width:1.1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.mono{font:500 10px/1.4 var(--mono);letter-spacing:.135em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;background:white;color:#111;z-index:80;padding:10px}.skip:focus{top:15px}
.journey{position:relative}.immersive .journey{height:calc(100svh + var(--intervals,6) * var(--step))}.viewport{background:var(--paper);isolation:isolate;position:relative}.immersive .viewport{position:sticky;height:100svh;top:0;overflow:hidden}.mast,.rail{position:absolute;left:var(--g);right:var(--g);z-index:12;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.mast>* ,.rail>*{pointer-events:auto}.mast{top:0;height:clamp(66px,11svh,115px)}.logo img{display:block;width:clamp(94px,8.9vw,152px);height:auto;filter:brightness(0);opacity:.92}.viewport.light-ink .logo img{filter:brightness(0) invert(.97)}.menu{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;border:1px solid color-mix(in srgb,currentColor 55%,transparent);border-radius:30px;padding:9px 14px;backdrop-filter:blur(8px);background:color-mix(in srgb,currentColor 3%,transparent)}.menu:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.viewport.light-ink{color:#fff}
.sets{display:none}.immersive .sets{display:block;position:absolute;inset:0;overflow:hidden;z-index:-1}.plate,.paper,.scrim,.ribbon,.film{position:absolute;inset:0;width:100%;height:100%}.plate{object-fit:cover;will-change:transform;pointer-events:none}.opener{object-position:62% center;transform-origin:67% 80%}.closing{object-position:65% center;transform-origin:68% 45%;opacity:0}.paper{background:radial-gradient(ellipse at 35% 21%,#fff,#ecebe7 97%);opacity:0}.paper:after{content:"";position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.paper-note,.paper-code{position:absolute;right:var(--g);bottom:19%;writing-mode:vertical-rl;opacity:.52;color:#302b23;font-size:8px}.paper-code{left:var(--g);right:auto;top:16%;bottom:auto;writing-mode:horizontal-tb}.film{overflow:visible;opacity:0;pointer-events:none}.strip{display:flex;gap:var(--seam,18px);width:max-content;position:absolute;top:0;left:0;padding:var(--rim,28px) var(--seam);background:linear-gradient(165deg,#302013 0%,#171613 48%,#493019 100%);transform-origin:0 0;box-shadow:0 14px 24px #49331155;will-change:transform}.strip:before,.strip:after{content:"";position:absolute;left:0;right:0;height:calc(var(--rim)*.36);top:calc(var(--rim)*.17);background:radial-gradient(ellipse 44% 58% at 50% 50%,#e9dab9 62%,#bba67d 91%,transparent 100%) 0 0 / var(--pitch,29px) 100% repeat-x}.strip:after{top:auto;bottom:calc(var(--rim)*.17)}.cell{position:relative;width:var(--fw,550px);height:var(--fh,300px);flex:none}.cell img,.cell video{height:100%;width:100%;object-fit:cover;display:block}.cell video{position:absolute;inset:0}.cell:first-child img{object-position:70% center}.cell.table-frame img{object-position:67% center}.cell i{position:absolute;bottom:calc(-1 * var(--rim) + 1px);left:3%;font:600 clamp(6px,.51vw,10px)/1 var(--mono);letter-spacing:.12em;color:#f4b552;background:#2a2016;padding:0 5px}.scrim{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0d110ee0 0%,#1a120e7d 34%,transparent 65%),linear-gradient(0deg,#10130a88,transparent 24%,transparent 85%,#12160c45)}.ribbon{pointer-events:none}
.markers{position:absolute;left:0;top:0;pointer-events:none;width:1px}.marker{display:block;height:var(--step)}.marker:last-child{height:1px}
.chapter{position:relative;padding:50px var(--g);background:var(--paper);color:var(--ink)}.immersive .chapter{position:absolute;inset:0;padding:0;background:none;pointer-events:none;opacity:0;will-change:opacity}.immersive .chapter.current .story,.immersive .chapter.current .legend{pointer-events:auto}.chapter.talks,.chapter.mesele,.chapter.together{color:#fff}.story{position:relative}.immersive .story{position:absolute;left:var(--g);top:49%;width:min(55%,850px);transform:translate(0,-50%)}.eyeline{display:flex;align-items:center;gap:11px;font-size:clamp(9px,.73vw,12px);font-weight:650}.eyeline i{width:25px;height:1px;background:currentColor}.story h1,.story h2,.legend h2,.menutitle{font-family:var(--serif);font-weight:400;letter-spacing:-.062em;line-height:.91}.story h1{font-size:clamp(54px,min(7.9vw,13.6svh),155px);margin:.28em 0 .25em}.story h2{font-size:clamp(65px,min(9.1vw,15.7svh),172px);margin:.23em 0 .25em}.story em,.legend em,.menutitle em{font-weight:400;letter-spacing:-.065em}.story p,.legend p{font-size:clamp(14px,1.14vw,18px);line-height:1.5;max-width:34ch;font-weight:450;text-wrap:pretty}.doors{display:flex;gap:clamp(11px,1.5vw,28px);flex-wrap:wrap;margin-top:clamp(22px,4svh,45px)}.doors :is(a,button),.line-act{font-weight:580;display:inline-flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid color-mix(in srgb,currentColor 58%,transparent);font-size:clamp(12px,.97vw,15px)}.doors :is(a,button) svg,.line-act svg{transition:transform .2s}.doors :is(a,button):hover svg,.line-act:hover svg{transform:translate(3px,-1px)}.line-act{margin-top:20px}.credit{margin-top:16px;font:11px/1.4 var(--sans);opacity:.86}.credit a:hover{text-decoration:underline}
.legend{position:relative}.immersive .legend{position:absolute;left:53%;right:8%;bottom:13.4%}.legend h2{font-size:clamp(38px,min(5.1vw,8.1svh),94px);margin:8px 0 clamp(11px,1.8svh,20px);overflow-wrap:anywhere;text-wrap:balance}.legend .line-act{margin:0}
.rail{bottom:0;height:clamp(48px,9.4svh,91px);border-top:1px solid color-mix(in srgb,currentColor 34%,transparent);gap:16px}.scene-counter{display:flex;align-items:baseline;gap:7px;font:10px var(--mono);letter-spacing:.07em;min-width:170px}.scene-counter b{font-weight:650}.scene-counter small{opacity:.64;font-size:9px}.scene-counter span{margin-left:10px;font-family:var(--sans);font-size:12px;letter-spacing:0}.stops{display:flex;align-items:center;gap:3px}.stops a{height:30px;display:grid;align-items:center;width:clamp(17px,2.2vw,38px)}.stops i{display:block;height:2px;background:currentColor;opacity:.27}.stops a[aria-current=true] i{height:3px;opacity:.95}.stops a:hover i{opacity:.7}.advance{min-width:170px;display:flex;align-items:center;justify-content:end;gap:10px;font-size:12px;font-weight:550;padding:8px 0}.advance svg{width:23px;height:23px;padding:3px;border:1px solid color-mix(in srgb,currentColor 50%,transparent);border-radius:50%}
dialog{width:min(535px,calc(100% - 36px));max-height:82svh;overflow:auto;background:#fff;color:#111;border:0;border-radius:2px;padding:clamp(21px,3.7vw,48px);box-shadow:0 18px 90px #0005}dialog::backdrop{background:#07100dd1;backdrop-filter:blur(7px)}.dialogtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.x{font:25px/1 var(--sans);width:32px;height:32px;border:1px solid #918d80;border-radius:50%}.menutitle{font-size:54px;margin:12px 0 22px}.menu-links a{display:flex;align-items:center;justify-content:space-between;gap:13px;border-top:1px solid #b7b3a5;font-size:22px;letter-spacing:-.035em;padding:15px 0}.menu-links a small{font:10px var(--mono);letter-spacing:.08em;margin-right:2px}.menu-links a span{margin-left:auto}.menu-links a:hover{color:#73500f}.archives a{font-size:18px}.poster{width:100%;max-height:230px;object-fit:cover}.poster+h2{font:35px/1.1 var(--serif);letter-spacing:-.045em;margin:19px 0 8px}dialog p{line-height:1.55;font-size:15px}dialog strong{font:600 11px var(--mono);display:block;margin-top:20px}
@media(max-width:760px){:root{--g:20px;--step:94svh}.mast{height:67px}.menu{font-size:11px;padding:7px 10px}.logo img{width:93px}.opener{object-position:72% center}.closing{object-position:78% center}.immersive .story{width:calc(100% - 2 * var(--g));top:auto;bottom:13%;transform:none}.story h1,.story h2{font-size:clamp(51px,min(13.6vw,10svh),84px);margin:.16em 0 .2em}.story p{max-width:34ch;font-size:14px;line-height:1.44}.doors{gap:12px;margin-top:14px}.doors :is(a,button){gap:3px;font-size:11px;padding:5px 0}.eyeline{font-size:8.5px}.story .line-act{margin-top:11px}.credit{margin-top:8px;font-size:10px}.rail{height:52px;gap:10px}.stops{gap:2px}.stops a{width:13px}.scene-counter{min-width:0;gap:4px}.scene-counter span{display:none}.advance{min-width:0;font-size:10px;gap:6px}.advance svg{width:20px;height:20px}.paper-code{top:13%;font-size:7px}.paper-note{display:none}.immersive .legend{left:clamp(28px,19vw,114px);right:6%;bottom:14%}.legend h2{font-size:clamp(34px,9.6vw,59px);margin:9px 0 13px}.cell:first-child img{object-position:83% 50%}.cell.table-frame img{object-position:72% 40%}.scrim{background:linear-gradient(0deg,#07100df1 0%,#10120fd1 18%,#12120c78 43%,transparent 71%,#16181040)}}
@media(max-height:560px) and (min-aspect-ratio:1.25){.mast{height:48px}.mast img{width:76px}.rail{height:37px}.story h1,.story h2{font-size:12svh}.story p{font-size:12px}.doors,.story .line-act{margin-top:7px}.eyeline{font-size:8px}.hero-copy{bottom:auto}.legend h2{font-size:9svh}.legend p{font-size:11px}.legend .eyeline{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.cell video{display:none}}
.immersive .viewport{background:#f1f0ed}.cell video:not([src]),.cell video[hidden]{display:none}
@media(max-width:760px) and (orientation:portrait){
.opener{height:68%;object-position:75% 44%;mask-image:linear-gradient(#000 78%,transparent 100%);transform-origin:72% 78%}
.closing{object-position:74% 38%}
}
.immersive .viewport,.immersive .sets{overflow:clip}
@media (min-width:761px) and (max-aspect-ratio:1.25){
.opener{object-position:39% center}
.immersive .hero-copy{top:45%}
}
.advance i{width:25px;height:25px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 55%,transparent);border-radius:50%;font:12px/1 var(--sans)}

.cell video{opacity:0;transition:opacity .28s ease}.cell video.playing{opacity:1}
@media(min-width:761px) and (max-width:1010px){.immersive .hero-copy{width:65%}.doors{column-gap:13px}}
html:not(.immersive) .chapter{color:#111}html:not(.immersive) .mast,html:not(.immersive) .rail{position:relative;padding:12px 0}html:not(.immersive) .rail,html:not(.immersive) .menu{display:none}
.series-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px clamp(14px,1.6vw,25px)}.library-link{font:12px/1.4 var(--sans);text-decoration:underline;text-underline-offset:3px}
@media(max-height:560px) and (min-aspect-ratio:1.25){.immersive .legend{left:53%;right:6%;bottom:12%}.legend h2{font-size:min(4.7vw,8svh);margin:4px 0 7px}}

/* The brand frame stays fixed as the photographic scenes change. */
.mast{left:0;right:0;padding:0 var(--g);height:clamp(52px,8svh,78px);background:#111;color:white}
.mast .logo img,.viewport.light-ink .logo img{filter:brightness(0) invert(1);opacity:1}
.menu,.menu:hover{color:#111;background:var(--brand);border-color:var(--brand)}
/* Keep the original stage frame wide and let its edges meet the dark room. */
.opener{
  overflow:hidden;height:100%;mask-image:none;
  background:radial-gradient(ellipse at 66% 62%,#352e28,#292624 58%,#212020);
}
.opening-photo{
  position:absolute;right:-8%;top:50%;width:72%;height:auto;max-height:86%;
  transform:translateY(-50%);object-fit:cover;object-position:center 58%;filter:contrast(.95) brightness(1.05);
  mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(180deg,transparent,#000 10%,#000 95%,transparent);
  mask-composite:intersect;
}
.immersive .cover{color:#faf8f3}
@media(max-width:760px) and (orientation:portrait){
  .opening-photo{
    right:0;top:9%;width:100%;height:min(45svh,87vw);max-height:none;transform:none;
    object-position:43% center;
    mask-image:linear-gradient(180deg,transparent,#000 8%,#000 95%,transparent);
  }
}
.doors :is(a,button),.chapter .line-act{background:var(--brand);border:1px solid transparent;color:#111;border-radius:3px;padding:8px 12px}
.doors :is(a,button):hover,.chapter .line-act:hover,.menu:hover{background:#f4c679}
.eyeline i,.stops a[aria-current=true] i{background:var(--brand)}
@media(max-width:760px){.doors{gap:6px}.doors :is(a,button){font-size:11px;padding:7px 8px}.mast{height:53px}}
@media(max-height:560px) and (min-aspect-ratio:1.25){.mast{height:41px}.doors :is(a,button),.chapter .line-act{padding:3px 6px}}

.program-mark {
    display: block;
    width: min(100%, 34vw, 435px);
    height: auto;
    object-fit: contain;
    object-position: left center;
}
.program-mark.mark-mesele {
    width: min(100%, 26vw, 336px);
}
.story h2.program-heading {
    margin: clamp(12px, 2.2svh, 24px) 0 clamp(14px, 2.8svh, 30px);
}
.story .program-line {
    margin: 0 0 .4em;
    font: italic 400 clamp(22px, 2.3vw, 36px)/1.12 var(--serif);
    letter-spacing: -.035em;
}
.folio-hero .mark-mesele {
    filter: brightness(0) opacity(.83);
}
@media (max-width: 760px) {
    .program-mark { width: min(100%, 70vw, 335px); }
    .program-mark.mark-mesele { width: min(100%, 54vw, 255px); }
}
@media (max-height: 500px) and (orientation: landscape) {
    .chapter .program-mark { width: min(40vw, 65svh); }
    .chapter .mark-mesele { width: min(33vw, 40svh); }
    .story h2.program-heading { margin-block: 8px; }
}

.brand-name { text-transform:none; }
.dialogtop .menutitle { margin:0; font-size:clamp(40px,6vw,54px); }
.event-choices { display:grid; gap:10px; }
.event-choice { display:flex; align-items:center; gap:18px; justify-content:space-between; min-height:88px; padding:18px 20px; color:#292725; background:#f6f4ef; border:1px solid #dedbd4; border-radius:3px; }
.event-choice:hover, .event-choice:focus-visible { border-color:#a88744; background:#fbf5e7; }
.event-choice img { display:block; width:auto; max-width:min(72%,220px); height:44px; object-fit:contain; object-position:left center; }
.event-choice .mesele-ink { filter:brightness(0) opacity(.84); }
.event-choice>span:last-child { font:22px/1 var(--sans); }
body:has(dialog[open]) { overflow:hidden; }
@media (max-width:760px) { .viewport:has(.cover.current) .scene-counter span { display:inline; margin-left:3px; } }

.chapter.club { color: #faf8f3; }
.story .club-name, .club-copy .club-name {
    font: 600 clamp(70px, min(9vw, 15svh), 155px)/.96 var(--sans);
    letter-spacing: -.075em;
}
.club-name em { font-family: var(--serif); font-weight: 400; letter-spacing: -.065em; color: #edc780; }
.cell.club-frame img { object-position: 74% center; }
@media (max-width: 760px) {
    .cell.club-frame img { object-position: 74% center; }
    .immersive .club .story { width: fit-content; max-width: calc(100% - 2 * var(--g)); }
    .immersive .club .story::before {
        content: ""; position: absolute; z-index: -1; inset: -25% -45%;
        background: radial-gradient(ellipse, #24211e 12%, transparent 71%); pointer-events: none;
    }
}
@media (max-width: 760px) and (orientation: portrait) {
    .cell.club-frame { background: #22201e; }
    .cell.club-frame img { height: 66%; object-position: 76% 47%; mask-image: linear-gradient(#000 78%, transparent); }
}

p.tp-headline {
    color: #fcfaf5;
    font: 400 clamp(72px, min(8.1vw, 14svh), 158px)/.86 var(--serif);
    letter-spacing: -.065em;
    margin: clamp(20px, 3.5svh, 42px) 0 clamp(15px, 2.6svh, 30px);
}
.tp-headline em { color: #efc878; font-weight: inherit; }
@media (max-width: 760px) {
    p.tp-headline { font-size: clamp(64px, 16vw, 104px); margin: 15px 0; }
}
html:not(.immersive) .chapter.talks { background: #201c18; }

/* Keep scene navigation usable as the series catalogue grows. */
.stops{min-width:0;overflow-x:auto;scrollbar-width:none}
.stops::-webkit-scrollbar{display:none}
.stops a,.rail .advance{flex-shrink:0}

.cell .yt-preview{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .28s ease}
.cell .yt-preview.playing{opacity:1}
.cell .yt-preview iframe{width:100%;height:100%;display:block;border:0}

.chapter.webinar { color:#faf6ee }
.program-mark.mark-on { width:min(29vw,360px) }
.cell.on-frame { background:#22211f }
.cell.on-frame img { object-position:70% center }
html:not(.immersive) .chapter.webinar { background:#24231f }
@media(max-width:760px){
  .program-mark.mark-on {width:min(54vw,230px)}
  .cell.on-frame img {object-position:76% 50%}
}
@media(max-width:760px) and (orientation:portrait){
  .cell.on-frame img {height:65%;mask-image:linear-gradient(#000 78%,transparent)}
}

.program-mark.mark-club { width: min(100%, 38vw, 490px); }
.contact-intro p + p { margin-top: 18px; }
.contact-intro .contact-note { font-size: 13px; opacity: .8; }
@media(max-width:760px) { .program-mark.mark-club { width: min(88vw, 330px); } }