@font-face{font-family:Instrument Serif;src:url(instrument-serif.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url(instrument-serif-italic.ttf) format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(inter.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{color-scheme:dark;--bg:#090b0b;--paper:#eeeae2;--muted:#a4aaa7;--quiet:#89918e;--line:#292f2c;--accent:#d0dcca;--gutter:clamp(24px,5vw,80px)}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--paper);font:400 14px/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::selection{background:var(--accent);color:var(--bg)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
[hidden]{display:none!important}
.shell{width:min(100% - var(--gutter)*2,1280px);margin-inline:auto}
.page{min-height:100svh;display:flex;flex-direction:column;overflow:clip}
.skip-link{position:fixed;left:24px;top:12px;z-index:20;padding:10px 16px;background:var(--paper);color:var(--bg);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}
.brand{display:inline-flex;align-items:flex-end;gap:2px;min-height:44px;padding:5px 0 6px}
.brand-symbol{display:block;position:relative;overflow:hidden;width:29px;height:31px;mix-blend-mode:screen}
.brand-symbol img{position:absolute;max-width:none;width:54px;height:auto;left:-9.4px;top:-4.6px;filter:grayscale(1) invert(1) brightness(2.6)}
.brand-text{font:700 29px/.98 Arial,Helvetica,sans-serif;letter-spacing:-1.8px}
.brand-text sup{position:relative;top:-1.5em;margin-left:4px;font:400 8px/1 Arial,sans-serif;letter-spacing:0}
.header-contact{display:flex;gap:28px;align-items:center;min-height:44px;font-size:12px;transition:color .2s}
.header-contact span{font-size:19px;transition:transform .2s}
.header-contact:hover{color:var(--accent)}
.header-contact:hover span{transform:translate(2px,-2px)}

.hero{flex:1;position:relative;isolation:isolate;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;min-height:650px;padding-block:62px 86px;outline:none}
.hero-copy{position:relative;z-index:2;width:670px;max-width:calc(100vw - var(--gutter)*2)}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 29px}
.eyebrow>span{width:25px;height:1px;background:var(--accent)}
h1{font:400 clamp(66px,6.9vw,98px)/.99 'Instrument Serif',Georgia,serif;letter-spacing:-.027em;margin:0;text-wrap:balance}
h1>span,h1>em{display:block}
h1 em{font-weight:400;color:var(--accent)}
.intro{margin:31px 0 0;max-width:423px;font-size:14px;line-height:1.85;color:var(--muted)}
.intro span{color:var(--paper);white-space:nowrap}
.contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;min-height:52px;border-bottom:1px solid #647064;margin-top:29px;font-size:13px}
.contact-link .arrow{font-size:23px;font-family:Arial,sans-serif;transition:transform .2s ease}
.contact-link:hover .arrow{transform:translate(3px,-3px)}
.contact-link:hover{border-color:var(--paper)}
.hero-visual{grid-column:2;grid-row:1;align-self:stretch;position:relative;min-width:0;z-index:0}
.wave-art{position:absolute;inset:-20px -115px -10px -180px;opacity:.65;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 84%,transparent 100%)}
.wave-art canvas,.wave-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.wave-art canvas{opacity:0}
.wave-art[data-ready="true"] canvas{opacity:1}
.wave-art[data-ready="true"] .wave-fallback{visibility:hidden}
.motion-toggle{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 12px;background:transparent;border:0;font-size:10px;color:var(--quiet);z-index:2}
.motion-toggle:before{content:'Ⅱ';font-size:11px}
.motion-toggle[aria-pressed="true"]:before{content:'▷'}
.motion-toggle:hover{color:var(--paper)}

.site-footer{position:relative;z-index:2;border-top:1px solid var(--line);padding-block:21px 25px;font-size:11px;color:var(--quiet)}
.site-footer p{margin:0}
.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px}
.footer-top{align-items:center;color:var(--muted)}
.footer-links{display:flex;align-items:center;gap:25px;margin-block:-10px}
.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:44px}
.footer-links button{padding:0;border:0;background:transparent}
.footer-bottom{align-items:baseline;margin-top:13px;font-size:11px}
.footer-bottom p>span{color:var(--quiet)}
.footer-bottom .entity-separator{display:inline-block;margin:0 14px;color:#525d56}
.registration{margin-left:14px}
.footer-bottom>a{min-height:32px;display:flex;gap:10px;align-items:center;margin-block:-6px}
.site-footer a:hover,.site-footer button:hover{color:var(--paper)}
.cookie-banner{border-top:1px solid var(--line);background:#111513}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:15px;font-size:11px;color:var(--muted)}
.cookie-inner p{margin:0}
.cookie-inner a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:9px;flex-shrink:0}
.cookie-actions button{min-height:40px;padding:8px 17px;border:1px solid #606b63;background:transparent;font-size:11px;border-radius:2px}
.cookie-actions button:hover{border-color:var(--paper);background:#202921;color:var(--paper)}

@media(min-width:1600px){.hero{min-height:720px}.wave-art{inset:-50px -140px -20px -200px}}
@media(max-width:1100px){h1{font-size:clamp(66px,7.3vw,80px)}.hero-copy{width:600px}.hero{min-height:630px}.wave-art{inset:0 -130px 20px -200px;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 52%,#000 83%,transparent)}.footer-bottom p{max-width:600px}}
@media(max-width:760px){
  :root{--gutter:28px}
  .site-header{height:94px}
  .brand-text{font-size:27px}.brand-symbol{width:27px;height:29px}.brand-symbol img{width:51px;left:-9px;top:-4.3px}
  .header-contact{font-size:11px;gap:14px}
  .hero{display:flex;flex-direction:column;align-items:stretch;padding-block:45px 22px;min-height:0}
  .hero-copy{width:100%;max-width:none}
  .eyebrow{font-size:9px;margin-bottom:25px}
  h1{font-size:clamp(42px,calc(15.7vw - 8.8px),76px);line-height:1.015;letter-spacing:-.025em}
  .intro{font-size:13px;line-height:1.85;max-width:410px;margin-top:26px}
  .contact-link{margin-top:21px;min-height:50px;gap:57px;font-size:12px}
  .hero-visual{flex:none;width:100%;height:230px;margin-top:-12px}
  .wave-art{inset:-38px -60px -30px;opacity:.56;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
  .motion-toggle{bottom:0;right:0;font-size:9px}
  .site-footer{padding-block:21px 24px}
  .footer-top{align-items:flex-start;flex-direction:column;gap:10px}
  .footer-links{gap:24px;margin-top:0;margin-bottom:-4px;flex-wrap:wrap}
  .footer-bottom{margin-top:14px;flex-direction:column;gap:17px;font-size:11px;line-height:1.9}
  .footer-bottom p{max-width:350px}
  .footer-bottom .entity-separator{margin:0 7px}
  .registration{display:block;margin:4px 0 0}
  .cookie-inner{align-items:flex-start;flex-direction:column;gap:12px;padding-block:19px;font-size:11px}
  .cookie-actions{width:100%}.cookie-actions button{flex:1;min-height:44px}
}
@media(max-width:370px){:root{--gutter:22px}.header-contact{gap:9px}.hero{padding-top:32px}.footer-bottom .entity-separator{display:none}.footer-bottom .entity{display:block}.footer-links{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}