*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font:1rem/1.65 var(--font-body)}a{color:inherit;text-underline-offset:.3em;transition:color var(--motion-duration-short) var(--motion-easing-standard)}a:hover{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}.skip{position:absolute;top:0;left:0;transform:translateY(-200%);padding:1rem;background:var(--color-background);z-index:10}.skip:focus{transform:none}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.045em;line-height:1.05}em{font-weight:400}.mast{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1280px;margin:auto;padding:2rem 3vw}.brand{font-size:1.2rem;letter-spacing:.18em;text-decoration:none;line-height:1.2}.brand span{display:block;letter-spacing:.1em;font-size:.6rem;color:var(--color-muted);margin-top:.45rem}.mast nav{display:flex;gap:2rem;font-size:.75rem}.return{font-size:.75rem}.hero{max-width:1160px;height:620px;margin:0 auto;position:relative;background:var(--color-surface);overflow:hidden}.hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.65);opacity:.78}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,var(--color-background) 100%);pointer-events:none}.hero-copy{position:absolute;z-index:1;left:5%;bottom:7%}.eyebrow{font-size:.65rem;letter-spacing:.16em;font-weight:700;color:var(--color-muted)}.hero h1{font-size:clamp(3.5rem,6.2vw,6.4rem);margin:1.2rem 0 1.7rem}.hero-copy a{font-size:.75rem}.frame-label{position:absolute;z-index:1;right:3%;top:5%;font-size:.65rem;letter-spacing:.1em;padding:.4rem .6rem;background:var(--color-background)}.hero-credit{max-width:1160px;margin:.8rem auto 0;font-size:.65rem;color:var(--color-muted)}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:2rem 5rem;max-width:1040px;margin:5rem auto;padding:0 2rem}.introduction>.eyebrow{grid-column:1/-1}.introduction h2{font-size:clamp(2.5rem,4vw,4rem)}.introduction>div{font-size:.95rem;color:var(--color-muted)}.introduction>div p+p{margin-top:1.2rem}.selected{max-width:1040px;margin:0 auto 5rem;display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;padding:0 2rem;align-items:center}.selected img{display:block;width:100%;height:330px;object-fit:cover;filter:saturate(.7)}figcaption{font-size:.65rem;color:var(--color-muted);margin-top:.75rem}.selected h2{font-size:clamp(2.4rem,3.5vw,3.5rem);margin:1.3rem 0}.selected div>p:not(.eyebrow){font-size:.95rem;color:var(--color-muted);max-width:35ch}.selected a{display:inline-block;margin-top:1.5rem;font-size:.75rem}.closing{border-top:1px solid var(--color-border);max-width:1040px;margin:auto;padding:3rem 2rem 4rem;display:grid;grid-template-columns:1fr 2fr;gap:2rem}.closing>p:nth-child(2){font-family:var(--font-display);font-size:1.8rem;line-height:1.5}.closing a{grid-column:2;font-size:.75rem}footer{border-top:1px solid var(--color-border);padding:1.5rem 3vw;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.6rem;color:var(--color-muted)}.notebook{max-width:900px;margin:auto;padding:0 2rem}.notebook-title{text-align:center;padding:4rem 0 5rem}.notebook-title h1{font-size:clamp(3rem,5.8vw,5.8rem);margin:1.5rem 0}.notebook-title>p:not(.eyebrow){max-width:46ch;margin:auto;font-size:.95rem;color:var(--color-muted)}.notebook-title nav{display:flex;justify-content:center;gap:2rem;margin-top:2rem;font-size:.7rem}.scene{max-width:760px;margin:0 auto 4rem;border-top:1px solid var(--color-border);padding-top:1rem}.scene-number{font-size:.7rem;letter-spacing:.1em;margin-bottom:1rem;color:var(--color-accent)}.scene img{display:block;width:100%;height:360px;object-fit:cover;filter:saturate(.65)}.scene-copy{max-width:520px;margin:2.5rem auto 0}.scene-copy h2{font-size:3.2rem;margin:1.2rem 0}.scene-copy>p:not(.eyebrow){color:var(--color-muted);font-size:.95rem;margin-bottom:1.2rem}.end-note{max-width:760px;margin:0 auto 4rem;border-top:1px solid var(--color-border);padding-top:2.5rem}.end-note h2{font-size:3.3rem;margin:1.5rem 0}.end-note>p:not(.eyebrow){max-width:53ch;color:var(--color-muted);font-size:.9rem}.end-note details{margin:2rem 0;font-size:.8rem;max-width:60ch}.end-note summary{cursor:pointer}.end-note details p{margin:1rem 0}.end-note>a{font-size:.8rem}@media(max-width:1200px){.hero{margin:0 3vw}.hero-credit{margin:.8rem 3vw 0}.hero{height:580px}.selected{gap:2rem}}@media(max-width:700px){.mast{padding:1.5rem 6vw;display:block}.mast nav{gap:1rem;margin-top:1.2rem;flex-wrap:wrap;font-size:.7rem}.brand{font-size:1.1rem}.return{display:inline-block;margin-top:1rem}.hero{height:540px;margin:0 6vw}.hero>img{object-position:48% center}.hero-copy{left:7%;right:5%;bottom:7%}.hero h1{font-size:3.25rem;line-height:1.04}.hero-credit{margin:.8rem 6vw 0;font-size:.6rem}.frame-label{top:3%;right:5%;font-size:.58rem}.introduction{display:block;margin:3.5rem 0;padding:0 6vw}.introduction h2{font-size:2.7rem;margin:1.5rem 0}.selected{display:block;padding:0 6vw;margin-bottom:3.5rem}.selected img{height:250px}.selected>div{margin-top:2rem}.selected h2{font-size:2.8rem}.closing{display:block;padding:2rem 6vw 3rem}.closing>p:nth-child(2){font-size:1.5rem;margin:1.5rem 0}.notebook{padding:0 6vw}.notebook-title{padding:2.5rem 0 3rem}.notebook-title h1{font-size:3.3rem}.notebook-title nav{gap:1rem;font-size:.65rem}.scene img{height:330px}.scene-copy{margin-top:2rem}.scene-copy h2{font-size:2.8rem}.end-note h2{font-size:2.8rem}footer{padding:1.5rem 6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* P87: heading accents keep their colour but stay upright (no decorative italic). */
h1 em, h2 em { font-style: normal; }