:root{--paper:#fbfaf8;--blue:#163bff}
html,body{overflow-x:clip}
.header{color:var(--blue);height:90px;gap:32px}
.header .header-brand{display:block;min-width:0;white-space:nowrap;font:700 clamp(24px,2.4vw,38px)/1 var(--sans);letter-spacing:-.065em}
.header .desktop-nav{margin-left:auto;gap:32px;font-size:16px;font-weight:600}
.header-actions{font-weight:600;gap:25px}
.languages{gap:7px}.languages button{font-size:14px;opacity:.65}.languages button[aria-pressed=true]{text-decoration:none;opacity:1}
.header .contact-link{display:flex;align-items:center;gap:22px;background:#e8ff00;color:var(--blue);border-radius:40px;padding:14px 24px}
.header .contact-link:hover{background:#d8ee00}
.header .menu-button{display:none}.header.scrolled{color:var(--blue);background:#fbfaf8ed}
.menu-open .header{color:var(--paper)}
.editorial-hero{height:100svh;min-height:650px;padding:0;position:relative;background:var(--paper);color:var(--blue);isolation:isolate;overflow:hidden}
.hero-composition{position:relative;width:100%;height:100%}
.hero-copy{position:absolute;left:4%;top:23%;z-index:3;pointer-events:none}
.hero-copy h1{font-weight:800;letter-spacing:-.035em;line-height:.8}
.hero-code{display:block;width:max-content;font:800 clamp(150px,22vw,390px)/.85 var(--display);letter-spacing:-.025em;transform:scaleX(.68);transform-origin:left center}
.hero-soul{display:block;font:italic clamp(80px,10.2vw,175px)/1 var(--serif);letter-spacing:-.055em;margin-top:7px;white-space:nowrap}
.hero-role{font-size:11px;letter-spacing:.26em;font-weight:600;margin-top:34px}
.hero-role:before{content:'';display:block;height:2px;width:54px;background:currentColor;margin-bottom:16px}
.hero-portrait{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;z-index:2;touch-action:pan-y;cursor:crosshair}
.portrait-art{position:absolute;pointer-events:none;top:calc(80px - 8vw);right:-4%;width:min(84vw,1480px);height:calc(100% - (80px - 8vw));border:0;padding:0;background:transparent;color:var(--blue);z-index:2;touch-action:pan-y;cursor:crosshair}
.hero-portrait img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none}
.hero-portrait:focus-visible{outline-offset:-6px;outline:2px dashed var(--blue)}
.ascii-overlay{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:1;pointer-events:none}
.hero-hint{position:absolute;left:65%;bottom:45px;transform:translateX(-50%);z-index:4;font:600 10px/1.6 var(--sans);letter-spacing:.25em;text-align:center;white-space:nowrap;pointer-events:none}
.hero-hint:after{content:'';display:block;margin:12px auto 0;height:1px;width:24px;background:currentColor}
.ascii-toggle{pointer-events:auto;display:block;margin:9px auto 0;border:0;border-bottom:1px solid currentColor;padding:2px 0;background:none;color:inherit;font:500 10px/1.4 var(--sans);letter-spacing:.02em}.ascii-toggle[hidden]{display:none}
.hero-location{position:absolute;left:4%;bottom:27px;font-size:9px;letter-spacing:.1em;z-index:4}
.hero-scroll{position:absolute;right:4%;bottom:27px;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.12em;z-index:4}
.hero-scroll>span:last-child{font-size:20px;line-height:1}
.ticker{margin-top:0;position:relative;z-index:5}
@media(min-aspect-ratio:2/1) and (min-width:901px){.hero-copy{top:21%}.hero-code{font-size:22svh}.hero-soul{font-size:15svh}.portrait-art{width:105svh;right:12%;top:-5svh;height:105svh}}
@media(max-width:1100px){.header{gap:20px}.header .desktop-nav{gap:23px;font-size:14px}.header-actions{gap:15px}.header .contact-link{font-size:13px;padding:12px 18px;gap:12px}.hero-soul{font-size:10.5vw}}
@media(max-width:800px){.header{height:78px;padding:0 5%}.header .desktop-nav{display:none}.header-actions{margin-left:auto}.header .menu-button{display:block}.header .contact-link{display:none}.hero-copy{top:19%;left:5%}.hero-code{font-size:28vw}.hero-soul{font-size:13vw}.hero-role{font-size:9px;letter-spacing:.16em;margin-top:22px}.portrait-art{width:105vw;right:-17%;top:120px;height:calc(100% - 120px)}.hero-hint{left:60%;bottom:70px}.hero-location{left:5%}.hero-scroll{right:5%}}
@media(max-width:600px){.editorial-hero{min-height:760px;height:100svh}.header .header-brand{font-size:27px}.header-actions{gap:16px}.languages button{font-size:12px}.hero-copy{top:115px;left:6%;right:6%}.hero-code{font-size:38vw;line-height:.84}.hero-soul{font-size:20vw;line-height:.96;margin-top:2px}.hero-role{margin-top:19px;font-size:9px;letter-spacing:.2em}.hero-role:before{width:32px;margin-bottom:10px}.portrait-art{width:150vw;max-width:730px;left:50%;right:auto;transform:translateX(-50%);top:325px;height:calc(100% - 325px);mask-image:linear-gradient(#000 83%,transparent 100%)}.hero-hint{left:50%;bottom:60px;font-size:8px;letter-spacing:.17em}.hero-location{bottom:22px;font-size:8px}.hero-scroll{bottom:22px;font-size:8px;gap:9px}}
@media(max-width:350px){.header .header-brand{font-size:24px}.header-actions{gap:11px}.hero-copy{top:105px}.portrait-art{top:310px;height:calc(100% - 310px);width:175vw}.hero-hint{font-size:7px}.hero-location{font-size:7px}.hero-scroll{font-size:7px}}