:root{--blue:#074494;--green:#078e39;--ink:#17252d;--muted:#627078;--line:#dfe5e8;--paper:#fafcfb;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#102a3c}body{margin:0;min-height:100svh;padding:38px 22px;display:flex;align-items:center;justify-content:center;color:var(--ink);font:16px/1.6 var(--sans);isolation:isolate}.textile{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 10% 10%,#07449480,transparent 60%),radial-gradient(ellipse at 100% 90%,#078e392b,transparent 65%),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(115deg,#132b3a,#15212a 55%,#1c3438)}.textile:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff06 30%,transparent 45%,#00000024 65%,transparent 85%)}
.bio-card{width:100%;max-width:460px;padding:28px 30px 19px;background:var(--paper);border:1px solid #ffffffbd;border-radius:24px;box-shadow:0 28px 80px #0004;position:relative;overflow:hidden}.bio-card:before{content:'';position:absolute;top:0;left:30px;right:30px;height:4px;background:linear-gradient(90deg,var(--blue) 0 50%,var(--green) 50%);border-radius:0 0 2px 2px}.bio-header{text-align:center}.brand-frame{width:156px;margin:0 auto 20px}.brand{display:block;width:100%;height:auto}.eyebrow{margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}h1{font:800 33px/1.16 var(--display);letter-spacing:-.055em;margin:0 0 14px}h1 span{color:var(--blue);position:relative}h1 span:after{content:'';height:3px;position:absolute;bottom:-5px;left:0;right:0;background:var(--green)}.intro{font-size:14px;line-height:1.65;color:var(--muted);margin:0 auto;max-width:350px}.intro strong{font-weight:500;color:#41545d}.links-heading{display:flex;align-items:center;gap:15px;margin:24px 0 13px;color:#64737b;font-size:10px;font-weight:600;letter-spacing:.03em}.stitch{height:1px;flex:1;background:repeating-linear-gradient(90deg,#b5c0c5 0 4px,transparent 4px 8px)}.bio-links{display:flex;flex-direction:column;gap:10px}.link-button{display:flex;align-items:center;gap:13px;padding:13px 14px;min-height:75px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.button-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#f0f4f5;flex:none;color:#354f60}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.button-icon svg{width:23px;height:23px}.button-copy{flex:1;min-width:0}.button-copy strong{display:block;font-size:14px;line-height:1.45;font-weight:700;letter-spacing:-.02em}.button-copy small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4;font-weight:400}.arrow{width:19px;height:19px;flex:none;color:#61727e}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 13px #07449420}.primary .button-icon{background:#ffffff17;color:#fff}.primary small{color:#d4e5fc}.primary .arrow{color:#fff}.uniforms{border-color:#bcd8c5;background:#f2f8f4}.uniforms .button-icon{color:#146235;background:#e2eee6}.link-button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #102a3c0c;border-color:#7898ba;background:#f3f7fc}.primary:hover{background:#063776;border-color:#063776}.uniforms:hover{background:#e9f4ed;border-color:#78af8d}a:focus-visible{outline:3px solid #16a754;outline-offset:4px}.link-button:active{transform:translateY(0)}footer{margin-top:23px;border-top:1px solid var(--line);padding-top:16px;text-align:center}.footer-row{display:flex;align-items:center;justify-content:center;gap:12px}.footer-row p{display:flex;align-items:center;gap:7px;margin:0;color:#62727a;font-size:11px}.location-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.instagram{display:flex;align-items:center;gap:5px;color:#405865;font-size:11px;text-decoration:none}.instagram svg{width:15px;height:15px}.instagram .fill{fill:currentColor;stroke:none}.credit{display:inline-block;margin-top:15px;font-size:10px;color:#7a858a;text-decoration:none}.instagram:hover,.credit:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:768px){.bio-card{margin-block:4px}}
@media(max-width:767px){body{padding:20px 18px}.bio-card{max-width:420px;padding:24px 22px 17px;border-radius:20px}.bio-card:before{left:22px;right:22px}.brand-frame{width:132px;margin-bottom:16px}h1{font-size:29px;margin-bottom:14px}.intro{font-size:14px}.links-heading{margin-top:20px}.link-button{padding:12px;min-height:73px;gap:11px}.button-icon{width:33px;height:33px}.button-copy strong{font-size:14px}.button-copy small{font-size:11px}.arrow{width:18px}footer{margin-top:20px;padding-top:14px}}
@media(max-width:360px){body{padding:14px 12px}.bio-card{padding-inline:17px}.eyebrow{font-size:9px;letter-spacing:.09em}.button-copy strong{font-size:13px}.button-copy small{font-size:10px}.link-button{gap:9px}.button-icon{width:30px}.links-heading{font-size:9px}.footer-row p,.instagram{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
