:root{color-scheme:dark;--bg:#0b172a;--ink:#f2f2ee;--gold:#c9a66c;--muted:#a6afbd}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(ellipse at 78% 46%,#142740 0,transparent 55%),var(--bg)}.page{max-width:1800px;margin:auto;padding:0 6%;min-height:100svh;display:flex;flex-direction:column}header{height:150px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.logo{width:226px;height:auto;display:block}nav{display:flex;align-items:center;gap:6px;color:#59677c;font-size:12px}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.lang{min-width:44px;min-height:44px;color:#8c98aa;font-size:12px;letter-spacing:.08em;transition:color .2s,transform .2s}.lang.active,.lang:hover{color:var(--ink)}.lang:active{transform:translateY(2px)}main{flex:1;display:flex;align-items:center}.hero{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:580px;gap:20px}.copy{position:relative;z-index:1;padding:60px 0}.eyebrow{font-size:11px;letter-spacing:.23em;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:34px}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #c9a66c0d}h1{font-size:clamp(46px,5.2vw,80px);line-height:1.1;font-weight:400;letter-spacing:-.055em;margin:0 0 28px}h1 em{color:var(--gold);font-style:normal}p{max-width:390px;line-height:1.8;color:var(--muted);font-size:16px;margin:0}.signature{margin-top:50px;display:flex;align-items:center;gap:15px;color:#d8dde4;font-size:12px;letter-spacing:.03em}.line{width:32px;height:1px;background:var(--gold)}.visual{height:560px;position:relative;min-width:0}canvas{width:100%;height:100%;display:block}.visual-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.2em;color:#8493a9;display:flex;gap:14px;align-items:center}.tiny-cross{font-size:17px;color:var(--gold)}footer{border-top:1px solid #ffffff13;min-height:90px;display:flex;justify-content:space-between;align-items:center;color:#7f8da1;font-size:10px;gap:20px;letter-spacing:.015em}#motion{display:flex;align-items:center;gap:10px;font-size:10px;min-height:44px;transition:color .2s,transform .2s}#motion:hover{color:var(--gold)}#motion:active{transform:translateY(2px)}#motion-icon{font-size:15px;color:var(--gold);width:14px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--gold);color:var(--bg);z-index:10}.skip:focus{top:10px}.copy{animation:enter 1s both}.visual{animation:enter 1.5s .15s both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:680px}.visual{height:650px}}@media(max-width:900px){.page{padding:0 5%}header{height:110px}.logo{width:190px}.hero{gap:0;min-height:560px;grid-template-columns:1.05fr 1fr}.visual{height:460px}h1{font-size:54px}p{font-size:14px}.signature{margin-top:32px}}@media(max-width:600px){header{height:95px}.logo{width:174px}.hero{grid-template-columns:1fr;min-height:0;gap:0}.copy{padding:48px 0 0}.eyebrow{margin-bottom:24px;font-size:10px}h1{font-size:clamp(43px,11.8vw,65px);margin-bottom:22px}p{font-size:14px;max-width:340px}.signature{margin-top:28px}.visual{height:310px;width:100%;margin-top:0}.visual-label{bottom:6px;font-size:8px}footer{min-height:96px;flex-wrap:wrap;gap:0;padding:12px 0;font-size:9px}.rights{display:none}#motion{font-size:9px}.page{padding:0 7%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
