@font-face{font-family:Anton;src:url('fonts/anton-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#efede6;--ink:#141414;--blue:#234bfa;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
::selection{background:var(--blue);color:white}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.teaser-shell{min-height:100svh;display:flex;flex-direction:column;padding:25px clamp(24px,4vw,72px) 19px;overflow:hidden}
.teaser-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.brand-mark{font-size:35px;font-weight:800;line-height:1;letter-spacing:-.09em}
.brand-mark span{color:var(--blue)}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}
.teaser-main{flex:1;display:flex;align-items:center;padding:50px 0 55px}
.teaser-title-row{position:relative;width:100%}
.teaser-title{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(140px,min(25vw,34svh),415px);font-weight:400;line-height:1.02;letter-spacing:-.025em;margin:0}
.teaser-title>span{display:block;animation:title-in 1s .08s both}
.teaser-title>span:last-child{animation-delay:.18s}
.teaser-title>span:first-child{color:var(--blue)}
.teaser-note{position:absolute;top:10%;left:62%;display:flex;align-items:flex-start;gap:12px;animation:note-in .9s .4s both}
.teaser-note p{font-size:clamp(13px,1.4vw,23px);line-height:1.5;margin:0;font-weight:600;letter-spacing:-.025em}
.status-dot{display:block;border-radius:50%;width:7px;height:7px;background:var(--blue);margin-top:8px}
.teaser-note>.arrow{width:clamp(34px,7.2vw,100px);height:clamp(34px,7.2vw,100px);margin-left:3vw;color:var(--blue)}
.teaser-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #14141440;padding-top:17px;font-size:10px;color:#51514b}
.preview-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--ink);font-size:11px;font-weight:500}
.preview-link .arrow{width:16px;height:16px;transition:transform .3s}
.preview-link:hover .arrow{transform:translate(3px,-3px)}
.preview-link:hover{color:var(--blue)}
@keyframes title-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes note-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.teaser-shell{padding-top:22px;padding-bottom:16px}.brand-mark{font-size:31px}.eyebrow{font-size:9px}.teaser-main{padding:70px 0 60px}.teaser-title{font-size:clamp(100px,30vw,224px);line-height:1.13}.teaser-note{top:3%;left:auto;right:0;display:block}.teaser-note .status-dot{width:5px;height:5px;margin-top:0;margin-bottom:12px}.teaser-note p{font-size:11px}.teaser-note>.arrow{display:none}.teaser-footer{font-size:10px}.preview-link{font-size:11px;gap:13px}}
@media(max-width:360px){.teaser-shell{padding-left:18px;padding-right:18px}.teaser-title{font-size:29.5vw}.teaser-note{right:5px}.teaser-note p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}