:root{--bg:#101a21;--surface:#17242d;--line:#33434e;--ink:#f4eee4;--muted:#acbac3;--accent:#e4b788;--page:1120px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.65}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,summary{cursor:pointer}button{color:inherit}a{color:var(--accent)}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:disabled{opacity:.28;cursor:default}button{touch-action:manipulation}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:var(--ink);color:var(--bg);padding:10px 16px}.skip-link:focus{top:16px}.page-shell{max-width:var(--page);margin:auto;padding:0 40px}.page-header{padding:54px 0 38px;display:flex;gap:32px;justify-content:space-between;align-items:flex-end}.eyebrow,.project-index{font-size:.875rem;letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px}.eyebrow{color:var(--muted)}.eyebrow span{margin:0 9px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.16;margin-bottom:0;letter-spacing:-.035em}.header-note{font-size:.875rem;line-height:1.7;margin:0;color:var(--muted);text-align:right;flex-shrink:0}.header-note span{color:#81949f}.project{margin-bottom:20px;border:1px solid var(--line);border-radius:4px;overflow:clip;background:var(--surface)}.project[open]{border-color:#796b58}.project>summary{list-style:none;display:grid;grid-template-columns:1fr 34%;align-items:stretch;min-height:240px;position:relative}.project>summary::-webkit-details-marker{display:none}.project-heading{padding:30px 38px 26px;position:relative}.project-index{color:var(--accent);margin-bottom:9px}.project h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.14;font-weight:400;letter-spacing:-.025em;margin-bottom:12px}.project-meta{font-size:1rem;line-height:1.6;color:var(--muted);margin-bottom:18px}.project-meta span[aria-hidden]{margin:0 7px}.project-meta strong{font-weight:500;color:var(--ink)}.project-action{display:inline-flex;align-items:center;gap:16px;font-size:.9375rem;color:var(--ink)}.toggle-sign{width:18px;height:18px;position:relative;display:inline-block}.toggle-sign:before,.toggle-sign:after{content:"";position:absolute;width:14px;height:1px;background:var(--accent);top:8px;left:2px;transition:transform .2s}.toggle-sign:after{transform:rotate(90deg)}[open]>summary .toggle-sign:after{transform:rotate(0)}.when-open,[open]>summary .when-closed{display:none}[open]>summary .when-open{display:inline}.project-cover{position:relative;overflow:hidden;background:#413127;min-height:240px}.project-cover img{position:absolute;width:200%;height:300%;max-width:none;left:-100%;top:-200%;object-fit:fill}.project-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,36,45,.2),transparent 45%)}.project>summary:hover .project-action{color:var(--accent)}.pending-cover{display:flex;align-items:center;justify-content:center;background:#142a30;border-left:1px solid #33454a;min-height:220px}.pending-cover span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:400;line-height:1.1;letter-spacing:.12em;color:#8fa8aa}.earth-project .project-index{color:#a1bec0}.earth-project .project-action .toggle-sign:before,.earth-project .project-action .toggle-sign:after{background:#a1bec0}.project-body{border-top:1px solid var(--line);padding:44px 38px 28px;background:#131f27}.project-intro{max-width:760px;color:var(--muted);margin:0 0 40px 150px;font-size:1rem}.project-intro p{margin:0}.essay-section{display:grid;grid-template-columns:120px minmax(0,1fr);gap:30px;margin-bottom:40px}.essay-section h3{font-size:.9375rem;font-weight:500;color:var(--accent);padding-top:7px;line-height:1.6;margin:0}.essay-section>div{max-width:760px;color:#d1d9db;font-size:1.0625rem;line-height:1.8}.essay-section p{margin:0 0 18px}.essay-section p:last-child{margin-bottom:0}.essay-section .logline{font-size:1.5rem;line-height:1.55;font-family:Georgia,"Times New Roman",serif;color:var(--ink)}.story{padding-top:26px;border-top:1px solid var(--line)}.storyboards{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}.section-heading h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;margin:0}.section-heading p{color:var(--muted);font-size:.875rem;margin:0}.section-heading p span{padding:0 5px}.boards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.board{margin:0;min-width:0}.board-open{width:100%;padding:0;border:1px solid #4a5355;display:block;background:#24313b;position:relative;overflow:hidden}.board-open img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:filter .2s}.board-open:hover img{filter:brightness(1.08)}.zoom-mark{position:absolute;right:8px;bottom:8px;background:rgba(12,22,29,.85);border:1px solid #92a1a6;color:white;width:32px;height:32px;display:grid;place-items:center;font-size:1.1rem;line-height:1}.board figcaption{display:flex;gap:10px;align-items:baseline;font-size:.875rem;line-height:1.5;margin-top:10px;color:#c3d0d6}.board-number{color:var(--accent);font-variant-numeric:tabular-nums}.shot-range{margin-left:auto;white-space:nowrap;color:#a9bbc5;font-size:.8125rem}.collapse-project{background:transparent;border:0;border-top:1px solid var(--line);padding:23px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:1rem;margin-top:35px;color:var(--muted)}.collapse-project:hover{color:var(--accent)}.earth-body{padding:32px 38px;max-width:none}.pending-label{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:1.5rem;margin-bottom:8px}.earth-body p:last-child{color:var(--muted);margin-bottom:0;font-size:1.0625rem;max-width:640px}footer{display:flex;gap:20px;justify-content:space-between;font-size:.8125rem;color:#99acb6;padding:16px 0 34px}dialog{padding:0;border:1px solid #4c5a63;border-radius:6px;background:#101920;color:var(--ink);width:min(1300px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 28px)}dialog::backdrop{background:rgba(4,9,13,.9);backdrop-filter:blur(6px)}body.viewer-open{overflow:hidden}.viewer{padding:18px 24px 14px}.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.viewer-header h2{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:400;line-height:1.3;margin:0}.viewer-count{font-size:.8125rem;color:var(--accent);line-height:1.4;margin:0 0 4px}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;font-size:1.8rem;line-height:1;padding:0}.icon-button:hover{background:#263843}.viewer-image-wrap{display:flex;align-items:center;justify-content:center;background:#0b1116;min-height:0}.viewer-image-wrap img{display:block;object-fit:contain;max-height:calc(100dvh - 185px);max-width:100%;width:auto;height:auto}.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:12px}.viewer-controls button{border:1px solid var(--line);background:#1a2933;border-radius:3px;padding:7px 16px;min-height:42px;font-size:.9375rem;display:flex;gap:12px;align-items:center}.viewer-controls button:not(:disabled):hover{border-color:var(--accent)}.viewer-controls p{margin:0;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}
@media(min-width:1300px){.page-header{padding-top:64px}}
@media(max-width:800px){.page-shell{padding:0 24px}.page-header{padding-top:36px}.header-note{display:none}.project-heading{padding:26px}.project>summary{grid-template-columns:1fr 32%;min-height:220px}.project-cover,.pending-cover{min-height:220px}.project-body{padding:30px 26px 24px}.project-intro{margin-left:0}.essay-section{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.essay-section h3{padding-top:0}.story{padding-top:20px}.essay-section .logline{font-size:1.375rem}.boards-grid{gap:22px 16px}.board figcaption{flex-wrap:wrap;gap:5px 8px}.shot-range{display:none}}
@media(max-width:540px){.page-shell{padding:0 16px}.page-header{padding:28px 0}.eyebrow{font-size:.75rem;letter-spacing:.05em}.eyebrow span{margin:0 4px}h1{font-size:2rem}.project>summary{grid-template-columns:1fr 27%;min-height:205px}.project-heading{padding:22px 18px}.project h2{font-size:2rem;line-height:1.1;margin-bottom:11px}.project-index{font-size:.75rem;letter-spacing:.06em}.project-meta{font-size:.875rem;line-height:1.65;margin-bottom:16px}.project-meta span[aria-hidden]{margin:0 3px}.project-action{font-size:.875rem;gap:11px}.project-cover,.pending-cover{min-height:205px}.project-cover img{width:auto;height:300%;left:auto;right:-10%;top:-200%}.pending-cover span{font-size:1rem;line-height:1.4;letter-spacing:.05em;writing-mode:vertical-rl;transform:rotate(180deg)}.project-body{padding:26px 18px 22px}.project-intro{margin-bottom:28px;font-size:1rem}.essay-section>div{font-size:1rem;line-height:1.8}.essay-section .logline{font-size:1.25rem}.section-heading{display:block}.section-heading h3{font-size:1.75rem;margin-bottom:5px}.boards-grid{grid-template-columns:1fr;gap:24px}.shot-range{display:inline}.board figcaption{font-size:.875rem}.storyboards{margin-top:32px}.collapse-project{font-size:.9375rem}.earth-body p:last-child{font-size:1rem}footer{font-size:.75rem;flex-wrap:wrap;gap:4px 20px}dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.viewer{padding:12px}.viewer-header h2{font-size:1.0625rem}.viewer-image-wrap img{max-height:calc(100dvh - 180px)}.viewer-controls{gap:8px}.viewer-controls button{padding:7px 12px;font-size:.875rem}.icon-button{width:38px;height:38px}.viewer-count{font-size:.75rem}}
@media(max-width:540px){.project>summary{grid-template-columns:1fr;min-height:0}.project-cover{grid-row:1;aspect-ratio:2/1;min-height:0}.project-cover img{width:200%;height:300%;left:-100%;right:auto;top:-200%}.pending-cover{display:none}.project-heading{padding:22px}.project h2{font-size:2.125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.project-cover img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.earth-body{padding:44px 38px 28px;max-width:none}.earth-body p:last-child{color:inherit;margin-bottom:0;font-size:inherit;max-width:none}.earth-cover{background:#0d151a}.earth-project .earth-cover img{object-fit:contain}.character-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.character-list article{border:1px solid var(--line);background:#172731;padding:18px}.character-list h4,.timeline h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--ink);font-size:1.25rem;line-height:1.35;margin:0 0 9px}.character-list h4 span{display:block;color:#91acb4;font-family:"Segoe UI",Arial,sans-serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.character-list p{font-size:.9375rem;line-height:1.65;color:#c3d0d4}.feature-image{margin:0}.feature-image img{display:block;width:100%;height:auto;border:1px solid #4a5355;background:#24313b}.feature-image figcaption{font-size:.8125rem;color:var(--muted);margin-top:8px}.timeline{display:grid;gap:12px}.timeline article{border-top:1px solid var(--line);padding:22px 0 7px}.timeline article:first-child{border-top:0;padding-top:0}.timeline-time{color:#9fbac0!important;font-size:.8125rem!important;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:5px!important}.timeline h4{font-size:1.4rem}.timeline blockquote{border-left:2px solid #69848a;margin:15px 0;padding:2px 0 2px 18px;color:var(--ink)}.timeline blockquote p{font-size:1rem;line-height:1.65;margin-bottom:8px}.timeline .title-beat{font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:.12em;color:var(--accent);margin-top:22px}.earth-boards .board-number{color:#a1bec0}
@media(max-width:800px){.earth-body{padding:30px 26px 24px}.character-list{grid-template-columns:1fr}}
@media(max-width:540px){.earth-body{padding:26px 18px 22px}.earth-project .earth-cover{display:block}.earth-project .earth-cover img{object-fit:contain}.timeline h4{font-size:1.25rem}.timeline .title-beat{font-size:1.55rem}}
.music-section{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.music-statement{max-width:820px;color:#d1d9db;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;line-height:1.65;margin:0 0 26px}.playlist{border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,420px);gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.track-copy{display:flex;gap:18px;align-items:flex-start;min-width:0}.track-number{color:#a1bec0;font-size:.8125rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;padding-top:4px}.track h4{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:400;line-height:1.35;margin:0 0 4px;color:var(--ink)}.track p{font-size:.875rem;line-height:1.5;color:var(--muted);margin:0}.track audio{display:block;width:100%;height:42px;accent-color:#a1bec0}
@media(max-width:800px){.track{grid-template-columns:1fr;gap:12px}.music-statement{font-size:1.18rem}}
@media(max-width:540px){.music-section{margin-top:36px;padding-top:24px}.music-statement{font-size:1.08rem;line-height:1.65}.track{padding:16px 0}.track-copy{gap:12px}}