:root{color-scheme:dark;--bg:#101c30;--deep:#0a111d;--text:#e0e4eb;--muted:#b8c5ca;--line:#45606e;--accent:#adb9e8;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:hover,a:hover{color:var(--accent)}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(3.5rem,7vw,7.5rem);margin-bottom:0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}h2{font-size:clamp(2.2rem,4.1vw,4.3rem);margin-bottom:24px}p{margin-bottom:22px}.wrap{width:min(1280px,88%);margin-inline:auto}.eyebrow{font-family:var(--mono);font-size:.82rem;letter-spacing:.13em;color:var(--accent);margin-bottom:22px}.draft-bar{display:flex;justify-content:space-between;padding:7px 6%;font:12px/1.4 var(--mono);letter-spacing:.08em;color:#b6c4c9;background:#071116}.hero{position:relative;height:clamp(330px,42vw,560px);background:#0a1116;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.54),transparent 35%,transparent 65%,rgba(0,0,0,.6));pointer-events:none}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 54%}.nav{position:absolute;z-index:2;top:0;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid #ffffff38}.brand{font-size:1.65rem;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand-dot{color:var(--accent)}.nav-links{display:flex;gap:30px;font-size:15px}.hero-caption{position:absolute;z-index:2;bottom:20px;left:6%;right:6%;display:flex;justify-content:space-between;font:14px/1.5 var(--mono)}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding-block:65px 78px;align-items:end;border-bottom:1px solid var(--line)}.intro-copy{max-width:380px;padding-bottom:4px;font-size:19px;color:#c5cedd}.text-link{display:inline-block;color:var(--accent);border-bottom:1px solid var(--accent);padding:4px 0;font-size:16px}.section{padding-block:90px;scroll-margin-top:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:16px;max-width:260px;margin:0}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.film{display:block;text-align:left;background:transparent;padding:0;width:100%}.film-image{position:relative;background:#050c10;overflow:hidden;aspect-ratio:16/9}.film-image>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.film:hover .film-image>img{transform:scale(1.025)}.play{position:absolute;left:20px;bottom:20px;background:#101c30e8;border:1px solid #ffffff6b;padding:5px 15px;font-size:14px;color:#fff}.duration{position:absolute;right:16px;bottom:22px;font:13px var(--mono);padding:4px 6px;background:#0009;color:#fff}.film-copy{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-top:16px}.film-copy h3{font-size:1.6rem;margin-bottom:6px;letter-spacing:-.035em}.meta{font-family:var(--mono);color:var(--muted);font-size:13px;margin:0;letter-spacing:.025em}.film-copy .meta{padding-top:3px;text-align:right}.music-section{background:#080f11;border-block:1px solid var(--line)}.music-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.music-art{max-width:400px;justify-self:center;padding:18px;border:1px solid #69758b;box-shadow:22px 22px 0 #14243b}.music-art img{width:100%;aspect-ratio:1;object-fit:contain}.music-section .eyebrow{color:#b5c0d7}.music-section h2{font-size:clamp(3rem,6vw,6rem);margin-bottom:12px}.music-subtitle{font-family:Georgia,serif;font-style:italic;font-size:28px;color:#aebbd0}.button{display:inline-block;border:1px solid var(--text);padding:10px 24px;font-size:15px;margin-top:25px}.photo-tabs{display:flex;gap:22px;flex-wrap:wrap}.photo-tabs button{background:transparent;padding:8px 0;font-size:15px;border-bottom:1px solid transparent;color:var(--muted)}.photo-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo{background:var(--deep);padding:0;overflow:hidden;aspect-ratio:1}.photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.photo:hover img{transform:scale(1.03)}.words-section{background:var(--deep);position:relative;overflow:hidden}.words-section:before{content:'';position:absolute;inset:0 0 0 55%;background:linear-gradient(90deg,var(--deep),#0a111db0),url('assets/bw-0.jpg') center/cover;opacity:.3;pointer-events:none}.words-section>.wrap{position:relative}.writing-list{border-top:1px solid var(--line)}.writing-item{display:flex;width:100%;justify-content:space-between;align-items:center;background:transparent;text-align:left;border-bottom:1px solid var(--line);padding:22px 0;gap:24px}.writing-item h3{font-family:Georgia,serif;letter-spacing:0;font-size:28px;margin:0}.writing-item span{font:14px var(--mono);color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.35fr;gap:12%;align-items:center}.about>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:55%}.about p:not(.eyebrow){color:#c5cedd;max-width:530px}footer{border-top:1px solid var(--line);padding-block:32px;display:flex;gap:25px;align-items:center;justify-content:space-between}footer p{font-size:13px;color:var(--muted);margin:0}footer>a:last-child{font-size:14px}dialog{width:min(1120px,94vw);max-height:92dvh;background:#09171e;color:var(--text);border:1px solid #5a7685;padding:25px}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:20px}.dialog-head h2{font-size:2rem;letter-spacing:-.03em;margin:0}.dialog-head .eyebrow{margin-bottom:8px}.close{padding:8px 12px;border:1px solid var(--line);background:transparent;font-size:14px;white-space:nowrap}.close span{font-size:22px;margin-left:10px}#media-body video{width:100%;max-height:68dvh;background:black;display:block}#media-body>img{max-height:72dvh;margin-inline:auto;object-fit:contain}.reader{max-width:700px;margin:40px auto;font:20px/1.85 Georgia,serif;white-space:pre-line}.reader p{margin:0 0 1.4em}.skip{position:fixed;top:-100px;left:16px;background:var(--accent);color:#000;z-index:10;padding:10px}.skip:focus{top:10px}.extra-cuts{margin-top:36px;border-top:1px solid var(--line)}.extra-cuts summary{cursor:pointer;padding:18px 0;font-size:16px;color:var(--accent)}.cut-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.cut-row{background:transparent;border-bottom:1px solid var(--line);padding:14px 0;text-align:left;display:flex;justify-content:space-between;gap:20px;font-size:16px}.cut-row span{font:13px var(--mono);color:var(--muted);white-space:nowrap}
@media(max-width:760px){.hero{height:370px}.nav{align-items:start;flex-direction:column;padding-top:20px;gap:12px}.nav-links{gap:12px 20px;flex-wrap:wrap;line-height:1.5;font-size:14px}.hero-caption{font-size:12px;gap:24px}.hero-caption>span:last-child{max-width:160px;text-align:right}.hero-image{object-position:49% center}.wrap{width:88%}.intro{grid-template-columns:1fr;gap:28px;padding-block:45px}.intro-copy{font-size:17px;max-width:100%}.section{padding-block:58px}.section-heading{align-items:start;flex-direction:column;gap:23px}.section-heading>p{max-width:none}.film-grid{grid-template-columns:1fr;gap:30px}.film-copy h3{font-size:1.4rem}.film-copy .meta{font-size:12px}.music-layout{grid-template-columns:1fr;gap:45px}.music-art{max-width:290px;width:82%}.photo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.writing-item{gap:15px}.writing-item h3{font-size:24px}.writing-item span{font-size:12px;text-align:right}.about{grid-template-columns:1fr;gap:34px}.about>img{max-width:310px;aspect-ratio:1}.about h2{font-size:3.2rem}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%}.cut-list{grid-template-columns:1fr}dialog{padding:17px}.dialog-head h2{font-size:1.5rem}.reader{font-size:18px}.draft-bar{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
