:root { color-scheme: light; --ink:#17201d; --muted:#52605a; --paper:#f5f0e7; --white:#fffdf8; --accent:#bf593c; --line:#d8d0c4; font-family:Georgia,"Times New Roman",serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); line-height:1.55; }
img,video { display:block; width:100%; height:auto; } figure { margin:0; }
.hero { min-height:78vh; display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr); gap:clamp(2rem,7vw,7rem); align-items:center; max-width:1240px; margin:auto; padding:clamp(2rem,6vw,6rem); }
.hero-copy { max-width:540px; }.eyebrow,.date { color:var(--accent); font:700 .78rem/1.4 system-ui,sans-serif; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:.5rem 0 1.1rem; font-size:clamp(4.8rem,10vw,9.5rem); line-height:.78; letter-spacing:-.065em; } h1 em,h2 em { color:var(--accent); font-weight:400; }
.intro { max-width:32rem; font-size:clamp(1.2rem,2vw,1.55rem); }.context { max-width:34rem; color:var(--muted); font:.92rem/1.6 system-ui,sans-serif; }
.hero-photo { background:var(--white); padding:.8rem; box-shadow:0 16px 48px #2b2b2418; }.hero-photo img { max-height:70vh; object-fit:contain; background:#e9e2d8; }
figcaption { padding:.8rem .3rem .2rem; color:var(--muted); font:.84rem/1.5 system-ui,sans-serif; } main { border-top:1px solid var(--line); }
.timeline,.recordings { max-width:1100px; margin:auto; padding:clamp(3rem,8vw,7rem) clamp(1.2rem,6vw,4rem); }.section-heading { max-width:690px; margin:0 0 4rem; }
.section-heading h2 { margin:.4rem 0 1rem; font-size:clamp(3rem,7vw,6.5rem); line-height:.95; letter-spacing:-.05em; }.section-heading>p:last-child { max-width:38rem; color:var(--muted); font-size:1.1rem; }
.entry { display:grid; grid-template-columns:.7fr 1.2fr 1fr; gap:clamp(1.1rem,3vw,3rem); align-items:center; padding:2.5rem 0; border-top:1px solid var(--line); }.entry.reverse figure { order:2; }.entry.reverse>div { order:3; }.entry.reverse .date { order:1; }
.entry img { max-height:540px; object-fit:contain; background:#e9e2d8; }.entry h3 { margin:.3rem 0 .6rem; font-size:clamp(1.5rem,2.5vw,2.3rem); line-height:1.05; }.entry>div p { color:var(--muted); }
.recordings { max-width:none; background:#e8e0d4; }.recordings .section-heading,.video-grid { max-width:1100px; margin-left:auto; margin-right:auto; }.video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.2rem,4vw,3rem); }
.video-grid figure { background:var(--white); padding:.8rem; }.video-grid video { background:#111; aspect-ratio:auto; max-height:80vh; object-fit:contain; }.video-grid figcaption { display:grid; gap:.3rem; }.video-grid figcaption strong { color:var(--ink); }
.editor-note { max-width:900px; margin:4rem auto; padding:1.5rem 2rem; border-left:4px solid var(--accent); background:var(--white); }.editor-note p:last-child { margin-bottom:0; }
footer { padding:2rem 1.25rem; background:#17201d; color:#e8e0d4; text-align:center; font:.85rem/1.6 system-ui,sans-serif; } footer p { max-width:680px; margin:auto; }
body:has(.julie-page) .site-header { background:#f5f0e7; color:#17201d; }.julie-page { min-height:70vh; }.julie-page .context { margin-top:1.5rem; }.julie-page video { max-height:80vh; }
@media(max-width:760px) { .hero { min-height:0; grid-template-columns:1fr; padding:2rem 1.1rem 3rem; }.hero-photo img { max-height:62vh; }.entry { grid-template-columns:1fr; gap:.6rem; }.entry.reverse figure,.entry.reverse>div,.entry.reverse .date { order:initial; }.entry figure { max-width:620px; }.video-grid { grid-template-columns:1fr; }.video-grid figure { max-width:520px; margin:auto; }.editor-note { margin:2rem 1.1rem; } }
@media(prefers-reduced-motion:reduce) { .julie-page *,.julie-page *::before,.julie-page *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }