*{box-sizing:border-box}html{color-scheme:dark;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}body{margin:0}main{min-height:100svh;max-width:1600px;margin:auto;padding:clamp(24px,5vw,90px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.copy{position:relative;z-index:1}h1{font-size:clamp(48px,5.8vw,94px);line-height:1.08;letter-spacing:-.035em;margin:0 0 32px;font-weight:600}p{font-size:clamp(24px,2.15vw,34px);line-height:1.5;max-width:30ch;margin:0;color:#fff}img{width:100%;height:auto;display:block;max-height:85svh;object-fit:contain}@media(max-width:760px){main{grid-template-columns:1fr;gap:24px;padding:40px 24px;min-height:100svh}h1{font-size:clamp(44px,9vw,68px);margin-bottom:24px}p{font-size:24px}img{max-height:50svh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
h1 span{display:block;white-space:nowrap}h1{font-size:clamp(48px,5.8vw,94px)}@media(max-width:760px){h1{font-size:clamp(32px,8.7vw,68px)}}

.copy p{font-size:clamp(28px,2.6vw,42px);font-weight:600;text-transform:uppercase;letter-spacing:.055em;line-height:1.5;max-width:27ch;margin-top:36px}@media(max-width:760px){.copy p{font-size:clamp(26px,5.8vw,36px);letter-spacing:.045em}}

.copy p{text-transform:none;letter-spacing:normal;font-weight:500}.typed-letter{opacity:0}.typed-letter.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.typed-letter{opacity:1}}

h1{font-size:clamp(52px,6.5vw,104px)}@media(max-width:760px){h1{font-size:clamp(34px,9.3vw,72px)}}

main{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}h1{font-size:clamp(56px,7.4vw,118px)}@media(max-width:760px){main{grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(35px,10vw,78px)}}

main{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);padding:clamp(24px,3vw,60px)}h1{font-size:clamp(84px,11.1vw,177px)}@media(max-width:760px){main{grid-template-columns:minmax(0,1fr);padding:40px 24px;overflow-x:auto}h1{font-size:clamp(52.5px,15vw,117px)}}

main>.copy,main>img{position:relative;top:-32px}@media(max-width:760px){main>.copy,main>img{top:-16px}}

h1{margin-bottom:16px}.copy p{margin-top:0}main{gap:12px}@media(max-width:760px){main{gap:8px}h1{margin-bottom:14px}}
