@font-face{font-family:NewSans;src:url('./assets/nimbus-sans.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:NewSerif;src:url('./assets/nimbus-roman-italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
:root{color-scheme:dark;--ink:#060713;--silver:#eeecff;--muted:#b8b1d0;--gutter:clamp(1.35rem,3.8vw,4rem);--journey:0;--sky-shift:0px;--sky-scale:1.035;--hero-opacity:1;--star-rise:0px;--about-opacity:1;--about-rise:0px}
*{box-sizing:border-box}html{margin:0;scroll-behavior:smooth;scroll-padding-top:0}
body{margin:0;overflow-x:clip;background:var(--ink);color:var(--silver);font-family:NewSans,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #dacaff;outline-offset:7px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.universe{position:fixed;inset:0;overflow:hidden;background:#050713;pointer-events:none;z-index:-1}
.universe-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 47%;transform:translate3d(0,var(--sky-shift),0) scale(var(--sky-scale));filter:saturate(1.1);will-change:transform}
.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#5c36b329,transparent 65%);mix-blend-mode:screen}
.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#03050c44,transparent 22%,transparent 56%,#06071466 85%,#060713c7)}
.header{position:fixed;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(1.8rem + env(safe-area-inset-top)) var(--gutter) .8rem;pointer-events:none;mix-blend-mode:screen}
.header>*{pointer-events:auto}.identity{display:flex;flex-direction:column;gap:.36rem;text-decoration:none}
/* Exact approved lettering, framed from the 1536x1024 master. */
.wordmark{display:block;position:relative;width:12rem;aspect-ratio:5;overflow:hidden;mix-blend-mode:screen;flex:none}
.wordmark img{position:absolute;width:170.666667%;height:auto;max-width:none;left:-63.111111%;top:-235.555556%;display:block}
.identity-caption{font-size:.75rem;letter-spacing:.14em;color:#cbc4e0;line-height:1.35}
.about-trigger{min-height:44px;min-width:88px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid #cecae84d;padding:0 0 .45rem;font-size:.9375rem;text-decoration:none;transition:border-color .2s,color .2s}
.about-trigger:hover{border-color:#f1e6ff;color:white}.plus{font-size:1.25rem;line-height:1;transition:transform .3s}.about-trigger:hover .plus{transform:translate(2px,-2px)}
.hero{position:relative;height:100vh;height:100svh;min-height:480px}
.star-stage{position:absolute;left:50%;top:12%;width:min(82vw,44svh,33rem);aspect-ratio:1;transform:translate3d(-50%,var(--star-rise),0);opacity:var(--hero-opacity);will-change:transform,opacity;pointer-events:none}
.star-stage canvas,.star-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.star-stage canvas{opacity:0;transition:opacity .55s ease}
.star-fallback{object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 57%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,black 57%,transparent 73%);transition:opacity .55s ease}
.webgl-ready .star-stage canvas{opacity:1}.webgl-ready .star-fallback{opacity:0}
.star-control{position:absolute;inset:0;border:0;padding:0;background:transparent;touch-action:auto;pointer-events:none;cursor:grab;clip-path:polygon(50% 0,65% 32%,100% 50%,65% 68%,50% 100%,35% 68%,0 50%,35% 32%);user-select:none;-webkit-user-select:none}
.webgl-ready .star-control{touch-action:pinch-zoom;pointer-events:auto}
.star-control:active{cursor:grabbing}.star-stage:has(.star-control:focus-visible){filter:drop-shadow(0 0 12px #b49aff88)}
.headline{position:absolute;top:58%;left:0;right:0;margin:0;text-align:center;font-weight:400;font-size:clamp(3.5rem,min(10.6vw,12.3svh),10rem);line-height:.91;letter-spacing:-.065em;user-select:none;opacity:var(--hero-opacity);transform:translateY(calc(var(--journey) * -35px));will-change:opacity,transform}
.metal-text{color:#edeaff;background:linear-gradient(115deg,#faf8ff 7%,#b1bcff 20%,#f5f1ff 33%,#ada3d5 46%,#f9f7ff 56%,#c3a7f2 72%,#e8ebff 88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 35px #7150d016}
.title-main,.title-second{display:block;width:max-content;max-width:100%;margin-inline:auto;padding-inline:.055em}
.title-second{font-family:NewSerif,Georgia,serif;font-style:italic;font-size:1.045em;font-weight:400;line-height:1.08;letter-spacing:-.06em;padding-right:.14em;margin-top:.015em}
.scroll-cue{position:absolute;bottom:5.5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:.85rem;width:max-content;max-width:calc(100% - 3rem);font-size:.875rem;text-align:center;letter-spacing:.015em;color:#cdc5e4;text-decoration:none;opacity:var(--hero-opacity);line-height:1.5}
.scroll-line{height:26px;width:1px;background:linear-gradient(#e7dfff,#b7a4f72b);transform-origin:top}.scroll-cue:hover{color:#fff}
.about-section{position:relative;min-height:100vh;min-height:100svh;padding:clamp(7.5rem,15svh,10rem) var(--gutter) 0;display:flex;flex-direction:column}
.about-content{width:min(100%,72rem);margin:auto;text-align:center}.has-js .about-content{opacity:var(--about-opacity);transform:translateY(var(--about-rise));will-change:opacity,transform}
.eyebrow{margin:0 0 1.6rem;font-size:.75rem;letter-spacing:.22em;color:#c3b8df}
.about-content h2{margin:0 0 2.4rem;font-weight:400;font-size:clamp(2.65rem,6.1vw,6rem);line-height:1.02;letter-spacing:-.055em;outline:none}
.about-content h2 em{font-family:NewSerif,Georgia,serif;font-weight:400;font-size:1.07em}
.about-copy{max-width:40rem;margin:0 auto;font-size:clamp(1rem,1.45vw,1.125rem);line-height:1.7;letter-spacing:.002em;color:#d2cce5;text-wrap:pretty}
.about-copy p{margin:0 0 1.2rem}.about-copy .about-last{color:#ede6ff;margin-top:1.6rem}
.footer{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:3rem 0 calc(1.5rem + env(safe-area-inset-bottom));margin-top:2.5rem;font-size:.75rem;line-height:1.6;color:#b9b1cb}
.footer p{margin:0}.company-name{color:#dfdce9;letter-spacing:.04em}.separator{margin-inline:.55rem}.legal-contact{text-align:right}.legal-contact a{color:inherit;text-decoration:none;text-underline-offset:4px}.legal-contact a:hover{text-decoration:underline;color:#ece6ff}.mobile-rea{display:none}
@media(min-aspect-ratio:19/10){.star-stage{top:12%;width:43svh}.headline{top:57%;font-size:12svh}.header{padding-top:1.2rem}.scroll-cue{bottom:3%}}
@media(max-width:640px){
 .header{padding-top:calc(1.35rem + env(safe-area-inset-top))}.wordmark{width:10.5rem}.identity-caption{font-size:.75rem;letter-spacing:.1em}.about-trigger{min-width:77px;font-size:.875rem;gap:1rem}.universe-image{object-position:center center}
 .star-stage{top:13%;width:min(87vw,44svh)}.headline{top:59%;font-size:clamp(3.3rem,min(19.1vw,11.5svh),5.8rem)}.title-second{font-size:1.02em}
 .scroll-cue{bottom:6%;font-size:.8125rem;gap:.75rem}.scroll-line{height:21px}.about-section{padding-top:7.5rem}.about-content h2{font-size:clamp(2.5rem,9.5vw,3.8rem);margin-bottom:1.8rem}.eyebrow{margin-bottom:1.3rem}
 .about-copy{max-width:34rem;line-height:1.65}.footer{display:block;margin-top:1rem;padding-top:2rem;line-height:1.55;font-size:.75rem;letter-spacing:-.012em}.legal-contact{text-align:left;margin-top:.45rem}.desktop-detail{display:none}.mobile-rea{display:inline}
}
@media(max-height:600px){.hero{min-height:480px}.header{padding-top:.85rem}.identity-caption{display:none}.wordmark{width:9rem}.star-stage{top:12%;width:min(70vw,43svh)}.headline{top:59%;font-size:min(17vw,11svh)}.scroll-cue{bottom:3%;font-size:.75rem;gap:.45rem}.scroll-line{height:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.universe-image{transform:none}.star-stage{transform:translateX(-50%)}.headline,.has-js .about-content{transform:none;opacity:1}.scroll-cue{opacity:1}}
