/* THREE31AM / NIGHT SHIFT — 2026 rebuild.
   The site canvas is true, uncompromised #000000. All glows are local effects. */
:root {
  --ink:#000000;
  --night:#000000;
  --night2:#101113;
  --paper:#F4F1E9;
  --cream:#E2DDD4;
  --rose:#EB8EAF;
  --salmon:#F3A7C0;
  --orange:#FF7A24;
  --purple:#B0C5CE;
  --signal:#B6FF36;
  --stroke:rgba(235,235,235,.14);
  --muted:#96979B;
}
html,body{background:#000000;}
body{color:var(--paper)}
::selection{background:var(--orange);color:#000}
.grain{opacity:.03;mix-blend-mode:screen;z-index:28}
.site-header{position:relative;z-index:35;height:88px;background:#000000;border-bottom:1px solid #272727}
.site-header::after{content:"";position:absolute;bottom:-1px;left:0;width:20%;height:1px;background:linear-gradient(90deg,var(--orange),transparent);opacity:.7;pointer-events:none}
.wordmark{display:inline-flex;gap:11px;align-items:center;font-size:29px;letter-spacing:-.7px}
.brand-owl{width:49px;height:58px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(230,232,239,.12));flex:none}
.brand-type{display:inline-block;color:#F1F1F2}
.wordmark span:first-child,.footer-logo span:first-child{color:inherit}
.wordmark .brand-type>span:first-child,.footer-type>span:first-child{color:#B3B5B9}
.wordmark .brand-type>.wordmark-dot,.footer-type>span:last-child{color:var(--orange)}
.site-header nav a,.header-pill{font-size:10px;letter-spacing:1.7px}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--orange)}
.header-pill{background:var(--orange);color:#0b0805;border-radius:2px;font-weight:900;padding:15px 18px}
.header-pill:hover{background:#ff994c}
/* Hero: night sky, streetlight ambience and restrained metallic owl badge */
.hero{background:#000000;isolation:isolate;position:relative;min-height:784px;grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);gap:4.2vw;padding-top:83px;padding-bottom:74px}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 45% 46% at 83% 58%,rgba(255,114,22,.085),transparent 75%),radial-gradient(ellipse 30% 45% at 30% 37%,rgba(17,27,38,.31),transparent 90%)}
.night-stars{position:absolute;pointer-events:none;inset:4% 0 3%;z-index:-1;opacity:.35;background-image:radial-gradient(1px 1px at 12% 12%,#fff 99%,transparent),radial-gradient(1px 1px at 30% 22%,#b1c9d9 99%,transparent),radial-gradient(1.3px 1.3px at 68% 8%,#f5d9b2 99%,transparent),radial-gradient(1px 1px at 91% 35%,#f5f5f5 99%,transparent),radial-gradient(1px 1px at 5% 64%,#fff 99%,transparent),radial-gradient(1px 1px at 77% 79%,#fff 99%,transparent);background-size:470px 380px}
.ambient-orange{position:absolute;width:550px;height:600px;right:-145px;bottom:10px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(226,82,9,.09) 0%,rgba(226,82,9,.025) 40%,transparent 70%);filter:blur(30px)}
.hero-halo{border-color:rgba(198,205,218,.1);left:-600px;top:-535px}
.hero-pre{color:var(--orange);font-weight:800;letter-spacing:4.8px;margin:44px 0 19px}
.eyebrow{color:#8D9399;font-size:9px;letter-spacing:1.45px}
.pulse-dot,.live-signal{width:7px;height:7px;display:inline-block;flex:none;border-radius:50%;background:var(--signal);box-shadow:0 0 12px rgba(182,255,54,.45)}
.eyebrow-line{background:#484f52}
.hero h1{font-size:clamp(115px,13.1vw,210px);line-height:.74;letter-spacing:-3px;color:#F4F4F5;text-shadow:0 8px 42px rgba(255,255,255,.06)}
.hero h1>span{color:var(--orange);letter-spacing:-5.5px;text-shadow:0 0 95px rgba(255,105,18,.15)}
.hero h1 i{color:var(--signal)}
.hero-statement{font-size:clamp(29px,3vw,47px);margin-top:39px;color:#F4F1E9}
.hero-statement em{color:#FF9E57}
.hero-description{color:#ADB0B4;font-size:14px;max-width:478px}
.button-orange{color:#100903;background:var(--orange);border-radius:2px}
.button-orange:hover{background:#FFAA65}
.text-link{border-color:#52565B;color:#E0E1E3}
.text-link:hover{color:var(--orange);border-color:var(--orange)}
.hero-note{color:#989EA1;margin-top:58px;flex-wrap:wrap;gap:12px;font-size:9px}
.hero-clock{border-left:1px solid #4a4d50;padding-left:12px;color:#D6A878;letter-spacing:1.5px}
.hero-visual{transform:rotate(1.5deg);max-width:595px;filter:drop-shadow(0 30px 38px #000)}
.hero-visual:after{border-color:rgba(255,122,36,.4);inset:23px -13px -14px 20px}
.frame-label,.photo-meta{color:#a9a9a9;letter-spacing:1.35px}
.hero-photo-wrap{height:558px;border:6px solid #181A1E;background:#000}
.hero-photo-wrap img{filter:brightness(.92) contrast(1.09) saturate(.78) hue-rotate(-4deg);object-position:50% 52%}
.photo-shade{background:linear-gradient(180deg,rgba(2,7,19,.30) 0%,rgba(4,12,26,.13) 26%,rgba(5,13,23,.04) 50%,rgba(0,0,0,.80) 100%),linear-gradient(98deg,rgba(0,8,26,.30),transparent 59%,rgba(239,100,15,.03))}
.scene-legend{color:#fff;font-size:60px;letter-spacing:-1px}
.scene-legend b{color:var(--orange)}
.afterdark-label{position:absolute;right:-34px;top:16%;z-index:4;transform:rotate(-6deg);font-family:var(--title);font-size:32px;line-height:.95;font-weight:900;color:#fff;text-shadow:0 1px 15px #000;letter-spacing:1px;text-align:center;pointer-events:none}
.afterdark-label>span{font-size:20px;color:var(--orange)}
.afterdark-label small{display:block;font-family:var(--body);font-size:7px;letter-spacing:2px;margin-top:9px;color:#B5B5B8}
.hero-owl-seal{position:absolute;width:77px;height:94px;object-fit:contain;left:-19px;bottom:82px;z-index:4;transform:rotate(-6deg);filter:drop-shadow(0 0 18px #000) drop-shadow(0 0 13px rgba(255,255,255,.15));pointer-events:none}
.hero-foot{color:#7D8385}.hero-foot b{color:var(--signal)}
/* Glowing charcoal marquee rather than a massive pink bar */
.ticker{background:#101113;color:#E7E9EB;border-top:1px solid #252527;border-bottom:1px solid #383431;height:62px;box-shadow:0 6px 60px rgba(246,99,15,.07)}
.ticker-track{font-size:30px;letter-spacing:2.5px}
.ticker-track span{color:var(--orange)}
/* Character file */
.content-pad{background:#000}
.section-index{color:var(--orange);border-top-color:#32363A}
.section-index span:last-child{color:#747980}
.meet-heading h2 em,.section-title-row h2 em,.about-copy h2 em{color:var(--orange)}
.meet-heading>p,.section-title-row>p{color:#A0A3A7}
.cast-grid{gap:15px}
.cast-card{border:1px solid #303137;min-height:560px}
.cast-q{background:radial-gradient(ellipse at 50% 54%,#333940 0%,#16191D 57%,#0C0D0F 100%)}
.cast-ocie{border-color:#32333B;background:radial-gradient(ellipse at 52% 54%,#303037 0%,#17171B 62%,#0b0c0f 100%)}
.cast-q::before,.cast-ocie::before{content:"";position:absolute;top:20%;left:-10%;right:-10%;height:54%;background:radial-gradient(ellipse,rgba(255,115,29,.055),transparent 72%);pointer-events:none}
.cast-ocie::before{background:radial-gradient(ellipse,rgba(233,143,186,.08),transparent 74%)}
.cast-card-top{color:#bfc2c5}
.cast-card h3 span{color:var(--orange)}
.cast-ocie h3 span{color:var(--rose)}
.cast-card-bottom p{color:#BCBEC0}
.cast-card-symbol{color:var(--orange)}
/* Dialogue studio keeps it dark; pink only on Ocie's marker */
.conversation-card{background:radial-gradient(ellipse at 84% 88%,rgba(255,122,36,.10),transparent 65%),#141518;color:#F4F4F4;border:1px solid #454342}
.conversation-card:before{color:#222328;opacity:.95}
.convo-top{color:#A9ADB2}
.convo-indicator{color:var(--signal)}
.sample-tag{color:var(--orange)}
.speaker{background:var(--orange);color:#080808}
.speech-ocie .speaker{background:var(--rose);color:#000}
.speech p{background:#25272B;color:#F4F4F4;border:1px solid #3C3E44}
.speech-ocie p{background:#303038;color:#F7F4F6;border-color:#494049}
.convo-controls{color:#B8B9BB;border-top-color:#343434}
.convo-controls button{background:transparent;color:#F5F5F5;border-color:#5F5C5A}
.convo-controls button:hover{background:var(--orange);color:#000;border-color:var(--orange)}
/* Full-bleed manifesto with a controlled orange light edge; never a pink block */
.manifesto{background:#080809;color:#ECEDEF;border-top:1px solid #33302e;border-bottom:1px solid #33302e;padding:84px 5vw 95px}
.manifesto::before{content:"";position:absolute;top:-120px;left:38%;width:32%;height:220px;background:radial-gradient(ellipse,rgba(255,122,36,.18),transparent 72%);filter:blur(25px);pointer-events:none}
.manifesto>span:first-child{position:relative;z-index:1;color:var(--signal)}
.manifesto p{position:relative;z-index:1;color:#fff}
.manifesto strong{color:var(--orange)}
.manifesto .scribble{color:#2B241F;right:2%}
/* Series: different tones, same after-dark universe */
.series-section{background:#000}
.series-panel{border:1px solid #313236;box-shadow:0 16px 35px #000;transition:transform .25s,border-color .25s}
.series-panel:hover{border-color:#FF7A24;transform:translateY(-6px)}
.panel-q{background:#111316}
.panel-q::before{content:"";position:absolute;inset:10% -15% 20%;pointer-events:none;background:radial-gradient(ellipse at 65% 55%,rgba(255,110,24,.1),transparent 61%)}
.panel-q img{filter:brightness(.56) contrast(1.2) saturate(.8);border-bottom:1px solid #313131}
.series-panel h3 span{color:var(--orange)}
.series-panel-bottom p{color:#B6B7B9}
.series-panel-bottom small{color:#C5C7C9}
.panel-331{background:#181A1D;color:#F5F5F5}
.panel-331 .series-panel-bottom p{color:#A8ADB2}
.panel-331 h3 span{color:var(--signal)}
.paper-quote{background:#25282B;color:#F6F5F2;box-shadow:10px 12px #0B0C0E;border:1px solid #606064;transform:rotate(-3deg)}
.paper-quote>span{color:var(--signal)}
.paper-quote p em{color:var(--orange)}
.paper-bottom{border-color:#5A5B60;color:#B2B7B7}
.paper-bottom span{color:var(--signal)}
.panel-iwjt{background:radial-gradient(ellipse at 58% 28%,#3E2117,#141416 62%,#0D0D0F 95%);color:#F4F4F5}
.panel-iwjt .series-panel-bottom p{color:#BFC0C4}
.iwjt-question{color:#5B372C;opacity:.64}
.iwjt-art p i{color:#FF9C57}
.panel-iwjt h3 span{color:var(--orange)}
/* Feed: the true black stays uninterrupted across the page. */
.feed-section{background:#000;color:#F4F4F5}
.feed-section .section-index{border-top-color:#303236;color:var(--orange)}
.feed-section .section-index span:last-child{color:#777B80}
.feed-head h2 em{color:var(--orange)}
.feed-head p{color:#A7ACB0}
.feed-symbol{color:#1F2325}
.filter-row{border-bottom-color:#303235}
.filter{border:1px solid #37383D;background:#0D0E10;color:#D2D3D5;border-radius:1px}
.filter:hover,.filter.active{background:var(--orange);color:#080605;border-color:var(--orange)}
.post-card{background:#151618;color:#F4F4F4;border-color:#37373A}
.post-card p{color:#A5A8AD}
.post-category{color:var(--signal)}
.post-meta{color:#D9AA8C}
.empty-feed{background:radial-gradient(ellipse at 79% 49%,rgba(255,121,26,.10),transparent 40%),#0C0D0F;color:#F4F4F6;border:1px solid #343436}
.empty-feed .empty-index{color:var(--signal)}
.empty-feed h3 em{color:var(--orange)}
.empty-feed p{color:#9CA1A5}
.empty-owl{width:min(31vw,290px);height:auto;max-height:350px;object-fit:contain;opacity:.4;filter:grayscale(1) drop-shadow(0 0 23px rgba(255,255,255,.08))}
/* Last statement and a more deliberate identity lockup */
.about-section{background:#000}
.about-copy>p{color:#A7A9AE}
.about-label{color:var(--signal)}
.about-art{border:1px solid #514136;background:radial-gradient(circle at 60% 37%,rgba(231,113,30,.21),transparent 48%),radial-gradient(circle at 54% 60%,#222324,#0B0D0F 76%)}
.about-art:before{border-color:#ffffff18}
.about-art .about-asterisk{color:var(--orange)}
.small-script{color:var(--signal)}
.footer{background:#000;border-top:1px solid #373735}
.footer-main{align-items:center}
.footer-logo{display:flex;align-items:center;gap:17px}
.footer-owl{width:clamp(65px,8vw,115px);height:clamp(77px,10vw,125px);object-fit:contain;flex:none}
.footer-type{display:inline-block;color:#F1F1F1;font-size:clamp(57px,7.2vw,119px)}
.footer-main p{color:#9F9F9F}
.footer-bottom{border-color:#252628;color:#858687}
.footer-bottom a:hover{color:var(--orange)}
.dialog-backdrop{background:rgba(0,0,0,.91)}
.dialog-panel{background:#101114;border:1px solid #5A4A40}
.dialog-close:hover{color:var(--orange)}
/* small, intentional accent on a single character; Ocie still wears pink */
.cast-ocie .cast-card-top span:first-child{color:var(--rose)}
@media(max-width:1250px){.hero{grid-template-columns:1fr .9fr}.hero h1{font-size:clamp(105px,12.5vw,164px)}.hero-photo-wrap{height:495px}.footer-type{font-size:clamp(60px,7vw,104px)}}
@media(max-width:950px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(82px,12.5vw,120px)}.hero-photo-wrap{height:470px}.afterdark-label{right:-20px;font-size:24px}.hero-owl-seal{width:70px;height:86px;left:-13px}}
@media(max-width:700px){
 .site-header{height:70px;padding:0 19px}
 .brand-owl{width:38px;height:48px}.wordmark{font-size:27px;gap:8px}
 .menu-toggle{border:1px solid #555B60;width:42px;height:42px}
 .site-header nav{top:70px;background:#090A0C;border-bottom:1px solid #444}
 .site-header nav a{font-size:13px}
 .hero{padding:39px 23px 62px;gap:25px;background:#000;min-height:unset}
 .hero-pre{margin:32px 0 12px;color:var(--orange)}
 .hero h1{font-size:clamp(86px,25.6vw,113px);line-height:.79}
 .hero h1>span{letter-spacing:-3px}
 .hero-statement{margin-top:33px;font-size:36px}
 .hero-description{font-size:13px}
 .hero-note{margin-top:30px;gap:8px;font-size:8px}
 .hero-clock{padding-left:7px}
 .hero-visual{width:min(430px,94%);margin:0 auto 0}
 .hero-photo-wrap{height:min(111vw,470px)}
 .afterdark-label{right:-19px;top:12%;font-size:23px}
 .afterdark-label small{font-size:6px;letter-spacing:1px}
 .hero-owl-seal{left:-13px;bottom:65px;width:61px;height:75px}
 .ticker{height:49px;margin:3px 0}
 .content-pad{padding:80px 22px}
 .cast-grid{gap:9px}
 .cast-card{min-height:375px}
 .cast-ocie{background:radial-gradient(ellipse at center,#292B30,#111216 80%)}
 .conversation-card{padding:22px;min-height:405px}
 .manifesto{padding:75px 23px 82px}
 .series-panel{min-height:445px}
 .panel-q img{filter:brightness(.6) contrast(1.1) saturate(.85)}
 .panel-331 .paper-quote{margin:34px 25px 0;min-height:215px}
 .feed-section .filter{padding:11px 12px;font-size:9px}
 .empty-feed{padding:28px 22px;min-height:310px}
 .empty-owl{position:absolute;width:150px;right:-48px;bottom:14px;opacity:.13}
 .empty-feed>div:first-child{position:relative;z-index:1}
 .footer-logo{gap:10px}
 .footer-owl{height:76px;width:65px}
 .footer-type{font-size:clamp(55px,13.5vw,86px)}
 .footer-main p{margin-top:22px}
}
@media(max-width:390px){.brand-owl{width:32px;height:43px}.wordmark{font-size:24px}.hero h1{font-size:25vw}.hero-photo-wrap{height:420px}.afterdark-label{right:-12px;font-size:18px}.cast-card{min-height:340px}}
@media(prefers-reduced-motion:reduce){.hero-owl-seal{animation:none}}
/* Portrait original art: frame the actual faces, not the lower half of the scene. */
.hero-photo-wrap img{object-position:50% 8%}
.panel-q img{object-position:50% 14%}
@media(max-width:700px){.hero-photo-wrap img{object-position:50% 11%}.panel-q img{object-position:50% 12%}}