:root{color-scheme:light;--navy:#1d284b;--blue:#466a9f;--glass-edge:rgba(255,255,255,.78);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{color:var(--navy);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#dbe6f3}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:clamp(2rem,6vw,7rem);background:url("assets/studio-background.png") center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(235,243,252,.06),rgba(199,216,236,.06));pointer-events:none}.profile-card,.blueprint{border:1px solid var(--glass-edge);background:linear-gradient(135deg,rgba(235,244,253,.45),rgba(217,229,244,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 24px 60px rgba(39,60,91,.08);-webkit-backdrop-filter:blur(17px) saturate(108%);backdrop-filter:blur(17px) saturate(108%)}
.profile-card{position:relative;z-index:3;width:min(70vw,980px);min-height:clamp(310px,38vw,470px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(2rem,5vw,5rem) clamp(2rem,4vw,4rem);border-radius:2rem;text-align:center;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .75s var(--ease),box-shadow .5s ease}.card-shine{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.card-shine::after{content:"";position:absolute;width:50%;height:180%;top:-40%;left:-60%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .9s var(--ease)}.profile-card:hover .card-shine::after{left:115%}h1{margin:0;color:var(--navy);font-size:clamp(3rem,6vw,6.6rem);font-weight:420;line-height:1;text-wrap:balance}.role{margin:clamp(1rem,2vw,1.4rem) 0 0;color:var(--blue);font-size:clamp(1rem,1.8vw,1.65rem);font-weight:450;letter-spacing:.075em}.role span{padding:0 .25em}.links{width:100%;display:grid;grid-template-columns:.9fr 1.15fr 1.15fr;gap:clamp(.75rem,1.6vw,1.4rem);margin-top:clamp(2.5rem,5vw,4.6rem)}.link-button{min-width:0;min-height:3.6rem;display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.8rem 1.15rem;border:1px solid rgba(255,255,255,.88);border-radius:999px;color:var(--navy);background:rgba(242,247,253,.33);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 22px rgba(43,65,95,.04);text-decoration:none;font-size:clamp(.86rem,1.22vw,1.08rem);font-weight:500;white-space:nowrap;transition:transform .32s var(--ease),background-color .32s ease,box-shadow .32s ease}.link-button svg{width:1.55rem;height:1.55rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.link-button:nth-child(2) svg{fill:currentColor;stroke:none}.link-button:hover{transform:translateY(-4px);background:rgba(250,252,255,.68);box-shadow:0 12px 26px rgba(38,58,88,.12),inset 0 1px 0 #fff}.link-button:active{transform:translateY(-1px) scale(.99)}.link-button:focus-visible{outline:3px solid rgba(50,87,141,.45);outline-offset:4px}
.blueprint{position:absolute;z-index:1;width:clamp(230px,23vw,390px);aspect-ratio:1/1.08;display:grid;place-items:center;border-radius:1.5rem;color:rgba(86,115,155,.27)}.blueprint svg{width:83%;height:83%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.blueprint .fine{stroke-width:1}.blueprint .check{fill:currentColor;stroke:none}.blueprint--maker{left:clamp(-110px,2.6vw,4rem);top:12%}.blueprint--race{right:clamp(-110px,2vw,3rem);top:14%}
@media(max-width:900px){.hero{padding:2rem 1rem;background-position:47% center}.profile-card{width:min(92vw,680px);min-height:auto;padding:3.2rem 1.3rem 2rem;border-radius:1.6rem}h1{max-width:8ch;font-size:clamp(3.15rem,14vw,5.4rem)}.role{max-width:18rem;line-height:1.65;letter-spacing:.035em}.role span{padding:0 .1em}.links{grid-template-columns:1fr;max-width:27rem;margin-top:2.5rem;gap:.75rem}.link-button{min-height:3.65rem;font-size:1rem}.blueprint{opacity:.55;width:210px}.blueprint--maker{left:-135px;top:4%}.blueprint--race{right:-145px;top:8%}}
@media(max-height:700px) and (min-width:901px){.profile-card{min-height:340px;padding-block:2.2rem}.links{margin-top:2.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.profile-card{transform:none!important}.card-shine{display:none}}