/* Syncromind Project · Coming Soon */
:root {
  --ink: #06090d;
  --silver: #e6eaec;
  --mist: #b5bec4;
  --dim: #7d878e;
}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-width:280px;background:var(--ink);color:var(--silver);font-family:"Avenir Next","Century Gothic","Trebuchet MS",Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
.stage{min-height:100svh;position:relative;isolation:isolate;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 60% 47%,#152029 0%,#04070b 72%)}
.scene-frame{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.scene{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center center;opacity:.96}
.scene--mobile{display:none}
.fish-ghost{position:absolute;right:18%;top:22%;width:min(16vw,250px);aspect-ratio:3.6/1;opacity:.12;filter:blur(1.2px);mix-blend-mode:screen;background:linear-gradient(180deg,rgba(222,232,238,.38),rgba(184,198,205,.08));clip-path:path('M 0.03 0.48 C 0.11 0.21, 0.28 0.10, 0.52 0.14 C 0.69 0.16, 0.82 0.28, 0.88 0.34 C 0.94 0.30, 0.99 0.23, 1.00 0.08 C 1.08 0.29, 1.08 0.70, 1.00 0.91 C 0.99 0.76, 0.94 0.69, 0.88 0.65 C 0.82 0.71, 0.69 0.83, 0.52 0.85 C 0.29 0.89, 0.11 0.78, 0.03 0.52 C 0.12 0.51, 0.18 0.50, 0.25 0.48 C 0.18 0.46, 0.12 0.45, 0.03 0.48 Z');transform:rotate(-6deg)}
/* fallback for browsers without path clip support */
@supports not (clip-path:path('M 0 0')){.fish-ghost{border-radius:48% 38% 42% 55% / 54% 42% 48% 45%;transform:rotate(-6deg)}.fish-ghost::after{content:"";position:absolute;right:-14%;top:27%;width:26%;height:42%;background:inherit;clip-path:polygon(0 50%,100% 0,100% 100%)} }
.hidden-number{position:absolute;color:rgba(208,220,228,.12);font-size:clamp(9px,.58vw,12px);letter-spacing:.45em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,0,0,.65)}
.hidden-number--desktop{left:16.4%;bottom:20.6%;transform:rotate(-12deg)}
.hidden-number--mobile{display:none}
.composure{z-index:1;width:min(100%,1600px);min-height:100svh;position:relative;padding:clamp(35px,5.3vw,100px) clamp(26px,6.1vw,108px) clamp(30px,4.2vw,64px);display:flex;flex-direction:column;justify-content:space-between}
.brandbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.brand{width:min(38vw,490px);min-width:240px;position:relative}
.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 4px rgba(0,0,0,.22))}
.brand-line{margin:14px 0 0 8px;color:#b9c2c6;font-size:clamp(9px,.72vw,12px);font-weight:300;line-height:1.55;letter-spacing:.24em}
.brand-meta{color:#95a3ab;text-align:right;font-size:clamp(8px,.6vw,10px);line-height:1.8;letter-spacing:.19em;opacity:.62}
.announcement{align-self:flex-start;width:min(420px,39%);margin:2% 0 5%;position:relative;transform:translateY(-20px)}
.eyebrow{margin:0 0 16px;font-size:clamp(9px,.68vw,11px);letter-spacing:.33em;color:#ced7dc;line-height:1.65;opacity:.78}
h1{margin:0 0 10px;font-weight:300;font-size:clamp(22px,2vw,34px);line-height:1.12;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.25);color:#d9e0e4}
.status{margin:0;color:#b5bfc5;font-size:clamp(11px,.84vw,14px);line-height:1.8;font-weight:300;letter-spacing:.11em;max-width:28em;opacity:.92}
.bottom-line{text-shadow:0px 1px 5px rgba(0,0,0,.98);display:flex;justify-content:flex-start;align-items:center;gap:30px;padding-top:18px;border-top:1px solid rgba(190,202,209,.16);font-size:10px;line-height:1.8;letter-spacing:.19em}
.bottom-left{display:flex;align-items:center;gap:21px}
.tiny-index{color:#d9e0e4;font-size:11px;letter-spacing:.18em}
.thin-separator{height:1px;width:35px;background:rgba(225,231,233,.36)}
.bottom-copy{color:#87949b}
.indexrail{z-index:1;position:absolute;right:2.1vw;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:11px;writing-mode:vertical-rl;letter-spacing:.3em;font-size:9px;color:#c1cbd0;opacity:.52;pointer-events:none}
.indexrail .hairline{height:110px;width:1px;background:linear-gradient(180deg,transparent,rgba(226,231,234,.55),transparent)}
@media (max-width:970px) and (min-width:661px){
 .composure{padding:4.7vw 5vw}
 .brand{width:42vw}
 .brand-meta{display:none}
 .announcement{width:46%;margin:0 0 8%}
 h1{font-size:clamp(22px,2.6vw,30px);letter-spacing:.15em}
 .indexrail{display:none}
 .hidden-number--desktop{left:15.9%;bottom:20.2%}
}
@media(max-width:660px){
 .stage{min-height:100svh;align-items:stretch;background:#04090e}
 .scene-frame{overflow:hidden}
 .scene--desktop{display:none}
 .scene--mobile{display:block;height:100%;width:100%;object-fit:cover;object-position:center;opacity:1}
 .fish-ghost{right:14%;top:20%;width:38vw;opacity:.14;filter:blur(1px)}
 .hidden-number--desktop{display:none}
 .hidden-number--mobile{display:block;left:12%;bottom:18.8%;font-size:9px;letter-spacing:.36em;transform:rotate(-10deg)}
 .composure{padding:max(env(safe-area-inset-top),32px) 24px max(env(safe-area-inset-bottom),22px);min-height:100svh;justify-content:space-between}
 .brandbar{display:block}
 .brand{width:min(78vw,380px);min-width:0}
 .brand-line{font-size:9px;letter-spacing:.17em;margin:11px 0 0 3px;color:#cbd3d7}
 .brand-meta{display:none}
 .announcement{margin:auto 0 12px;width:100%;padding-top:39svh;transform:none}
 .eyebrow{font-size:9px;letter-spacing:.24em;margin-bottom:10px;color:#d1dae0;opacity:.72}
 h1{font-size:clamp(19px,5.7vw,26px);letter-spacing:.17em;margin:0 0 8px}
 .status{font-size:11px;letter-spacing:.08em;line-height:1.75;max-width:29em;max-width:22em}
 .bottom-line{display:flex;align-items:flex-start;justify-content:flex-start;gap:0;padding:12px 0 0}
 .bottom-left{gap:12px;white-space:nowrap}
 .bottom-copy{font-size:9px}
 .indexrail{display:none}
}
@media (max-width:360px){.composure{padding-left:18px;padding-right:18px}.brand{width:88vw}.brand-line{font-size:8px}.eyebrow{font-size:8px}.status{font-size:10px}h1{font-size:18px}}
@media(max-height:670px) and (min-width:661px){.announcement{margin:0}.composure{padding-top:28px;padding-bottom:25px}.brand{max-width:390px}.brand-line{margin-top:8px}.bottom-line{padding-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Verified fish echo from original LIMINAL cover. It is a decorative atmospheric hint. */
.fish-ghost{background:url("assets/fish-echo.png") center/contain no-repeat !important;clip-path:none !important;width:clamp(150px,19vw,292px);aspect-ratio:344/95;opacity:.19;filter:grayscale(1) blur(1.2px);mix-blend-mode:screen}
@media(max-width:660px){.fish-ghost{width:clamp(115px,35vw,230px);opacity:.17;right:5%;top:26%}}

/* Verified fish echo from original LIMINAL cover. It is a decorative atmospheric hint. */
.fish-ghost{background:url("assets/fish-echo.png") center/contain no-repeat !important;clip-path:none !important;width:clamp(150px,19vw,292px);aspect-ratio:344/95;opacity:.19;filter:grayscale(1) blur(1.2px);mix-blend-mode:screen}
@media(max-width:660px){.fish-ghost{width:clamp(115px,35vw,230px);opacity:.17;right:5%;top:26%}}