
    :root{--ink:#293737;--muted:#687675;--accent:#ae6050;--line:#dce1df;--header:76px;--pad:clamp(20px,3vw,56px);font-family:Avenir,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:white}
    *{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}img{display:block;max-width:100%}
    header{height:var(--header);padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid var(--line)}header img{width:119px;height:49px;object-fit:contain}a.back{display:flex;align-items:center;gap:12px;font-size:15px}.arrow{font-size:24px;line-height:1;font-weight:400;display:inline-block;transition:transform .18s}a:hover .arrow{transform:translateX(-3px)}
    .intro{padding:48px var(--pad) 44px;display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,6vw,110px)}.identity{display:flex;align-items:center;gap:14px;color:var(--accent);font-size:14px;margin-bottom:20px}.identity img{height:32px;width:36px;object-fit:contain}.identity span+span{border-left:1px solid var(--line);padding-left:14px}h1{font-size:clamp(32px,3.7vw,62px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0;max-width:800px}.intro-copy{padding-top:4px}.intro-copy p{font-size:clamp(17px,1.25vw,21px);line-height:1.6;margin:0 0 28px;max-width:620px}.facts{display:flex;flex-wrap:wrap;gap:16px 32px;font-size:14px;color:var(--muted)}.facts .fact{display:block}.lead-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px 32px;flex:1 0 100%}.facts b{font-weight:400;color:var(--ink);display:block;margin-top:5px}
    .journal{position:relative}.journal-stage{background:white}.motion .journal-stage{position:sticky;top:var(--header)}.journal-top,.journal-bottom{padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;height:48px}.journal-top{border-top:1px solid var(--line)}.journal-top p{margin:0}.journal-top a{color:var(--muted);border-bottom:1px solid transparent}.journal-top a:hover{border-color:currentColor}.journal-window{width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.motion .journal-window{overflow:hidden}.strip{display:flex;width:max-content;align-items:stretch;transform:translate3d(0,0,0)}.motion .strip{will-change:transform}.strip img{flex:none;height:calc(100svh - var(--header) - 90px);width:auto;max-width:none;user-select:none;pointer-events:none}.journal-bottom{height:40px;font-variant-numeric:tabular-nums}.journal-bottom p{margin:0;color:var(--muted)}.controls{display:flex;align-items:center;gap:22px}.controls button{border:0;background:none;padding:7px 2px;font-size:23px;min-width:36px}.controls button:disabled{opacity:.25;cursor:default}.progress{height:2px;background:var(--line)}.progress span{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
    .story{padding:76px var(--pad) 64px;scroll-margin-top:calc(var(--header) + 20px)}.story-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);gap:clamp(40px,9vw,160px);max-width:1300px;margin:auto}.story h2{font-weight:400;font-size:28px;letter-spacing:-.025em;margin:0 0 28px}.story-copy p{font-size:18px;line-height:1.75;margin:0 0 24px;max-width:760px}.details{font-size:15px;line-height:1.55}.details dl{margin:26px 0 0}.details dt{font-size:14px;color:var(--muted);margin:24px 0 6px}.details dd{margin:0}.details img{width:100%;height:auto}.caption{font-size:13px;color:var(--muted);margin-top:10px}footer{margin:0 var(--pad);padding:26px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:16px}footer a{max-width:43%;line-height:1.5}footer small{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}footer a:last-child{text-align:right}
    @media(min-width:1600px){.intro{padding-top:60px;padding-bottom:56px}}
    @media(max-width:700px){:root{--header:66px}.intro{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:28px}.identity{font-size:13px;gap:10px;margin-bottom:14px}.identity img{width:28px;height:28px}.identity span+span{padding-left:10px}header img{width:100px;height:42px}.intro-copy p{margin-bottom:18px}.journal-top{font-size:13px}.journal-bottom{font-size:12px}.controls{gap:12px}.strip img{height:min(calc(100svh - var(--header) - 90px),115vw)}.story{padding-top:44px}.story-grid{grid-template-columns:1fr;gap:28px}.story-copy p{font-size:17px}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.details dl{margin:0}.details dt:first-child{margin-top:0}footer{font-size:14px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.strip{will-change:auto}}
  
footer{padding-right:64px;align-items:center}footer img{width:144px;height:108px;object-fit:contain;margin:12px 0 12px auto}footer a span{transition:color .18s}footer a:hover span{color:var(--accent)}
.identity{flex-wrap:wrap}.story-copy{overflow-wrap:break-word}.intro h1{line-height:1.16}.journal-window:focus-visible{outline-offset:-3px}
/* Editorial hierarchy with readable supporting information. */
.intro { align-items:center; column-gap:clamp(32px,5vw,88px); padding-block:clamp(36px,5vw,72px); }
.identity,.facts,.details,.details dt,.caption,footer small,.journal-top,.journal-bottom,a.back { font-size:1rem; line-height:1.5; }
.intro-copy p { font-size:clamp(18px,1.4vw,22px); line-height:1.6; }
.core-focus-label { display:block; margin-bottom:8px; color:var(--accent); font-size:14px; line-height:1.4; letter-spacing:.035em; text-transform:uppercase; }
.facts { padding-top:20px; border-top:1px solid var(--line); gap:20px 32px; }
.facts b { line-height:1.5; }
.workshop-sections { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:30px; font-size:1rem; }
.workshop-sections a { display:inline-flex; align-items:center; min-height:44px; border-bottom:1px solid var(--accent); color:var(--accent); transition:color 180ms,transform 180ms; }
.workshop-sections a:hover { transform:translateY(-2px); color:var(--ink); }
.journal { scroll-margin-top:var(--header); }
.journal-seek { display:flex; align-items:center; gap:18px; height:36px; padding:0 var(--pad); color:var(--muted); font-size:1rem; }
.journal-seek input { width:100%; min-width:0; height:30px; margin:0; accent-color:var(--accent); cursor:ew-resize; }
.journal-seek input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.journal-bottom { height:48px; }
.journal-window { cursor:grab; }
.journal-window.is-dragging { cursor:grabbing; user-select:none; }
.strip img { height:calc(100svh - var(--header) - 134px); }
.controls button { min-width:44px; min-height:44px; transition:color 180ms,transform 180ms; }
.controls button:not(:disabled):hover { color:var(--accent); transform:translateX(2px); }
.story-grid { grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr); gap:clamp(36px,7vw,110px); align-items:start; }
.story h2 { font-size:clamp(28px,2.5vw,38px); }
.story-copy p { font-size:clamp(18px,1.35vw,21px); line-height:1.75; max-width:64ch; }
.details { position:sticky; top:calc(var(--header) + 24px); }
.details dt { border-top:1px solid var(--line); padding-top:18px; margin-top:18px; color:var(--accent); }
.details dd { line-height:1.65; }
footer { padding-top:32px; padding-bottom:48px; font-size:clamp(18px,1.6vw,24px); }
footer a { min-height:64px; }
.reveal-section.is-revealed { animation:editorial-reveal 500ms ease both; }
@keyframes editorial-reveal { from { opacity:.45; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:700px){.details{display:block}.details dl{margin-top:24px}.journal-top{gap:8px}.journal-top p{font-size:12px}footer{padding-right:0;padding-bottom:92px}footer img{width:112px;height:84px}.identity{gap:8px}.intro-copy p{font-size:17px}}
@media(max-width:700px){
 .intro { padding-block:30px; }.identity,.facts,.details,.details dt,.caption,footer small,.journal-top,.journal-top p,.journal-bottom,a.back { font-size:16px; }
 .intro-copy p,.story-copy p { font-size:18px; }.workshop-sections { margin-top:22px; gap:8px 20px; }
 .story-grid { grid-template-columns:1fr; gap:36px; }.details { position:static; }.journal-top { height:54px; }
 .journal-bottom { height:54px; }.journal-bottom #hint { max-width:45%; }.controls { gap:6px; }
 .strip img { height:min(calc(100svh - var(--header) - 146px),115vw); }
 footer { font-size:18px; gap:20px; }
}
@media(prefers-reduced-motion:reduce){.reveal-section.is-revealed{animation:none}}
