:root{--ui-surface:#0b121d;--ui-border:#ffffff24;--ui-accent:#b4d0fb}
[hidden]{display:none!important}.modal-open{overflow:hidden}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:10px 18px;border:1px solid var(--ui-border);border-radius:7px;background:#111d2c;color:#ecf3ff;font-size:13px;transition:background .18s,border-color .18s,transform .18s}.ui-button:hover{background:#1d3048;border-color:#9dbbe488}.ui-button:active{transform:translateY(1px)}.ui-project-open{margin-top:16px}.project-caption>p{font-size:17px;color:#c2c0bb}.ui-menu{display:none}.site-header #motion-toggle{display:flex;align-items:center;gap:10px}.site-header #motion-toggle:before{content:'';width:30px;height:18px;border-radius:12px;background:radial-gradient(circle at 9px 9px,#dbe8fa 0 5px,transparent 6px),#344154}.site-header #motion-toggle[aria-checked=true]:before{background:radial-gradient(circle at 21px 9px,#07111d 0 5px,transparent 6px),#a7c8f5}
.ui-dialog{color:var(--ink);font-family:inherit;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface);padding:34px;box-shadow:0 30px 120px #000a;max-height:90dvh;overflow:auto}.ui-dialog::backdrop{background:#01060cb8;backdrop-filter:blur(7px)}.ui-dialog h2{font-size:42px;line-height:1.1;margin:0 0 12px;font-weight:900}.ui-dialog h3{font-size:25px}.ui-close{position:absolute;left:18px;top:15px;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--ui-border);border-radius:50%;font:26px Arial}.ui-muted{color:#aab6c5;font-size:13px;line-height:1.8}.project-dialog{width:min(960px,92vw)}.project-dialog .eyebrow{padding-left:50px}.ui-tabs{display:flex;gap:4px;background:#030913;border:1px solid var(--ui-border);border-radius:8px;padding:4px;margin:22px 0 16px;width:fit-content}.ui-tabs button{min-height:42px;padding:8px 20px;border:0;border-radius:5px;background:transparent;color:#aab6c5}.ui-tabs button[aria-selected=true]{background:#26374e;color:white}.project-views{height:clamp(240px,48dvh,490px);background:#060c15;border:1px solid var(--ui-border);border-radius:10px;overflow:auto}.project-views>[role=tabpanel]{height:100%;padding:20px}.project-views svg{display:block;width:100%;height:100%}.project-about{max-width:600px;line-height:1.9;padding:12px}.ui-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.ui-skeleton{height:100%;padding:24px;border-radius:8px;background:#172334;animation:skeleton-breathe 1.8s ease-in-out infinite alternate}.ui-skeleton span{display:block;height:13%;margin:14px 0;background:#26364c;border-radius:5px}.ui-skeleton span:nth-child(2){width:65%}.ui-skeleton span:last-child{height:45%}@keyframes skeleton-breathe{to{opacity:.5}}
.ui-sheet{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,92vw);height:100dvh;max-height:100dvh;border-radius:0;padding:85px 30px 30px}.ui-sheet nav{display:flex;flex-direction:column;margin:35px 0}.ui-sheet nav a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ui-border);padding:19px 0;font-size:24px}.ui-sheet nav span{font:11px monospace;color:#7c91ad}.motion-setting{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.motion-setting button{width:48px;height:28px;padding:3px;border:1px solid #61738d;border-radius:30px;background:#26374e}.motion-setting i{display:block;width:20px;height:20px;background:#d4e4fc;border-radius:50%;transform:translateX(-18px)}.motion-setting button[aria-checked=true]{background:#aecaf4}.motion-setting button[aria-checked=true] i{transform:translateX(0);background:#0b1627}.motion-setting button:disabled{opacity:.55}
.ui-services{padding:130px max(var(--pad),calc((100vw - 1100px)/2));}.ui-services h2{font-size:clamp(42px,6vw,76px);font-weight:900;line-height:1.1;margin:0 0 50px}.ui-accordion{border-top:1px solid var(--ui-border)}.ui-accordion details{border-bottom:1px solid var(--ui-border)}.ui-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:23px;gap:20px}.ui-accordion summary::-webkit-details-marker{display:none}.ui-accordion details[open] summary span{transform:rotate(45deg)}.ui-accordion p{max-width:650px;line-height:1.9;color:#b6c1cf;margin:0 0 28px}.ui-accordion summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:5px}
.contact-content{width:min(760px,100%);text-align:right;margin-top:45px}#contact h2{font-size:clamp(52px,7vw,100px)}.contact-content fieldset{border:0;padding:0;margin:0 0 30px}.contact-content legend{font-size:18px;margin-bottom:16px}.inquiry-options{display:flex;flex-wrap:wrap;gap:8px}.inquiry-options label{position:relative;cursor:pointer}.inquiry-options input{position:absolute;opacity:0;width:1px;height:1px}.inquiry-options span{display:block;padding:12px 19px;border:1px solid var(--ui-border);border-radius:7px;font-size:14px}.inquiry-options input:checked+span{background:#233a58;border-color:#9dbbe4;color:white}.inquiry-options input:focus-visible+span{outline:2px solid var(--ui-accent);outline-offset:4px}.ui-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.ui-field{display:flex;flex-direction:column;gap:8px}.ui-field.wide{grid-column:1/-1}.ui-field label{font-size:14px}.ui-field input,.ui-field textarea{font:inherit;font-size:16px;color:var(--ink);background:#0a1320e8;border:1px solid #61738d;border-radius:7px;padding:12px;min-height:46px;width:100%}.ui-field textarea{resize:vertical}.ui-field input:focus,.ui-field textarea:focus{outline:2px solid #97bbed;outline-offset:2px}.ui-field input[aria-invalid=true]{border-color:#ef9f9f}.field-error{color:#ffc0c0;font-size:12px;min-height:18px;margin:0}.demo-note{font-size:12px;color:#acb8c9;line-height:1.8;margin:20px 0}.ui-status{color:#bfd7f8;font-size:14px;min-height:26px}.back-link{margin-top:24px!important}.closing .review-note{margin-top:35px}
@media(max-width:767px){.site-header nav{display:none}.ui-menu{display:flex;align-items:center;gap:10px!important;min-height:40px!important;margin-right:auto!important}.site-header #motion-toggle{display:none}.site-header{justify-content:space-between}.project-caption>p{font-size:13px}.ui-project-open{min-height:36px;padding:6px 12px;font-size:11px;margin-top:10px}.project-caption h3{font-size:52px}.project-caption h3.long{font-size:40px}.ui-dialog{padding:24px 18px;border-radius:12px}.project-dialog{width:calc(100vw - 24px);max-width:none}.ui-dialog h2{font-size:33px}.ui-tabs{width:100%}.ui-tabs button{flex:1;padding:8px;font-size:13px}.project-views{height:38dvh;min-height:230px}.project-views>[role=tabpanel]{padding:10px}.project-about h3{font-size:21px}.project-about{font-size:14px}.ui-dialog-footer{align-items:stretch;flex-direction:column;gap:12px}.ui-dialog-footer .ui-muted{font-size:11px}.ui-sheet{padding:75px 24px 24px;border-radius:0}.ui-services{padding:95px var(--pad)}.ui-services h2{font-size:43px;margin-bottom:35px}.ui-accordion summary{font-size:19px;padding:22px 0}.ui-accordion p{font-size:14px}.ui-fields{grid-template-columns:1fr}.ui-field.wide{grid-column:auto}.inquiry-options span{padding:11px 12px;font-size:12px}.closing{padding-top:90px}.contact-content{margin-top:35px}}
.reduced .ui-skeleton{animation:none}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none}.ui-button{transition:none}}
@media(max-width:767px){.world-media .asset-caption{bottom:14%}.world-panel .device-labels{top:76%}}