@import url('/ozil-goal.css');
:root{--bg:#080e12;--panel:#111b22;--line:#26323a;--text:#f3f0e7;--muted:#aab5bc;--green:#ffba49;color-scheme:dark}
.story-page .hero{grid-template-columns:1.12fr .92fr;align-items:start;gap:52px;padding-top:22px}
.story-page h1{font-size:clamp(48px,5.2vw,72px);letter-spacing:-.045em;margin:20px 0 24px}
.story-page .hero-description{max-width:570px;font-size:17px}
.story-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}.story-tags li{padding:6px 10px;border:1px solid var(--line);background:var(--panel);border-radius:6px;font-size:12px}
.story-video{margin:0}.story-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--panel);border:1px solid var(--line);border-radius:12px}.story-video figcaption{font-size:12px;color:var(--muted);margin:12px 0}.story-video a{text-decoration:underline;text-underline-offset:3px}
.cast-panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:26px}.cast-panel h2{font-size:27px;letter-spacing:-.025em;margin-bottom:12px}.cast-panel>.panel-intro{color:var(--muted);font-size:13px;margin-bottom:22px}.cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-slot{min-width:0}.upload-label{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#17242d;border:1px dashed #40505c;border-radius:9px;overflow:hidden;cursor:pointer}.upload-label:focus-within{outline:2px solid var(--green);outline-offset:3px}.upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-label img{width:100%;height:100%;object-fit:cover}.upload-empty{text-align:center;color:var(--muted);font-size:12px}.upload-empty b{display:block;font-size:27px;background:var(--green);color:#171109;width:37px;border-radius:7px;margin:0 auto 9px}.photo-slot h3{font-size:14px;margin:12px 0 4px;letter-spacing:0}.photo-slot p{font-size:12px;line-height:1.5;color:var(--muted)}.photo-slot .remove{border:0;padding:8px 0;background:none;color:var(--green);font:inherit;font-size:12px;cursor:pointer}
.cast-panel fieldset{padding:0;border:0;margin:24px 0 18px}.cast-panel legend{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:9px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-grid label{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:12px;cursor:pointer}.format-grid label:has(:checked){border-color:var(--green)}.format-grid input{accent-color:var(--green)}.format-grid small{color:var(--muted)}.cast-panel .button{width:100%;margin-top:15px}.story-page .button:hover{background:#ffcb76;color:#171109}.cast-panel .panel-note{color:var(--muted);font-size:12px;margin-top:14px}.photo-status{font-size:12px;min-height:40px;color:#d6dfe4;margin-top:20px}.story-page .intro{grid-template-columns:1fr}.story-page .intro>p:last-child{max-width:780px}.story-page .intro h2{margin-top:5px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.scene-grid img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:18px}.scene-grid h3{margin:10px 0;font-size:24px}.scene-grid p{font-size:14px;color:var(--muted)}.scene-note{font-size:12px;color:var(--muted);margin-top:25px}.story-page .closing{border-color:#66502e;background:radial-gradient(ellipse at bottom,#b7791620,transparent 80%),var(--panel)}.story-page .related-grid>a:hover{border-color:var(--green)}.story-page button:focus-visible,.story-page input:focus-visible{outline:2px solid var(--green);outline-offset:4px}.story-page [hidden]{display:none!important}
@media(max-width:1000px){.story-page .hero{gap:28px}.cast-panel{padding:20px}.format-grid label{flex-wrap:wrap}}
@media(max-width:760px){.story-page .hero{grid-template-columns:1fr;padding-top:0;gap:28px}.story-page h1{font-size:clamp(43px,11vw,64px)}.story-page .hero-description{font-size:16px}.scene-grid{grid-template-columns:1fr;gap:30px}.cast-panel{padding:20px}.story-tags{margin:20px 0}.story-page .photo-section p:last-child{max-width:none}}
.story-page .video-project-nav{color:var(--text)}.story-page .video-project-menu{background:var(--panel);border-color:var(--line)}.story-page .video-project-group strong{color:var(--muted)}.story-page .video-project-all{border-color:var(--line)}.story-page .video-project-nav a:hover{color:var(--green)}.story-page .video-project-nav :focus-visible{outline-color:var(--green)}.story-page .mobile-menu .video-project-nav{flex-wrap:wrap}.story-page .mobile-menu .video-project-menu{position:static;width:100%;max-width:none;box-shadow:none;margin-top:8px}