@font-face{font-family:"DM Sans";src:url("/assets/dm-sans.ttf") format("truetype");font-style:normal;font-weight:100 1000;font-display:swap}
:root{--ink:#0f0c18;--cream:#f2e0d0;--orange:#a94c06;--yellow:#fbdd00;--muted:#5e5149;font-family:"DM Sans",system-ui,sans-serif;color:#fff;background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
main{flex:1;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
.social a:focus-visible{outline-color:var(--orange)}
::selection{background:var(--yellow);color:var(--ink)}
.container{width:min(1152px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;top:12px;left:16px;padding:12px 18px;z-index:10;background:var(--yellow);color:var(--ink);border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.header{border-bottom:1px solid #ffffff0d}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.wordmark{display:inline-flex;align-items:baseline;font-size:23px;font-weight:600;letter-spacing:-.045em}
.wordmark span,h1 span{color:var(--yellow)}
.wordmark i,h1 i{display:inline-block;border-radius:50%;background:var(--yellow);flex-shrink:0}
.wordmark i{width:6px;height:6px;margin-left:4px}
.nav-link{display:flex;gap:13px;align-items:center;min-height:44px;padding:10px 19px;border:1px solid #ffffff21;background:#ffffff04;border-radius:99px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s}
.nav-link span{color:var(--yellow);font-size:18px;line-height:1}
.nav-link:hover{border-color:var(--yellow);background:#ffffff08}
.hero{min-height:440px;display:flex;align-items:center}
.hero-inner{padding-block:60px 68px;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:56px}
.portrait{aspect-ratio:4/5;overflow:hidden;border-radius:20px;border:1px solid #ffffff21;background:#171421}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}
h1{margin:0;font-size:clamp(56px,6.7vw,88px);font-weight:600;letter-spacing:-.065em;line-height:1.07}
h1 i{width:.095em;height:.095em;margin-left:.045em}
.intro{max-width:680px;margin:27px 0 0;font-size:clamp(21px,2.4vw,30px);line-height:1.45;font-weight:400;letter-spacing:-.03em;color:#eee8e4}
.social{flex:1;background:var(--cream);color:var(--ink);padding:56px 0 64px;min-height:370px}
.section-heading{margin-bottom:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.eyebrow i{height:5px;width:5px;border-radius:50%;background:currentColor}
h2{font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.045em;line-height:1.18;margin:10px 0 0}
.social-links{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.social-card{padding:24px;min-height:166px;display:grid;grid-template-columns:1fr auto;gap:25px 16px;border:1px solid #a94c061a;border-radius:20px;background:#fffaf6;transition:background .2s,border-color .2s,transform .2s}
.social-card:hover{background:#fff;border-color:#a94c0666;transform:translateY(-3px)}
.social-icon{width:39px;height:39px;background:#f2e0d080;border-radius:12px;display:grid;place-items:center}
.social-icon svg{width:21px;height:21px}
.social-copy{grid-row:2;display:flex;flex-direction:column;gap:5px}
.social-copy strong{font-size:18px;font-weight:600;letter-spacing:-.025em}
.social-copy>span{font-size:12px;color:var(--muted)}
.arrow{grid-column:2;grid-row:1;color:var(--muted);font-size:20px;transition:color .2s}
.social-card:hover .arrow{color:var(--orange)}
@media(min-width:1600px){.hero{min-height:510px}.social{padding-bottom:80px}}
@media(max-width:900px) and (min-width:701px){.hero-inner{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.intro{font-size:23px}h1{font-size:60px}.container{width:calc(100% - 64px)}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{height:76px}.wordmark{font-size:20px}.nav-link{font-size:12px;padding-inline:15px;gap:9px}.hero{min-height:330px}.hero-inner{padding-block:44px 44px;grid-template-columns:1fr;gap:32px}.portrait{width:min(100%,350px);margin-inline:auto;aspect-ratio:1/1.08}.portrait img{object-position:50% 40%}h1{font-size:clamp(46px,12.4vw,82px);letter-spacing:-.065em}.intro{font-size:21px;max-width:380px;margin-top:22px}.desktop-break{display:none}.social{padding:38px 0 44px;border-radius:26px 26px 0 0}.section-heading{margin-bottom:24px}h2{font-size:28px}.social-links{grid-template-columns:1fr;gap:12px}.social-card{grid-template-columns:42px 1fr auto;align-items:center;padding:18px;min-height:88px;gap:16px;border-radius:18px}.social-copy{grid-row:1;grid-column:2;gap:4px}.social-copy strong{font-size:16px}.social-icon{width:40px;height:40px}.arrow{grid-column:3;background:#f2e0d080;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}