@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700&display=swap');
:root{--orange:#ff7a32;--blue:#42b9e8;--ink:#151515;--paper:#f5f4f1;--muted:#7c7c7c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:Inter,Arial,sans-serif}.portal{min-height:100vh;display:flex;flex-direction:column}.portal-intro{padding:54px clamp(24px,6vw,90px) 38px;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:30px}.eyebrow{font:700 12px/1 Inter;letter-spacing:.22em;color:var(--orange);grid-column:1/-1}.portal-intro h1{margin:0;font:900 clamp(48px,7vw,106px)/.82 "Barlow Condensed",Arial,sans-serif;letter-spacing:-.03em}.portal-intro h1 em{font-style:italic;color:transparent;-webkit-text-stroke:2px var(--ink)}.portal-intro p{margin:0 0 6px;font-size:16px;color:#666;justify-self:end}.choices{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:500px;border-top:1px solid #d8d6d0;border-bottom:1px solid #d8d6d0}.choice{position:relative;overflow:hidden;text-decoration:none;color:inherit;min-height:500px}.choice+.choice{border-left:1px solid #d8d6d0}.choice-bg{position:absolute;inset:0;transition:.45s cubic-bezier(.2,.8,.2,1)}.triathlon .choice-bg{background:linear-gradient(135deg,#fff 0%,#f2f9fc 100%)}.running .choice-bg{background:linear-gradient(135deg,#fafafa 0%,#e8e8e8 100%)}.choice-content{position:relative;z-index:2;height:100%;padding:38px clamp(24px,4vw,64px);display:grid;grid-template-rows:auto 1fr auto auto;gap:24px}.number{font:700 12px/1 Inter;letter-spacing:.18em;color:#999}.logo-wrap{align-self:center;justify-self:center;width:min(76%,430px);transition:.4s cubic-bezier(.2,.8,.2,1)}.logo-wrap img{width:100%;height:auto;display:block;mix-blend-mode:normal}.run-logo{width:min(68%,380px)}.choice-copy span{font:700 11px/1 Inter;letter-spacing:.18em;color:#777}.choice-copy h2{margin:6px 0 2px;font:900 clamp(46px,6vw,86px)/.88 "Barlow Condensed",Arial,sans-serif;letter-spacing:-.02em}.choice-copy p{margin:8px 0 0;color:#777;font-size:14px}.enter{position:absolute;right:38px;bottom:38px;font:800 13px/1 Inter;letter-spacing:.12em;transform:translateX(0);transition:.25s}.choice:hover .choice-bg{transform:scale(1.03)}.choice:hover .logo-wrap{transform:translateY(-8px) scale(1.02)}.choice:hover .enter{transform:translateX(8px)}.triathlon:hover .choice-copy h2{color:var(--orange)}.running:hover .choice-copy h2{color:#000}.portal-footer{padding:18px clamp(24px,6vw,90px);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;color:#888}
@media(max-width:760px){.portal-intro{grid-template-columns:1fr;padding-top:34px}.portal-intro p{justify-self:start}.choices{grid-template-columns:1fr}.choice{min-height:430px}.choice+.choice{border-left:0;border-top:1px solid #d8d6d0}.choice-content{padding:28px 24px}.logo-wrap{width:min(72%,330px)}.run-logo{width:min(64%,300px)}.enter{right:24px;bottom:28px}.portal-footer{flex-direction:column}.portal-intro h1 em{-webkit-text-stroke:1.5px var(--ink)}}