*{box-sizing:border-box}body{margin:0;background:#111112;color:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.gateway{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.gateway-heading{position:absolute;z-index:2;top:32px;left:0;width:100%;text-align:center;pointer-events:none;text-shadow:0 2px 20px #000}.gateway-heading h1{font-size:16px;letter-spacing:.25em;margin:0 0 10px}.gateway-heading p{font-size:12px;letter-spacing:.12em;margin:0}.world{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:flex-end;padding:140px 8% 100px}.world img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .8s}.world:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0006,transparent 35%,#07111ce8)}.world-artist:after{background:linear-gradient(180deg,#0006,transparent 35%,#260b32ed)}.world-professional{border-right:1px solid #ffffff30}.world-copy{width:100%;max-width:560px;margin:auto auto 0}.eyebrow{font-size:11px;letter-spacing:.23em}.world h2{font-size:clamp(42px,5.7vw,86px);line-height:1.02;letter-spacing:-.05em;margin:22px 0 34px;font-weight:500}.enter{display:inline-flex;align-items:center;gap:32px;padding:15px 0;border-bottom:1px solid #ffffff80;font-size:13px;letter-spacing:.04em}.enter span{font-size:26px;transition:transform .25s}.gateway-footer{position:absolute;bottom:20px;width:100%;text-align:center;font-size:9px;letter-spacing:.24em;pointer-events:none}.world:hover img{transform:scale(1.035)}.world:hover .enter span{transform:translate(3px,-3px)}.world:focus-visible{outline:3px solid #fff;outline-offset:-8px}.placeholder{min-height:100svh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at top,#233347,#111112 65%)}.placeholder main{max-width:650px}.placeholder h1{font-size:clamp(40px,7vw,76px);letter-spacing:-.04em;margin:22px 0}.placeholder p{line-height:1.7;color:#c7cbd1}.placeholder nav{display:flex;gap:30px;flex-wrap:wrap}@media(max-width:700px){.gateway{grid-template-columns:1fr}.world{min-height:70svh;padding:115px 28px 55px}.world-artist{padding-top:55px}.world h2{font-size:48px;margin:18px 0}.gateway-heading{top:24px}.world-professional{border-right:0;border-bottom:1px solid #ffffff30}.gateway-footer{bottom:8px}.world img{object-position:center 30%}}@media(prefers-reduced-motion:reduce){.world img,.enter span{transition:none}.world:hover img{transform:none}}

/* Gateway brand: use the supplied logo at its natural aspect ratio. */
.gateway-heading h1 { margin:0 0 8px; line-height:0; }
.gateway-logo { display:block; width:clamp(140px,15vw,190px); height:auto; margin-inline:auto; filter:drop-shadow(0 2px 12px #0008); }