@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#101110;--paper:#e6e4df;--muted:#aaa9a2;--accent:#eab071;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:fixed;inset:0 0 auto;z-index:10;height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#101110ed,#10111099);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:.16em;font-weight:700}.mark{font-size:34px;color:var(--accent)}.brand-sub{font-size:10px;letter-spacing:.1em;border-left:1px solid var(--line);padding-left:16px;margin-left:12px;width:80px;line-height:1.4}header nav{display:flex;gap:38px;font-size:14px}header nav a:hover,.text-link:hover{color:var(--accent)}#menuBtn{display:none;background:none;color:inherit;border:0;min-height:44px}dialog{background:#141615;color:var(--paper);border:1px solid var(--line);width:90vw;padding:32px}dialog::backdrop{background:#000b}dialog nav{display:flex;flex-direction:column;gap:25px;font-size:28px}#closeMenu{display:block;margin-left:auto;margin-bottom:30px;background:none;color:inherit;border:0;min-height:44px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--accent);color:#111;padding:12px}.skip:focus{top:10px}.story{height:650vh}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#121616}.poster,canvas,.shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.shade{background:linear-gradient(90deg,#080d0bd9 0%,#0b101128 55%,transparent),linear-gradient(0deg,#0b1011b0,transparent 35%)}.eyebrow{position:absolute;top:115px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em}.chapter{position:absolute;left:6%;top:35%;max-width:700px;transition:opacity .18s;opacity:0;visibility:hidden}.opening{opacity:1;visibility:visible}.kicker{font-size:12px;letter-spacing:.18em;font-weight:600;color:var(--accent);margin:0 0 22px}h1,h2{font:500 clamp(56px,6.8vw,108px)/.96 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:0 0 32px;text-transform:uppercase}em{font-style:normal;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;padding:13px 22px;background:var(--paper);color:#151615;font-size:13px;font-weight:700}.button:hover{background:var(--accent)}.button span{font-size:21px}.story-bottom{position:absolute;bottom:32px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.13em}.story-bottom a{letter-spacing:0;text-decoration:underline}.scrollHint i{display:inline-block;font-size:25px;margin-left:12px}.progress{position:absolute;bottom:0;height:3px;background:#ffffff20;width:100%}.progress i{display:block;height:100%;width:0;background:var(--accent)}.section{padding:100px 6%}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-bottom:55px}.section-top>span{font-size:11px;letter-spacing:.15em;color:var(--muted)}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.product-image{position:relative;height:650px;overflow:hidden;background:#1b201f}.product-image img{width:100%;height:100%;object-fit:cover}.product-image>span{position:absolute;bottom:25px;left:25px;font-size:12px;letter-spacing:.2em}.product-copy h2{font-size:90px}.product-copy>p:not(.kicker){color:var(--muted);max-width:440px}.spec{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.spec>span{color:var(--accent);font-size:12px;padding-top:6px}.spec h3{font-size:16px;margin:0 0 5px;font-weight:500}.spec p{font-size:14px;color:var(--muted);margin:0}.text-link{display:flex;justify-content:space-between;margin-top:26px;font-size:14px}.matter{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.matter h2{font-size:clamp(55px,6vw,95px)}.matter-right>img{width:100%;height:280px;object-fit:cover}.matter-right>p{color:var(--muted);margin:25px 0 35px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;list-style:none}summary::after{content:'+';float:right;color:var(--accent)}details[open] summary::after{content:'−'}details p{color:var(--muted);font-size:14px}.vision{height:720px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.vision>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.45}.vision>div{position:relative;padding:30px}.vision h2{font-size:clamp(55px,6vw,90px)}.vision p:not(.kicker){color:#cfceca;margin-bottom:30px}footer{padding:50px 6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer p,footer>span{font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:700px){header{height:70px;padding:0 6%;padding-top:env(safe-area-inset-top)}header nav,.brand-sub{display:none}#menuBtn{display:block}.brand{font-size:21px}.story{height:480vh}.eyebrow{top:95px;left:6%;font-size:10px}.eyebrow span{display:none}.chapter{top:auto;bottom:110px;left:6%;right:6%}.chapter h1,.chapter h2{font-size:58px}.kicker{font-size:11px;margin-bottom:16px}.shade{background:linear-gradient(0deg,#08100fee,transparent 70%)}.story-bottom{bottom:26px;font-size:10px;left:6%;right:6%}.scrollHint{display:none}.section{padding:65px 6%}.section-top{margin-bottom:30px}.section-top>span{font-size:9px}.product-layout,.matter{grid-template-columns:1fr;gap:40px}.product-image{height:480px}.product-copy h2{font-size:72px}.matter h2{font-size:65px}.matter-right>img{height:230px}.vision{height:620px}.vision h2{font-size:58px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}.button{min-height:48px}.material{bottom:115px}.material h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:100svh}.progress,.scrollHint{display:none}.chapter{transition:none}}
/* BRUMEL — navigation identity */
:root{--neon:#88eee6;--nav-bg:#080d12}body.menu-open{position:fixed;width:100%;overflow:hidden}.brand-logo{display:block;width:220px;height:52px;object-fit:contain}.cyber-header{height:92px;background:linear-gradient(110deg,#091015f5,#11171ce8);padding:0 3.5%;gap:25px;border-bottom:1px solid #88eee63b;box-shadow:0 8px 50px #0005;isolation:isolate}.cyber-header::after{content:'';position:absolute;bottom:-2px;left:3.5%;width:170px;height:3px;background:var(--neon);box-shadow:0 0 18px #88eee680;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.header-edition{font:10px/1.7 Manrope,sans-serif;letter-spacing:.17em;color:#b5bdc0;border-left:1px solid #ffffff30;padding-left:20px}.header-edition b{display:block;color:var(--accent);font-weight:400}.cyber-header nav{margin-left:auto;gap:8px}.cyber-header nav a{position:relative;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:15px 16px;transition:background .2s,color .2s}.cyber-header nav a:hover{color:var(--neon);background:#88eee60b}.cyber-header nav small{font-size:9px;color:var(--neon);margin-right:8px}.cyber-header #menuBtn{display:none;align-items:center;gap:18px;min-height:46px;border:1px solid #88eee650;background:#88eee60a;padding:0 17px;color:var(--neon);font-size:10px;letter-spacing:.16em;transition:background .2s,box-shadow .2s}.cyber-header #menuBtn:hover{background:#88eee61c;box-shadow:0 0 22px #88eee618}.menu-glyph{display:grid;gap:6px;width:23px}.menu-glyph b{height:2px;background:currentColor;display:block}.menu-glyph b:last-child{width:15px;justify-self:end}.cyber-header #menuBtn:hover .menu-glyph b:last-child{width:23px}#mobileMenu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#e9eeec;background:var(--nav-bg);overflow:auto;overscroll-behavior:contain;isolation:isolate}#mobileMenu::backdrop{background:#080d12}#mobileMenu[open]{display:flex;flex-direction:column;animation:menuReveal .35s ease-out}.menu-art{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080d12 8%,#080d1280 65%,#080d1220),linear-gradient(0deg,#080d12,transparent 80%),url('assets/corridor.jpg') right center/cover no-repeat;opacity:.65}.menu-art::after{content:'';position:absolute;inset:0;background:linear-gradient(#88eee608 1px,transparent 1px),linear-gradient(90deg,#88eee608 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px;margin:0 3.5%;border-bottom:1px solid #88eee630}.menu-top #closeMenu{margin:0;display:flex;align-items:center;gap:22px;padding:0 15px;color:var(--neon);font-size:10px;letter-spacing:.15em;min-height:48px}.menu-top #closeMenu i{font-size:35px;font-style:normal;font-weight:400;line-height:1}.menu-content{padding:35px 8%;margin:auto 0;width:min(100%,1080px)}.menu-intro{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.23em;color:var(--neon);margin:0 0 25px}.menu-intro>span{width:27px;height:2px;background:var(--accent)}#mobileMenu nav{display:flex;flex-direction:column;gap:0}#mobileMenu nav a{display:flex;align-items:center;gap:25px;border-bottom:1px solid #c5e9e626;padding:13px 0;transition:color .2s,padding .2s;opacity:0;animation:linkReveal .45s ease forwards}#mobileMenu nav a:nth-child(2){animation-delay:.05s}#mobileMenu nav a:nth-child(3){animation-delay:.1s}#mobileMenu nav a:nth-child(4){animation-delay:.15s}#mobileMenu nav a>span:nth-child(2){font:500 clamp(46px,6.5vw,90px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em}#mobileMenu nav .nav-index{font:12px Manrope,sans-serif;color:var(--accent);align-self:center}#mobileMenu nav i{font:normal 30px Manrope,sans-serif;margin-left:auto;color:var(--neon)}#mobileMenu nav a:hover{color:var(--neon);padding-left:12px}#mobileMenu nav a:focus-visible{outline-offset:2px}.menu-bottom{display:flex;justify-content:space-between;margin:0 3.5%;padding:22px 0 max(22px,env(safe-area-inset-bottom));border-top:1px solid #88eee630;font-size:11px;letter-spacing:.15em;color:var(--paper)}.menu-bottom span:last-child{text-align:right}.menu-bottom b{font-size:9px;font-weight:400;color:#94a7ae;letter-spacing:.13em}.eyebrow{top:120px}@keyframes menuReveal{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes linkReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.header-edition{display:none}.cyber-header nav a{padding:12px 9px}.brand-logo{width:185px}}
@media(max-width:700px){.cyber-header{height:calc(80px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 5% 0;gap:14px}.brand-logo{width:165px;height:44px}.cyber-header nav{display:none}.cyber-header #menuBtn{display:flex;margin-left:auto;min-height:44px;padding:0 12px;gap:12px;font-size:9px;letter-spacing:.1em}.cyber-header::after{left:5%;width:96px}.eyebrow{top:calc(105px + env(safe-area-inset-top))}.menu-top{min-height:calc(80px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);margin:0 5%}.menu-top #closeMenu{gap:12px;padding:0 5px}.menu-content{padding:32px 7%;margin:auto 0}.menu-intro{font-size:9px;letter-spacing:.15em;margin-bottom:24px}#mobileMenu nav a{padding:18px 0;gap:17px}#mobileMenu nav a>span:nth-child(2){font-size:clamp(42px,13vw,65px)}#mobileMenu nav i{font-size:25px}.menu-art{background-position:62% center;opacity:.42}.menu-bottom{margin:0 7%;font-size:10px}.menu-bottom b{font-size:8px;letter-spacing:.08em}}
@media(max-width:360px){.brand-logo{width:142px}.cyber-header #menuBtn>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){#mobileMenu[open],#mobileMenu nav a{animation:none;opacity:1}.cyber-header *,#mobileMenu *{transition:none}}