/* Illustrated visiting card: Sam Alves, version 2. */
:root{--sa-bg:#091713;--sa-ink:#f4ecdc;--sa-muted:#c3cec5;--sa-accent:#e3cc96;--sa-line:#d6c69d38}
.sa-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sa-header{padding:18px 0;position:relative;z-index:1}.sa-wordmark{width:174px}.sa-wordmark img{width:174px;height:auto}.sa-wordmark span{margin-top:0;font-size:9px;letter-spacing:.2em;text-align:center;color:var(--sa-accent)}
.sa-hero{display:block;position:relative;isolation:isolate;min-height:750px;padding:64px 0 62px}.sa-hero:before{content:"";position:absolute;inset:0 calc(-1 * clamp(24px,4vw,64px));z-index:-1;background:linear-gradient(0deg,var(--sa-bg),transparent 18%),linear-gradient(90deg,#09171345,transparent 65%),url('/apps/samalves/visual-v2/background.webp') center/cover no-repeat}.sa-hero-copy{max-width:590px}.sa-hero .sa-eyebrow{margin-bottom:8px}.sa-hero h1.sa-illustrated-title{margin:0 0 22px;width:min(100%,610px);line-height:1}.sa-illustrated-title img{width:100%;height:auto}.sa-lead{font-size:30px;text-shadow:0 2px 14px #000}.sa-intro{max-width:425px;color:#d5dfd5;text-shadow:0 2px 10px #000}.sa-hero .sa-button:not(.sa-primary){background:#091713b8}.sa-hero-note{color:#d0d9cc}.sa-button.sa-primary{background:linear-gradient(130deg,#e5d3a5,#c7a869);border-color:#e5ce99;box-shadow:0 2px 12px #0002}.sa-feature{background:linear-gradient(90deg,#26372a22,transparent)}.sa-library .sa-eyebrow,.sa-author .sa-eyebrow,.sa-community .sa-eyebrow{display:flex;align-items:center;gap:10px}.sa-eyebrow .sa-art-icon{width:36px;height:36px;flex:none}.sa-book-art{border-color:#b99c6655;box-shadow:0 10px 24px #0003}.sa-book-art:not(:has(img)){background-image:radial-gradient(ellipse at top,#a58a4720,transparent 65%)}.sa-author{background:radial-gradient(ellipse at 0 50%,#cfa85512,transparent 65%)}.sa-avatar{border:1px solid #c7a86988;padding:4px;background:#111e17}.sa-community{position:relative;isolation:isolate;overflow:hidden;border-color:#c7a86966;background:#101e17;padding:48px}.sa-community:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091713f5,#091713b8 65%,#09171380),url('/apps/samalves/visual-v2/background.webp') right 65%/cover no-repeat}.sa-community p:not(.sa-eyebrow){color:#d1d9cf}
@media(max-width:1100px) and (min-width:761px){.sa-hero-copy{max-width:520px}.sa-hero:before{background-position:60% center}.sa-hero .sa-intro{max-width:365px}.sa-lead{font-size:27px}}
@media(max-width:760px){.sa-header{padding:14px 0}.sa-wordmark,.sa-wordmark img{width:143px}.sa-header nav{gap:15px}.sa-hero{min-height:870px;padding:38px 0 300px}.sa-hero:before{inset:0 -24px;background:linear-gradient(180deg,#091713 0%,#091713e6 23%,#09171399 51%,#09171300 72%,#091713 100%),url('/apps/samalves/visual-v2/background.webp') 76% bottom/auto 700px no-repeat}.sa-hero-copy{max-width:100%}.sa-hero h1.sa-illustrated-title{width:calc(100% + 12px);max-width:none;margin-left:-6px;margin-bottom:20px}.sa-hero .sa-eyebrow{font-size:9px;letter-spacing:.14em}.sa-lead{font-size:26px;margin-bottom:19px}.sa-intro{font-size:14px;max-width:360px}.sa-hero .sa-actions{gap:10px;display:grid;grid-template-columns:1fr 1fr}.sa-hero .sa-button{padding:12px 9px;gap:8px;font-size:11px}.sa-hero-note{font-size:10px;margin-top:24px}.sa-community{padding:28px}.sa-eyebrow .sa-art-icon{width:30px;height:30px}}
@media(max-width:360px){.sa-wordmark,.sa-wordmark img{width:128px}.sa-header nav{gap:10px;font-size:11px}.sa-hero{min-height:900px}.sa-hero .sa-actions{grid-template-columns:1fr}.sa-hero .sa-button{width:100%}.sa-lead{font-size:24px}}