/* ALUmar: glass navigation and restrained, accessible motion. */
:root{--ease-premium:cubic-bezier(.22,.72,.22,1)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.prototype{background:#0a2738;font-size:9px;letter-spacing:2px;padding:8px 12px}.scroll-progress{height:2px;background:linear-gradient(90deg,#3f9ca5,#baf7ef);box-shadow:0 0 12px #79e5df66;z-index:40}
header{width:92%;max-width:1640px;margin:14px auto;top:12px;padding:13px 18px;border:1px solid #caeeed26;border-radius:16px;background:linear-gradient(120deg,#183d4ce8,#071e2dee);box-shadow:inset 0 1px 0 #ffffff0c,0 12px 40px #00111f28;backdrop-filter:blur(22px);transition:background .35s,box-shadow .35s;gap:18px}header.scrolled{background:linear-gradient(120deg,#102e3df5,#061a28f5);box-shadow:0 12px 40px #00111f45}header>a{flex-shrink:0;border:1px solid #ffffff16;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px #0002}header .logo{width:109px}header nav{gap:5px;font-size:11px;letter-spacing:.15px;padding:0;align-items:center}header nav>a{position:relative;padding:10px 12px;border-radius:6px;color:#d7e6e9;white-space:nowrap;transition:background .3s,color .3s}header nav>a:not(.button):after{content:'';position:absolute;bottom:5px;left:12px;right:12px;height:1px;background:var(--aqua);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-premium)}header nav>a:not(.button):hover,header nav>a.current:not(.button){color:#c7fff4;background:#a5eee80a}header nav>a:not(.button):hover:after,header nav>a.current:not(.button):after{transform:scaleX(1)}header nav .button{margin-left:10px;color:#072735;padding:12px 18px;font-size:11px}
.button{position:relative;border-radius:5px;background:linear-gradient(115deg,#a6eee3,#73cfd1);border:1px solid #caffed55;box-shadow:inset 0 1px 0 #fff5,0 8px 24px #001c221a;transition:transform .3s var(--ease-premium),box-shadow .3s,background .3s}.button:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,#fff3 49%,transparent 72%);background-size:250% 100%;background-position:160% 0;pointer-events:none;transition:background-position .65s var(--ease-premium)}.button:hover:before{background-position:-80% 0}.button:hover{background:linear-gradient(115deg,#b9f9ec,#8cdddd);box-shadow:0 12px 30px #1b8b8e25;transform:translateY(-2px)}
.menu{display:none}.menu-symbol{display:flex;flex-direction:column;gap:5px;width:20px}.menu-symbol i{display:block;width:20px;height:1px;background:var(--aqua);transition:transform .4s var(--ease-premium),width .3s}.menu-symbol i:last-child{width:13px;margin-left:auto}.menu[aria-expanded=true] .menu-symbol i:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded=true] .menu-symbol i:last-child{width:20px;transform:translateY(-3px) rotate(-45deg)}.nav-backdrop{position:fixed;inset:0;z-index:19;background:#00101a7a;backdrop-filter:blur(4px);border:0;animation:backdrop-in .3s both}.nav-backdrop[hidden]{display:none}
.eyebrow{letter-spacing:2.8px;font-weight:600}.hero-copy .eyebrow{color:#a9d7da}.hero h1{font-weight:600;letter-spacing:-3px}.hero h1 em{background:linear-gradient(110deg,#b7f5e8,#6cced2);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-photo figcaption{background:linear-gradient(90deg,#0b2839,#133847);border-top:1px solid #9fd5d822}.material-visual,.equipment-stage{border-radius:12px;border:1px solid #a2c8c65e;box-shadow:0 16px 44px #061f2c14;overflow:hidden}.material-caption{border:1px solid #d4fff01f;border-radius:4px;backdrop-filter:blur(12px)}.equipment-controls{padding:22px;border-radius:12px;border:1px solid #c2d0cd;background:linear-gradient(145deg,#fffffff0,#f2f7f3);box-shadow:0 12px 36px #102f3910}.equipment-controls .equipment-views,.equipment-controls .glass-options,.material-tabs{padding:4px;border-radius:7px;background:#0b34400a;border:1px solid #668c8e25}.equipment-views button,.glass-options button{border:0;border-radius:4px;font-size:11px;transition:background .25s,color .25s,box-shadow .25s}.equipment-views [aria-pressed=true],.glass-options [aria-pressed=true]{box-shadow:0 3px 9px #123b3f25;background:linear-gradient(120deg,#1c4755,#0a293b)}.equipment-finishes button{border-radius:5px;border-color:#bdceca;transition:background .25s}.equipment-finishes [aria-pressed=true]{outline-color:#397e83;background:#eaf4ee}.equipment-finishes i{border-radius:3px}.equipment-options>button{border-radius:7px;background:#fff;box-shadow:0 2px 6px #15373e04;transition:border-color .25s,box-shadow .25s,background .25s}.equipment-options>button:hover{border-color:#5b989c;box-shadow:0 4px 12px #15373e0c}.equipment-options>button[aria-pressed=true]{background:linear-gradient(110deg,#e1f3eb,#eff8f3);border-color:#69a09c}.equipment-switch{box-shadow:inset 0 1px 3px #001b2520}.equipment-switch:after{box-shadow:0 1px 3px #001b2530;transition:translate .3s var(--ease-premium)}.equipment-markers span{backdrop-filter:blur(10px)}.swatches button{border-radius:5px;box-shadow:inset 0 1px 0 #fff3,0 3px 8px #0002}.swatches button[aria-pressed=true]{outline-color:#b2f5e9}.material-tabs{background:#ffffff06}.material-tabs button{border:0;border-radius:4px;transition:background .25s,color .25s}.featured,.future{border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #15373e07}.gallery{border-radius:9px}.gallery span{border:1px solid #ddfff025;backdrop-filter:blur(10px);border-radius:4px}details{transition:border-color .3s}details[open]{border-color:#7cc9c4}details[open] p{animation:answer-in .3s var(--ease-premium)}input,select,textarea{border-radius:5px;transition:border-color .25s,box-shadow .25s}input:focus,select:focus,textarea:focus{border-color:#a6e9dd;box-shadow:0 0 0 4px #79e5df0b}.angle-label input:focus{box-shadow:none}
.back-to-top{position:fixed;right:25px;bottom:25px;z-index:18;width:43px;height:43px;display:grid;place-items:center;border:1px solid #ade4df55;background:#082a39e8;color:#bdede5;border-radius:50%;backdrop-filter:blur(12px);box-shadow:0 8px 25px #00152230;opacity:0;visibility:hidden;translate:0 10px;transition:opacity .3s,translate .3s,visibility .3s,background .3s}.back-to-top.visible{opacity:1;visibility:visible;translate:0 0}.back-to-top:hover{background:#225361}.back-to-top span{font-size:19px;transition:translate .25s}.back-to-top:hover span{translate:0 -3px}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes answer-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(max-width:1150px){header{width:92%;flex-wrap:nowrap;padding:11px 14px;top:10px;gap:15px}header .logo{width:100px}.menu{display:flex;align-items:center;gap:16px;padding:12px 14px;border:1px solid #badbd92b;border-radius:6px;color:#e0edee;background:#ffffff04;font-size:11px;letter-spacing:.7px}.menu:hover{background:#ffffff0b}header nav,header nav.open{display:flex;position:absolute;top:calc(100% + 10px);left:0;width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 20px;background:radial-gradient(ellipse at 90% 0,#1f4c59,#071f30 70%);border:1px solid #badbd92b;border-radius:12px;box-shadow:0 20px 55px #00111e55;max-height:0;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .45s var(--ease-premium),opacity .25s,transform .4s var(--ease-premium),visibility .45s;counter-reset:nav-index}header nav.open{max-height:min(72dvh,620px);opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}header nav>a{counter-increment:nav-index;display:flex;align-items:center;gap:16px;padding:17px 8px;border-bottom:1px solid #c5ece515;border-radius:0;font-size:17px;letter-spacing:-.2px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .4s var(--ease-premium),background .25s}header nav>a:not(.button):before{content:'0' counter(nav-index);font-size:9px;color:#7babb2;letter-spacing:1px;min-width:18px}header nav.open>a{opacity:1;transform:translateY(0);transition-delay:calc(var(--nav-order,0) * 30ms)}header nav>a:nth-child(1){--nav-order:1}header nav>a:nth-child(2){--nav-order:2}header nav>a:nth-child(3){--nav-order:3}header nav>a:nth-child(4){--nav-order:4}header nav>a:nth-child(5){--nav-order:5}header nav>a:nth-child(6){--nav-order:6}header nav>a:nth-child(7){--nav-order:7}header nav>a:not(.button):after{left:42px;right:8px;bottom:9px}header nav .button{margin:15px 0 5px;padding:16px;font-size:13px;border-radius:5px;justify-content:center;border-bottom:1px solid #caffed55}header.menu-open{border-color:#8dcac866;box-shadow:0 8px 32px #00121f50}}
@media(max-width:680px){header{margin:10px auto}.prototype{font-size:7px;letter-spacing:1px}.hero-copy{padding-top:34px}.hero h1{font-size:55px;letter-spacing:-2.6px}.equipment-controls{padding:16px}.back-to-top{width:38px;height:38px;right:16px;bottom:16px}header nav>a{padding:14px 8px;font-size:16px}header nav .button{padding:14px}html{scroll-padding-top:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}