:root{--bg:#050b10;--ink:#eef3f7;--muted:#939da7;--line:#c3d4e122;--accent:#dfeeff;--font:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;min-width:1000px;color:var(--ink);background:var(--bg);font:16px/1.75 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.08}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #bed5eb;outline-offset:5px}svg{width:18px;height:18px;flex-shrink:0}p{color:var(--muted)}::selection{background:#b8d5f0;color:#050b10}.wrap{width:calc(100% - 100px);max-width:1680px;margin-inline:auto}.micro{font-size:12px;letter-spacing:.065em;line-height:1.8;text-transform:uppercase}.cosmic-logo{font-size:28px;letter-spacing:-1.6px;font-weight:500;line-height:1}.cosmic-nav{height:92px;display:flex;align-items:center;gap:55px;position:relative;z-index:10}.cosmic-nav nav{display:flex;gap:32px;font-size:14px;margin-left:30px}.cosmic-nav nav a{color:#c8d1d9;transition:color .3s}.cosmic-nav nav a:hover{color:white}.nav-contact{margin-left:auto;display:flex;gap:22px;align-items:center;padding:10px 20px;background:#eff2f5;color:#12181c;border-radius:999px;font-size:13px;line-height:1.7;transition:background .3s}.nav-contact:hover{background:white}.nav-contact svg{width:15px;height:15px}.cosmic-hero{position:relative;isolation:isolate;height:100svh;min-height:840px;max-height:1250px;overflow:hidden;background:#050b10}.star-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2;cursor:grab;touch-action:none}.star-scene:active{cursor:grabbing}.cosmic-hero:before{content:'';position:absolute;inset:0 0 auto;height:145px;background:linear-gradient(#050b10b0,transparent);z-index:-1;pointer-events:none}.cosmic-hero:after{content:'';position:absolute;inset:auto 0 0;height:260px;background:linear-gradient(transparent,#050b10d9);z-index:-1;pointer-events:none}.cosmic-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 24px;border-radius:999px;background:#f0f3f5;color:#141a20;border:1px solid #eef3f7;font-size:14px;line-height:1.5;min-height:55px;transition:background .3s,translate .3s}.cosmic-button:hover{background:#cfe1f1;translate:0 -2px}.text-link{display:inline-flex;align-items:center;font-size:14px;border-bottom:1px solid #e2ecf540;padding-bottom:7px;color:#aebdc9}.scene-hint{position:absolute;left:50%;translate:-50% 0;bottom:122px;font-size:11px;color:#748693;pointer-events:none;letter-spacing:.035em}.origin-labels{position:absolute;inset:42% 0 auto;pointer-events:none}.origin h1{display:flex;justify-content:space-between;gap:300px;align-items:center;font-size:clamp(39px,3.9vw,68px);letter-spacing:-.045em;line-height:1.1}.origin h1 span{max-width:310px}.origin-bottom{position:absolute;bottom:55px;inset-inline:0;display:flex;justify-content:space-between;align-items:flex-end;gap:100px;pointer-events:none}.origin-bottom .micro{color:#92a4b4;margin-bottom:14px}.origin-bottom p:not(.micro){font-size:18px;line-height:1.7;color:#c2cbd2}.origin-bottom>div:last-child{display:flex;align-items:center;gap:35px;pointer-events:auto}.cosmic-footer{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:40px 0 110px;border-top:1px solid var(--line);font-size:14px}.cosmic-footer span{font-size:12px;color:var(--muted)}.cosmic-dock{position:fixed;bottom:14px;left:50%;translate:-50% 0;z-index:40;background:#121a20e8;border:1px solid #b3cad329;color:#cfd9e1;backdrop-filter:blur(18px);display:flex;gap:3px;padding:5px;border-radius:7px;box-shadow:0 5px 30px #0003;font:12px var(--font);white-space:nowrap}.cosmic-dock a,.cosmic-dock button{padding:10px 14px;border:0;border-radius:4px;min-height:35px;display:grid;place-items:center;background:none;color:inherit}.cosmic-dock a:first-child{font-size:21px;line-height:1;padding:7px 10px}.cosmic-dock a[aria-current]{background:#e1e8ed;color:#121b23}.cosmic-dock a:hover,.cosmic-dock button:hover{background:#ffffff20}.cosmic-dock a[aria-current]:hover{background:white}.cosmic-dock button{font-size:16px;border-left:1px solid #ffffff20;border-radius:0}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;color:#000;padding:12px}.skip:focus{top:10px}.reveal{transition:opacity .9s,translate .9s}.reveal.pending{opacity:0;translate:0 25px}.motion-paused .reveal{opacity:1;translate:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;translate:none}}
/* ORIGIN — quiet editorial chapters around a luminous signature */
.origin-manifest{padding:135px 0 120px;text-align:center;max-width:850px}.origin-manifest .micro{margin-bottom:32px;color:#8195a6}.origin-manifest h2{font-size:clamp(55px,4.8vw,80px);letter-spacing:-.045em;line-height:1.12;margin-bottom:40px}.origin-manifest p:not(.micro){font-size:19px;line-height:1.8;max-width:620px;margin:20px auto 0;color:#9eabb6}.cosmic-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;margin-bottom:65px}.cosmic-section-head h2{font-size:52px;letter-spacing:-.045em;line-height:1.15}.cosmic-section-head>p{font-size:16px;line-height:1.8;color:#8395a3}.origin-services{padding:50px 0 115px}.origin-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px}.origin-phases article{border-top:1px solid var(--line);padding-top:24px}.phase-number{font-size:13px;letter-spacing:.06em;color:#7e98ae;display:inline-block}.origin-phases h3{font-size:24px;letter-spacing:-.025em;line-height:1.25;margin:36px 0 22px}.origin-phases p{font-size:16px;line-height:1.85}.origin-responsibility{padding:100px 0 125px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:130px}.origin-responsibility h2{font-size:59px;letter-spacing:-.045em;line-height:1.12;margin:30px 0}.origin-responsibility>div>p:not(.micro){font-size:18px;line-height:1.85;max-width:480px}.cosmic-values article{padding:25px 0;border-bottom:1px solid var(--line)}.cosmic-values article:first-child{padding-top:0}.cosmic-values h3{font-size:22px;letter-spacing:-.025em;line-height:1.3;margin-bottom:15px}.cosmic-values p{font-size:16px;line-height:1.85;max-width:460px}.cosmic-contact{padding-block:110px 120px}.cosmic-contact h2{font-size:clamp(56px,5.8vw,92px);letter-spacing:-.05em;line-height:1.1;margin:30px 0 40px}.origin-contact{border-top:1px solid var(--line);text-align:center}.origin-contact .micro{color:#7f97a9}
/* NEXUS — connections, framed by a calmer asymmetric composition */
.nexus-title{position:absolute;inset:27% 0 auto;pointer-events:none}.nexus-title .micro{color:#849caf;margin-bottom:26px}.nexus h1{font-size:clamp(72px,6.2vw,106px);line-height:1.04;letter-spacing:-.05em;max-width:560px}.nexus-title>p:not(.micro){font-size:18px;line-height:1.8;margin-top:30px;color:#9baab7}.nexus-title .cosmic-button{margin-top:32px;pointer-events:auto}.nexus-bottom{position:absolute;bottom:58px;inset-inline:0;display:flex;justify-content:space-between;align-items:flex-end;gap:70px;pointer-events:none}.nexus-bottom .text-link{pointer-events:auto}.nexus-bottom>p{font-size:14px;text-align:right;line-height:1.8;color:#8a9eae}.nexus-manifest{padding:120px 0}.nexus-manifest>.micro{margin-bottom:70px}.nexus-statements article{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:70px;padding:50px 0;border-top:1px solid var(--line);align-items:center}.nexus-statements article>span{font-size:12px;letter-spacing:.05em;color:#7593aa}.nexus-statements h2{font-size:53px;letter-spacing:-.04em;line-height:1.1}.nexus-statements p{font-size:18px;line-height:1.8;max-width:400px}.nexus-process{padding-bottom:120px}.nexus-phase{display:grid;grid-template-columns:65px 1.2fr 1fr;gap:65px;border-top:1px solid var(--line);padding:32px 0;align-items:start}.nexus-phase h3{font-size:32px;line-height:1.2;letter-spacing:-.03em}.nexus-phase p{font-size:16px;line-height:1.85}.nexus-phase .phase-number{padding-top:7px}.nexus-responsibility{padding:100px 0;background:#0b141d;border-block:1px solid #91b7d714}.nexus-responsibility h2{font-size:63px;letter-spacing:-.045em;line-height:1.12;margin-top:32px}.nexus-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px;margin-top:75px}.nexus-values article{padding-top:24px;border-top:1px solid var(--line)}.nexus-values h3{font-size:21px;letter-spacing:-.025em;line-height:1.3;margin-bottom:18px}.nexus-values p{font-size:16px;line-height:1.85}.nexus-contact{text-align:left}
/* HORIZON — a continuous path into everyday use */
.horizon-title{position:absolute;inset:17% 0 auto;text-align:center;pointer-events:none}.horizon-title .micro{color:#849bad;margin-bottom:24px}.horizon h1{font-size:clamp(60px,5.6vw,95px);letter-spacing:-.045em;line-height:1.1;max-width:1100px;margin-inline:auto}.horizon-bottom{position:absolute;bottom:56px;inset-inline:0;display:flex;justify-content:space-between;align-items:flex-end;gap:75px;pointer-events:none}.horizon-bottom p{font-size:17px;line-height:1.8;color:#9baebb}.horizon-bottom .cosmic-button{pointer-events:auto}.horizon-intro{display:grid;grid-template-columns:1fr 2fr;gap:130px;padding:130px 0 100px}.horizon-intro .micro{padding-top:10px}.horizon-intro h2{font-size:65px;letter-spacing:-.045em;line-height:1.1;margin-bottom:35px}.horizon-intro>div>p{font-size:19px;line-height:1.85;max-width:650px}.horizon-journey{padding-bottom:70px}.journey-station{display:grid;grid-template-columns:1fr 2fr;gap:130px;padding:75px 0;border-top:1px solid var(--line)}.journey-station>div:first-child{display:flex;gap:30px;align-items:baseline;padding-top:9px}.journey-station h2{font-size:58px;letter-spacing:-.045em;line-height:1.12;margin-bottom:30px}.journey-station>div>p:not(.micro){font-size:18px;line-height:1.85;max-width:540px}.journey-station .micro{color:#758fa4;font-size:12px}.horizon-values{padding:50px 0 110px}.horizon-values>.cosmic-section-head{margin-bottom:60px}.horizon-values>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px}.horizon-values article{padding-top:25px;border-top:1px solid var(--line)}.horizon-values h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}.horizon-values article p{font-size:16px;line-height:1.85}.horizon-contact{border-top:1px solid var(--line);text-align:center}
/* Live gallery; the previous experiments remain one click away. */
.cosmic-gallery-nav{height:94px;display:flex;justify-content:space-between;align-items:center;gap:60px;border-bottom:1px solid var(--line);font-size:13px}.cosmic-gallery-nav>span{font-size:12px;letter-spacing:.08em;color:#758997}.cosmic-gallery-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding:45px 0 40px}.cosmic-gallery-intro h1{font-size:clamp(36px,3.6vw,64px);line-height:1.1;letter-spacing:-.05em;margin-top:17px}.cosmic-gallery-intro>p{font-size:14px;line-height:1.8;color:#8496a5}.cosmic-gallery-intro .micro{color:#718796}.cosmic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.cosmic-card{position:relative;isolation:isolate;min-height:500px;height:58vh;max-height:680px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px;border:1px solid #b5cee11a;background:#050b10}.cosmic-card>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.cosmic-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#050b10 3%,#050b10c4 24%,transparent 67%);pointer-events:none}.cosmic-card-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.04em;color:#9cabb6}.cosmic-card-top>span:last-child{font-size:25px;transition:translate .3s}.cosmic-card:hover .cosmic-card-top>span:last-child{translate:3px -3px}.cosmic-card-copy h2{font-size:47px;letter-spacing:-.045em;line-height:1.1;margin-bottom:18px}.cosmic-card-copy p{font-size:14px;line-height:1.8;max-width:320px;margin-bottom:27px}.cosmic-card-copy>span{font-size:13px;color:#c3d0d9;border-bottom:1px solid #a6bec742;padding-bottom:6px}.cosmic-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:25px 0 35px;font-size:12px;color:#8295a4}.cosmic-gallery-footer button{border:1px solid var(--line);background:none;color:#d3dee6;min-width:42px;height:37px;font-size:17px}
.cosmic-card-copy p{min-height:51px}
