:root{--bg:#090a0d;--panel:#12161a;--panel-2:#171c20;--text:#f0f3ee;--muted:#b2beb6;--soft:#8b978f;--accent:#c3d1c1;--accent-2:#95a8a0;--line:#30383a;--font:"Barlow Condensed",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#141922 0%,#090a0d 58%);color:var(--text);font-family:var(--body);min-width:320px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:10px 12px}.frame{width:min(100% - 72px,1280px);margin:0 auto}.umbre-header{position:sticky;top:0;z-index:40;background:rgba(7,8,10,.84);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.header-line{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:86px}.brand-link{display:flex;align-items:center;gap:12px;font:900 29px/1 var(--font);letter-spacing:.04em}.brand-main{color:#fff}.brand-divider{width:1px;height:22px;background:#6f7b73}.brand-side{color:#b6c4bc}.top-nav{display:flex;gap:14px;align-items:center;font:800 14px var(--font);letter-spacing:.12em}.top-nav .nav-quiet{color:#a8b5ae}.top-nav .return{border:1px solid #4a5253;padding:11px 14px;color:#eef1ec}.umbra-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 70% 30%,rgba(152,173,165,.14),transparent 32%),linear-gradient(180deg,#090b0f,#0d1014)}.hero-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(180,190,186,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(180,190,186,.05) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.18))}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:54px;align-items:center;padding:88px 0 84px}.hero-text{position:relative;z-index:1;max-width:760px}.overline{display:flex;align-items:center;gap:12px;font:800 13px var(--font);letter-spacing:.16em;color:#b6c4bc;margin:0 0 22px}.dot{width:8px;height:8px;border-radius:50%;background:#c7d975;display:inline-block}.eyebrow-index{font:700 13px/1.4 var(--font);letter-spacing:.14em;color:#96a49c;margin:0 0 20px;display:flex;justify-content:space-between;gap:18px;max-width:540px}.hero-text h1{font:900 clamp(92px,11vw,164px)/.82 var(--font);letter-spacing:-.06em;margin:0 0 24px}.hero-text h1 em{font-style:normal;color:#afc1b8}.fullstop{color:#cfdd7f}.hero-desc{max-width:620px;font-size:20px;line-height:1.75;color:#d2d9d3;margin:0 0 24px}.hero-manifesto{max-width:700px;background:linear-gradient(180deg,rgba(19,24,28,.92),rgba(12,16,19,.88));border:1px solid rgba(169,181,174,.22);box-shadow:0 18px 80px rgba(0,0,0,.28);padding:22px 24px 24px;margin:0 0 28px}.hero-manifesto-kicker{font:800 22px/1.3 var(--font);letter-spacing:.05em;color:#e6ece5;margin:0 0 12px}.hero-manifesto p:last-child{margin:0;color:#bfcbc3;font-size:16px;line-height:1.82}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.solid-button,.outline-button{font:800 17px var(--font);letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:space-between;min-height:54px;gap:24px;padding:15px 18px;transition:background .2s,transform .2s}.solid-button{background:#c0d0bf;color:#0b0d0b}.outline-button{border:1px solid #6a746d;color:#f7faf3}.solid-button:hover,.outline-button:hover{transform:translateY(-2px)}.outline-button:hover{background:#262d2b}.hero-meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:48px;color:#798c88}.hero-meta strong{color:#e3ede1}.hero-art{position:relative;display:flex;justify-content:flex-end}.hero-art-panel{position:relative;width:min(100%,560px);aspect-ratio:5/6;border:1px solid rgba(179,193,186,.18);background:radial-gradient(circle at 50% 40%,rgba(182,196,189,.2),transparent 34%),linear-gradient(145deg,#1a1f25 0%,#090c10 100%);display:flex;flex-direction:column;justify-content:center;padding:28px;box-shadow:0 25px 90px rgba(0,0,0,.45);overflow:hidden}.hero-art-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.15)),linear-gradient(90deg,rgba(255,255,255,.03),transparent 18%,transparent 82%,rgba(255,255,255,.03))}.logo-backing{position:absolute;inset:22px;border:1px solid rgba(130,144,138,.18);transform:rotate(6deg)}.umbra-emblem{position:relative;z-index:1;width:100%;max-width:470px;aspect-ratio:1;object-fit:contain;display:block;margin:auto;filter:contrast(1.05) drop-shadow(0 24px 42px rgba(0,0,0,.4))}.hero-art-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid rgba(160,176,168,.22);font:800 12px/1.4 var(--font);letter-spacing:.16em;color:#a8b9b0}.strap{height:45px;overflow:hidden;background:#c2d1c0;color:#0e1410;display:flex;align-items:center}.strap-inner{min-width:120%;display:flex;gap:45px;align-items:center;justify-content:space-between;white-space:nowrap;font:800 18px var(--font);letter-spacing:.13em}.strap-inner i{font-style:normal}.film-section{padding:110px 0 105px;background:#0e1013}.section-head{margin-bottom:42px}.kicker{color:#a5b6ac;margin:0 0 18px}.kicker span{color:#65716c}.section-head-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head-row h2{font:900 clamp(58px,7vw,110px)/.84 var(--font);letter-spacing:-.05em;margin:0}.section-head-row>p{font:700 13px/1.5 var(--font);letter-spacing:.18em;color:#adbcb3;text-align:right}.film-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);gap:40px;align-items:stretch}.film-shell{background:#17191c;border:1px solid #494e4f;display:flex;flex-direction:column}.film-shell video{width:100%;height:auto;aspect-ratio:1;display:block;background:#07080a;object-fit:contain}.film-under{margin:0;display:flex;justify-content:space-between;gap:20px;padding:18px 22px;color:#9daea4}.film-under span{color:#6e8278}.film-aside{background:linear-gradient(145deg,#202327,#111316 76%);border:1px solid #41494a;padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;align-items:start}.video-aside-number{font:900 clamp(50px,5vw,78px)/1 var(--font);letter-spacing:-.05em;color:#7b8c87;margin:0 0 30px}.small-type{color:#b0c3b7;margin:0 0 12px}.film-aside h3{font:900 clamp(67px,6vw,100px)/.82 var(--font);letter-spacing:-.06em;margin:0 0 15px}.film-aside h3 em{color:#97a9a3}.byline{font:700 24px var(--font);letter-spacing:.05em;color:#bdcfc4;margin:0 0 26px}.film-aside-intro{line-height:1.85;color:#c1cac3;max-width:400px;font-size:15px;margin:0 0 30px}.date-plate{display:flex;flex-direction:column;gap:8px;padding:18px 0 20px;width:100%;border-top:1px solid #626e67;border-bottom:1px solid #626e67}.date-plate span{font:700 11px var(--body);letter-spacing:.16em;color:#a3b3a8}.date-plate strong{font:900 36px/.98 var(--font);letter-spacing:.025em}.pre-release{color:#9eafa6;line-height:1.6;margin:22px 0}.pre-release span{padding:0 5px}.aside-link{display:flex;justify-content:space-between;width:100%;border:1px solid #6f8173;padding:17px 15px;margin-top:auto;font:800 17px var(--font);letter-spacing:.08em}.aside-link:hover{background:#37433b}.debut-section{background:radial-gradient(circle at 20% 45%,#242829,#101215 58%);padding:105px 0 125px;border-top:1px solid #ffffff0d}.debut-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.debut-art{position:relative}.debut-art img{display:block;width:100%;box-shadow:0 15px 75px #0008}.debut-art span{position:absolute;bottom:0;left:0;background:#12171aee;padding:14px 19px;font:800 14px var(--font);letter-spacing:.14em}.upper-sub{margin:45px 0 14px;color:#b6c4bb}.debut-content h2{font:900 clamp(74px,8vw,125px)/.8 var(--font);letter-spacing:-.04em;margin:0 0 22px}.artist-title{font:800 26px var(--font);letter-spacing:.06em;color:#e9ece7;margin:0 0 26px}.debut-copy{line-height:1.9;color:#b6c0b9;font-size:16px;margin:0 0 30px}.mix-title{color:#9caf9e;border-top:1px solid #49534d;padding:23px 0 10px}.mixes{padding:0;margin:0 0 33px;list-style:none;counter-reset:tracks}.mixes li{counter-increment:tracks;border-bottom:1px solid #3b4640;padding:11px 0;color:#d2dbd3;font-size:14px}.mixes li:before{content:counter(tracks,decimal-leading-zero);display:inline-block;width:43px;color:#9aac9e;font:800 15px var(--font)}.debut-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.debut-bottom>div{display:flex;flex-direction:column;gap:5px}.debut-bottom span{font:700 10px var(--body);letter-spacing:.17em;color:#9fac9f}.debut-bottom strong{font:900 27px var(--font)}.debut-bottom a{font:800 15px var(--font);letter-spacing:.09em;border-bottom:1px solid #b9c8b7;padding-bottom:6px}.imprint-statement{background:#becbbe;color:#121917;padding:95px 0 115px}.imprint-statement .kicker{color:#536356}.statement-layout{display:grid;grid-template-columns:1fr 2fr;gap:65px}.statement-layout h2{font:900 clamp(80px,10vw,153px)/.81 var(--font);letter-spacing:-.05em;margin:0 0 27px}.statement-layout h2 em{color:#566b62}.statement-layout p:not(.kicker){font-size:18px;line-height:1.8;max-width:720px;margin:0}.umbre-footer{background:#08090b;padding:55px 0 25px}.footer-layout{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-brand{font:900 42px var(--font);letter-spacing:-.04em}.footer-brand span{color:#a7baab}.footer-layout p{font:700 11px var(--body);letter-spacing:.14em;color:#7f9286}.footer-actions{display:flex;flex-direction:column;align-items:end;gap:12px;font:800 15px var(--font);letter-spacing:.08em;color:#acbcb0}.footer-bottom{display:flex;justify-content:space-between;margin-top:80px;border-top:1px solid #414c45;padding-top:22px;font:700 11px var(--body);letter-spacing:.12em;color:#849387}@media(max-width:1050px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:34px;padding:76px 0 72px}.hero-text h1{font-size:clamp(88px,10vw,132px)}.film-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.debut-layout{gap:45px}}@media(max-width:860px){.frame{width:min(100% - 36px,760px)}.header-line{min-height:72px}.top-nav .nav-quiet{display:none}.top-nav{gap:8px}.top-nav .return{font-size:12px}.hero-layout{grid-template-columns:1fr;gap:16px;padding:66px 0 62px}.hero-text{padding:0}.hero-text h1{font-size:clamp(86px,17vw,146px)}.hero-desc{font-size:18px}.hero-manifesto{padding:18px 18px 20px}.hero-manifesto-kicker{font-size:20px}.hero-meta{margin-top:34px}.hero-art{justify-content:center}.hero-art-panel{width:min(100%,560px);aspect-ratio:1/1.08;padding:22px}.hero-art-meta{flex-direction:column;align-items:flex-start}.section-head-row{align-items:start;flex-direction:column;gap:10px}.section-head-row>p{text-align:left}.film-layout{grid-template-columns:1fr}.film-aside{min-height:0}.debut-layout{grid-template-columns:1fr;gap:45px}.debut-art{width:min(100%,540px);margin:0 auto}.statement-layout{grid-template-columns:1fr;gap:25px}.statement-layout h2{font-size:clamp(75px,14vw,110px)}.film-section,.debut-section{padding:75px 0}}@media(max-width:450px){.frame{width:calc(100% - 30px)}.brand-link{font-size:23px;gap:8px}.brand-divider{height:18px}.top-nav .return{font-size:11px;padding:10px}.hero-text h1{font-size:clamp(70px,18vw,108px)}.eyebrow-index{flex-wrap:wrap}.hero-desc{font-size:15px}.hero-manifesto{padding:16px 16px 18px}.hero-manifesto-kicker{font-size:18px}.hero-manifesto p:last-child{font-size:14px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-meta{gap:15px}.film-section,.debut-section{padding:64px 0}.film-aside h3{font-size:68px}.date-plate strong{font-size:34px}.film-under{font-size:9px}.debut-content h2{font-size:71px}.footer-layout{flex-direction:column}.footer-actions{align-items:start}.footer-bottom{flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Stage 6.2 — continuous UMBRA video playlist */
.film-playlist{border-top:1px solid #3c4645;background:#121619;padding:17px 21px 12px;display:flex;flex-direction:column;gap:12px}
.film-playlist-current{display:flex;flex-direction:column;gap:6px}
.playlist-kicker{display:flex;justify-content:space-between;color:#a7bfb0;font:800 12px var(--font);letter-spacing:.16em}
.film-playlist-current strong{font:800 clamp(18px,2vw,25px) var(--font);letter-spacing:.05em;color:#e8eee8}
.playlist-loop-note{color:#99b09d;font:700 10px var(--body);letter-spacing:.14em}
.playlist-loop-note span{font-size:18px;line-height:10px;vertical-align:middle}
.playlist-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:7px 0 0}
.playlist-buttons[hidden],.playlist-selector[hidden]{display:none}
.playlist-buttons button{border:1px solid #566459;color:#e8eee8;background:#202627;padding:10px 15px;font:800 15px var(--font);letter-spacing:.07em;cursor:pointer}
.playlist-buttons button:hover,.playlist-selector button:hover{border-color:#c4d2c2;background:#334038}
.playlist-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.playlist-selector button{cursor:pointer;border:1px solid #404c46;background:#1a2121;padding:10px 12px;color:#d4dfd8;text-align:left;font:700 14px var(--font);letter-spacing:.04em}
.playlist-selector button[aria-current="true"]{border-color:#bccfbd;background:#2a382f;color:#f0f4ed}
.playlist-feedback{font-size:12px;color:#e0b9a3;line-height:1.4;margin:0}
.playlist-feedback:empty{display:none}
@media(max-width:450px){.film-playlist{padding:12px}.playlist-selector{grid-template-columns:1fr}}

/* Stage 7 — official imprint manifesto */
.statement-layout .umbra-brandline{font:800 22px/1.4 var(--font);letter-spacing:.055em;max-width:760px;margin:0 0 20px;color:#24372c}
.statement-layout .umbra-full-description{font-size:17px;line-height:1.82;max-width:850px;margin:0;color:#1e3027}
.statement-layout p.umbra-brandline{font:800 22px/1.4 var(--font);letter-spacing:.055em;max-width:850px;margin:0 0 20px;color:#24372c}
.statement-layout p.umbra-full-description{font-size:17px;line-height:1.82;max-width:850px;margin:0;color:#1e3027}