:root{--ink:#11121a;--paper:#f6f1e8;--blue:#142b55;--blue-bright:#2b61b6;--yellow:#ffc845;--violet:#48216f;--magenta:#b13e8d;--coral:#ff7163;--white:#fff;--sans:"Manrope",Arial,sans-serif;--serif:"Newsreader",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit}img{display:block}.skip{position:fixed;z-index:50;top:-5rem;left:1rem;background:var(--yellow);padding:.7rem 1rem;font-weight:700}.skip:focus{top:1rem}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid rgba(17,18,26,.18);position:relative;z-index:5}.wordmark{text-decoration:none;font-weight:800;letter-spacing:.2em;font-size:1.05rem}.wordmark span{color:var(--magenta);margin-left:.25rem}.about-link{text-decoration:none;font-size:.88rem;font-weight:700;border-bottom:1px solid;padding-bottom:.2rem}.about-link:hover{color:var(--magenta)}.intro{min-height:550px;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;align-items:center;gap:clamp(3rem,8vw,9rem);overflow:hidden}.portrait-wrap{width:min(390px,74vw);aspect-ratio:1;position:relative;justify-self:center}.portrait-wrap img{position:absolute;inset:6%;width:88%;height:88%;object-fit:cover;object-position:76% center;border-radius:50%;filter:saturate(.88) contrast(1.05);z-index:2}.orbit{position:absolute;border:1px solid rgba(17,18,26,.28);border-radius:50%}.orbit-one{inset:0}.orbit-two{inset:-8%;border-color:rgba(177,62,141,.55);border-style:dashed;transform:rotate(18deg)}.portrait-wrap:after{content:"";position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:var(--yellow);right:-2%;bottom:11%;z-index:3}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--magenta);margin:0 0 1.1rem}.intro h1{font-family:var(--serif);font-size:clamp(3.3rem,7vw,7.4rem);font-weight:500;line-height:.86;letter-spacing:-.045em;margin:0 0 2rem}.intro h1 em{color:var(--magenta);font-weight:500}.intro-copy>p:not(.kicker):not(.choose){font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:750px;color:#484854}.choose{font-weight:700;margin:2rem 0 0;display:flex;align-items:center;gap:.8rem}.choose:before{content:"";display:block;width:36px;height:2px;background:var(--ink)}.paths{display:grid;grid-template-columns:1fr 1fr}.path{min-height:680px;padding:clamp(2rem,5vw,5rem);text-decoration:none;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;transition:flex .5s ease}.music-path{background:linear-gradient(145deg,var(--blue),#07142b)}.circle-path{background:linear-gradient(145deg,var(--violet),#241034)}.path:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;top:-18%;right:-12%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);z-index:-1;transition:transform .5s ease}.path:hover:before,.path:focus-visible:before{transform:scale(1.18)}.path:focus-visible{outline:4px solid var(--yellow);outline-offset:-4px}.path-index{position:absolute;top:2.5rem;left:clamp(2rem,5vw,5rem);font-size:.75rem;letter-spacing:.18em;font-weight:700;opacity:.68}.path-symbol{position:absolute;top:clamp(3rem,7vw,6rem);right:clamp(2rem,6vw,6rem);font-family:var(--serif);font-size:clamp(8rem,16vw,17rem);line-height:1;color:var(--yellow);opacity:.92;transform:rotate(-8deg)}.path-symbol.seven{color:var(--coral);font-style:italic;transform:rotate(5deg)}.path-copy{position:relative;max-width:650px}.path-label{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;opacity:.75;margin-bottom:1rem}.path h2{font-family:var(--serif);font-size:clamp(3.6rem,6vw,6.8rem);font-weight:500;line-height:.85;letter-spacing:-.04em;margin:0 0 1.8rem}.path h2 em{color:var(--yellow);font-weight:500}.circle-path h2 em{color:var(--coral)}.path-copy>p:not(.path-label){max-width:580px;color:rgba(255,255,255,.76);font-size:1.02rem}.path-action{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid rgba(255,255,255,.35);padding-top:1.1rem;margin-top:2.4rem;font-weight:700}.path-action b{font-size:1.4rem;font-weight:400;transition:transform .25s ease}.path:hover .path-action b{transform:translate(5px,-5px)}footer{min-height:90px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem clamp(1.25rem,5vw,5rem);font-size:.85rem}footer p{margin:0;color:rgba(255,255,255,.72)}@media(max-width:850px){.intro{grid-template-columns:1fr;min-height:auto;text-align:center}.portrait-wrap{width:min(300px,68vw)}.intro-copy>p:not(.kicker):not(.choose){margin-left:auto;margin-right:auto}.choose{justify-content:center}.paths{grid-template-columns:1fr}.path{min-height:590px}.path-symbol{font-size:10rem}.path-copy{max-width:620px}}@media(max-width:520px){header{height:64px}.intro{padding-top:3rem;padding-bottom:3.5rem;gap:2.5rem}.portrait-wrap{width:230px}.intro h1{font-size:3.5rem}.paths{display:block}.path{min-height:530px;padding:2rem 1.25rem}.path-index{left:1.25rem;top:1.5rem}.path-symbol{top:2.2rem;right:1.25rem;font-size:8rem}.path h2{font-size:4rem}.path-copy>p:not(.path-label){font-size:.95rem}footer{align-items:flex-start;flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path,.path:before,.path-action b{transition:none}}