@import url('/assets/fonts/fonts.css');

:root{--bg:#060d12;--panel:#0b1920;--panel-light:#122734;--text:#e8f2f8;--muted:#a9bcc6;--accent:#b7dfe9;--accent-bright:#effaff;--line:#9ac9db35;--display:'Space Grotesk',Arial,sans-serif;--body:'Manrope',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark;font-family:var(--body);color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}img{max-width:100%;display:block}svg{width:24px;height:24px;flex-shrink:0}p{color:var(--muted);font-size:17px;line-height:1.7;margin:0}h1,h2,h3{margin:0;font-weight:500}h1{font-family:var(--display);font-size:clamp(68px,7.8vw,118px);font-weight:600;line-height:.98;letter-spacing:-.01em}h1>span{color:var(--accent)}h2{font-size:clamp(34px,3.65vw,54px);line-height:1.12;letter-spacing:-1.6px}h3{font-size:27px;line-height:1.15;letter-spacing:-.5px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.section-wrap{max-width:1440px;margin-inline:auto;padding-inline:6%}.muted{color:var(--muted)}.accent-word{font-family:var(--display);font-weight:400;font-style:italic;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.6px;color:var(--accent);margin-bottom:22px;line-height:1.8}.eyebrow-number{margin-left:20px;color:#a3badb;font-size:9px;letter-spacing:1px}.tiny-cross{font-size:17px;line-height:1}.micro-label{font-family:var(--mono);font-size:9px;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent)}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 23px;background:var(--accent);color:#10274f;font-size:13px;font-weight:600;border:1px solid var(--accent);transition:background .2s,color .2s,transform .2s;position:relative}.button svg{width:19px;height:19px}.button:hover{background:#ffffff;border-color:#ffffff;transform:translateY(-2px)}.button-secondary{background:#0d306e4d;color:var(--text);border:1px solid #ffffff35}.button-secondary:hover{background:#ffffff0b;border-color:var(--accent);color:var(--accent)}.inline-link{display:inline-flex;gap:30px;align-items:center;font-size:13px;background:none;padding:12px 0;border-bottom:1px solid #ffffff30;transition:color .2s,border-color .2s}.inline-link svg{width:19px;height:19px}.inline-link:hover{color:var(--accent);border-color:var(--accent)}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;background:var(--accent);color:#10264e;padding:15px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}

.site-header{height:90px;position:relative;z-index:100;background:#060608f5;border-bottom:1px solid var(--line)}.header-inner{max-width:1560px;margin:0 auto;height:100%;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{height:45px;width:42px;color:var(--accent)}.brand>span{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.15;letter-spacing:1.9px}.brand small{display:block;font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:4px;margin-top:4px}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav>a{font-size:12px;color:#c0d2ee;position:relative;padding:34px 0;white-space:nowrap;transition:color .2s}.site-header nav>a:hover,.site-header nav>a[aria-current]{color:var(--text)}.site-header nav>a[aria-current]:not(.nav-contact):after{content:'';position:absolute;bottom:23px;left:0;width:12px;height:2px;background:var(--accent)}.site-header nav>.nav-contact{padding:12px 15px;margin-left:18px;display:flex;align-items:center;gap:28px;border:1px solid #c9ddff5f;color:var(--accent)}.nav-contact svg{width:15px;height:15px}.site-header nav>.nav-contact:hover,.nav-contact[aria-current]{background:#b7dfe912}.menu-toggle{display:none;background:none;padding:12px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--text);margin:6px 0;transition:transform .2s}

.hero{position:relative;min-height:650px;height:calc(100svh - 90px);max-height:900px;overflow:hidden;background:#092b65}.hero-image{width:100%;height:100%;object-fit:cover;object-position:60% 45%;position:absolute;inset:0}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px #b7dfe950;flex-shrink:0}.hero-content{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;padding:clamp(145px,15vh,200px) 6% 120px}.hero h1{font-size:clamp(74px,7.45vw,112px);font-weight:600;max-width:800px;text-shadow:0 2px 35px #0003}.hero .eyebrow{font-size:10px;margin-bottom:26px;letter-spacing:2.5px}.hero-content p{margin-top:25px;font-size:15px;color:#c6d8f1;line-height:1.8}.hero-actions{display:flex;gap:14px;margin-top:33px}.hero-bottom{position:absolute;bottom:35px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:30px}.scroll-cue{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:8px;letter-spacing:1.6px;color:#c7dcfa}.scroll-icon{display:flex;width:25px;height:36px;align-items:center;justify-content:center;border:1px solid #ffffff30;color:var(--accent);font-size:15px}.scroll-cue:hover .scroll-icon{background:#b7dfe920}.hero-caption{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:8px;letter-spacing:1.7px;color:#b8cdea}.hero-caption .tiny-cross{color:var(--accent)}.hero-index{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--accent)}.hero-index span{color:#9bb5dc;font-size:9px}.hero-corner{position:absolute;width:15px;height:15px;bottom:15px;border-bottom:1px solid #b7dfe950}.corner-left{left:20px;border-left:1px solid #b7dfe950}.corner-right{right:20px;border-right:1px solid #b7dfe950}.principle-strip{min-height:65px;display:flex;gap:20px;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:18px 4%;border-block:1px solid var(--line);font-family:var(--mono);font-size:9px;letter-spacing:1.6px;color:#b4cae8;background:#0b2b65}.principle-strip>span{white-space:nowrap}.principle-strip i{display:inline-block;width:5px;height:5px;background:var(--accent);margin:0 12px 1px 0}.strip-cross{color:var(--accent);font-size:16px}

.products-section{padding-top:105px;padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>.inline-link{flex-shrink:0;margin-bottom:7px}.section-heading>p{font-size:14px;max-width:385px;line-height:1.8}.catalog-note{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:8px;letter-spacing:1px;margin-bottom:22px;color:var(--accent);line-height:1.7}.catalog-note>span:last-child{font-family:var(--body);letter-spacing:0;font-size:12px;color:#abc1e1;margin-left:9px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{min-width:0;border:1px solid #ffffff1c;transition:transform .25s,border-color .25s;background:#0b2a65}.product-card:hover{transform:translateY(-5px);border-color:#b7dfe965}.product-open{display:block;width:100%;padding:0;text-align:left;background:none;height:100%}.product-visual{height:270px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#5995ed1a,transparent 70%),#0c3276;border-bottom:1px solid var(--line)}.product-code,.status-label{position:absolute;z-index:2;top:17px;font-family:var(--mono);font-size:8px;letter-spacing:1px}.product-code{left:18px;color:#adc8ec}.status-label{right:17px;border:1px solid #ffffff22;padding:4px 7px;top:13px;color:#cfe1fa;text-transform:uppercase;font-size:7px}.product-text{padding:25px 25px 22px}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 14px}.product-heading svg{color:var(--accent);width:21px;height:21px}.product-text p{font-size:13px;line-height:1.65;min-height:43px;max-width:280px}.text-link{display:flex;gap:12px;align-items:center;margin-top:25px;font-size:11px;color:#c8dbf5}.text-link span{color:var(--accent);font-size:16px}.device-scene{position:relative;width:100%;height:100%;perspective:800px;overflow:hidden}.device-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.device-orbit{position:absolute;width:75%;height:32%;border:1px solid #b7dfe915;border-radius:50%;bottom:20px;left:12.5%;transform:rotate(-15deg)}.device-orbit:before{content:'';position:absolute;inset:12px;border:1px dashed #b7dfe912;border-radius:50%}.device-caption{position:absolute;bottom:17px;left:18px;font-family:var(--mono);font-size:6px;letter-spacing:1.5px;color:#92afd6}.device-corner{position:absolute;bottom:20px;width:7px;height:7px;border-bottom:1px solid #b7dfe960}.corner-a{left:18px;bottom:33px;border-left:1px solid #b7dfe960}.corner-b{right:18px;border-right:1px solid #b7dfe960}.core-object{width:140px;height:140px;position:absolute;left:calc(50% - 70px);top:calc(50% - 70px);transform:rotateX(52deg) rotateZ(-34deg);transform-style:preserve-3d;filter:drop-shadow(15px 25px 18px #000)}.core-face{position:absolute;inset:0;border:1px solid #e2f2ff;background:linear-gradient(135deg,#a0b7d6,#183968 40%,#7f9cbd);box-shadow:1px 1px 0 #eef8ff,2px 2px 0 #718caf,3px 3px 0 #102950,4px 4px 0 #102950,5px 5px 0 #102950,6px 6px 0 #b1c9e5,7px 7px 0 #0c2852,8px 8px 0 #0c2852,9px 9px 0 #0c2852,10px 10px 0 #afc8e7,11px 11px 0 #0b2a64,12px 12px 0 #0b2a64}.core-face:before{content:'';position:absolute;inset:9px;border:1px solid #b7dfe975;box-shadow:0 0 13px #b7dfe915,inset 0 0 14px #b7dfe915}.core-inner{position:absolute;inset:20px;display:flex;justify-content:center;align-items:center;background:repeating-linear-gradient(0deg,#ffffff05 0px,#ffffff05 1px,transparent 1px,transparent 5px),#153969;border:1px solid #98b7da}.core-inner b{font-family:var(--display);font-weight:500;font-size:23px;color:#edf7ff;letter-spacing:3px}.core-inner span{position:absolute;width:20px;height:2px;background:#bce6ff;box-shadow:0 0 10px #b7dfe9;left:12px;top:12px}.core-inner span:last-child{inset:auto 12px 12px auto}.link-object{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%) rotate(-22deg)}.link-ring{position:absolute;inset:5px;border-radius:50%;border:12px solid #9db4cf;box-shadow:inset 2px 2px 2px #ffffff,inset -3px -3px 4px #000,2px 3px 2px #93afcf,7px 10px 13px #0009;transform:rotateX(55deg)}.ring-one{border-top-color:#f4fbff;border-left-color:#adc9e5;transform:rotateX(48deg) rotateY(20deg)}.ring-two{transform:rotateY(60deg) rotateX(25deg);border-bottom-color:#f5fbff;border-right-color:#91acce}.ring-three{inset:25px;transform:rotateY(5deg) rotateX(62deg);border-width:7px;border-color:#b5ceeb}.link-center{position:absolute;inset:55px;background:radial-gradient(circle at 40% 30%,#ffffff,#c1deff 18%,#315991 48%,#112b55 70%);border:1px solid #e0f2ff;border-radius:50%;box-shadow:0 0 26px #a5d6ff30}.kit-object{width:180px;height:140px;position:absolute;left:calc(50% - 90px);top:calc(50% - 70px);transform:rotateX(46deg) rotateZ(-30deg);filter:drop-shadow(10px 25px 12px #000b)}.kit-board{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 20px,#aac9f220 20px,#aac9f220 21px),repeating-linear-gradient(0deg,#123f7d 0px,#123f7d 20px,#aac9f220 20px,#aac9f220 21px);border:1px solid #9ab7db;box-shadow:1px 1px #a2bad8,2px 2px #143566,3px 3px #143566,4px 4px #143566,5px 5px #143566;clip-path:polygon(0 0,93% 0,100% 9%,100% 100%,0 100%)}.kit-chip{position:absolute;inset:38px 50px;display:grid;place-content:center;color:#edf7ff;font-family:var(--display);font-size:21px;letter-spacing:3px;background:linear-gradient(135deg,#b5cbe6,#15345b);border:3px solid #d9ebff;box-shadow:0 0 0 4px #0b2b61,0 0 0 6px #7699c5,4px 4px 0 6px #061b44}.kit-part{position:absolute;background:linear-gradient(90deg,#d7e9ff 0%,#164176 20%,#6187b2 80%,#d7e9ff);height:18px;width:28px;box-shadow:3px 3px #061b44}.part-one{top:12px;left:14px}.part-two{bottom:12px;left:14px}.part-three{right:12px;top:40px;height:60px;width:15px;background:repeating-linear-gradient(0deg,#dcecff 0px,#dcecff 2px,#153c75 2px,#153c75 6px)}.kit-trace{position:absolute;top:14px;left:53px;width:75px;height:4px;background:#d5efff;box-shadow:0 0 12px #abdfff66}.product-open:hover .core-object{transform:rotateX(47deg) rotateZ(-29deg)}.product-open:hover .link-object{transform:translate(-50%,-50%) rotate(-10deg)}.product-open:hover .kit-object{transform:rotateX(40deg) rotateZ(-25deg)}.core-object,.link-object,.kit-object{transition:transform .6s}

.research-feature{height:580px;max-width:1560px;margin:auto;position:relative;overflow:hidden;border-block:1px solid var(--line)}.research-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.research-feature-content{position:relative;max-width:1440px;margin:auto;padding:108px 6%}.research-feature h2{font-size:59px;line-height:1.1}.research-feature p{font-size:14px;margin-top:24px;color:#c2d5f0}.research-feature .button{margin-top:30px}.feature-caption{position:absolute;bottom:23px;left:6%;right:6%;display:flex;justify-content:space-between;color:#c2d8f4;font-family:var(--mono);font-size:8px;letter-spacing:1.6px}.callout{position:relative;padding-top:65px;padding-bottom:65px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px;overflow:hidden;background:linear-gradient(110deg,#b7dfe908,transparent 60%)}.callout>div{position:relative;z-index:1;max-width:690px}.callout .eyebrow{margin-bottom:15px}.callout h2{font-size:39px;line-height:1.2;letter-spacing:-1px}.callout p{font-size:14px;margin-top:15px}.callout>.button{flex-shrink:0;z-index:1}.callout-orbit{width:370px;height:370px;border:1px solid #b7dfe914;border-radius:50%;position:absolute;right:-70px;top:-60px}.callout-orbit:before{content:'';position:absolute;inset:20px;border:1px dashed #b7dfe914;border-radius:50%}.site-footer{padding:60px 6% 25px;max-width:1440px;margin:auto}.footer-top{display:flex;gap:60px;align-items:center;padding-bottom:45px}.footer-top>p{font-size:13px;line-height:1.65}.back-top{margin-left:auto;display:flex;gap:20px;align-items:center;font-family:var(--mono);font-size:8px;letter-spacing:1px}.back-top span{font-size:21px;color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9cb6d9;font-size:10px}.footer-bottom nav{display:flex;gap:25px}.footer-bottom a:hover{color:var(--accent)}.footer-coordinate{font-family:var(--mono);font-size:7px;letter-spacing:1.3px}

.page-hero{position:relative;padding-top:40px;padding-bottom:75px;overflow:hidden}.page-coordinate{font-family:var(--mono);display:flex;justify-content:space-between;color:#9db9de;font-size:8px;letter-spacing:1.5px;margin-bottom:64px}.page-hero .eyebrow{margin-bottom:24px}.page-hero h1{font-size:clamp(76px,8.2vw,122px)}.page-intro{margin-top:28px;max-width:520px;font-size:17px}.page-hero:after{content:'+';font-family:var(--mono);font-size:28px;font-weight:400;color:#b7dfe945;position:absolute;bottom:65px;right:7%}.catalog-section{padding-top:15px;padding-bottom:50px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--line);padding:11px 17px;color:#b8cdec;font-size:12px;transition:all .2s}.filter:hover{border-color:var(--accent)}.filter.active{color:var(--accent);background:#b7dfe90d;border-color:#b7dfe980}.filter span{font-family:var(--mono);margin-left:13px;font-size:9px}.result-count{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#abc4e7;white-space:nowrap}.catalog-footnote{font-size:12px;margin-top:23px;color:#a1bcdf}.product-philosophy{padding-top:75px;padding-bottom:95px}.product-philosophy h2{font-size:40px;line-height:1.3}.product-philosophy p{margin-top:25px;max-width:600px;font-size:15px}.panorama-image{height:490px;position:relative;overflow:hidden;border:1px solid #ffffff20}.panorama-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b4bb3,transparent 50%)}.panorama-image>img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:25px;left:30px;right:30px;z-index:1;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:1.5px;color:#cddff7}.image-crosshair{position:absolute;inset:20px;border:1px solid #ffffff0a;z-index:1;pointer-events:none}.image-crosshair:before,.image-crosshair:after{content:'+';position:absolute;color:var(--accent);font-family:var(--mono);font-size:18px;top:-10px;left:-5px}.image-crosshair:after{inset:auto -5px -10px auto}.research-directions{padding-block:105px}.research-rows{border-top:1px solid var(--line)}.research-row{display:grid;grid-template-columns:50px 1fr 1fr 30px;gap:30px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}.row-number{font-family:var(--mono);color:#abc3e6;font-size:11px}.research-row h3{margin-top:9px}.research-row p{font-size:14px;line-height:1.8;max-width:370px}.row-plus{font-family:var(--mono);font-size:25px;color:var(--accent)}.process-section{padding-bottom:110px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{position:relative;padding-top:15px}.process-node{display:block;margin:22px 0 30px;border-top:1px solid #ffffff30;position:relative}.process-node:before{content:'';position:absolute;width:5px;height:5px;background:var(--accent);top:-3px;left:0}.process-grid h3{font-size:23px}.process-grid p{font-size:13px;margin-top:14px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-top:20px;padding-bottom:90px}.about-dragon{height:560px;position:relative;overflow:hidden;border:1px solid var(--line)}.about-dragon img{width:100%;height:100%;object-fit:cover;object-position:76% center}.about-dragon:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b4bb3,transparent 35%)}.about-dragon>span{position:absolute;bottom:25px;left:25px;z-index:1;font-family:var(--mono);font-size:8px;letter-spacing:1.4px;color:#e2edff}.story-copy h2{font-size:40px;line-height:1.2;margin-bottom:30px}.story-copy p{font-size:15px;margin-top:20px}.values-section{padding-block:50px 100px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.values-grid article{border-top:1px solid var(--line);padding-top:25px}.value-number{font-family:var(--mono);font-size:11px;color:var(--accent)}.values-grid h3{font-size:24px;margin:32px 0 16px;max-width:220px}.values-grid p{font-size:14px}.mission-hero{position:relative;min-height:740px;overflow:hidden}.mission-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.mission-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061b4beb,#061b4b9c 45%,#061b4b30 100%),linear-gradient(0deg,#060608,transparent 50%)}.mission-content{position:relative;padding-top:100px;padding-bottom:90px}.mission-content h1{font-size:clamp(80px,8vw,120px)}.mission-content>p{margin-top:25px;font-size:18px;color:#d1e1f7}.mission-content .scroll-cue{margin-top:36px}.mission-coordinate{position:absolute;bottom:30px;right:6%;font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#aac4e8}.mission-statement{text-align:center;padding-block:110px;border-bottom:1px solid var(--line)}.mission-statement h2{margin-top:25px;line-height:1.2}.mission-statement p{max-width:650px;margin:25px auto 0;font-size:16px}.mission-principles{padding-block:100px}.mission-list{margin-top:50px}.mission-list article{display:grid;grid-template-columns:50px 1fr 30px;gap:35px;padding:35px 0;border-top:1px solid var(--line)}.mission-list article>span{font-family:var(--mono);font-size:11px;color:var(--accent);padding-top:6px}.mission-list h3{font-size:28px}.mission-list p{max-width:690px;font-size:15px;margin-top:15px}.mission-list svg{color:var(--accent);width:22px;height:22px}

.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;padding-top:30px;padding-bottom:100px}.contact-aside h2{font-size:50px;line-height:1.15}.contact-aside>p{margin-top:25px;max-width:330px;font-size:15px}.contact-detail{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;max-width:360px}.contact-detail>a{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:13px;word-break:break-word}.contact-detail>a:hover{color:var(--accent)}.contact-detail svg{width:15px;height:15px}.contact-detail p{font-size:14px;margin-top:13px}.contact-orbit{width:240px;height:240px;margin-top:45px;border:1px solid #b7dfe930;border-radius:50%;position:relative;display:grid;place-content:center;transform:rotate(-10deg)}.contact-orbit:before{content:'';position:absolute;inset:13px;border:1px dashed #b7dfe930;border-radius:50%}.contact-orbit:after{content:'';position:absolute;top:50%;left:-12px;right:-12px;height:1px;background:#b7dfe91c;transform:rotate(-25deg)}.contact-orbit>span{position:absolute;inset:-15px;border:1px solid #b7dfe912;border-radius:50%}.contact-orbit>b{font-family:var(--display);font-size:35px;line-height:1.1;font-weight:500;letter-spacing:1px;color:#d5e8ff}.contact-orbit i{position:absolute;left:16px;top:48px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #b7dfe955}.contact-form-wrap{border:1px solid var(--line);background:#0b2a64;padding:35px}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.form-symbol{color:var(--accent);font-size:25px}.contact-form-wrap label{display:block;font-size:12px;color:#e0ebfb;margin-bottom:24px}.contact-form-wrap label>span{color:var(--accent);margin-left:4px}.contact-form-wrap label>.optional{font-family:var(--mono);font-size:7px;color:#a1bcdf;letter-spacing:1px;margin-left:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea,select{display:block;width:100%;color:var(--text);background:#082456;border:1px solid #ffffff24;border-radius:0;padding:13px 14px;margin-top:10px;font-size:13px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#8aa6d0}textarea{resize:vertical;line-height:1.6;min-height:100px}select{appearance:auto;min-height:45px}option{background:#0b2a64}.form-footnote{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#b0c6e4;line-height:1.6;margin-bottom:25px}.form-footnote .tiny-cross{color:var(--accent);margin-top:2px}form>.button{width:100%}.message-result{border-top:1px solid var(--line);padding-top:30px;margin-top:35px}.message-result h3{font-size:25px;margin:12px 0}.message-result p{font-size:12px}.message-result textarea{font-family:var(--mono);font-size:11px}.draft-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px}.draft-actions .button{min-height:43px;padding:10px 16px;font-size:11px}.draft-actions .inline-link{font-size:11px;gap:8px}.contact-faq{padding-bottom:110px}.contact-faq details{border-top:1px solid var(--line)}.contact-faq details:last-child{border-bottom:1px solid var(--line)}.contact-faq summary{list-style:none;padding:24px 0;font-size:18px;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.contact-faq summary::-webkit-details-marker{display:none}.contact-faq summary>span{font-family:var(--mono);font-weight:400;color:var(--accent);transition:transform .2s}.contact-faq details[open] summary>span{transform:rotate(45deg)}.contact-faq details p{padding-bottom:25px;max-width:760px;font-size:14px}.product-dialog{width:min(900px,90vw);padding:0;border:1px solid #b7dfe966;background:#0b2a64;color:var(--text);max-height:88svh;overflow:auto}.product-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:12px;z-index:2;width:38px;height:38px;background:#0b2a64;color:var(--accent);font-size:26px;border:1px solid var(--line)}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-visual{min-height:450px;background:radial-gradient(circle,#5697ff22,transparent 65%);position:relative}.device-large .core-object{scale:1.35}.device-large .link-object{scale:1.35}.device-large .kit-object{scale:1.35}.dialog-copy{padding:65px 35px 45px}.dialog-copy h2{font-size:42px;margin-top:15px}.dialog-copy .dialog-eyebrow{font-size:15px;color:#d6e7fc;margin-top:15px}.dialog-copy p{font-size:13px;margin-top:22px}.dialog-copy .button{margin-top:30px;font-size:12px}.dialog-notice{display:block;font-family:var(--mono);font-size:8px;color:#b4caea;line-height:1.6;letter-spacing:.5px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#143b79;color:var(--text);border:1px solid #b7dfe980;padding:15px 25px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:500;max-width:90vw}.toast.show{transform:translate(-50%,0);opacity:1}.error-page{min-height:70vh;padding-top:100px}.error-page p{margin-block:30px}.body-modal{overflow:hidden}

@media(min-width:1600px){.hero-content{padding-top:170px}.hero-image{object-position:center 48%}}
@media(max-width:1100px){.site-header nav{gap:23px}.site-header nav>.nav-contact{gap:15px;margin-left:5px}.brand>span{font-size:21px}.brand-mark{width:37px}.brand small{font-size:7px;letter-spacing:3.4px}.header-inner{padding-inline:4%}.hero h1{font-size:88px}.hero-content{padding-top:155px}.hero-caption{font-size:7px;letter-spacing:1px}.principle-strip{font-size:7px;gap:12px}.product-visual{height:240px}.product-text{padding:22px 20px}.product-heading h3{font-size:25px}.product-grid{gap:16px}.eyebrow-number{display:none}.research-feature h2{font-size:52px}.contact-section{gap:45px;grid-template-columns:.85fr 1.15fr}.contact-form-wrap{padding:28px}.contact-detail>a{font-size:12px}.about-story{gap:45px}.story-copy h2{font-size:35px}.about-dragon{height:520px}.callout h2{font-size:34px}.footer-top{gap:35px}}
@media(max-width:800px){.site-header{height:77px}.header-inner{padding-inline:5%}.menu-toggle{display:block}.site-header nav{position:absolute;top:77px;left:0;right:0;background:#09255cfa;padding:20px 6% 30px;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav>a{padding:16px 0;font-size:15px}.site-header nav>a[aria-current]:not(.nav-contact):after{bottom:10px}.site-header nav>.nav-contact{margin:16px 0 0;justify-content:space-between;padding:16px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.section-wrap{padding-inline:6%}.hero{height:calc(100svh - 77px);max-height:850px;min-height:680px}.hero-image{object-position:64% center}.hero-content{padding-top:170px}.hero h1{font-size:clamp(65px,11.4vw,90px)}.hero-content p{font-size:14px}.hero-bottom{left:6%;right:6%;bottom:30px}.hero-caption{display:none}.hero .eyebrow{font-size:9px;letter-spacing:2px}.principle-strip>span:last-child,.principle-strip>.strip-cross:nth-last-child(2){display:none}.products-section{padding-block:75px}.section-heading{gap:30px;align-items:flex-start}.section-heading h2{font-size:37px}.section-heading>.inline-link{font-size:11px;gap:15px;margin-top:40px}.catalog-note{flex-wrap:wrap;font-size:7px}.catalog-note>span:last-child{flex-basis:100%;margin-left:0;font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-grid>.product-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 10px)}.product-visual{height:245px}.research-feature{height:540px}.research-feature-content{padding-block:105px}.research-feature>img{object-position:63% center}.callout{padding-block:50px;gap:30px;align-items:flex-start;flex-direction:column}.callout>div{max-width:550px}.callout h2{font-size:36px}.callout>.button{margin-top:3px}.site-footer{padding-top:45px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>p{font-size:12px}.back-top{margin-left:auto}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-coordinate{display:none}.page-coordinate{margin-bottom:50px}.page-hero{padding-top:30px;padding-bottom:60px}.page-hero h1{font-size:90px}.page-intro{font-size:16px}.catalog-toolbar{align-items:flex-start}.filters{gap:6px}.filter{padding:10px 12px;font-size:11px}.result-count{padding-top:12px;font-size:8px}.product-philosophy{padding-block:50px 75px}.product-philosophy h2{font-size:33px}.panorama-image{height:360px}.section-heading>p{font-size:12px;max-width:300px}.research-directions{padding-block:75px}.research-row{grid-template-columns:30px 1fr 1fr;gap:20px}.research-row h3{font-size:23px}.research-row p{font-size:12px}.row-plus{display:none}.process-grid{grid-template-columns:repeat(2,1fr);gap:35px}.process-section{padding-bottom:75px}.about-story{grid-template-columns:1fr;gap:45px;padding-bottom:60px}.about-dragon{height:440px}.about-dragon img{object-position:center 40%}.story-copy h2{font-size:40px}.story-copy p{max-width:600px}.values-grid{gap:25px}.values-grid h3{font-size:23px}.values-grid p{font-size:13px}.mission-hero{min-height:690px}.mission-content{padding-top:90px}.mission-content h1{font-size:90px}.mission-statement{padding-block:80px}.mission-principles{padding-block:75px}.contact-section{gap:35px;grid-template-columns:1fr;padding-top:0;padding-bottom:75px}.contact-aside{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.contact-aside .eyebrow{grid-column:1/-1}.contact-aside h2{grid-column:1;grid-row:2/4}.contact-aside>p{margin-top:0}.contact-detail{margin-top:20px;padding-top:20px}.contact-orbit{display:none}.contact-detail>a{font-size:13px}.contact-form-wrap{padding:35px}.contact-faq{padding-bottom:75px}.dialog-layout{grid-template-columns:1fr 1fr}.dialog-visual{min-height:400px}.dialog-copy{padding:60px 25px 35px}.dialog-copy h2{font-size:32px}.device-large .core-object,.device-large .link-object,.device-large .kit-object{scale:1.05}}
@media(max-width:540px){h2{letter-spacing:-1px}.brand>span{font-size:21px}.brand small{font-size:7px;letter-spacing:3.5px}.brand-mark{width:36px;height:39px}.hero{min-height:690px;max-height:900px}.hero-image{object-position:68% center}.hero-content{padding-top:260px;padding-bottom:110px}.hero h1{font-size:clamp(57px,13vw,72px);line-height:1}.hero .eyebrow{margin-bottom:18px;font-size:8px;letter-spacing:1.5px}.hero-content p{font-size:12px;line-height:1.8;margin-top:20px}.hero-actions{gap:10px;margin-top:25px}.button{min-height:48px;padding:13px 15px;gap:17px;font-size:11px}.hero-actions .button-secondary{gap:12px}.hero-actions .button svg{width:16px;height:16px}.hero-bottom{bottom:24px}.hero .scroll-cue{font-size:7px;letter-spacing:1.2px}.principle-strip{justify-content:space-between;gap:10px;font-size:6px;letter-spacing:1px;min-height:54px}.principle-strip>span:nth-child(5),.principle-strip>span:nth-child(4){display:none}.principle-strip i{margin-right:7px}.strip-cross{font-size:12px}.products-section{padding-block:60px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:34px}.section-heading>.inline-link{margin-top:20px;margin-bottom:0}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}.product-grid{grid-template-columns:1fr;gap:23px}.product-grid>.product-card:last-child:nth-child(odd){max-width:none;grid-column:auto}.product-visual{height:280px}.product-text{padding:24px}.product-heading h3{font-size:29px}.product-text p{font-size:14px;min-height:0}.product-text .micro-label{font-size:9px}.text-link{font-size:12px;margin-top:20px}.product-code{font-size:9px}.device-caption{font-size:7px}.core-object{scale:1.15}.link-object{scale:1.15}.kit-object{scale:1.15}.research-feature{height:520px}.research-feature-content{padding-top:88px}.research-feature h2{font-size:43px}.research-feature p{font-size:13px}.research-feature .button{margin-top:28px}.feature-caption{font-size:6px;letter-spacing:1px;bottom:20px}.feature-caption>span:last-child{display:none}.callout{padding-block:45px;gap:25px}.callout h2{font-size:32px;max-width:350px}.callout p{font-size:13px}.site-footer{padding-top:40px}.footer-top{gap:25px;align-items:flex-start;padding-bottom:30px}.footer-top>.brand{width:100%}.footer-top>p{font-size:12px}.back-top{font-size:7px;gap:12px;padding-top:4px}.footer-bottom{padding-top:20px;gap:18px}.footer-bottom>span{width:100%;order:2}.footer-bottom nav{gap:30px;font-size:11px}.page-hero{padding-top:26px;padding-bottom:50px}.page-coordinate{font-size:6px;margin-bottom:45px;letter-spacing:1px}.page-hero h1{font-size:74px}.page-intro{font-size:14px;max-width:330px;margin-top:24px}.page-hero:after{display:none}.catalog-section{padding-top:0;padding-bottom:35px}.catalog-toolbar{display:block}.filters{gap:7px}.filter{font-size:10px;padding:10px 11px}.filter span{margin-left:5px;font-size:8px}.result-count{display:block;margin-top:8px}.catalog-note{margin-bottom:20px}.catalog-footnote{font-size:11px}.product-philosophy{padding-block:35px 65px}.product-philosophy h2{font-size:28px}.product-philosophy p{font-size:14px}.panorama-image{height:280px}.image-label{bottom:20px;left:20px;right:20px;font-size:6px;letter-spacing:1px}.image-label>span:last-child{display:none}.research-directions{padding-block:65px}.section-heading>p{margin-top:20px;font-size:13px;max-width:none}.research-row{grid-template-columns:25px 1fr;gap:15px;padding-block:27px}.research-row p{grid-column:2;font-size:13px;max-width:none}.research-row h3{font-size:27px}.research-row .micro-label{font-size:8px}.process-grid{gap:30px 25px}.process-grid h3{font-size:24px}.process-grid p{font-size:12px}.process-grid .micro-label{font-size:8px}.about-story{padding-top:0;gap:35px}.about-dragon{height:400px}.about-dragon img{object-position:70% center}.story-copy h2{font-size:33px}.story-copy p{font-size:14px}.values-section{padding-top:15px;padding-bottom:65px}.values-grid{grid-template-columns:1fr;gap:30px}.values-grid article{position:relative;padding-left:45px}.value-number{position:absolute;left:0;top:28px}.values-grid h3{margin:0 0 15px;max-width:none;font-size:24px}.values-grid p{font-size:14px}.mission-hero{min-height:650px}.mission-hero>img{object-position:62% center}.mission-content{padding-top:85px}.mission-content h1{font-size:73px}.mission-content>p{font-size:15px}.mission-content .eyebrow{font-size:8px}.mission-content .scroll-cue{font-size:7px}.mission-coordinate{font-size:6px;bottom:25px;left:6%}.mission-statement{padding-block:65px;text-align:left}.mission-statement h2{font-size:34px}.mission-statement p{font-size:14px}.mission-principles{padding-block:65px}.mission-list{margin-top:35px}.mission-list article{grid-template-columns:25px 1fr;gap:15px;padding-block:28px}.mission-list h3{font-size:24px}.mission-list p{font-size:13px;margin-top:13px}.mission-list svg{display:none}.contact-aside{display:block}.contact-aside h2{font-size:40px}.contact-aside>p{font-size:14px;margin-top:20px}.contact-detail{margin-top:25px;padding-top:20px}.contact-detail>a{font-size:14px}.contact-section{gap:35px;padding-bottom:65px}.contact-form-wrap{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.contact-form-wrap label{font-size:12px;margin-bottom:22px}.form-head{margin-bottom:25px}.form-head .micro-label{font-size:8px}.contact-faq summary{font-size:16px;line-height:1.4;padding-block:23px}.contact-faq details p{font-size:13px}.contact-faq{padding-bottom:65px}.dialog-layout{grid-template-columns:1fr}.dialog-visual{min-height:240px;height:240px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:34px}.dialog-copy p{margin-top:17px}.dialog-copy .button{margin-top:22px}.dialog-notice{margin-top:20px}.product-dialog{max-height:90svh;width:90vw}.dialog-close{top:10px;right:10px}.toast{width:88%;text-align:center;font-size:12px}.error-page h1{font-size:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-card:hover,.button:hover{transform:none}}
@media(max-width:540px){.page-hero h1{font-size:clamp(58px,18.5vw,74px)}.mission-content h1{font-size:clamp(59px,18.5vw,73px)}}




/* Orbital gardens: clear silver typography, subtle emerald and blue light,
   with native-resolution artwork and text placed in composed negative space. */
:root {
  --mint: #9de2c8;
  --ice: #e7f2fa;
  --gold: #d2b77b;
  --silver-metal: linear-gradient(120deg, #c4d8e6, #f3fbff 33%, #a8c4d5 67%, #e2f0f5);
  --space-surface: radial-gradient(ellipse at 0% 20%, #124f3c25, transparent 60%), radial-gradient(ellipse at 100% 80%, #194b7929, transparent 60%), #070e13;
}
body { background: var(--space-surface); font-weight: 400; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; color: var(--ice); }
h1, h2 { -webkit-text-stroke: .35px #8eb9d8; paint-order: stroke fill; }
h1 { line-height: 1.04; letter-spacing: -.055em; }
h2 { letter-spacing: -.045em; }
h3 { letter-spacing: -.035em; }
p { color: var(--muted); font-size: 16px; line-height: 1.8; }
.accent-word { color: #c4e7eb; font-family: var(--display); font-style: normal; font-weight: inherit; }
h1>span { color: #deedf7; }
.site-header { background: var(--space-surface); border-bottom: 1px solid #c1dbe234; box-shadow: none; }
.brand-mark { color: #c9dfe9; filter: drop-shadow(0 0 7px #79bddd2b); }
.brand>span { font-family: var(--display); font-size: 19px; font-weight: 500; letter-spacing: 1.2px; line-height: 1.15; }
.brand small { font-size: 8px; letter-spacing: 3.35px; margin-top: 6px; }
.site-header .brand, .site-header nav>a { color: #dfebf4; -webkit-text-stroke: .3px #6d9fc2; paint-order: stroke fill; background: none; text-shadow: 0 0 16px #6cb6df12; }
.site-header nav { gap: 30px; }
.site-header nav>a { font-size: 13px; font-weight: 500; }
.site-header nav>a:hover, .site-header nav>a[aria-current] { color: #fff; }
.site-header nav>a[aria-current]:not(.nav-contact):after { width: 16px; background: #9de2c8; box-shadow: 0 0 10px #75d4b545; }
.site-header nav>.nav-contact { background: none; border-color: #8db7cc77; box-shadow: none; }
.site-header nav>.nav-contact:hover { background: none; border-color: #c6e7f4; }
.button, .inline-link { font-size: 13px; font-weight: 500; }
.button { border-radius: 2px; }
.button:not(.button-secondary), .skip-link { background: var(--silver-metal); color: #10242d; border-color: #d5e8ee; box-shadow: inset 0 1px #fff9, 0 4px 24px #6eb4cd0d; }
.button:not(.button-secondary):hover { background: linear-gradient(120deg, #dbf3ed, #fff 40%, #bad9e8); border-color: #e6fffc; }
.button-secondary { background: #163a3612; color: #d6edf2; border-color: #89b9c35c; }
.button-secondary:hover { background: #9ad8ce0c; border-color: #bce5de; }
.eyebrow, .micro-label { color: #a8c9d2; font-size: 10px; letter-spacing: 1.7px; }
.tiny-cross { color: var(--mint); }
.status-dot { background: #9ddbc3; box-shadow: 0 0 10px #6ccda55e; }
.hero { max-width: 1560px; margin-inline: auto; height: auto; min-height: 0; max-height: none; background: var(--space-surface); overflow: visible; }

.hero-stage, .research-feature-stage { position: relative; isolation: isolate; }
.hero-image, .research-feature-stage>img { position: static; display: block; width: 100%; height: auto; object-fit: contain; opacity: 1; filter: none; mask-image: none; }
.hero-image-copy { position: absolute; left: 6%; top: 22%; width: 43%; z-index: 1; }
.hero-image-copy>.eyebrow { font-size: clamp(8px,.8vw,11px); margin-bottom: 24px; letter-spacing: 2px; color: #b7d9e8; }
.hero h1 { font-size: clamp(48px,6.3vw,98px); line-height: 1.06; letter-spacing: -.06em; text-shadow: 0 2px 18px #02090f75; font-weight: 500; }
.hero h1 span { color: #e5f4fd; }
.hero-content { position: static; max-width: none; width: auto; margin: 0; padding: 35px 6% 28px; display: flex; align-items: center; justify-content: space-between; gap: 36px; border-top: 1px solid #9fc5cf35; }
.hero-content p { font-size: 14px; margin: 0; color: #aec2cc; line-height: 1.8; }
.hero-actions { margin: 0; flex-shrink: 0; gap: 12px; }
.hero-bottom { position: static; padding: 0 4% 28px; }
.hero-caption { color: #82a3b0; font-size: 8px; }
.hero-index { color: #d8e8ee; }
.hero-corner { display: none; }
.principle-strip { background: var(--space-surface); border-color: #9fc7cc3d; color: #9eb7c4; font-size: 9px; letter-spacing: 1.4px; }
.principle-strip i { background: #9ddbc3; box-shadow: 0 0 10px #72d4af4d; }
.strip-cross { color: #85b6b4; }
.section-heading h2 { font-size: clamp(32px,3.55vw,51px); }
.catalog-note { font-size: 9px; color: #8ec5bd; }
.catalog-note>span:last-child { font-size: 13px; color: #8fa8b8; }
.product-card { background: radial-gradient(ellipse at 10% 0%, #276a5630, transparent 65%), linear-gradient(145deg, #102029, #0b1420); border-color: #91c3d03d; box-shadow: inset 0 1px #daf8ee0e, 0 18px 38px #0002; }
.product-card:hover { border-color: #a7d6d5a3; box-shadow: inset 0 1px #d4fff528, 0 18px 40px #173c4829; }
.product-visual { background: radial-gradient(ellipse at 20% 15%, #3d8e702e, transparent 68%), radial-gradient(ellipse at 85% 80%, #406da637, transparent 65%), #0a1621; border-color: #a2ced13d; }
.product-code { color: #95b9c6; font-size: 9px; }
.status-label { color: #a4d8c3; background: #17342c73; border-color: #82c5ac4d; font-size: 8px; }
.product-text { background: linear-gradient(125deg, #0f211d2b, #11233712); }
.product-text .micro-label { color: #91b8bd; font-size: 9px; }
.product-heading h3 { font-family: var(--display); color: #e3f1f7; font-size: 26px; font-weight: 500; }
.product-heading svg { color: #9ed5c8; }
.product-text p { font-size: 14px; line-height: 1.8; color: #a9bdc9; }
.text-link { color: #c6e1e5; font-size: 12px; }
.device-caption { color: #6d929f; font-size: 7px; }
.core-face { background: linear-gradient(135deg, #cbdae3, #243d4b 44%, #9eafbb); }
.core-inner { background: repeating-linear-gradient(0deg,#dcefff09 0,#dcefff09 1px,transparent 1px,transparent 5px),#12292f; border-color: #8aaeb8; }
.core-inner span, .kit-trace { background: #beffe4; box-shadow: 0 0 12px #8be8bd85; }
.core-inner b { color: #dceef0; }
.core-face:before { border-color: #b7dddfad; }
.link-center { background: radial-gradient(circle at 35% 25%, #fff, #dceeff 14%, #739fb6 35%, #153d40 65%, #d8edf0 96%); }
.link-ring { border-color: #c0d4dc; }
.kit-board { background: repeating-linear-gradient(90deg,transparent 0,transparent 20px,#97d2c122 20px,#97d2c122 21px),repeating-linear-gradient(0deg,#133039 0,#133039 20px,#97d2c122 20px,#97d2c122 21px); border-color: #84b3b9; }
.kit-chip { color: #eaf6fb; background: linear-gradient(135deg,#8babbc,#163440); border-color: #c0dce1; }
.research-feature { height: auto; max-width: 1560px; overflow: visible; background: var(--space-surface); border-color: #98bfc83b; }
.research-image-copy { position: absolute; top: 9%; left: 25%; width: 50%; text-align: center; }
.research-image-copy h2 { font-size: clamp(32px,3.9vw,61px); font-weight: 500; line-height: 1.12; letter-spacing: -.05em; color: #edf8fe; text-shadow: 0 2px 16px #01070fbb; }
.research-image-copy .accent-word { color: #c9eee3; }
.research-feature-content { position: static; width: 100%; max-width: none; padding: 35px 6%; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid #9fc5cf35; }
.research-feature-content .eyebrow { margin-bottom: 15px; }
.research-feature p { font-size: 14px; margin: 0; color: #a7c0ca; }
.research-feature .button { margin: 0; flex-shrink: 0; }
.feature-caption { position: static; padding: 0 6% 24px; font-size: 8px; color: #7f9faa; }




.callout { background: radial-gradient(ellipse at 15% 80%, #21674d25, transparent 60%), radial-gradient(ellipse at 90% 20%, #33588833, transparent 60%), #081117; border-color: #a5c3c740; }
.callout-orbit { border-color: #83b9b143; }
.site-footer { background: var(--space-surface); max-width: none; border-top: 1px solid #8fb8c73b; }
.footer-top, .footer-bottom { max-width: 1267px; margin-inline: auto; }
.site-footer .brand { color: #d7e7ee; }
.footer-top>p { font-size: 13px; }
.footer-bottom { font-size: 11px; color: #8ca8b6; }
.footer-coordinate { font-size: 8px; }
.page-hero h1 { font-size: clamp(62px,7.5vw,108px); }
.page-intro { font-size: 17px; line-height: 1.8; }
.filters { flex-wrap: wrap; }
.filter { font-size: 12px; color: #a7c2cd; }
.filter.active { color: #d3f0e3; background: #69c39a13; border-color: #9ccebd88; }
.catalog-footnote { color: #85a3b4; }
.panorama-image:after, .about-dragon:after { display: none; }
.image-label, .about-dragon>span { color: #d5e7e9; padding: 10px 14px; background: #0b1b22e6; border: 1px solid #9ec6c44d; font-size: 8px; }
.mission-shade { background: linear-gradient(90deg,#061312ed,#06121a94 48%,#06121a0d),linear-gradient(0deg,#061117,transparent 45%); }
.mission-content h1 { font-size: clamp(60px,7.3vw,105px); }
.research-row p, .process-grid p, .values-grid p, .mission-list p, .story-copy p, .contact-aside p, .contact-faq p { font-size: 15px; }
.contact-form-wrap, .product-dialog { background: radial-gradient(ellipse at 0% 0%,#215d4529,transparent 60%),linear-gradient(145deg,#102028,#0a1521); border-color: #a6cbd647; box-shadow: inset 0 1px #def9f10f; }
.contact-form-wrap label { font-size: 13px; color: #d7e8ed; }
input, textarea, select { background: linear-gradient(115deg,#091b19,#0b1723); color: #ddecf3; border-color: #91b6ca45; font-size: 15px; caret-color: #c8eee5; }
input:focus, textarea:focus, select:focus { border-color: #acd7d7; box-shadow: 0 0 0 2px #95cfc21a; }
input::placeholder, textarea::placeholder { color: #7895a5; opacity: 1; }
option { color: #ddecf3; background: #102129; }
.form-footnote { font-size: 12px; color: #9bb4c1; }
.contact-detail>a { font-size: 14px; overflow-wrap: anywhere; }
.contact-orbit { background: radial-gradient(ellipse at 25% 20%,#58c39a13,transparent 65%),radial-gradient(ellipse at 90% 80%,#76b9e21c,transparent 70%); border-color: #8cb9bf6b; }
.contact-orbit>b { color: #cee3e9; font-family: var(--display); }
.dialog-close, .toast { background: #0c1c23; color: #daebf1; border-color: #9ac3cc6b; }
.dialog-copy p { font-size: 14px; }
.dialog-notice { color: #9ab7c0; }
.product-dialog::backdrop { background: #02090de6; }
@media (max-width: 1080px) {
  .site-header nav { gap: 20px; }
  .brand>span { font-size: 17px; }
  .brand small { font-size: 7px; letter-spacing: 2.9px; }
  .hero-content { gap: 25px; }
  .hero-content p { max-width: 42%; }
  .hero-content p br { display: none; }
}
@media (max-width: 800px) {
  .site-header nav { background: linear-gradient(120deg,#0b201c,#0b1928); gap: 0; }
  .site-header nav>a { font-size: 15px; }

  .hero-image-copy { left: 5%; top: 21%; width: 44%; }
  .hero h1 { font-size: clamp(38px,6.3vw,56px); }
  .hero-image-copy>.eyebrow { font-size: 7px; letter-spacing: 1.2px; margin-bottom: 15px; }
  .hero-content { display: block; padding: 28px 6%; }
  .hero-content p { max-width: none; font-size: 14px; }
  .hero-content p br { display: initial; }
  .hero-actions { margin-top: 23px; }
  .hero-bottom { padding-inline: 6%; }
  .section-heading h2 { font-size: 36px; }
  .research-image-copy { left: 23%; width: 54%; top: 8%; }
  .research-image-copy h2 { font-size: clamp(26px,3.9vw,36px); }
  .research-feature-content { display: block; padding: 28px 6%; }
  .research-feature .button { margin-top: 24px; }
  .page-hero h1 { font-size: clamp(52px,8.7vw,76px); }
  .catalog-note>span:last-child { font-size: 12px; }
}
@media (max-width: 540px) {
  .brand>span { font-size: 18px; letter-spacing: 1px; }
  .brand small { font-size: 7px; letter-spacing: 3.1px; }

  .hero-image-copy { top: 21%; }
  .hero-image-copy>.eyebrow { display: none; }
  .hero h1 { font-size: clamp(24px,7.2vw,38px); letter-spacing: -.06em; }
  .hero-content { padding: 25px 6%; }
  .hero-content p { font-size: 12px; }
  .hero-actions { gap: 9px; flex-wrap: wrap; margin-top: 20px; }
  .hero-actions .button { font-size: 11px; padding: 13px 14px; }
  .hero .scroll-cue { font-size: 7px; }
  .hero-index, .hero-index span { font-size: 9px; }
  .hero-bottom { padding-bottom: 22px; }
  .principle-strip { font-size: 7px; letter-spacing: .9px; }
  .section-heading h2 { font-size: 32px; }
  .product-heading h3 { font-size: 27px; }
  .product-text p { font-size: 14px; }
  .research-image-copy { left: 20%; width: 60%; top: 8%; }
  .research-image-copy h2 { font-size: clamp(18px,4.7vw,25px); line-height: 1.15; }
  .research-feature-content { padding: 26px 6%; }
  .research-feature p { font-size: 12px; }
  .research-feature .button { font-size: 11px; }
  .feature-caption { font-size: 7px; }
  .page-coordinate { font-size: 6px; }
  .page-hero h1 { font-size: clamp(37px,9.4vw,51px); }
  .page-intro { font-size: 15px; }
  .mission-content h1 { font-size: clamp(37px,10.4vw,56px); }
  .mission-content .eyebrow { font-size: 8px; }
  .footer-bottom, .footer-bottom nav { font-size: 10px; }
  .contact-detail>a { font-size: 12px; }
  input, textarea, select { font-size: 16px; }
}
@media (forced-colors: active) {
  h1, h2, .site-header .brand, .site-header nav>a { -webkit-text-stroke: 0; text-shadow: none; }
  .button { border: 1px solid ButtonText; }
}

/* Subtle botanical metalwork for the shared frame; the artwork remains clear. */
:root { --gold-24k: linear-gradient(115deg, #987022, #e7c674 19%, #fff0ae 35%, #bd8b2a 53%, #f5db8e 78%, #b98b32); }
.site-header, .site-footer { position: relative; isolation: isolate; }
.site-header { border-bottom-color: #c7a44e7a; box-shadow: inset 0 -1px #f7de8f13; }
.site-footer { border-top-color: #c7a44e7a; box-shadow: inset 0 1px #f7de8f13; }
.site-header::before, .site-header::after, .site-footer::before, .site-footer::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 270px;
  background: url('/assets/botanical-gold-fronds.svg') right bottom / auto 100% no-repeat;
  pointer-events: none; z-index: -1; opacity: .36;
}
.site-header::before, .site-footer::before { left: 0; transform: scaleX(-1); }
.site-header::after, .site-footer::after { right: 0; }
.site-footer::before, .site-footer::after { width: 390px; background-size: contain; opacity: .26; }
.site-header .brand-mark, .site-footer .brand-mark { color: #e8cc7d; filter: drop-shadow(0 0 6px #f0cb5930); }
.site-header nav>a[aria-current]:not(.nav-contact):after { background: var(--gold-24k); box-shadow: 0 0 8px #e6bf6540; }
.footer-bottom { border-top-color: #d8b35430; }
.research-image-actions { position: absolute; left: 6%; right: 6%; bottom: 7%; display: flex; align-items: center; justify-content: center; gap: 16px; z-index: 1; }
.button.button-gold {
  min-width: 196px; min-height: 54px; justify-content: space-between;
  color: #f2d58c; border: 1px solid transparent;
  background: linear-gradient(#080d10, #080d10) padding-box, var(--gold-24k) border-box;
  box-shadow: inset 0 1px #f6df9b1c, 0 4px 18px #0005;
  text-shadow: 0 0 10px #eccb6912;
}
.button.button-gold:hover { color: #ffe9aa; border-color: transparent; background: linear-gradient(#14221d, #0b141c) padding-box, var(--gold-24k) border-box; box-shadow: inset 0 1px #fff0b333, 0 6px 22px #0006; }
.button.button-gold:focus-visible { outline-color: #ffe8a0; }
.research-feature .research-image-actions .button { margin: 0; }
.join-team { position: relative; display: grid; grid-template-columns: 1.3fr 1fr; gap: 9%; align-items: center; padding-block: 100px; background: radial-gradient(ellipse at 0% 100%, #1c664023, transparent 58%), radial-gradient(ellipse at 100% 0%, #1a50752b, transparent 60%); }
.join-team h2 { font-size: clamp(44px,5.1vw,72px); margin-bottom: 27px; }
.join-team-copy>p { font-size: 16px; max-width: 620px; }
.join-team .eyebrow { flex-wrap: wrap; }
.join-team .eyebrow-number { margin-left: 0; color: #baaa78; }
.join-team-action { border-left: 1px solid #d5b65d55; padding: 9px 0 9px 35px; }
.join-team-action>.micro-label { color: #ccb573; font-size: 8px; letter-spacing: 1.5px; }
.join-team-action .button { width: 100%; max-width: 330px; margin-top: 20px; }
.join-team-action p { font-size: 13px; margin-top: 18px; max-width: 330px; }
.application-note { display: block; color: #7898a4; font-size: 11px; line-height: 1.65; margin-top: 12px; max-width: 330px; }
@media (max-width: 800px) {
  .site-header::before, .site-header::after { width: 180px; opacity: .3; }
  .site-footer::before, .site-footer::after { width: 260px; opacity: .24; }
  .join-team { padding-block: 70px; gap: 45px; grid-template-columns: 1fr; }
  .join-team h2 { font-size: 53px; }
  .join-team-action { padding-left: 25px; }
}
@media (max-width: 540px) {
  .research-image-actions { left: 4%; right: 4%; bottom: 6%; gap: 10px; }
  .research-image-actions .button.button-gold { min-width: 0; min-height: 44px; padding: 11px 14px; gap: 15px; font-size: 10px; }
  .research-image-actions .button svg { width: 15px; height: 15px; }
  .site-header::before, .site-header::after { width: 120px; opacity: .26; }
  .site-footer::before, .site-footer::after { width: 160px; opacity: .2; }
  .join-team { padding-block: 55px; gap: 34px; }
  .join-team h2 { font-size: 43px; margin-bottom: 22px; }
  .join-team-copy>p { font-size: 14px; }
  .join-team-action { padding-left: 20px; }
  .join-team-action .button { font-size: 12px; }
  .join-team-action p { font-size: 12px; }
}

/* User-supplied emblem: preserve its complete composition and natural colors. */
.site-header .brand-mark, .site-footer .brand-mark { display: block; width: 72px; height: 72px; flex-shrink: 0; object-fit: contain; filter: none; mix-blend-mode: screen; }
.site-footer .brand-mark { width: 88px; height: 88px; }
@media (min-width: 801px) and (max-width: 960px) {
  .site-header .brand-mark { width: 60px; height: 60px; }
  .site-header .brand { gap: 9px; }
  .site-header .brand>span { font-size: 15px; }
  .site-header .brand small { font-size: 6px; letter-spacing: 2.6px; }
  .site-header nav { gap: 15px; }
  .site-header nav>a { font-size: 12px; }
  .site-header nav>.nav-contact { gap: 10px; padding-inline: 10px; }
}
@media (max-width: 540px) {
  .site-header .brand-mark { width: 60px; height: 60px; }
  .site-footer .brand-mark { width: 76px; height: 76px; }
}

/* Distinct cinematic worlds and illustrated product visions. */
.cinematic-hero { max-width: 1560px; margin-inline: auto; background: var(--space-surface); border-bottom: 1px solid #c6b56d35; }
.cinematic-stage { position: relative; isolation: isolate; }
.cinematic-stage>img { display: block; width: 100%; height: auto; opacity: 1; filter: none; }
.cinematic-title { position: absolute; left: 6%; top: 24%; width: 46%; }
.cinematic-title h1 { font-size: clamp(38px,5.5vw,82px); font-weight: 500; line-height: 1.07; letter-spacing: -.055em; text-shadow: 0 2px 20px #000a; }
.cinematic-title .eyebrow { font-size: clamp(8px,.75vw,11px); color: #d1e9ec; margin-bottom: 22px; text-shadow: 0 2px 10px #000; }
.cinematic-caption { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-block: 32px; max-width: none; }
.cinematic-caption>div { max-width: 700px; }
.cinematic-caption .micro-label { font-size: 8px; color: #bfc4a0; }
.cinematic-caption p { margin-top: 12px; font-size: 15px; line-height: 1.75; }
.cinematic-caption .inline-link { margin-top: 12px; }
.cinematic-scene-label { flex-shrink: 0; text-align: right; color: #c6d5d6; font: 9px/1.9 var(--mono); letter-spacing: 1.5px; }
.cinematic-scene-label>span { font-size: 7px; color: #79929c; }
body[data-page="products"] .catalog-section { padding-top: 60px; }
.product-open { display: flex; flex-direction: column; }
.product-visual { width: 100%; height: auto; aspect-ratio: 16/9; flex-shrink: 0; background: #070e12; }
.product-image { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 1; filter: none; }
.product-code { top: 12px; left: 12px; padding: 6px 8px; background: #061014db; color: #d9e9e8; font-size: 7px; border: 1px solid #a4bfbd3d; }
.status-label { top: 12px; right: 12px; padding: 6px 8px; background: #061014db; color: #e9d59a; border-color: #d9bf6b66; font-size: 7px; }
.product-text { width: 100%; flex: 1; display: flex; flex-direction: column; }
.product-text p { max-width: none; min-height: 76px; }
.product-text .text-link { margin-top: auto; padding-top: 24px; }
.filter { min-height: 44px; }
.filter.active { color: #f0d98c; border-color: #d5b858; background: linear-gradient(120deg,#25291b55,#09151d); }
.product-grid>.product-card[hidden] { display: none; }
.about-story { padding-top: 85px; }
.about-emblem { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; min-height: 440px; border: 1px solid #b9bf8b42; background: radial-gradient(ellipse at 15% 5%,#205a3b38,transparent 65%),radial-gradient(ellipse at 90% 90%,#265a8938,transparent 65%),#060d12; }
.about-emblem img { width: 256px; height: 256px; mix-blend-mode: screen; }
.about-emblem .micro-label { font-size: 8px; color: #d3c58c; }
.product-dialog { width: min(940px,90vw); }
.dialog-layout { display: block; }
.dialog-visual { min-height: 0; height: auto; aspect-ratio: 16/9; background: #050b10; }
.dialog-copy { padding: 32px 40px 36px; }
.dialog-copy h2 { margin-top: 10px; }
.dialog-copy p { max-width: 760px; }
.dialog-copy .button { margin-top: 24px; }
.dialog-notice { margin-top: 24px; }
@media (max-width: 800px) {
  .cinematic-title { top: 24%; width: 48%; }
  .cinematic-title h1 { font-size: clamp(27px,5.5vw,44px); }
  .cinematic-title .eyebrow { font-size: 7px; letter-spacing: 1px; margin-bottom: 14px; }
  .cinematic-caption { gap: 25px; }
  .cinematic-caption p { font-size: 14px; }
  .cinematic-scene-label { font-size: 7px; letter-spacing: 1px; }
  .product-grid>.product-card:last-child:nth-child(odd) { grid-column: auto; max-width: none; }
  .about-story { padding-top: 60px; }
  .about-emblem { min-height: 380px; }
}
@media (max-width: 540px) {
  .cinematic-title { top: 24%; left: 5%; width: 49%; }
  .cinematic-title h1 { font-size: clamp(22px,5.6vw,30px); line-height: 1.1; }
  .cinematic-title .eyebrow { display: none; }
  .cinematic-caption { display: block; padding-block: 24px; }
  .cinematic-caption p { font-size: 13px; }
  .cinematic-caption .micro-label { font-size: 7px; }
  .cinematic-scene-label { display: block; text-align: left; margin-top: 20px; }
  .cinematic-scene-label>span { margin-left: 10px; font-size: 6px; }
  .cinematic-scene-label br { display: none; }
  body[data-page="products"] .catalog-section { padding-top: 35px; }
  .product-text p { min-height: 0; }
  .filters { display: grid; grid-template-columns: repeat(2,1fr); }
  .filter { font-size: 11px; }
  .dialog-copy { padding: 25px; }
  .about-story { padding-top: 40px; }
  .about-emblem { min-height: 330px; gap: 20px; }
  .about-emblem img { width: 230px; height: 230px; }
}