/* NIGHTFALL: a mobile-first moving portrait gallery. */
.nocturne{--ink:#f2ede3;--bg:#0b0c0d;--muted:#b3aca3;background:var(--bg)}
.nocturne .site-header{border:0;height:96px;padding-inline:5vw}.nocturne .site-header nav{gap:34px}.nocturne .site-header nav a{font-size:12px;padding:14px 0}.nocturne .wordmark span{font-size:8px}.nocturne .header-social{border-color:#ffffff30}
.nocturne .hero{height:100svh;min-height:720px;max-height:1300px;background:#141012}.nocturne .hero-photo{inset:0}.nocturne .hero-photo img,.nocturne .hero-photo .portrait-video{object-position:63% 35%;filter:saturate(.65) contrast(1.08)}.nocturne .hero-shade{background:linear-gradient(0deg,#0b0c0de8 0%,transparent 55%),linear-gradient(90deg,#0b0c0d88,transparent 65%)}.nocturne .hero:after{background:linear-gradient(100deg,#08080970,transparent 55%)}.nocturne .hero-top{top:150px;left:5vw;gap:22px}.nocturne .hero-top .eyebrow{font-size:8px;letter-spacing:2.6px}.nocturne .hero-top #tagline{font-size:21px;max-width:220px;color:#d2c3b4}.nocturne .hero-bottom{left:5vw;right:5vw;bottom:75px}.nocturne .hero h1{font-size:clamp(105px,14vw,220px);font-weight:500;letter-spacing:-.07em;line-height:.82;white-space:normal;max-width:850px}.nocturne .hero h1 em{display:block;font-size:1.06em}.nocturne .hero h1 .period{display:none}.nocturne .hero-baseline{margin:34px 0 0;align-items:center}.nocturne .hero-baseline p{font-size:8px;letter-spacing:2px}.nocturne .scroll-cue{font-size:8px;letter-spacing:2px;gap:22px}.nocturne .scroll-cue span{font-size:22px}.nocturne .hero-index{display:none}
.nocturne .section{padding-inline:9vw}.nocturne .section-marker{font-size:9px;letter-spacing:2.5px;line-height:1.6}.nocturne .statement{position:relative;overflow:hidden;min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding-block:120px;background:radial-gradient(ellipse at 100% 50%,#54242618,transparent 60%)}.nocturne .statement:before{content:'01';position:absolute;right:4vw;top:50%;transform:translateY(-50%);font:italic 42vw/.8 Georgia,serif;color:transparent;-webkit-text-stroke:1px #f1e9dc09;pointer-events:none}.nocturne .statement .manifesto{font-size:clamp(64px,9vw,140px);line-height:1.12;letter-spacing:-.055em;margin:55px 0 65px;position:relative;max-width:1000px}.nocturne .statement-foot{border:0;padding:0;justify-content:flex-start}.nocturne .chapter-link{padding:0 0 15px;margin:0;font-size:9px;letter-spacing:1.8px;gap:65px;border-color:#f1e9dc44}.nocturne .chapter-link .line-arrow{font-size:18px}
.nocturne .music-section{padding-block:80px 110px;background:#e8e2d5;color:#191b1b}.nocturne .music-section .section-marker{color:#746d63}.nocturne .music-layout{margin-top:80px;gap:10vw;grid-template-columns:.95fr 1fr;align-items:center}.nocturne .music-copy h2{font-size:clamp(60px,7.5vw,110px);line-height:1.05;letter-spacing:-.055em;max-width:520px}.nocturne #musicIntro:empty{display:none}.nocturne #musicIntro{margin:30px 0 0;font-size:16px;line-height:1.6}.nocturne #releases{margin-top:45px}.nocturne #releases .empty{border:0;padding:0}.nocturne .text-link{font-size:12px;padding-bottom:14px;gap:30px;line-height:1.5}.nocturne .record-scene{padding:0 0 28px;min-height:0;width:100%;max-width:520px;margin:0;isolation:isolate}.nocturne .record-sleeve{width:87%;aspect-ratio:4/5;margin-left:auto;transform:translateY(var(--portal-rise,0));border-radius:var(--portal-radius,8%) var(--portal-radius,8%) 2px 2px;box-shadow:0 25px 45px #1c160d20;background:#151516;transition:border-radius .12s linear}.nocturne .record-sleeve img,.nocturne .record-sleeve>.portrait-video{object-position:50% 18%;filter:grayscale(1);height:100%}.nocturne .record-sleeve:after{background:linear-gradient(0deg,#0003,transparent 60%)}.nocturne .vinyl{width:80%;height:auto;aspect-ratio:1;top:15%;left:-7%;right:auto;background:none;box-shadow:none;border:1px solid #77675355;z-index:0;display:block}.nocturne .vinyl:before{content:'';position:absolute;inset:13px;border:1px solid #77675322;border-radius:50%}.nocturne .vinyl:after{inset:25px;background:none;border:1px solid #77675318}.nocturne .record-caption{margin-top:30px;font-size:8px;letter-spacing:1.4px;gap:15px;justify-content:space-between;color:#736d64}.nocturne .record-caption span{font-size:inherit}.nocturne .record-caption span:last-child{text-align:right}
.nocturne .films-section{padding-top:60px;padding-bottom:80px;background:#0b0c0d}.nocturne .films-section>.section-marker{padding-block:15px 45px}.nocturne .cinema-window{margin:0 4vw;height:88vh;max-height:1100px;min-height:650px;background:#0b0c0d;overflow:hidden}.nocturne .cinema-window>img,.nocturne .cinema-window>.portrait-video{left:40%;width:60%;height:100%;top:0;object-position:center 10%;clip-path:inset(var(--frame-inset,0%));filter:saturate(.72) contrast(1.05);transform:none!important}.nocturne .cinema-shade{background:linear-gradient(90deg,#0b0c0d 0%,#0b0c0d 27%,#0b0c0d66 45%,transparent 75%),linear-gradient(0deg,#0b0c0d88,transparent 45%)}.nocturne .cinema-copy{left:5vw;bottom:95px;max-width:52%}.nocturne .cinema-copy h2{font-size:clamp(64px,7.6vw,118px);line-height:1.08;letter-spacing:-.06em}.nocturne .cinema-label{bottom:38px;left:5vw;font-size:7px;letter-spacing:2px}.nocturne .frame-mark{width:24px;height:24px;border-color:#b4a39377}.nocturne .film-cards{padding-top:60px;padding-bottom:0}
.nocturne .about-section{background:#0b0c0d;border:0;padding-block:80px 130px}.nocturne .about-layout{grid-template-columns:1fr .9fr;margin-top:70px;gap:12vw}.nocturne .about-portrait{width:100%;transform:none!important;max-width:470px}.nocturne .about-portrait img,.nocturne .about-portrait>.portrait-video{height:600px;object-position:50% 15%;filter:saturate(.7)}.nocturne .about-portrait figcaption{margin-top:20px;font-size:8px;letter-spacing:2px;color:#8c8580}.nocturne .about-copy h2{font-size:clamp(56px,6.7vw,100px);line-height:1.08;letter-spacing:-.055em;margin-bottom:30px}.nocturne .about-copy #bio{font-size:19px;line-height:1.8}.nocturne .socials{margin-top:35px;gap:25px;font-size:13px}.nocturne .socials a{padding-bottom:14px}
.nocturne .closing{padding-block:100px 45px;background:radial-gradient(ellipse at 100% 0%,#a75a3c33,transparent 60%),linear-gradient(145deg,#4d2328,#151116)}.nocturne .closing .eyebrow{font-size:9px;letter-spacing:2px;color:#c8b9aa}.nocturne .closing-link{font-size:clamp(72px,10vw,150px);line-height:1.08;letter-spacing:-.06em;max-width:1000px;margin:50px 0 70px;gap:40px}.nocturne .closing-arrow{font-size:6vw}.nocturne .signup-form{padding-top:35px;margin-bottom:70px;max-width:1000px;border-color:#f1e9dc25}.nocturne .signup-heading{display:block}.nocturne .signup-heading p{font-size:14px;line-height:1.7;max-width:none;margin:0 0 30px;color:#c9beb4}.nocturne .signup-fields{gap:30px}.nocturne .signup-fields label{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.nocturne .signup-fields input{font-size:16px;padding:17px 14px;min-height:54px;background:#00000010;border-color:#f1e9dc44}.nocturne .signup-fields button{min-height:54px;font-size:12px;padding-inline:25px}.nocturne .signup-consent{font-size:12px;line-height:1.7;margin-top:28px;max-width:580px;gap:14px}.nocturne .signup-consent input{margin-top:3px;width:18px;height:18px}.nocturne .signup-privacy{font-size:11px;line-height:1.7;margin-top:18px;max-width:640px;color:#bbaaa3}.nocturne .closing-bottom{max-width:1000px;border-color:#f1e9dc25;font-size:8px;padding-top:30px}.nocturne footer{padding:30px 5vw 50px;font-size:9px;color:#8c8580}.nocturne .edit-launch{font-size:10px;right:20px;bottom:20px;padding:9px 14px;background:#0b0c0dce;border-color:#f1e9dc30}.nocturne .chapter-rail{left:16px}.nocturne .chapter-rail a{font-size:7px}.nocturne #cursor-glow{opacity:.65}
@media(max-width:1000px){.nocturne .section{padding-inline:7vw}.nocturne .music-layout{gap:7vw}.nocturne .about-layout{gap:8vw}.nocturne .about-portrait img,.nocturne .about-portrait>.portrait-video{height:500px}.nocturne .cinema-window{min-height:570px}}
@media(max-width:700px){
 .nocturne{font-size:16px}.nocturne .site-header{height:82px;padding:0 24px}.nocturne .wordmark{font-size:40px;letter-spacing:-5px}.nocturne .wordmark span{display:none}.nocturne .site-header nav{gap:22px}.nocturne .site-header nav a{font-size:12px;min-height:44px;display:flex;align-items:center;padding:8px 0}.nocturne .header-social{display:none}
 .nocturne .hero{height:100svh;min-height:650px;max-height:1050px}.nocturne .hero-photo{inset:0 -35%}.nocturne .hero-photo img,.nocturne .hero-photo .portrait-video{object-position:50% 28%}.nocturne .hero-shade{background:linear-gradient(0deg,#0b0c0df2,transparent 60%),linear-gradient(180deg,#0b0c0d66,transparent 28%)}.nocturne .hero:after{display:none}.nocturne .hero-top{top:112px;left:28px;width:auto}.nocturne .hero-top .eyebrow{font-size:7px;letter-spacing:2px}.nocturne .hero-top #tagline{display:none}.nocturne .hero-bottom{left:28px;right:28px;bottom:62px}.nocturne .hero h1{font-size:clamp(64px,18vw,98px);line-height:.9;letter-spacing:-.065em;max-width:100%}.nocturne .hero h1 em{font-size:1.05em}.nocturne .hero-baseline{margin-top:30px;justify-content:flex-start}.nocturne .hero-baseline p{display:none}.nocturne .scroll-cue{font-size:8px;letter-spacing:1.6px;gap:25px}.nocturne .scroll-cue span{font-size:17px}.nocturne #stage{opacity:.35}
 .nocturne .section{padding-inline:28px}.nocturne .section-marker{font-size:8px;letter-spacing:2px;gap:18px}.nocturne .section-marker span:last-child{max-width:none;text-align:left}.nocturne .statement{min-height:560px;padding-block:95px 90px}.nocturne .statement:before{font-size:90vw;right:-8vw;top:43%}.nocturne .statement .manifesto{font-size:clamp(42px,12vw,66px);line-height:1.2;letter-spacing:-.045em;margin:55px 0 65px;max-width:100%}.nocturne .chapter-link{font-size:8px;gap:50px;padding-bottom:15px}.nocturne .chapter-link .line-arrow{font-size:17px}
 .nocturne .music-section{padding-top:60px;padding-bottom:75px}.nocturne .music-layout{display:flex;flex-direction:column;align-items:stretch;margin-top:40px;gap:0}.nocturne .music-copy{display:contents}.nocturne .music-copy h2{font-size:clamp(40px,11vw,60px);line-height:1.15;letter-spacing:-.05em;order:0;margin:0 0 40px}.nocturne #musicIntro{order:1;font-size:15px;line-height:1.7;margin:0 0 35px}.nocturne .record-scene{order:2;width:92%;max-width:370px;margin:0 auto;padding:0;min-height:0}.nocturne .record-sleeve{width:85%;aspect-ratio:4/5;box-shadow:0 18px 30px #1c160d18}.nocturne .vinyl{left:-4%;top:14%;width:84%}.nocturne .record-caption{margin-top:28px;font-size:7px;line-height:1.7;letter-spacing:1.2px}.nocturne #releases{order:3;margin-top:45px}.nocturne #releases .empty{padding-top:0}.nocturne .text-link{font-size:12px;line-height:1.6;min-height:44px;display:flex;justify-content:space-between;gap:20px;padding-bottom:15px}.nocturne .text-link span{font-size:17px}.nocturne .listening-deck{padding-top:24px}.nocturne .listening-deck h3{font-size:28px;line-height:1.2}.nocturne .deck-description{font-size:13px;line-height:1.6}.nocturne .track-row{padding-block:19px;font-size:13px}.nocturne .track-action{font-size:8px}.nocturne .card{padding-block:25px}.nocturne .card h3{font-size:27px;line-height:1.2}.nocturne .card p{font-size:14px;line-height:1.7}
 .nocturne .films-section{padding-top:55px;padding-bottom:40px}.nocturne .films-section>.section-marker{padding:0 28px 35px}.nocturne .films-section>.section-marker span:last-child{display:none}.nocturne .cinema-window{margin:0 14px;height:80svh;min-height:550px;max-height:820px;border:1px solid #f1e9dc0c}.nocturne .cinema-window>img,.nocturne .cinema-window>.portrait-video{left:0;width:100%;object-position:58% top;clip-path:inset(var(--frame-inset,0%));filter:saturate(.7) contrast(1.04)}.nocturne .cinema-shade{background:linear-gradient(0deg,#0b0c0dec,transparent 55%)}.nocturne .cinema-copy{left:24px;right:24px;bottom:63px;max-width:100%}.nocturne .cinema-copy h2{font-size:clamp(34px,9.5vw,50px);line-height:1.15;letter-spacing:-.04em}.nocturne .cinema-label{left:24px;bottom:27px;font-size:6px;letter-spacing:1.7px}.nocturne .top-left{left:15px;top:15px}.nocturne .bottom-right{right:15px;bottom:15px}.nocturne .frame-mark{width:16px;height:16px}.nocturne .film-cards{padding-top:40px;padding-bottom:0}
 .nocturne .about-section{padding-top:65px;padding-bottom:85px}.nocturne .about-layout{margin-top:45px;grid-template-columns:1fr;gap:45px}.nocturne .about-portrait{max-width:360px;width:82%;margin:0;transform:none!important}.nocturne .about-portrait img,.nocturne .about-portrait>.portrait-video{height:auto;aspect-ratio:4/5;width:100%;object-position:50% 16%}.nocturne .about-portrait figcaption{font-size:7px;letter-spacing:1.8px;margin-top:18px}.nocturne .about-copy{padding-left:16%;max-width:100%}.nocturne .about-copy h2{font-size:clamp(38px,10vw,55px);line-height:1.18;letter-spacing:-.04em;margin-bottom:24px}.nocturne .about-copy #bio{font-size:17px;line-height:1.85;margin:0 0 24px}.nocturne .socials{margin-top:0;font-size:13px;line-height:1.6;gap:20px}.nocturne .socials a{min-height:44px;display:flex;align-items:center;gap:20px;padding-bottom:10px}
 .nocturne .closing{padding-top:70px;padding-bottom:45px}.nocturne .closing .eyebrow{font-size:8px;letter-spacing:2px}.nocturne .closing-link{font-size:clamp(49px,13.5vw,72px);line-height:1.15;letter-spacing:-.045em;margin:40px 0 50px;gap:20px;align-items:flex-end}.nocturne .closing-link>.closing-arrow{font-size:24px;margin-bottom:8px}.nocturne .signup-form{padding-top:28px;margin-bottom:45px}.nocturne .signup-heading p{font-size:14px;line-height:1.8;margin-bottom:32px;max-width:250px}.nocturne .signup-fields{grid-template-columns:1fr;gap:27px;margin-top:0}.nocturne .signup-fields label{font-size:10px;letter-spacing:1.4px;margin:0 0 13px}.nocturne .signup-fields input{font-size:16px;min-height:56px;padding:17px 13px}.nocturne .signup-fields button{min-height:56px;margin-top:7px;font-size:13px}.nocturne .signup-consent{font-size:12px;line-height:1.85;gap:14px;margin-top:30px}.nocturne .signup-privacy{font-size:11px;line-height:1.9;margin-top:22px}.nocturne #signup-status{font-size:13px;line-height:1.7}.nocturne .closing-bottom{font-size:7px;letter-spacing:.8px;padding-top:28px;gap:18px}.nocturne footer{padding:30px 28px 90px;gap:22px;font-size:8px;line-height:1.7}.nocturne .edit-launch{right:14px;bottom:max(14px,env(safe-area-inset-bottom));font-size:10px;padding:9px 13px}.nocturne #cursor,.nocturne #cursor-glow,.nocturne #cursor-trail{display:none!important}
}
@media(max-width:360px){.nocturne .section{padding-inline:24px}.nocturne .site-header{padding-inline:24px}.nocturne .site-header nav{gap:16px}.nocturne .site-header nav a{font-size:11px}.nocturne .hero-bottom{left:24px;right:24px}.nocturne .hero h1{font-size:17.8vw}.nocturne .statement{min-height:520px}.nocturne .statement .manifesto{font-size:12vw}.nocturne .cinema-copy{left:20px;right:20px}.nocturne .cinema-copy h2{font-size:9.6vw}.nocturne .closing-link{font-size:13.5vw}.nocturne .closing-arrow{display:none}.nocturne .signup-consent{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nocturne .record-sleeve{transform:none!important;border-radius:8% 8% 2px 2px}.nocturne .cinema-window>img,.nocturne .cinema-window>.portrait-video{clip-path:none}.nocturne .hero-photo{transform:none!important}}
/* Content is readable immediately while scrolling. Motion never gates text. */
.nocturne.motion-ready .reveal,.nocturne.motion-ready .reveal.in{opacity:1;transform:none;transition:none}
@media(max-width:700px){.nocturne .hero-top,.nocturne .music-section>.section-marker,.nocturne .record-caption,.nocturne .about-portrait figcaption,.nocturne .closing>.eyebrow{display:none}.nocturne .music-layout{margin-top:0}.nocturne .closing-link{margin-top:0}.nocturne .about-section>.section-marker{font-size:8px}}

.mobile-tagline{display:none}@media(max-width:700px){.nocturne .mobile-tagline:not(:empty){display:block;font-size:16px;line-height:1.8;color:var(--muted);margin:-25px 0 45px;max-width:300px;white-space:pre-line}}
.nocturne .track-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.nocturne .track-action{flex-shrink:0}.nocturne .card h3,.nocturne .card p,.nocturne #bio,.nocturne .socials a{min-width:0;overflow-wrap:anywhere}
.nocturne{position:relative}@media(max-width:700px){.nocturne.edit-docked .edit-launch{position:absolute;right:24px;bottom:max(22px,env(safe-area-inset-bottom))}}
