*{box-sizing:border-box}html{background:#17191c;scroll-behavior:smooth}body{margin:0;color:#f2efe8;background:#17191c;font-family:'Avenir Next','Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ff795b;outline-offset:7px}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.vignette{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 44%,transparent 15%,#17191c20 60%,#17191caa 100%);pointer-events:none;z-index:1}.skip{position:fixed;top:-70px;left:24px;padding:14px 20px;background:#ff795b;color:#17191c;border-radius:30px;z-index:20;font-size:13px}.skip:focus{top:20px}#motion{position:fixed;right:25px;top:24px;width:42px;height:42px;border:1px solid #f2efe822;border-radius:50%;color:#f2efe899;background:#17191c88;z-index:10;cursor:pointer;font-size:15px;backdrop-filter:blur(10px)}#motion:hover{border-color:#ff795b;color:#ff795b}#journey{position:relative}.viewport{min-height:100svh;display:grid;place-items:center;position:relative;padding:60px 20px}#portal,#guide,.progress{display:none}#links{position:relative;width:min(360px,86vw);text-align:center;z-index:5}#links .brand{width:170px;height:auto;margin:0 auto 36px;display:block;filter:drop-shadow(0 0 32px #ff795b20)}nav{display:grid;gap:12px}.social{display:flex;align-items:center;gap:18px;height:66px;padding:0 22px;border:1px solid #f2efe828;border-radius:15px;background:#222427c9;box-shadow:0 12px 40px #0002;backdrop-filter:blur(18px);font-size:15px;transition:transform .2s,border-color .2s,background .2s}.social:hover{transform:translateY(-3px);border-color:#ff795b88;background:#2d2b2bcf}.social.primary{background:#ff795b;color:#17191c;border-color:#ff795b}.social.primary:hover{background:#ff9178}.social svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.social>span:last-child{margin-left:auto;font-size:22px}.people{display:flex;gap:12px;margin-top:4px}.people a{flex:1;padding:16px 10px;font-size:12px;color:#f2efe8ad;border:1px solid #f2efe818;border-radius:12px;background:#17191c80}.people a:hover{color:#ff795b;border-color:#ff795b88}.js #journey{height:320svh}.js .viewport{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;perspective:1000px}.js #portal{display:block;position:absolute;left:50%;top:44%;width:min(510px,69vw);transform:translate(-50%,-50%);z-index:4;will-change:transform,opacity;pointer-events:none}.logo-solid{position:relative;transform-style:preserve-3d}.logo-solid img{width:100%;display:block}.logo-solid .back{position:absolute;inset:0;filter:brightness(.38)}.back1{transform:translate(2px,3px)}.back2{transform:translate(4px,6px)}.back3{transform:translate(6px,9px)}.front{position:relative;filter:drop-shadow(0 0 28px #ff795b18)}.aura{position:absolute;inset:-90%;background:radial-gradient(ellipse,#ff795b0c,transparent 60%);z-index:-1}.js #guide{display:flex;position:absolute;top:77%;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;gap:18px;z-index:6;color:#f2efe8a6;font-size:11px;letter-spacing:1px;white-space:nowrap;padding:12px;transition:color .2s}.js #guide:hover{color:#ff795b}.mouse{height:32px;width:20px;border:1px solid #ff795b66;border-radius:20px;display:grid;justify-items:center;padding-top:7px}.mouse i{height:5px;width:2px;border-radius:2px;background:#ff795b;animation:wheel 1.8s ease-in-out infinite}.chevron{display:none;color:#ff795b;font-size:23px}.js .progress{display:block;position:absolute;bottom:28px;left:50%;transform:translateX(-50%);height:1px;width:80px;background:#f2efe824;z-index:6}.progress i{display:block;height:100%;width:0;background:#ff795b}.js #links{opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}.js #links.reached{visibility:visible;pointer-events:auto}body.reduced #journey{height:auto}body.reduced .viewport{position:relative;min-height:100svh;height:auto}body.reduced #portal,body.reduced #guide,body.reduced .progress{display:none}body.reduced #links{opacity:1!important;transform:none!important;visibility:visible;pointer-events:auto}body.reduced *{animation:none!important;transition:none!important}body.reduced{scroll-behavior:auto}@keyframes wheel{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(9px);opacity:1}}@media(max-width:600px){.js #portal{width:74vw;top:42%}.js #guide{font-size:10px;top:72%;letter-spacing:.4px}.mouse{display:none}.chevron{display:block}#motion{top:18px;right:18px;width:36px;height:36px}.js .viewport{min-height:480px}#links .brand{width:150px;margin-bottom:30px}.social{height:62px}}@media(max-height:600px){#links .brand{width:100px;margin-bottom:15px}.social{height:47px}nav{gap:8px}.people a{padding:12px}.js .viewport{min-height:400px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mouse i{animation:none}}

/* Automatic entry: one screen, no scrolling required. */
.js #journey{height:auto;min-height:100svh}.js .viewport{position:relative;height:100svh;min-height:560px}.js #guide{gap:15px;pointer-events:auto}.js #enter-now{font-size:10px;letter-spacing:.4px;color:#f2efe86b;padding:10px 16px;border:1px solid #f2efe818;border-radius:24px}.js #enter-now:hover{color:#ff795b;border-color:#ff795b66}.js .progress{bottom:35px}.js #links{transition:filter .3s}body.reduced #guide{display:none}@media(max-width:600px){.js .viewport{min-height:520px}.js #guide{top:73%}}@media(max-height:560px){.js .viewport{min-height:440px}.js #guide{top:76%;gap:3px}}

/* Keep the logo centre on the star-field vanishing point on every screen. */
.js #portal{top:44%;transform-origin:50% 50%}

/* Room for all four contact links on shorter screens. */
@media(max-height:740px){#links .brand{width:120px;margin-bottom:22px}.social{height:54px}nav{gap:9px}.people a{padding:13px 10px}}
@media(max-height:560px){#links .brand{width:85px;margin-bottom:12px}.social{height:44px}nav{gap:7px}.people a{padding:10px}.js .viewport{min-height:465px}}