#project-body[data-project-slug="its-dark"]{--dark-white:#e8e9e5;--dark-silver:#aab6bd;color:var(--dark-white)}
#project-body[data-project-slug="its-dark"] .sheet-heading{margin-bottom:20px;display:block}#project-body[data-project-slug="its-dark"] .sheet-heading h2{font-size:15px;letter-spacing:0}#project-body[data-project-slug="its-dark"] .sheet-heading>.micro{display:none}
.dark-intro{position:relative;isolation:isolate;min-height:620px;height:78svh;max-height:900px;overflow:hidden;background:radial-gradient(ellipse at 82% 43%,#0a141c77,transparent 65%),#020304}.dark-light{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.dark-intro-meta{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--dark-silver)}.dark-title{position:absolute;left:7%;bottom:16%;transform:translateY(calc(var(--dark-read,0)*-35px));opacity:calc(1 - var(--dark-read,0)*.5)}.dark-title>p{font-size:12px;color:var(--dark-silver);margin-bottom:22px}.dark-title h3{font-size:clamp(105px,17vw,235px);line-height:.75;letter-spacing:-.07em;font-weight:400}.dark-title h3>span{display:inline-block;margin-top:12px;background:linear-gradient(105deg,#f2f1e8,#d5dfe3 45%,#52616c 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.dark-intro-foot{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;font-size:11px;line-height:1.6;color:var(--dark-silver)}.dark-watch{padding:12px 0;border-bottom:1px solid #c4d3dc77;font-size:14px;color:#e6eaf0}.dark-watch span{margin-left:50px}
#project-body[data-project-slug="its-dark"] .project-story{margin:70px 0 80px;padding-top:30px;border-top:1px solid #c6d6e225;gap:6vw}#project-body[data-project-slug="its-dark"] .project-story>p{font-size:clamp(18px,2vw,26px);line-height:1.65;color:#b4bec5;max-width:48ch}.dark-film-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:0 0 35px}.dark-film-heading h3{font-size:clamp(30px,4.4vw,58px);line-height:1.05;letter-spacing:-.035em}.dark-film-heading p{font-size:12px;color:var(--dark-silver)}#project-body[data-project-slug="its-dark"] .hosted-player{box-shadow:0 0 45px #a3c8e209}#project-body[data-project-slug="its-dark"] .stills:empty{display:none}
@media(max-width:600px){.dark-intro{height:76svh;min-height:540px}.dark-intro-meta,.dark-intro-foot{left:18px;right:18px;font-size:9px}.dark-title{left:7%;bottom:22%}.dark-title h3{font-size:32vw}.dark-film-heading{display:block}.dark-film-heading p{margin-top:20px}.dark-watch{font-size:12px}.dark-watch span{margin-left:20px}#project-body[data-project-slug="its-dark"] .project-story{margin:45px 0;display:block}#project-body[data-project-slug="its-dark"] .project-story>p{margin-top:22px}}
.dark-intro:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 68% 46%,#7eadd611,transparent 62%);box-shadow:inset 0 0 95px #0009}.dark-title h3{ text-shadow:0 0 32px #dae7eb0b}.dark-intro{background:radial-gradient(ellipse at 85% 43%,#162a3c88,transparent 69%),#020304}
/* A single monochrome projection: light, grain, darkness. */
.dark-intro{background:#020303}.dark-intro:after{background:none;box-shadow:inset 0 0 80px #0009}.dark-title{left:13%;right:5%;bottom:auto;top:43%;transform:translateY(-50%);opacity:1}.dark-title>p{margin-bottom:28px;color:#a4a7a4}.dark-title h3{font-size:clamp(64px,10vw,145px);letter-spacing:.09em;line-height:1.1;white-space:nowrap;font-weight:400;color:#ebede7;text-shadow:0 0 16px #ffffff24}.dark-title h3>span{margin:0;background:linear-gradient(90deg,#e3e5dd,#858d87 65%,#303935);background-clip:text;-webkit-background-clip:text;color:transparent}.dark-light{opacity:.95}
@media(max-width:600px){.dark-title{left:12%;right:3%;top:44%;bottom:auto}.dark-title h3{font-size:14vw;letter-spacing:.055em}.dark-title>p{font-size:10px;margin-bottom:22px}}
.dark-intro:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' fill='%23fff' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:linear-gradient(transparent 20%,#000 40%,#000 65%,transparent 85%)}.dark-title,.dark-intro-meta,.dark-intro-foot{z-index:1}
.dark-title h3>span{background:linear-gradient(90deg,#c4c9c2 0%,#89928a 25%,#4b554d 53%,#202a23 76%,#070d09 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.dark-title h3>.dark-word{display:inline-block;background:none;color:inherit;margin:0;text-shadow:none;white-space:nowrap}.dark-glyph{display:inline-block;color:#e7eae2;filter:brightness(calc(var(--base-light,1)*var(--illumination,1)));text-shadow:0 0 12px #ffffff12}
/* One editorial introduction, aligned directly with the film below. */
#project-body[data-project-slug="its-dark"] .project-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:start;margin:65px 0 40px;padding-top:35px}#project-body[data-project-slug="its-dark"] .project-story h3{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em;max-width:15ch}#project-body[data-project-slug="its-dark"] .project-story>p{font-size:clamp(15px,1.4vw,19px);line-height:1.7;max-width:54ch;margin:0}.dark-film-heading{display:block;border-top:1px solid #ffffff20;padding-top:16px;margin:0 0 20px}.dark-film-heading p{font-size:12px;margin:0;color:#aab6bd}
@media(max-width:600px){#project-body[data-project-slug="its-dark"] .project-story{grid-template-columns:1fr;gap:26px;margin:40px 0 30px;padding-top:25px}#project-body[data-project-slug="its-dark"] .project-story h3{font-size:34px;max-width:18ch}#project-body[data-project-slug="its-dark"] .project-story>p{font-size:15px}}
#project-body[data-project-slug="its-dark"] .sheet-heading{margin:28px 0 35px}#project-body[data-project-slug="its-dark"] .sheet-heading h2{font-size:clamp(30px,4.3vw,64px);line-height:1.1;letter-spacing:-.04em;max-width:25ch}@media(max-width:600px){#project-body[data-project-slug="its-dark"] .sheet-heading{margin:24px 0 28px}#project-body[data-project-slug="its-dark"] .sheet-heading h2{font-size:32px}}
.dark-glyph{filter:brightness(calc(var(--base-light,1)*var(--illumination,1)*var(--projector-flicker,1)))}