.brand img{mix-blend-mode:screen}
header{height:124px}
header .brand{gap:20px;font-size:26px;letter-spacing:1.2px}
header .brand img{width:126px;height:104px;object-fit:cover;flex-shrink:0}
header .brand small{font-size:12px;letter-spacing:8px;margin-top:7px}
.hero{height:calc(100svh - 124px)}
@media(max-width:800px){header{height:104px}header .brand{gap:12px;font-size:20px}header .brand img{width:90px;height:82px}header .brand small{font-size:10px;letter-spacing:6px}.hero{height:auto}}
@media(max-width:560px){header .brand{gap:10px;font-size:16px}header .brand img{width:76px;height:76px}header .brand small{font-size:8px;letter-spacing:5px}header nav>a:not(.nav-cta){display:none}header nav{gap:0}header .nav-cta{font-size:10px;padding:10px 8px}}
.story-visual img{mix-blend-mode:normal}
.wizard{grid-template-columns:1.25fr 1fr;background:#101719}
.wizard-art{background:#101719;display:flex;align-items:center;min-height:440px}
.wizard-art>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;transition:transform .7s ease}
.wizard-art:hover>img{transform:scale(1.035)}
.concept-label{position:absolute;bottom:18px;left:20px;font-size:8px;letter-spacing:1.6px;background:#07101bdd;color:#e8f1f8;padding:7px 9px;border:1px solid #ffffff25;border-radius:2px}
.wizard-title{margin:18px -10px 24px;line-height:1}
.wizard-title img{display:block;width:100%;height:auto;max-width:360px;mix-blend-mode:screen}
.social-links{width:100%;display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff15;padding-top:25px;font-size:12px}
.social-links>span{color:var(--lime);margin-right:auto;font-weight:700}
.social-links a{color:#a6b6ab}.social-links a:hover{color:var(--lime)}
@media(max-width:800px){.wizard{grid-template-columns:1fr}.wizard-art{min-height:0;padding-bottom:35px}.concept-label{bottom:8px;left:12px;font-size:7px}.wizard-title img{max-width:310px}.social-links{gap:17px}.social-links>span{width:100%}}
@media(prefers-reduced-motion:reduce){.wizard-art:hover>img{transform:none}}