@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0e0d0d;--text:#f3f0eb;--muted:#a6a09d;--line:rgba(255,255,255,.19);--accent:#c8b6a1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Manrope',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}
.topbar{position:absolute;inset:0 0 auto;z-index:5;height:92px;padding:0 clamp(24px,5.8vw,105px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent)}.wordmark{font-size:clamp(17px,1.55vw,24px);font-weight:600;letter-spacing:.36em}.top-actions{display:flex;align-items:center;gap:26px}.intro-meta{font-size:10px;letter-spacing:.23em;color:#e4e0da}.tiny-sep{padding:0 5px}.lang-switch{background:transparent;color:white;border:0;border-bottom:1px solid rgba(255,255,255,.65);padding:9px 4px;font-size:11px;letter-spacing:.15em;cursor:pointer}
.hero{position:relative;min-height:780px;height:100svh;overflow:hidden;background:#222126;isolation:isolate}.hero-art{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 37%,rgba(0,0,0,.20) 62%,rgba(8,7,8,.93) 100%);pointer-events:none}.hero-inner{position:absolute;inset:auto clamp(24px,6vw,108px) clamp(55px,8vh,100px);display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-kicker,.overline,.small-tag{font-size:10px;letter-spacing:.27em;font-weight:600}.hero-kicker{color:#efe5dd;margin:0 0 13px}.hero-kicker span{opacity:.55;padding:0 10px}.hero h1{font-weight:500;font-size:clamp(80px,14vw,240px);line-height:.93;letter-spacing:-.065em;margin:0 0 18px -8px;text-shadow:0 5px 35px rgba(0,0,0,.18)}.fullstop{color:var(--accent)}.hero-sub{font-size:clamp(16px,2vw,24px);font-weight:400;letter-spacing:.015em;margin:0;color:#f4eee8}.discover{white-space:nowrap;display:flex;align-items:center;gap:21px;font-size:10px;letter-spacing:.16em;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.6)}.arrow-down{font-size:24px;font-weight:400}
.connect{padding:clamp(85px,11vw,170px) clamp(24px,11vw,210px) 84px;background:radial-gradient(ellipse at 75% 0%,#242020 0%,#0e0d0d 55%)}.connect-head{max-width:800px;margin-bottom:55px}.overline{color:var(--accent);margin:0 0 26px}.overline span{padding:0 8px;color:#81776e}.connect h2{font-size:clamp(37px,5.4vw,82px);line-height:1.13;letter-spacing:-.056em;font-weight:400;margin:0 0 21px}.description{font-size:clamp(14px,1.25vw,17px);line-height:1.7;color:#c3bdb6;margin:0}
.link-list{border-top:1px solid var(--line);margin-top:38px}.social-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 25px;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}.social-link[href]:hover{padding-left:14px;color:var(--accent)}.social-link.is-pending{opacity:.46}.social-label{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,3vw,44px);font-weight:400;letter-spacing:-.025em}.social-meta{display:block;font-size:10px;letter-spacing:.15em;color:#aaa;margin-top:8px;font-family:'DM Sans',sans-serif}.social-arrow{font-size:30px;line-height:1;color:var(--accent)}
.bottom-links{margin-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,120px)}.bottom-links>div{border-top:1px solid var(--line);padding-top:22px}.small-tag{color:var(--accent)}.bottom-title{font-family:Georgia,serif;font-size:clamp(31px,4vw,54px);margin:18px 0 12px}.bottom-links p{color:var(--muted);font-size:13px;line-height:1.7;max-width:300px}.small-action{display:inline-block;margin-top:22px;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--accent)}.small-action[href]{border-bottom:1px solid var(--accent);padding-bottom:6px}.closing-line{text-align:center;margin:120px 0 0;font:italic clamp(19px,2.4vw,30px) Georgia,serif;color:#bbb3ab}footer{border-top:1px solid var(--line);padding:33px clamp(24px,6vw,108px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9d9791;font-size:10px;letter-spacing:.14em}footer a:hover{color:white}
@media(max-width:800px){.hero{min-height:0;height:auto;display:flex;flex-direction:column}.hero-art{position:relative;width:100%;height:auto;aspect-ratio:1408/1024}.hero-art img{width:100%;height:100%;object-fit:contain}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.23),transparent 25%,rgba(14,13,13,0) 52%,#0e0d0d 95%)}.hero-inner{position:relative;inset:auto;display:block;padding:0 24px 50px;margin-top:-42px;z-index:2}.hero h1{font-size:clamp(61px,14vw,110px);margin-left:-4px}.hero-sub{font-size:18px}.discover{display:inline-flex;margin-top:37px}.topbar{height:66px;padding:0 22px}.intro-meta{display:none}.wordmark{font-size:15px;letter-spacing:.27em}.connect{padding:75px 24px 70px}.connect-head{margin-bottom:35px}.bottom-links{grid-template-columns:1fr;margin-top:80px;gap:55px}.closing-line{margin-top:95px}footer{padding:28px 24px;font-size:9px;flex-wrap:wrap}footer span:nth-child(2){display:none}}
@media(max-width:500px){.hero-kicker{font-size:8px;letter-spacing:.14em}.hero h1{font-size:clamp(55px,14.5vw,72px)}.hero-inner{margin-top:-30px}.connect h2{font-size:41px}.social-link{padding:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Atmospheric wide-screen stage: foreground keeps the complete source frame. */
.hero{height:100svh;min-height:390px;aspect-ratio:auto;background:#191617}
.hero-atmosphere{position:absolute;inset:-65px;background:linear-gradient(90deg,rgba(22,17,16,.6),rgba(22,17,16,.12) 50%,rgba(22,17,16,.6)),url('assets/severin-hero.jpg') center/cover;filter:blur(46px) saturate(.65);transform:scale(1.05);pointer-events:none}
.hero-art{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;aspect-ratio:auto}
.hero-frame{width:min(100%,calc(100svh * 1441 / 980));aspect-ratio:1441/980;overflow:hidden;flex:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hero-art img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:top}
.hero-shade{background:linear-gradient(0deg,rgba(14,13,13,.7),transparent 24%),linear-gradient(90deg,rgba(14,13,13,.22),transparent 55%);pointer-events:none}
.hero-inner{position:absolute;inset:auto auto 4.5% 5%;display:block;z-index:2;max-width:80%}
.hero-kicker{font-size:10px;line-height:1.5;letter-spacing:.19em;margin-bottom:14px}
.hero h1{font-size:clamp(100px,24svh,265px);line-height:.9;letter-spacing:-.07em;margin:0 0 20px -8px;font-weight:500;text-shadow:0 3px 35px rgba(0,0,0,.25)}
.hero-sub{font-size:clamp(16px,2vw,24px);margin-left:3px}
.discover{display:none}
.hero-socials{position:absolute;z-index:4;top:112px;right:4.5%;width:390px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-social{position:relative;display:flex;align-items:center;gap:13px;min-height:94px;padding:18px;border:1px solid rgba(235,217,192,.42);border-radius:21px;background:linear-gradient(135deg,rgba(70,56,44,.79),rgba(20,19,20,.85));color:#fff4e8;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(18px);text-align:left;font-size:15px;font-weight:500;transition:transform .2s,border-color .2s,background .2s}
.hero-social-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;color:#e6c7a1}
.hero-social-icon svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-social-name{display:block;line-height:1.3}.hero-social-hint{display:block;font-size:8px;letter-spacing:.09em;margin-top:5px;color:#c8baab;font-weight:400}
.hero-social:disabled{opacity:1;cursor:default}.hero-social[href]:hover{transform:translateY(-4px);border-color:#f0d2ae;background:linear-gradient(135deg,rgba(123,91,59,.9),rgba(35,27,24,.95))}
.hero-social:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f3f0eb;outline-offset:5px}
@media(min-width:801px) and (max-height:800px){.topbar{height:66px}.hero-socials{top:85px;right:3%;width:290px;gap:8px}.hero-social{min-height:65px;padding:10px;gap:8px;border-radius:17px}.hero-social-icon{width:28px}.hero h1{font-size:25svh}.hero-kicker{font-size:8px}.hero-inner{bottom:5%;max-width:62%}.hero-sub{font-size:15px}}
@media(max-width:800px){
.hero{height:auto;min-height:0;display:block;padding-bottom:124px}
.hero-art{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1441/980}
.hero-art img{width:100%;height:auto;max-width:none;mask-image:none}
.hero-atmosphere{inset:0 -30px -40px;filter:blur(32px);background-position:center bottom}
.hero-shade{background:linear-gradient(0deg,rgba(14,13,13,.65),transparent 40%);inset:0;aspect-ratio:auto}
.hero-inner{inset:calc(100vw * 980 / 1441 * .52) auto auto 6%;max-width:92%;margin:0;padding:0}
.hero h1{font-size:21vw;line-height:.9;margin:0;letter-spacing:-.065em}
.hero-kicker,.hero-sub{display:none}
.hero-socials{top:calc(100vw * 980 / 1441 + 14px);left:16px;right:16px;width:auto;grid-template-columns:repeat(4,1fr);gap:8px}
.hero-social{min-width:0;min-height:90px;padding:10px 4px;gap:5px;flex-direction:column;text-align:center;border-radius:19px;font-size:11px}
.hero-social-icon{width:32px;height:32px}.hero-social-icon svg{width:27px;height:27px}.hero-social-hint{font-size:7px;letter-spacing:0;margin-top:4px}
}
@media(max-width:360px){.hero-socials{left:10px;right:10px;gap:6px}.hero-social{font-size:10px;border-radius:16px}}

@media(min-width:801px) and (max-height:500px){.hero-socials{top:78px;width:52%;grid-template-columns:repeat(4,1fr);gap:7px}.hero-social{min-width:0;flex-direction:column;min-height:72px;font-size:10px;padding:7px 3px;gap:3px}.hero-social-hint{display:none}.hero-social-icon svg{width:24px;height:24px}}

/* Social profiles form one row of portrait medallions, not a second list of cards. */
.hero-socials{top:108px;right:4.5%;width:auto;display:flex;gap:22px}
.hero-social{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12px;width:88px;min-height:130px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;text-align:center;font-size:14px}
.profile-avatar{position:relative;display:block;width:80px;height:80px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#e1c6a4,#645244 55%,#c1a68d);box-shadow:0 8px 24px #0005;transition:transform .2s}
.profile-avatar>img{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #241e1a}
.profile-avatar .hero-social-icon{position:absolute;right:-4px;bottom:-2px;width:28px;height:28px;border:2px solid #aa917a;border-radius:50%;background:#211c19;color:#ecd4b6}
.profile-avatar .hero-social-icon svg{width:17px;height:17px}
.hero-social-name{font-weight:500;text-shadow:0 2px 8px #000}.hero-social-hint{font-size:8px;letter-spacing:.12em;margin-top:5px}
.hero-social[href]:hover{background:none;transform:none}.hero-social[href]:hover .profile-avatar{transform:translateY(-5px)}
.connect .bottom-links{margin-top:65px}
@media(min-width:801px) and (max-height:800px){.hero-socials{top:85px;right:3%;gap:12px}.hero-social{width:72px;font-size:12px;min-height:105px;gap:9px}.profile-avatar{width:66px;height:66px}.hero-social-hint{font-size:7px}}
@media(max-width:800px){
.hero-frame{width:100%;aspect-ratio:1441/980;mask-image:none}
.hero-inner{inset:auto auto 143px 6%;max-width:92%}
.hero h1{font-size:21vw}
.hero-socials{top:calc(100vw * 980 / 1441 + 14px);left:16px;right:16px;width:auto;gap:8px;justify-content:space-between}
.hero-social{flex:1;width:auto;min-width:0;min-height:100px;font-size:11px;gap:7px}
.profile-avatar{width:64px;height:64px;padding:3px}.profile-avatar>img{border-width:2px}
.profile-avatar .hero-social-icon{width:24px;height:24px;right:-2px}.profile-avatar .hero-social-icon svg{width:14px;height:14px}
.hero-social-hint{font-size:7px;letter-spacing:.04em;margin-top:3px}
}
@media(max-width:360px){.hero-socials{left:12px;right:12px;gap:5px}.profile-avatar{width:58px;height:58px}.hero-social{font-size:10px}}