:root{color-scheme:dark;--ink:#e2e7eb;--muted:#8c9ca9;--line:rgba(183,210,233,.12);font-family:'DM Sans',Arial,sans-serif;background:#030609;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,select,textarea{outline-offset:6px}button:focus-visible,a:focus-visible{outline:1px solid #a8d9ff}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.defs{position:absolute}.experience{height:100svh;min-height:660px;position:relative;overflow:hidden;isolation:isolate;background:#030609}.atmosphere{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 68% 48%,#123679 0,transparent 40%),#030609}.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03060944,transparent 50%),linear-gradient(0deg,#030609bb,transparent 38%,transparent 82%,#03060955);pointer-events:none}canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s}canvas.ready{opacity:1}.grain{position:absolute;inset:0;opacity:.022;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.geometry{position:absolute;left:66%;top:47%;width:min(82vh,69vw);height:min(82vh,69vw);transform:translate(-50%,-50%) rotate(-8deg);stroke:#9ec8eb;stroke-width:.6;opacity:.16}.geometry .ticks{stroke-width:2;opacity:.9}.layout-grid{position:absolute;inset:28px 40px 27px;z-index:-1;border:1px solid var(--line);pointer-events:none}.layout-grid i{position:absolute;width:1px;top:0;bottom:0;background:var(--line);opacity:.4}.layout-grid i:nth-child(1){left:33.333%}.layout-grid i:nth-child(2){left:66.666%}.layout-grid i:nth-child(3){height:1px;width:100%;top:55%;background:linear-gradient(90deg,var(--line),transparent 50%,var(--line))}.layout-grid span{position:absolute;top:55%;left:66.666%;width:7px;height:7px;border:1px solid #9aaebb55;transform:translate(-3px,-3px);background:#071019}.header{display:flex;align-items:center;height:116px;padding:0 72px;gap:60px}.brand{display:inline-flex;width:104px;align-items:center}.brand svg{width:100%;filter:url(#dark-logo)}.header-note{font-size:9px;line-height:1.5;letter-spacing:1.15px;color:#8996a5;margin-left:9px}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:23px;background:#a9c5de09;border:1px solid #a9c5de38;border-radius:2px;padding:13px 17px;font-size:11px;letter-spacing:.1px;transition:background .2s,border-color .2s}.header>.contact-button{margin-left:auto}.contact-button:hover{background:#b7d9fa15;border-color:#aecfe16b}.chevron{display:inline-block;width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);flex:none}.side-label{position:absolute;left:71px;top:40%;font-size:8px;letter-spacing:1.5px;color:#8996a5;writing-mode:vertical-rl;transform:rotate(180deg)}.scene-note{position:absolute;right:9.3%;top:30%;display:flex;gap:17px;align-items:flex-start;font-size:8px;line-height:1.6;letter-spacing:.8px;color:#bdcbd8}.tiny-cross{font-size:18px;line-height:.7;font-weight:300}.copy{position:absolute;left:8.5%;bottom:16.5%;max-width:650px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:400;line-height:1.8;margin:0 0 23px;color:#b0bfcd;display:flex;align-items:center;gap:9px}.eyebrow>span{height:3px;width:3px;background:#a2dfff;border-radius:50%}h1{font-size:clamp(32px,3.15vw,53px);font-weight:300;letter-spacing:-1.8px;line-height:1.14;margin:0}.intro-line{display:block;font-size:.58em;letter-spacing:-.6px;margin-bottom:12px;color:#a8b4c3}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.6px}h1 em{font-size:1.22em;color:#e1edfa}.maintenance{position:absolute;bottom:17%;left:73%;right:5%;border-top:1px solid #a4c7e036;padding-top:20px}.status{display:flex;gap:7px;align-items:center;font-size:7px;letter-spacing:1px;color:#9ca9b7;white-space:nowrap}.status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#91bde4;box-shadow:0 0 9px #72a0df80}.maintenance p{font-size:13px;line-height:1.55;font-weight:300;letter-spacing:-.1px;color:#c1ccd5;margin:13px 0 17px}.text-link{background:none;border:0;border-bottom:1px solid #7892ac66;padding:0 0 7px;display:flex;gap:29px;align-items:center;font-size:10px}.text-link:hover{border-color:#bedbff}.footer{position:absolute;bottom:49px;left:72px;right:72px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.15px;color:#8291a1}.interaction-hint{display:flex;gap:9px;align-items:center}.interaction-hint i{height:11px;width:7px;border:1px solid #8193a780;border-radius:4px;position:relative}.interaction-hint i:after{content:'';position:absolute;top:2px;left:2px;height:2px;width:1px;background:#abc7e1}dialog{color:var(--ink);background:#091019;border:1px solid #60788d55;border-radius:4px;width:min(560px,calc(100% - 32px));padding:0;max-height:calc(100svh - 32px)}dialog::backdrop{background:#000a;backdrop-filter:blur(12px)}.dialog-inner{position:relative;padding:38px}.dialog-close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:25px;font-weight:300;color:#acbac9}.dialog-intro h2,.form-success h2{font-weight:300;font-size:40px;line-height:1.05;letter-spacing:-1px;margin:0}.dialog-intro>p,.form-success>p{color:#9cabb9;font-size:12px;line-height:1.6;margin:16px 0 24px}.dialog-intro .eyebrow{font-size:7px;margin-bottom:16px}form label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#aebcca;margin-bottom:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{border:1px solid #7790a433;background:#ffffff03;color:#e1ebf2;border-radius:2px;padding:12px;width:100%;font-size:12px;min-width:0}select option{background:#0a1320}textarea{resize:vertical;min-height:84px}input::placeholder,textarea::placeholder{color:#72818f;font-size:11px}.form-trap{position:absolute;left:-10000px;visibility:hidden}.form-bottom{display:flex;gap:20px;align-items:center}.form-bottom small{font-size:8px;color:#778b9b;line-height:1.5;max-width:135px}#form-status{font-size:11px;color:#f0b5a3;line-height:1.6}.submit:disabled{cursor:wait;opacity:.6}.form-success{padding:25px 0}.form-success .contact-button{margin-top:15px}
@media(min-width:1700px){.copy{left:11%;bottom:19%}.maintenance{bottom:20%}.header{padding:0 90px}}@media(max-width:900px){.experience{min-height:700px}.header{padding:0 40px;height:100px;gap:25px}.layout-grid{inset:20px}.header-note{display:none}.brand{width:94px}.copy{left:8%;bottom:26%;max-width:520px}h1{font-size:40px}.maintenance{left:auto;right:8%;bottom:11%;width:205px;padding-top:12px}.maintenance p{margin:9px 0;font-size:12px}.scene-note{right:9%;top:23%;font-size:7px}.side-label{left:40px;top:29%}.footer{left:40px;right:40px;bottom:40px}.geometry{left:65%;top:40%;width:85vw;height:85vw}.interaction-hint{display:none}}
@media(max-width:560px){.experience{height:100svh;min-height:740px}.layout-grid{inset:14px}.layout-grid i:nth-child(1){left:50%}.layout-grid i:nth-child(2){display:none}.layout-grid i:nth-child(3){top:46%}.layout-grid span{top:46%;left:50%}.header{height:86px;padding:0 31px}.brand{width:86px}.header .contact-button{padding:10px 11px;gap:14px;font-size:9px}.scene-note{top:20%;right:9%;font-size:6px;letter-spacing:.65px;gap:9px}.side-label{left:31px;top:23%;font-size:6px;letter-spacing:1px}.geometry{left:61%;top:33%;width:111vw;height:111vw}.copy{left:31px;right:25px;bottom:29%;max-width:none}.eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:17px}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.14}.intro-line{font-size:18px;margin-bottom:10px;letter-spacing:-.4px}h1 em{font-size:1.18em}.maintenance{left:31px;right:31px;bottom:10%;width:auto;padding-top:15px}.maintenance p{font-size:12px;line-height:1.5;margin:10px 0 0}.status{font-size:6px;letter-spacing:1px}.text-link{position:absolute;right:0;bottom:4px;gap:17px;font-size:10px}.footer{left:31px;right:31px;bottom:32px;font-size:6px;letter-spacing:.7px}.dialog-inner{padding:29px 22px}.dialog-intro h2{font-size:33px}.form-grid{grid-template-columns:1fr;gap:0}.form-bottom{gap:12px}.form-bottom small{font-size:7px}input,select,textarea{font-size:16px}.form-bottom .contact-button{font-size:11px;gap:13px;padding:12px}.dialog-intro>p{margin-bottom:19px}}
@media(max-width:360px){h1{font-size:29px}.intro-line{font-size:16px}.header{padding:0 26px}.copy,.maintenance{left:26px;right:26px}.brand{width:76px}.header .contact-button{font-size:8px}.maintenance p{font-size:11px}.text-link{font-size:9px;gap:12px}.footer{left:26px;right:26px;font-size:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.interaction-hint{visibility:hidden}}

@media(max-width:560px) and (max-height:740px){.experience{min-height:560px}.copy{bottom:30%}h1{font-size:29px}.intro-line{font-size:16px;margin-bottom:8px}.eyebrow{margin-bottom:12px}.maintenance{bottom:11%;padding-top:12px}.maintenance p{font-size:11px}.footer{bottom:26px}.scene-note{top:19%}}

/* Square optical study: one shared unit keeps the light and its construction aligned. */
.experience{--unit:min(44svh,30vw);--art-y:44%}
.atmosphere{background:#010204}.atmosphere:before{content:'';position:absolute;left:50%;top:calc(var(--art-y) - var(--unit)/2);width:var(--unit);height:var(--unit);background:linear-gradient(140deg,#65d7eb,#173fb7 43%,#080e39 68%,#3a91cd);box-shadow:0 0 35px #1248d248}.atmosphere:has(canvas.ready):before{display:none}
.atmosphere:after{background:linear-gradient(0deg,#01020455,transparent 35%)}
.geometry{left:50%;top:var(--art-y);width:calc(var(--unit)*2);height:calc(var(--unit)*2);transform:translate(-50%,-50%);opacity:.29;stroke:#a3bed2;stroke-width:.55}.geometry .construction-circles{stroke-width:.8;opacity:1}.geometry .ticks{stroke-width:1.1}
.layout-grid i:nth-child(1){left:calc(50% - var(--unit)/2)}.layout-grid i:nth-child(2){left:50%}.layout-grid i:nth-child(3){top:44%;height:1px;width:100%;background:var(--line)}.layout-grid i:nth-child(4){left:calc(50% + var(--unit)/2)}.layout-grid span{left:50%;top:44%;height:3px;width:3px;transform:translate(-1px,-1px)}
.scene-note{right:6%;top:26%;font-size:8px;line-height:1.6}.side-label{top:21%;font-size:7px}
.service-labels{list-style:none;margin:0;padding:0;position:absolute;inset:43% 5% auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;pointer-events:none}.service-labels li{display:flex;gap:11px;align-items:flex-start;font-size:9px;line-height:1.65;letter-spacing:.65px;text-transform:uppercase;color:#e1e9f0;text-shadow:0 1px 8px #000}.service-labels li:nth-child(2){justify-self:start;margin-left:15%}.service-labels li:nth-child(3){justify-self:end}.service-index{font-size:6px;color:#8496aa;line-height:2.4}
.copy{left:5%;bottom:12.5%}.maintenance{bottom:14%;right:5%}.header-note{font-size:8px}.footer{bottom:48px}
@media(min-width:1700px){.copy{left:5%;bottom:13%}.maintenance{bottom:14%}}
@media(max-width:1100px) and (min-width:561px){.scene-note{right:5%;top:21%;font-size:7px}.service-labels li{font-size:8px;letter-spacing:.2px}.copy{bottom:24%;left:6%}h1{font-size:36px}.maintenance{bottom:10%;right:6%;left:auto;width:220px}.side-label{left:40px}.geometry{left:50%;top:44%;width:calc(var(--unit)*2);height:calc(var(--unit)*2)}}
@media(max-width:560px){.experience{--unit:min(33svh,60vw);--art-y:30%}.atmosphere:before{left:calc(50% - var(--unit)/2)}.geometry{left:50%;top:30%;width:calc(var(--unit)*2);height:calc(var(--unit)*2)}.layout-grid i:nth-child(1){left:calc(50% - var(--unit)/2)}.layout-grid i:nth-child(2){display:block;left:50%}.layout-grid i:nth-child(3){top:48%}.layout-grid i:nth-child(4){left:calc(50% + var(--unit)/2)}.layout-grid span{left:50%;top:48%}.side-label{left:27px;top:19%;font-size:5px}.scene-note{right:26px;top:13.5%;font-size:5px;gap:7px}.scene-note .tiny-cross{font-size:11px}.service-labels{inset:46.5% 27px auto;gap:12px;grid-template-columns:1fr 1.1fr 1fr}.service-labels li{font-size:6px;line-height:1.55;letter-spacing:0;gap:4px;display:block}.service-labels li:nth-child(2){margin-left:0;justify-self:center}.service-labels li:nth-child(3){justify-self:end}.service-index{display:block;font-size:5px;line-height:1;margin-bottom:6px}.copy{left:31px;right:25px;bottom:25.5%}h1{font-size:30px}.intro-line{font-size:17px}.copy .eyebrow{margin-bottom:12px;font-size:6px}.maintenance{left:31px;right:31px;bottom:10%;width:auto}.footer{bottom:32px}}
@media(max-width:560px) and (max-height:740px){.copy{bottom:25%}h1{font-size:26px}.intro-line{font-size:15px;margin-bottom:7px}.copy .eyebrow{margin-bottom:9px;font-size:5px}.maintenance{bottom:10.5%;padding-top:10px}.maintenance p{font-size:10px}.status{font-size:5px}.text-link{font-size:9px}.footer{bottom:25px}}
@media(max-width:360px){.service-labels{left:26px;right:26px;gap:8px}.service-labels li{font-size:5.5px}.copy{left:26px;right:26px}h1{font-size:26px}.intro-line{font-size:15px}.maintenance{left:26px;right:26px}}

.space-cursor{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:20;opacity:0;transition:opacity .2s}.space-cursor.visible{opacity:1}.space-cursor:before{content:'';position:absolute;left:-2px;top:-2px;width:4px;height:4px;background:#c8f1ff;border-radius:50%;box-shadow:0 0 5px 2px #3c9bff,0 0 17px 6px #166fff8c,0 0 34px 12px #075af52b}.space-cursor:after{content:'';position:absolute;left:-13px;top:-13px;width:26px;height:26px;border:1px solid #72bbff25;border-radius:50%}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.space-pointer .experience,.space-pointer .experience *{cursor:none}}

@media(min-width:901px){.layout-grid i:nth-child(3),.layout-grid span{top:calc(44% - 3.8px)}}
@media(min-width:361px) and (max-width:560px){.service-labels li{font-size:7px}}

/* The fallback matches the half-transparent optical field as well. */
.atmosphere:before{clip-path:inset(0 0 0 50%)}
.space-cursor:before{box-shadow:0 0 6px 2px #58b2ff,0 0 22px 8px #167fffaa,0 0 48px 17px #075af540}

/* Desktop light occupies the inner-right cell; mobile keeps its existing position. */
.atmosphere:before{left:calc(50% - var(--unit)/2)}
.brand{gap:8px}.brand .brand-mark{width:22px;height:22px;flex:none;filter:none;color:#2965ff}.brand .brand-wordmark{width:calc(100% - 30px);height:auto;flex:none}
@media(max-width:560px){.brand{gap:7px}.brand .brand-mark{width:18px;height:18px}.brand .brand-wordmark{width:calc(100% - 25px)}}

/* Three-bar mark: widths 1 : phi : phi², gaps 1/phi : 1, height phi³. */
.brand{width:auto;gap:7.63932px}.brand .brand-mark{width:32.36068px;height:20px}.brand .brand-wordmark{width:74px}
@media(max-width:560px){.brand{gap:6.111456px}.brand .brand-mark{width:25.888544px;height:16px}.brand .brand-wordmark{width:60px}}
@media(max-width:360px){.brand{gap:5.72949px}.brand .brand-mark{width:24.27051px;height:15px}.brand .brand-wordmark{width:53px}}