@font-face{font-family:Manrope;src:url("assets/manrope-variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#111213;--text:#f4f4f3;--muted:#a7a7aa;--line:rgba(255,255,255,.24)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);background:var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f5f5f4;outline-offset:6px}button{cursor:pointer}::selection{background:#e6e6e3;color:#111213}[hidden]{display:none!important}
.skip-link{position:fixed;left:24px;top:18px;z-index:20;transform:translateY(-150%);background:#eee;color:#111;padding:12px 20px}.skip-link:focus{transform:none}
.page{position:relative;min-height:100svh;isolation:isolate;overflow:clip;background:#111213}
.hero-scene{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero-scene img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,19,.16) 0%,rgba(17,18,19,.13) 30%,transparent 49%),linear-gradient(180deg,#111213 0%,transparent 12%,transparent 88%,#111213 100%)}
.header{position:relative;z-index:3;max-width:1800px;margin:0 auto;padding:clamp(28px,5.7vh,60px) clamp(30px,6.8vw,128px) 20px;display:flex;align-items:center;gap:clamp(64px,8vw,160px)}
.brand{display:block;flex:none;width:clamp(152px,11vw,206px);text-decoration:none}.brand svg{display:block;width:100%;height:auto}
.navigation{display:flex;align-items:center;gap:clamp(30px,3.3vw,64px)}.navigation button,.mobile-navigation button{border:0;background:none;padding:10px 0;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.035em;color:#bababe;transition:color .2s}.navigation button:hover,.mobile-navigation button:hover{color:#fff}
.menu-toggle{display:none}.mobile-navigation{position:absolute;right:24px;top:80px;min-width:220px;padding:14px 24px;background:#1d1e1f;border:1px solid var(--line);box-shadow:0 20px 50px #0007}.mobile-navigation button{display:block;width:100%;text-align:left;padding:14px 0}
.main{max-width:1800px;margin:auto;min-height:calc(100svh - 135px);display:flex;align-items:center;padding:clamp(32px,4vh,60px) clamp(30px,5.2vw,100px) 9vh}
.intro{width:43%;position:relative}.intro h1{margin:0;text-transform:uppercase;font-size:clamp(3rem,4.7vw,5.55rem);font-weight:650;line-height:1.055;letter-spacing:-.035em}.intro h1 span{display:block;white-space:nowrap}
.description{margin:clamp(22px,2.4vh,32px) 0 0;color:var(--muted);font-size:clamp(1.0625rem,1.57vw,1.75rem);line-height:1.5;font-weight:400;letter-spacing:-.015em}
.actions{display:flex;align-items:center;gap:22px;margin-top:clamp(30px,5vh,58px)}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:68px;padding:20px clamp(20px,2.7vw,48px);font-size:clamp(.875rem,.97vw,1.125rem);line-height:1.2;font-weight:650;letter-spacing:.015em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:5px;border:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button-primary{color:#161719;background:linear-gradient(180deg,#fafaf9,#e9e9e7);box-shadow:inset 0 1px 0 #fff,0 3px 10px #0002;border-color:#fff8}.button-primary:hover{background:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 24px #0003;transform:translateY(-2px)}
.button-secondary{color:#dfdfe2;background:rgba(17,18,19,.32);border-color:#909094}.button-secondary:hover{background:#ffffff0a;border-color:#e6e6e6;transform:translateY(-2px)}.button:active{transform:translateY(0)}
.scene-caption{position:absolute;bottom:8.7vh;right:5.3vw;margin:0;font-size:.75rem;letter-spacing:.015em;color:#838387}
.info-dialog{color:var(--text);background:#191a1b;border:1px solid #ffffff30;border-radius:9px;width:min(680px,calc(100% - 36px));max-height:calc(100svh - 40px);padding:32px 36px 36px;box-shadow:0 32px 100px #0009}.info-dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{margin:0;color:var(--muted);font-size:.8125rem;letter-spacing:.08em}.dialog-close{position:relative;border:0;background:none;width:44px;height:44px;margin:-10px -10px -10px 0}.dialog-close span{position:absolute;left:12px;right:12px;top:21px;height:1px;background:#d5d5d5;transform:rotate(45deg)}.dialog-close span+span{transform:rotate(-45deg)}.info-dialog h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 24px;font-weight:600}.dialog-content{font-size:1rem;line-height:1.65;color:#b5b5b9}.dialog-content p{margin:0 0 16px}.dialog-content p:last-child{margin-bottom:0}.dialog-content h3{font-size:1.0625rem;color:#f1f1f0;font-weight:600;margin:22px 0 6px}.dialog-content h3:first-child{margin-top:0}.dialog-content a{color:#f1f1f0;text-underline-offset:4px}.dialog-content ul,.dialog-content ol{padding-left:24px;margin:14px 0}.dialog-content li{padding:3px 0}.dialog-content .contact-link{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff20;text-decoration:none}.dialog-content .contact-link:last-of-type{border-bottom:0}.contact-link span{color:#939397}.contact-link strong{font-weight:500;color:#fff}.noscript-contact{padding:16px 5vw;color:#aaa}
@media(min-width:1900px){.hero-scene img{object-fit:contain}.page{background:#111213}}
@media(min-width:900px) and (max-height:700px){.header{padding-top:24px}.main{min-height:calc(100svh - 100px);padding-top:20px;padding-bottom:34px}.intro h1{font-size:clamp(3rem,4.25vw,4.75rem)}.actions{margin-top:24px}.button{min-height:58px;padding-top:17px;padding-bottom:17px}.description{margin-top:18px}.scene-caption{bottom:28px}}
@media(max-width:1150px) and (min-width:801px){.header{padding-left:5vw;padding-right:5vw;gap:7vw}.navigation{gap:3vw}.intro{width:46%}.intro h1{font-size:4.65vw}.description{font-size:1.55vw}.actions{gap:12px}.button{padding:18px 20px;min-height:60px;font-size:.8125rem}}
@media(max-width:800px){.page{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.header{width:100%;padding:28px 24px 20px;justify-content:space-between;gap:0}.brand{width:148px}.navigation{display:none}.menu-toggle{position:relative;display:block;border:1px solid #ffffff30;background:#ffffff03;border-radius:4px;width:42px;height:42px}.menu-toggle span{position:absolute;width:19px;height:1px;background:#dedee0;left:10px;top:16px;transition:transform .2s}.menu-toggle span+span{top:24px}.menu-toggle[aria-expanded=true] span{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px) rotate(-45deg)}.main{position:relative;order:1;display:block;min-height:0;width:100%;padding:40px 24px 0}.intro{width:100%;max-width:570px;margin:0 auto}.intro h1{font-size:clamp(2.6rem,9.8vw,4.9rem);line-height:1.07;letter-spacing:-.035em}.description{font-size:clamp(1rem,3.8vw,1.3rem);margin-top:22px;line-height:1.55}.desktop-break{display:none}.actions{margin-top:28px;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:17px 21px;font-size:.8125rem;flex:1}.hero-scene{position:relative;inset:auto;order:2;z-index:-1;width:100%;aspect-ratio:1.15;margin-top:16px;overflow:hidden;flex:none}.hero-scene img{position:absolute;width:155%;height:auto;max-width:none;left:-50%;top:0;object-fit:initial}.hero-scene:after{background:linear-gradient(180deg,#111213 0%,transparent 15%,transparent 86%,#111213 100%)}.scene-caption{position:relative;order:3;inset:auto;padding:0 24px 24px;margin-top:-12px;text-align:right;font-size:.6875rem}.info-dialog{padding:26px}.main:focus{outline:none}}
@media(max-width:360px){.main{padding-left:18px;padding-right:18px}.header{padding-left:18px;padding-right:18px}.intro h1{font-size:9.5vw}.button{padding-left:15px;padding-right:15px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
