@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Inter:wght@500;600;700&display=swap');

:root{--yellow:#ffd900;--black:#080808;--white:#fff;--grey:#727272}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--white);color:var(--black);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.teaser{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,transparent 0 8%,rgba(0,0,0,.035) 8% 8.08%,transparent 8.08% 92%,rgba(0,0,0,.035) 92% 92.08%,transparent 92.08%),var(--white)}.teaser:before{content:"";position:absolute;z-index:-2;top:-7rem;right:-10rem;width:min(60vw,52rem);height:18rem;background:var(--yellow);transform:rotate(-9deg);clip-path:polygon(12% 0,100% 0,100% 100%,0 72%)}.teaser:after{content:"";position:absolute;z-index:-2;left:-8rem;bottom:-8rem;width:38rem;height:13rem;background:var(--black);transform:rotate(5deg)}.topbar,.hero,.footer{width:min(1240px,calc(100% - 3rem));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:6.2rem;border-bottom:2px solid var(--black)}.mini-mark{color:var(--black);font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.1rem;font-style:italic;font-weight:900;letter-spacing:-.09em;line-height:1;text-decoration:none}.mini-mark span{color:var(--yellow);text-shadow:1px 1px 0 var(--black)}.topbar__tag{margin:0;font:700 .8rem/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(32rem,1.12fr);align-items:center;gap:2.5rem;min-height:calc(100svh - 12rem);padding-block:4rem 5rem}.hero__copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.2rem;font:800 .82rem/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{display:inline-block;width:2.7rem;height:.55rem;background:var(--yellow);transform:skewX(-22deg)}h1{margin:0;max-width:10ch;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(4.2rem,7.4vw,7.6rem);font-weight:900;letter-spacing:-.055em;line-height:.82;text-transform:uppercase}h1 em{color:var(--yellow);font-style:italic;text-shadow:3px 3px 0 var(--black);-webkit-text-stroke:1px var(--black)}.intro{max-width:34rem;margin:2rem 0 2.2rem;color:#383838;font-size:clamp(1rem,1.2vw,1.15rem);font-weight:500;line-height:1.65}.discipline-strip{display:flex;flex-wrap:wrap;gap:.45rem}.discipline-strip span{border:2px solid var(--black);padding:.62rem .8rem .56rem;background:var(--white);font-family:"Barlow Condensed",Impact,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;transform:skewX(-8deg)}.discipline-strip span:first-child{background:var(--yellow)}.logo-stage{position:relative;z-index:1;margin:0;transform:rotate(-1.6deg)}.logo-stage__frame{position:relative;border:4px solid var(--black);background:var(--white);box-shadow:18px 18px 0 var(--yellow),22px 22px 0 var(--black);clip-path:polygon(4% 0,100% 0,96% 100%,0 95%);overflow:hidden}.logo-stage__frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.62) 48%,transparent 52%);transform:translateX(-120%);animation:flash 5s 1.2s ease-in-out infinite}.logo-stage img{display:block;width:100%;height:auto}.logo-stage figcaption{position:relative;width:max-content;margin:-1rem 2rem 0 auto;padding:.75rem 1.05rem;background:var(--black);color:var(--white);font-family:"Barlow Condensed",Impact,sans-serif;font-size:1rem;font-style:italic;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.number{position:absolute;z-index:-1;top:-6rem;right:-2rem;color:transparent;font-family:"Barlow Condensed",Impact,sans-serif;font-size:10rem;font-weight:900;letter-spacing:-.08em;line-height:1;-webkit-text-stroke:2px rgba(0,0,0,.12)}.footer{position:absolute;right:0;bottom:1.2rem;left:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.footer p{margin:0}.footer p:first-child{color:var(--white)}.footer p:first-child span{color:var(--yellow);padding-inline:.3rem}.footer__code{font-size:.76rem}.footer__code span{color:var(--grey);margin-left:.4rem}.speed-lines{position:absolute;z-index:-1;width:12rem;height:6px;background:var(--black);transform:skewX(-32deg);opacity:.12}.speed-lines:before,.speed-lines:after{content:"";position:absolute;right:0;height:100%;background:inherit}.speed-lines:before{top:13px;width:72%}.speed-lines:after{top:26px;width:42%}.speed-lines--top{top:29%;left:-3rem}.speed-lines--bottom{right:-2rem;bottom:19%;transform:rotate(180deg) skewX(-32deg)}@keyframes flash{0%,68%,100%{transform:translateX(-120%)}82%{transform:translateX(120%)}}@media(max-width:900px){.teaser:before{width:80vw;opacity:.9}.hero{grid-template-columns:1fr;gap:3rem;min-height:auto;padding-block:4rem 9rem}.hero__copy{max-width:42rem}.logo-stage{width:min(100%,42rem);margin-inline:auto}.footer{position:absolute}}@media(max-width:600px){.topbar,.hero,.footer{width:min(100% - 2rem,1240px)}.topbar{min-height:5rem}.topbar__tag{max-width:11rem;text-align:right;line-height:1.35}.hero{gap:2.6rem;padding-block:3.2rem 8rem}h1{font-size:clamp(3.7rem,19vw,5.2rem)}.logo-stage__frame{box-shadow:10px 10px 0 var(--yellow),13px 13px 0 var(--black)}.logo-stage figcaption{margin-right:.8rem;font-size:.82rem}.footer{align-items:flex-end}.footer p:first-child{max-width:14rem;line-height:1.5}.number{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}