/* A compact wordmark and restrained crimson frame for the personal introduction. */
.brand-wordmark{display:inline-flex;align-items:center;gap:11px;line-height:1.3;letter-spacing:-.035em;color:#e2e2e2;font-size:22px;font-weight:500}
.brand-studio{color:#989898;font-weight:400}
.brand-mark{position:relative;display:block;flex:0 0 15px;width:15px;height:21px;border-left:3px solid #ef0018;border-bottom:3px solid #ef0018;transform:skewY(-12deg)}
.brand-mark::after{content:"";position:absolute;right:0;top:0;height:12px;border-right:3px solid #ef0018}
.hero-brand{position:absolute;top:48px;left:45px;z-index:1}
.hero-brand .brand-studio{color:#b9b9b9}
.about-copy{position:relative;margin:0 45px;padding:34px 38px 36px;max-width:900px;border:1px solid #ef001842;border-left:3px solid #ef0018;border-radius:0 16px 16px 0;background:linear-gradient(110deg,#ef001810,transparent 52%),linear-gradient(135deg,#ffffff04,#ffffff01);box-shadow:inset 0 1px 0 #ffffff03}
.about-copy::after{content:"";position:absolute;left:-3px;top:30px;width:3px;height:65px;background:#ff485a;box-shadow:0 0 22px #ef001830;pointer-events:none}
.about-brand{font-size:21px;margin-bottom:27px}
.about-copy p{max-width:760px}
.about-copy p:last-child{margin-bottom:0;color:#949494}
.footer-brand{margin-bottom:45px;font-size:25px}
.footer-brand:hover{color:#fff}
@media(max-width:1100px){.hero-brand{top:110px}}
@media(max-width:700px){.hero-brand{top:95px;left:24px;font-size:19px}.brand-wordmark{gap:9px}.brand-mark{width:13px;flex-basis:13px;height:18px}.about-copy{margin:0 24px;padding:27px 23px 29px;max-width:none;border-radius:0 13px 13px 0}.about-brand{font-size:19px;margin-bottom:24px}.about-copy p{font-size:19px;line-height:28px}.footer-brand{font-size:23px;margin-bottom:34px}}