@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

.entry-page{--entry-ink:#f2f3f1;--entry-muted:#a3a6a6;--entry-bg:#090a0b;min-height:100vh;color:var(--entry-ink);background:var(--entry-bg);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.matrix-canvas,.entry-grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.matrix-canvas{z-index:0;opacity:.55}
.entry-grain{z-index:1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.entry-header,.entry-footer,.entry-main{position:relative;z-index:2}
.entry-header{display:flex;justify-content:space-between;align-items:center;padding:25px clamp(24px,5.5vw,100px);font:10px 'DM Mono',monospace;letter-spacing:.18em;color:#b9bcbc}
.entry-header span:last-child{color:#74797a}
.entry-main{width:min(1720px,90vw);margin:0 auto;padding:clamp(48px,8vh,130px) 0 clamp(56px,7vh,110px)}
.entry-heading{max-width:1000px;margin:0 auto clamp(45px,7vh,105px);text-align:center}
.entry-kicker,.entry-footnote,.door-index,.door-foot,.door-cta{font:10px 'DM Mono',monospace;letter-spacing:.18em}
.entry-kicker{display:flex;justify-content:center;align-items:center;gap:11px;color:#b8bbbb}
.status-light{width:6px;height:6px;background:#c8cbca;border-radius:50%;box-shadow:0 0 13px #ffffff70}
.entry-heading h1{margin:27px 0 18px;font:800 clamp(63px,7vw,118px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.entry-heading h1 em,.door-title em{font-style:normal;color:#a4a7a7}
.entry-copy{max-width:490px;margin:0 auto;color:#a8acad;font-size:clamp(13px,1.05vw,17px);line-height:1.7}
.entry-doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,48px)}
.entry-door{position:relative;isolation:isolate;display:flex;min-height:clamp(410px,36vw,650px);overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(25px,3.4vw,58px);color:var(--entry-ink);text-decoration:none;border:1px solid #ffffff12;border-radius:clamp(23px,3vw,48px);background:radial-gradient(ellipse at 50% 55%,#ffffff0d,transparent 70%),linear-gradient(145deg,#1b1d1eaa,#0c0e0fce 72%);box-shadow:0 38px 120px #0008;backdrop-filter:blur(4px);transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .45s,background-color .45s}
.entry-door:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 50% 54%,var(--door-glow),transparent 66%);opacity:.35;transition:opacity .5s,transform .7s}
.entry-door:hover,.entry-door:focus-visible{transform:translateY(-8px);border-color:color-mix(in srgb,var(--door-accent) 48%,transparent);outline:none}
.entry-door:hover:before,.entry-door:focus-visible:before{opacity:.74;transform:scale(1.1)}
.entry-door--red{--door-accent:#b95757;--door-glow:#792c2c}
.entry-door--blue{--door-accent:#788caf;--door-glow:#304872}
.door-index,.door-foot{position:relative;z-index:1;color:#a1a5a5}
.door-watermark{position:absolute;z-index:-1;right:2%;top:7%;font:900 clamp(170px,24vw,410px)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.1em;color:#ffffff08;user-select:none}
.door-copy{position:relative;z-index:1;display:flex;max-width:470px;flex-direction:column;align-items:flex-start}
.pill{position:relative;display:block;width:72px;height:32px;margin-bottom:31px;border:1px solid #ffffff60;border-radius:50px;transform:rotate(-24deg);box-shadow:0 0 28px var(--door-glow);transition:transform .4s,box-shadow .4s}
.pill:before,.pill:after{content:'';position:absolute;top:0;bottom:0;width:50%;border-radius:50px 0 0 50px;background:#f1f1ef}
.pill:after{left:50%;border-radius:0 50px 50px 0;background:var(--door-accent)}
.entry-door:hover .pill,.entry-door:focus-visible .pill{transform:rotate(-12deg) translateY(-3px);box-shadow:0 0 42px var(--door-accent)}
.door-title{font:700 clamp(49px,6vw,94px)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.door-description{max-width:385px;margin-top:20px;color:#b0b3b3;font-size:clamp(13px,1vw,16px);line-height:1.7}
.door-cta{display:inline-flex;align-items:center;min-height:49px;margin-top:27px;padding:0 18px;border:1px solid #ffffff44;border-radius:30px;color:#f3f4f2;transition:background .3s,color .3s,border-color .3s}
.entry-door:hover .door-cta,.entry-door:focus-visible .door-cta{background:var(--door-accent);border-color:var(--door-accent);color:#08090a}
.entry-footnote{text-align:center;color:#7e8384;margin:clamp(28px,5vh,65px) 0 0;letter-spacing:.1em}
.entry-footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(24px,5.5vw,100px);border-top:1px solid #ffffff16;font:9px 'DM Mono',monospace;letter-spacing:.15em;color:#878c8c}
@media(min-width:3000px){.entry-main{width:min(2650px,88vw)}.entry-heading{max-width:1200px}.entry-door{min-height:clamp(760px,34vw,1120px);padding:clamp(70px,4vw,130px);border-radius:68px}.entry-header,.entry-footer{padding-inline:7vw}.entry-heading h1{font-size:clamp(240px,8vw,380px)}.door-title{font-size:clamp(140px,4.6vw,210px)}.door-description{font-size:25px;max-width:650px}.door-cta{font-size:15px;min-height:70px;padding-inline:30px}.entry-kicker,.door-index,.door-foot,.door-cta,.entry-footnote{font-size:14px}}
@media(max-width:700px){.entry-header{padding:19px 20px;font-size:8px}.entry-main{width:calc(100% - 34px);padding:52px 0}.entry-heading{margin-bottom:37px}.entry-heading h1{font-size:clamp(61px,17vw,100px);margin-top:23px}.entry-copy{max-width:340px}.entry-doors{grid-template-columns:1fr;gap:15px}.entry-door{min-height:410px;padding:24px;border-radius:26px}.door-watermark{font-size:210px;right:3%;top:9%}.door-title{font-size:62px}.pill{margin-bottom:24px}.door-description{font-size:13px;max-width:300px}.door-cta{margin-top:20px;min-height:44px;font-size:9px}.door-foot{font-size:8px}.entry-footnote{max-width:300px;margin:30px auto 0;font-size:8px;line-height:1.8}.entry-footer{flex-wrap:wrap;padding:16px 20px;font-size:8px}.entry-footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.entry-door,.pill,.entry-door:before,.door-cta{transition:none}}

/* Tighten the chooser and give its two experience panels more presence. */
.matrix-canvas{opacity:.72}
.entry-grain{opacity:.16}
.entry-main{padding:clamp(30px,5vh,76px) 0 clamp(34px,4vh,64px)}
.entry-heading{margin-bottom:clamp(28px,4vh,58px)}
.entry-heading h1{margin-block:20px 14px}
.entry-door{min-height:clamp(360px,31vw,550px);border-color:#ffffff24;background:radial-gradient(ellipse at 50% 55%,#ffffff18,transparent 72%),linear-gradient(145deg,#25292bdf,#121617f2 72%);box-shadow:0 30px 90px #0007}
.entry-door:before{opacity:.48}
.entry-door--red{--door-glow:#873536;--door-accent:#c65b5e;--pill-heading:#ff9298;--pill-glow:#ff304e}
.entry-door--blue{--door-glow:#3b5680;--door-accent:#8199c0;--pill-heading:#a8cbff;--pill-glow:#397bff}
.entry-door .pill{box-shadow:0 0 34px var(--door-glow)}
@media(min-width:3000px){.entry-main{padding-block:clamp(56px,5vh,100px)}.entry-heading{margin-bottom:clamp(45px,4vh,82px)}.entry-door{min-height:clamp(620px,27vw,930px);padding:clamp(56px,3vw,100px)}}
@media(max-width:700px){.entry-header{padding:17px 20px}.entry-main{padding:30px 0}.entry-heading{margin-bottom:25px}.entry-heading h1{margin-top:18px}.entry-doors{gap:12px}.entry-door{min-height:350px;padding:23px}.door-description{margin-top:16px}}

/* The chooser borrows the portfolio's oversized, tightly set display type. */
.entry-heading h1{font-size:clamp(76px,9.4vw,156px);line-height:.68;letter-spacing:-.075em;margin-block:17px 12px}
.entry-heading h1 em{color:#d9dbd9}
.entry-heading{margin-bottom:clamp(22px,3.3vh,45px)}
.door-title{font-size:clamp(72px,8vw,142px);line-height:.69;letter-spacing:-.085em;margin-left:-.055em}
.door-title em{color:var(--pill-heading);text-shadow:0 2px 8px #000a,0 0 28px var(--pill-glow)}
.door-description{max-width:390px;margin-top:10px;line-height:1.45;letter-spacing:-.018em}
.door-cta{margin-top:17px}
.pill{position:relative;width:132px;height:58px;margin:0 0 26px;border:2px solid color-mix(in srgb,var(--pill-light) 80%,white);border-radius:999px;transform:rotate(-23deg);background:linear-gradient(155deg,#ffffff58 0%,#ffffff1c 22%,transparent 48%),linear-gradient(115deg,var(--pill-light) 0%,var(--pill-dark) 82%);box-shadow:inset 0 -7px 10px #0006,inset 0 3px 5px #ffffff55,0 0 34px var(--pill-glow),0 22px 32px -14px var(--pill-glow);animation:capsule-glow 3.2s ease-in-out infinite;z-index:0}
.pill:before{top:8px;bottom:8px;left:47%;width:3px;transform:rotate(-12deg);border-radius:4px;background:color-mix(in srgb,var(--pill-light) 65%,white);box-shadow:0 0 8px var(--pill-light)}
.pill:after{top:8px;bottom:auto;left:12%;width:30%;height:7px;transform:rotate(-7deg);border-radius:50%;background:#ffffff75;box-shadow:0 0 7px var(--pill-light)}
.pill:after{animation:capsule-sheen 4.8s ease-in-out infinite}
.pill--red{--pill-light:#ff6972;--pill-dark:#b51e38;--pill-glow:#ff304e;--pill-heading:#ff9298}
.pill--blue{--pill-light:#79c4ff;--pill-dark:#244ec9;--pill-glow:#397bff;--pill-heading:#a8cbff}
.door-copy .pill{position:absolute;top:3px;left:53%;width:clamp(200px,25vw,390px);height:clamp(88px,10.5vw,166px);margin:0;transform:translate(-50%,-18%) rotate(-23deg);opacity:.72;pointer-events:none;z-index:-1}
.door-title,.door-description,.door-cta{position:relative;z-index:1}
.entry-door:hover .door-copy .pill,.entry-door:focus-visible .door-copy .pill{transform:translate(-50%,-20%) rotate(-14deg) scale(1.06);opacity:.9}
.entry-door--red .door-watermark,.entry-door--blue .door-watermark{color:#ffffff0d}
@keyframes capsule-glow{0%,100%{filter:brightness(.96);box-shadow:inset 0 -7px 10px #0006,inset 0 3px 5px #ffffff55,0 0 30px var(--pill-glow),0 22px 32px -14px var(--pill-glow)}50%{filter:brightness(1.12);box-shadow:inset 0 -7px 10px #0005,inset 0 3px 5px #ffffff80,0 0 58px var(--pill-glow),0 30px 44px -12px var(--pill-glow)}}
@keyframes capsule-sheen{0%,20%{opacity:.3;transform:translateX(0) rotate(-7deg)}65%,100%{opacity:.9;transform:translateX(180%) rotate(-7deg)}}
@media(min-width:3000px){.entry-heading h1{font-size:clamp(250px,8vw,420px)}.door-title{font-size:clamp(150px,4.8vw,230px)}.door-copy .pill{width:clamp(340px,19vw,560px);height:clamp(150px,8vw,240px)}.door-description{font-size:24px}.door-cta{margin-top:22px}}
@media(max-width:700px){.entry-heading h1{font-size:clamp(69px,17vw,110px);line-height:.72;letter-spacing:-.075em}.entry-heading{margin-bottom:23px}.door-title{font-size:clamp(66px,16vw,94px);line-height:.72}.door-copy .pill{top:-3px;left:50%;width:clamp(155px,53vw,230px);height:clamp(70px,24vw,102px)}.door-description{margin-top:8px;line-height:1.4}.entry-door{min-height:340px}}
@media(prefers-reduced-motion:reduce){.pill,.pill:after{animation:none}}

.entry-manga{position:relative;isolation:isolate;display:flex;min-height:145px;align-items:center;gap:clamp(14px,2vw,30px);margin-top:clamp(18px,2.4vw,34px);padding:22px clamp(20px,3vw,48px);overflow:hidden;border:1px solid #ffffff35;border-radius:30px;background:#151819;color:#fff;text-decoration:none}
.entry-manga:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090b0def 0%,#090b0dbd 45%,#090b0d20 100%),url("manga-race-hero.png") 72% 48%/cover;opacity:.86;transition:transform .8s,opacity .4s}
.entry-manga:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090b0d2b,transparent 70%);pointer-events:none}
.entry-manga-label{font:9px 'DM Mono',monospace;letter-spacing:.15em;color:#f2d74f}
.entry-manga strong{font:900 clamp(39px,6vw,76px)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.055em}
.entry-manga-cta{margin-left:auto;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.entry-manga:hover:before,.entry-manga:focus-visible:before{transform:scale(1.035);opacity:1}
.entry-manga:focus-visible{outline:2px solid #f2d74f;outline-offset:4px}
@media(max-width:700px){.entry-manga{min-height:115px;flex-wrap:wrap;gap:10px 16px;padding:18px 20px;border-radius:22px}.entry-manga-label{width:100%;font-size:8px}.entry-manga strong{font-size:49px}.entry-manga-cta{font-size:8px;letter-spacing:.04em}}

/* Three equal routes, with the cycling story presented as the third card. */
.entry-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,28px)}
.entry-door--manga{--door-accent:#f2d74f;--door-glow:#bd8f27;background:linear-gradient(145deg,#141719,#090b0d 76%)}
.entry-door--manga:before{background:radial-gradient(ellipse at 65% 44%,#f2d74f28,transparent 68%);opacity:.45}
.entry-door-art{position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:inherit;pointer-events:none}
.entry-door-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a0bf5 0%,#090a0bd9 42%,#090a0b54 100%),linear-gradient(0deg,#090a0b66,transparent 35%)}
.entry-door-art img{width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.75;transform:scale(1.02);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s}
.entry-door--manga:hover .entry-door-art img,.entry-door--manga:focus-visible .entry-door-art img{opacity:.98;transform:scale(1.13) translateX(-1.5%);filter:saturate(1.18) contrast(1.06)}
.entry-manga-copy .door-title{display:flex;flex-direction:column;gap:.015em;font-size:clamp(58px,6.2vw,106px);line-height:.72;letter-spacing:-.075em;text-transform:uppercase}
.entry-manga-copy .door-title>span{color:#f7f7f4}
.entry-manga-copy .door-title em{color:#f2d74f;text-shadow:0 0 22px #f2d74f75}
.entry-manga-copy .door-description{font:500 clamp(9px,.78vw,12px)/1.9 'DM Mono',monospace;letter-spacing:.09em;color:#f2d74f}
.entry-door--manga .door-cta{border-color:#f2d74f77}
.manga-sweat{position:absolute;z-index:1;top:28%;left:65%;width:10px;height:16px;border-radius:90% 10% 70% 50%;background:#c8f3ff;box-shadow:0 0 10px #92e3ff;opacity:0;transform:translateY(-14px) rotate(24deg);transition:opacity .2s,transform .35s}
.manga-sweat--two{top:34%;left:69%;width:7px;height:11px;transition-delay:.08s}
.entry-door--manga:hover .manga-sweat,.entry-door--manga:focus-visible .manga-sweat{opacity:.95;transform:translateY(8px) rotate(24deg);animation:sweat-drop .7s ease-in infinite alternate}
@keyframes sweat-drop{to{transform:translateY(16px) rotate(24deg);opacity:.35}}
@media(max-width:900px){.entry-door{min-height:360px;padding:22px}.door-title{font-size:clamp(58px,7.5vw,84px)}.door-copy .pill{width:clamp(150px,20vw,220px);height:clamp(66px,8vw,92px)}.entry-manga-copy .door-title{font-size:clamp(56px,7vw,82px)}.door-description{font-size:12px}}
@media(max-width:700px){.entry-doors{grid-template-columns:1fr;gap:12px}.entry-door{min-height:340px;padding:23px}.entry-door--manga{min-height:340px}.entry-door-art img{object-position:59% center}.entry-manga-copy .door-title{font-size:clamp(76px,19vw,112px)}.entry-manga-copy .door-description{font-size:10px}.manga-sweat{left:65%}}
@media(prefers-reduced-motion:reduce){.entry-door-art img,.manga-sweat{transition:none}.entry-door--manga:hover .manga-sweat,.entry-door--manga:focus-visible .manga-sweat{animation:none}}