:root{color:#fff7dc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;margin:0}.bio-page{min-height:100vh;isolation:isolate;background:#050505;min-height:100svh;display:grid;position:relative;overflow:hidden}.bio-backdrop,.bio-vignette{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bio-backdrop{z-index:-2;filter:saturate(.78)contrast(1.12);background:url(/assets/barbershop/hero-atelier-gold.webp) 71%/cover no-repeat;transform:scale(1.025)}.bio-vignette{z-index:-1;background:radial-gradient(42% 45% at 72% 35%,#e7b8251a,#0000 78%),linear-gradient(90deg,#050505 0%,#050505fa 21%,#050505d6 40%,#05050526 78%),linear-gradient(#0505053d 0%,#0000 28% 78%,#050505 100%)}.bio-layout{width:min(100%,1280px);min-height:100vh;align-items:center;min-height:100svh;margin:auto;padding:clamp(28px,5vh,56px) clamp(24px,7vw,96px);display:flex}.bio-content{width:min(100%,490px);animation:.65s both bio-arrive}.bio-kicker{color:#ffe071;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:11px;font-size:10px;font-weight:750;line-height:1.5;display:flex}.bio-kicker span{background:linear-gradient(90deg,#0000,#e7b825);flex:0 0 18px;height:1px}.bio-kicker span:last-child{transform:rotate(180deg)}.bio-logo-wrap{background:linear-gradient(135deg,#fff0b0a3,#e7b82529 35%,#e7b8250a 70%,#ffe0715c);border-radius:24px;width:clamp(200px,35vw,235px);height:clamp(200px,35vw,235px);margin:13px 0 7px -10px;padding:2px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000052}.bio-logo-wrap:before{content:"";z-index:-1;filter:blur(53px);background:#e7b8253b;border-radius:50%;animation:5s ease-in-out infinite alternate bio-breathe;position:absolute;top:17%;bottom:17%;left:10%;right:10%}.bio-logo{-o-object-fit:contain;object-fit:contain;border-radius:22px;width:100%;height:100%;display:block}.bio-copy{max-width:490px}.bio-copy h1{color:#fff9e8;letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(36px,4vw,54px);font-weight:850;line-height:1.07}.bio-copy h1 em{background:linear-gradient(100deg,#fff0b0,#ffe071 36%,#e7b825 75%,#b98112);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.bio-copy p{color:#dfd3b8;max-width:440px;margin:17px 0 0;font-size:15px;line-height:1.65}.bio-actions{gap:12px;width:min(100%,430px);margin-top:31px;display:grid}.bio-button{letter-spacing:.005em;border:1px solid #0000;border-radius:999px;align-items:center;gap:14px;min-height:64px;padding:0 20px;font-size:15px;font-weight:760;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s;display:flex;position:relative}.bio-button:hover{transform:translateY(-3px)}.bio-button:active{transform:translateY(0)scale(.985)}.bio-button:focus-visible{outline-offset:4px;outline:3px solid #fff0b0}.bio-button-icon{flex:0 0 30px;justify-content:center;align-items:center;display:flex}.bio-button-icon svg{width:27px;height:27px}.bio-arrow{width:20px;height:20px;margin-left:auto;transition:transform .22s}.bio-button:hover .bio-arrow{transform:translate(4px)}.bio-button-primary{color:#0b0801;background:linear-gradient(106deg,#fff0b0 0%,#ffe071 22%,#e7b825 68%,#c88e12 100%);border-color:#ffe071;overflow:hidden;box-shadow:0 13px 36px #c4870940,inset 0 1px #ffffffb3}.bio-button-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:26%;transition:left .5s;position:absolute;top:-2px;bottom:-2px;left:-45%;right:auto;transform:skew(-28deg)}.bio-button-primary:hover:after{left:120%}.bio-button-primary:hover{box-shadow:0 17px 42px #e7b82566,inset 0 1px #fffc}.bio-button-secondary{color:#ffe071;background:linear-gradient(#0c0a05,#0c0a05) padding-box padding-box,linear-gradient(120deg,#fff0b0,#e7b825 55%,#79570c) border-box;box-shadow:0 8px 28px #00000059,inset 0 1px #ffffff0d}.bio-button-secondary:hover{background:linear-gradient(#191303,#191303) padding-box padding-box,linear-gradient(120deg,#fff0b0,#e7b825 55%,#79570c) border-box}.bio-footnote{color:#a9996b;letter-spacing:.13em;text-align:center;text-transform:uppercase;width:min(100%,430px);margin:22px 0 0;font-size:10px;font-weight:650;line-height:1.5}@media (max-width:700px){.bio-backdrop{opacity:.78;background-position:68% 0}.bio-vignette{background:linear-gradient(#0505055c 0%,#050505c7 30%,#050505 68%),radial-gradient(at 50% 18%,#e7b8251f,#0000 60%)}.bio-layout{justify-content:center;align-items:center;padding:29px 23px 38px}.bio-content{text-align:center;width:min(100%,460px)}.bio-kicker{letter-spacing:.13em;justify-content:center;font-size:9px}.bio-logo-wrap{width:clamp(205px,56vw,240px);height:clamp(205px,56vw,240px);margin:8px auto 12px}.bio-copy h1{font-size:clamp(34px,8.8vw,45px)}.bio-copy p{margin:15px auto 0;font-size:14px}.bio-actions{margin:27px auto 0}.bio-button{min-height:62px}.bio-footnote{margin:21px auto 0}}@media (max-width:380px){.bio-layout{padding-inline-start:18px;padding-inline-end:18px}.bio-kicker{letter-spacing:.1em;gap:7px;font-size:8px}.bio-kicker span{flex-basis:11px}.bio-logo-wrap{width:205px;height:205px}.bio-copy h1{font-size:33px}.bio-button{min-height:59px}}@media (max-height:720px){.bio-layout{align-items:center;padding-block-start:20px;padding-block-end:20px}.bio-logo-wrap{width:185px;height:185px;margin-top:7px;margin-bottom:12px}.bio-copy h1{font-size:clamp(33px,4vw,45px)}.bio-copy p{margin-top:10px;line-height:1.5}.bio-actions{gap:9px;margin-top:18px}.bio-button{min-height:55px}.bio-footnote{margin-top:13px}}@media (prefers-reduced-motion:reduce){.bio-content,.bio-logo-wrap:before{animation:none}.bio-button,.bio-arrow,.bio-button-primary:after{transition:none}}@keyframes bio-arrive{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes bio-breathe{0%{opacity:.65;transform:scale(.9)}to{opacity:1;transform:scale(1.12)}}