/* Portfolio skin: nocturnal editorial studio — intentionally distinct from the product UIs. */
:root{--ink:#e8eef4;--paper:#080b10;--acid:#d6ff4b;--orange:#ff7954;--line:rgba(214,231,245,.16)}
body{background:radial-gradient(circle at 75% -10%,#1e3140 0,transparent 38%),#080b10;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(214,255,75,.035) 49%,transparent 50%);z-index:-1}.grain{opacity:.06;mix-blend-mode:screen}
.site-header{border-bottom:1px solid var(--line);height:82px}.wordmark{letter-spacing:.14em}.wordmark span{color:var(--acid)}nav a{color:#99a8b6;transition:color .2s ease}nav a:hover{color:var(--acid)}.header-status{border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:#d9e4ec}.header-status i{background:var(--acid);box-shadow:0 0 16px #d6ff4b}
.hero{min-height:720px;padding-top:112px}.hero:after{content:"";position:absolute;left:-5vw;top:80px;width:62vw;height:62vw;background:radial-gradient(circle,rgba(36,104,125,.20),transparent 62%);filter:blur(10px);z-index:-1}.hero-copy{max-width:770px}.eyebrow{color:#9dacb9}.hero h1,.section-heading h2,.profile h2,.contact h2{letter-spacing:-.075em}.hero h1 em,h2 em{color:var(--acid);font-style:italic}.lede{color:#aebbc6;max-width:475px}.button-dark{background:var(--acid);color:#10150f;border-radius:2px;box-shadow:0 0 34px rgba(214,255,75,.16);transition:transform .25s ease,box-shadow .25s ease}.button-dark:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(214,255,75,.28)}.text-link{color:#ced9e2;text-decoration-color:#526676;text-underline-offset:5px}
.hero-art{right:42px;top:58px;width:342px;height:492px;border:1px solid rgba(214,255,75,.54);background:#10212b;box-shadow:24px 26px 0 rgba(74,101,116,.17),0 24px 90px rgba(0,0,0,.48)}.portrait-photo{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.83) contrast(1.08);transform:scale(1.02);transition:transform .8s cubic-bezier(.16,1,.3,1)}.hero-art:hover .portrait-photo{transform:scale(1.08)}.portrait-note,.portrait-caption{color:#eff8ff;text-shadow:0 2px 16px #000}.portrait-note{background:#0a1015bb;padding:7px 8px;top:16px;left:16px}.portrait-caption{bottom:15px;left:16px}.portrait-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,rgba(214,255,75,.15) 50%,transparent 52%);background-size:100% 9px;mix-blend-mode:screen;opacity:.22;pointer-events:none}.orbit{border-color:var(--acid);mix-blend-mode:screen;z-index:1;pointer-events:none}.orbit-two{border-color:#eff6ff}.hero-footer{border-color:var(--line);color:#aebbc6}.hero-footer a{color:var(--acid);animation:hero-arrow 1.7s ease-in-out infinite}
.credibility-band{background:linear-gradient(90deg,#101820,#0d1117);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats strong,.stats b{color:var(--acid)}
.work{padding-top:160px}.section-heading>p:last-child{color:#aab8c4}.project{border-color:var(--line)}.project-number,.year{color:#91a0ad}.project h3{color:#f0f5f8}.project-content>p{color:#aebbc6}.project li:before{color:var(--acid)}.tags span{border-color:#40505d;color:#bdcbd5;background:#111820}.project-visual{border:1px solid rgba(214,231,245,.13);box-shadow:0 26px 70px rgba(0,0,0,.25);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}.project:hover .project-visual{transform:translateY(-8px) rotate(.35deg);box-shadow:0 36px 85px rgba(0,0,0,.5)}
.zabery-visual{background:#0f1f20}.loqa-visual{background:#17172a}.zvuchi-visual{background:#ed462f}.b2b-visual{background:var(--acid)}
.profile{background:#10161c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-stamp{color:var(--acid)}.button-light{background:var(--acid);color:#10150f}.capability-list{border-color:var(--line)}.capability-list>span,.capability-list>p{border-color:var(--line)}.capability-list b{color:#aebbc6}
.contact{background:linear-gradient(135deg,#d6ff4b,#a4dce3);color:#10151b}.contact .eyebrow{color:#28443d}.contact-links a{border-color:#10151b}.contact footer{border-color:rgba(16,21,27,.35)}
.reveal{transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
@keyframes hero-arrow{50%{transform:translateY(6px)}}
@media(max-width:800px){.hero{min-height:1040px;padding-top:65px}.hero-art{width:min(82vw,335px);height:440px;margin-top:48px;right:auto}.portrait-photo{object-position:center 26%}.hero-footer{color:#aebbc6}.stats{background:#0d1319}.contact{background:linear-gradient(155deg,#d6ff4b,#9bcbd5)}}

/* Founder-first opening: portrait is the visual centre; product evidence begins below. */
@media(min-width:801px){.hero{min-height:790px;padding-top:105px}.hero-copy{position:relative;z-index:3;max-width:625px;padding-top:16px}.hero h1{font-size:clamp(60px,6.2vw,92px);max-width:610px}.hero h1 em{display:inline-block}.hero .lede{max-width:405px;margin-top:30px}.hero-art{left:50%;right:auto;top:48px;width:430px;height:630px;transform:translateX(-2%);z-index:2}.hero-art:before{content:"";position:absolute;inset:-26px;border:1px solid rgba(214,255,75,.20);z-index:-1;animation:portraitFrame 7s ease-in-out infinite}.hero-footer{z-index:4;grid-template-columns:130px 470px 1fr;bottom:31px}.hero-footer p{margin:0;max-width:460px}.hero-footer span{color:var(--acid);font-size:9px}}
@keyframes portraitFrame{50%{transform:translate(13px,-8px) scale(.985);border-color:rgba(164,220,227,.48)}}

/* Black & white founder portrait: restrained, photographic, and deliberately non-generic. */
:root{--ink:#f0f0ec;--paper:#050505;--acid:#deded7;--orange:#9c9b94;--line:rgba(255,255,255,.15)}
body{background:#050505;color:#f0f0ec}body:before{display:none}.grain{opacity:.035;mix-blend-mode:screen}.site-header{border-color:rgba(255,255,255,.13)}.wordmark span,.stats strong,.stats b,.profile-stamp,.hero-footer span{color:inherit;background:transparent;box-shadow:none}.header-status i{background:#f0f0ec;box-shadow:none}.header-status{color:#d4d4cf;border-color:rgba(255,255,255,.18)}nav a{color:#a6a6a1}nav a:hover{color:#fff}.hero:after{display:none}.hero h1 em,h2 em{color:#f0f0ec}.button-dark,.button-light{background:#ededeb;color:#080808;box-shadow:none}.button-dark:hover{box-shadow:none;background:#fff}.text-link{color:#c6c6c1;text-decoration-color:#777}
.credibility-band{background:#090909;border-color:rgba(255,255,255,.13)}.profile{background:#0b0b0b;border-color:rgba(255,255,255,.13)}.contact{background:#ededeb;color:#090909}.contact .eyebrow{color:#555}.contact-links a{border-color:#111}.contact footer{border-color:#555}.project{border-color:rgba(255,255,255,.14)}.project-number,.year{color:#9b9b96}.project-content>p,.section-heading>p:last-child{color:#bebeba}.tags span{background:#101010;border-color:#3b3b38;color:#c5c5c0}.project li:before{color:#fff}.project-visual{border-color:rgba(255,255,255,.15)}.b2b-visual{background:#deded7}.profile-copy p:not(.eyebrow),.capability-list b{color:#bebeba}
@media(min-width:801px){.hero{min-height:915px;padding-top:0}.hero-copy{position:absolute;top:574px;left:50%;transform:translateX(-50%);width:min(720px,100%);max-width:720px;padding:35px 20px 0;text-align:center;z-index:4;background:linear-gradient(180deg,transparent,#050505 70%)}.hero-copy .eyebrow{display:none}.hero h1{max-width:none;font-size:clamp(52px,4.6vw,72px);letter-spacing:-.07em;text-shadow:0 7px 30px #000}.hero h1 em{display:inline}.hero .lede{max-width:610px;margin:18px auto 0;color:#bdbdb8}.hero-actions{justify-content:center;margin-top:22px}.hero-art{left:50%;top:68px;width:410px;height:570px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.46);background:#0d0d0d;box-shadow:0 38px 105px rgba(0,0,0,.74)}.hero-art:before{display:none}.portrait-photo{filter:grayscale(1) contrast(1.14) brightness(.93);transform:scale(1.015);transition:filter .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.hero-art:hover .portrait-photo{filter:grayscale(0) contrast(1.04) brightness(1);transform:scale(1.055)}.portrait-note,.portrait-caption{color:#fff;text-shadow:0 2px 12px #000}.portrait-note{background:#050505d9}.portrait-scan,.orbit{display:none}.hero-footer{display:none}}
@media(max-width:800px){.hero{min-height:1060px;padding-top:0}.hero-copy{position:absolute;top:565px;left:0;width:100%;padding:0 23px;text-align:center}.hero-copy .eyebrow{display:none}.hero h1{font-size:48px}.hero .lede{margin:22px auto 0;max-width:510px}.hero-actions{justify-content:center;flex-wrap:wrap;gap:18px}.hero-art{position:absolute;left:50%;top:45px;right:auto;transform:translateX(-50%);width:min(76vw,360px);height:490px;margin:0;border-color:rgba(255,255,255,.42)}.portrait-photo{filter:grayscale(1) contrast(1.12)}.portrait-scan,.orbit{display:none}.hero-footer{display:none}}

/* Founder opening — a photographic editorial composition, not a portrait card. */
.hero-founder{--hero-line:rgba(255,255,255,.065);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.25fr) minmax(280px,.7fr);align-items:center;gap:28px;max-width:none;width:100%;min-height:calc(100svh - 82px);padding:58px clamp(38px,5vw,96px) 118px;overflow:hidden;background:#060708}
.hero-founder::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 38% 65% at 50% 52%,#1b2226 0%,#0d1113 39%,transparent 72%),linear-gradient(90deg,rgba(255,255,255,.025),transparent 22% 78%,rgba(255,255,255,.025))}
.hero-founder::after{content:"";position:absolute;inset:auto -14% -42% 25%;height:55%;z-index:-2;background:radial-gradient(ellipse at center,rgba(84,105,112,.25),transparent 64%);filter:blur(16px);pointer-events:none}
.hero-grid-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.72;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:clamp(64px,5vw,94px) clamp(64px,5vw,94px);mask-image:linear-gradient(90deg,transparent,#000 18% 82%,transparent),linear-gradient(180deg,transparent,#000 19% 84%,transparent);animation:gridDrift 17s linear infinite}
.founder-copy{position:relative;z-index:3;align-self:center;max-width:420px;padding-top:10px;opacity:0;transform:translateY(25px);animation:founderReveal .95s .12s cubic-bezier(.16,1,.3,1) forwards}
.founder-kicker{margin:0 0 34px;color:#a7aaa9;font:500 17px/1.2 Manrope,sans-serif;letter-spacing:-.025em}
.founder-copy h1{margin:0;color:#f1f1ed;font:600 clamp(66px,7vw,126px)/.8 "Playfair Display",Georgia,serif;letter-spacing:-.075em;text-wrap:balance}
.founder-copy h1 span{color:#9fa19b}.founder-copy>p:not(.founder-kicker){max-width:378px;margin:38px 0 0;color:#b6b7b4;font:400 18px/1.48 Manrope,sans-serif;letter-spacing:-.025em}
.founder-actions{display:grid;justify-items:start;gap:25px;margin-top:38px}.founder-primary{display:inline-flex;align-items:center;gap:44px;min-width:232px;padding:17px 17px 17px 24px;border:1px solid rgba(255,255,255,.52);border-radius:4px;color:#f5f5f2;background:linear-gradient(110deg,rgba(255,255,255,.18),rgba(255,255,255,.025) 56%);box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.03),0 12px 35px rgba(0,0,0,.24);font:600 15px Manrope,sans-serif;transition:transform .32s cubic-bezier(.16,1,.3,1),background .32s ease,box-shadow .32s ease}.founder-primary span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d7d9d5;color:#111;font-size:18px;transition:transform .32s ease}.founder-primary:hover{transform:translateY(-4px);background:rgba(255,255,255,.18);box-shadow:0 18px 43px rgba(0,0,0,.46)}.founder-primary:hover span{transform:rotate(45deg)}
.founder-contact{color:#c6c7c3;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:6px;font:500 14px Manrope,sans-serif;transition:color .2s,border-color .2s}.founder-contact:hover{color:#fff;border-color:#fff}.founder-contact span{margin-left:7px}
.founder-portrait{position:relative;align-self:end;justify-self:center;z-index:2;width:min(61vw,920px);max-width:none;height:min(84svh,930px);min-height:650px;transform:translate3d(var(--portrait-x,0),var(--portrait-y,0),0);will-change:transform;animation:portraitReveal 1.35s .08s cubic-bezier(.16,1,.3,1) both}.founder-portrait::before{display:none}.founder-portrait::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-3%;height:22%;z-index:-3;background:radial-gradient(ellipse,rgba(0,0,0,.94) 0%,transparent 70%);filter:blur(19px)}.portrait-aura{position:absolute;inset:10% 1% 2%;z-index:-1;background:radial-gradient(ellipse at 50% 38%,rgba(120,139,146,.24),transparent 54%);filter:blur(18px)}.founder-portrait img{position:absolute;left:50%;bottom:-6%;display:block;width:auto;height:135%;max-width:none;object-fit:contain;transform:translateX(-50%);filter:contrast(1.08) brightness(.84) saturate(.62);mask-image:radial-gradient(ellipse 52% 61% at 50% 52%,#000 60%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse 52% 61% at 50% 52%,#000 60%,transparent 92%);transition:filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);animation:portraitBreath 7s 1.4s ease-in-out infinite}.hero-founder:hover .founder-portrait img{filter:contrast(1.03) brightness(.94) saturate(.85);transform:translateX(-50%) scale(1.015)}
.founder-roles{position:relative;z-index:3;display:grid;gap:13px;align-self:center;justify-self:end;width:min(100%,330px)}.role-card{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;min-height:112px;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:linear-gradient(105deg,rgba(20,22,24,.78),rgba(8,9,10,.5));box-shadow:inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(10px);opacity:0;transform:translateX(30px);animation:roleReveal .75s cubic-bezier(.16,1,.3,1) forwards}.role-card:nth-child(1){animation-delay:.55s}.role-card:nth-child(2){animation-delay:.68s}.role-card:nth-child(3){animation-delay:.81s}.role-card i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.055);color:#f1f1ed;font:500 17px "DM Mono",monospace;font-style:normal}.role-card b{display:block;color:#f0f0ed;font:600 15px Manrope,sans-serif}.role-card span{display:block;margin-top:4px;color:#a8aaa7;font:400 13px/1.25 Manrope,sans-serif}
.founder-bottom{position:absolute;z-index:4;right:clamp(38px,5vw,96px);bottom:25px;left:clamp(38px,5vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;border-top:1px solid rgba(255,255,255,.13);opacity:0;animation:bottomReveal .75s 1s ease forwards}.stack-strip{display:flex;align-items:center;gap:clamp(16px,2.4vw,42px);color:#6e706f}.stack-strip span{font:500 10px "DM Mono",monospace;letter-spacing:.12em}.stack-strip b{font:600 clamp(14px,1.45vw,20px)/1 Manrope,sans-serif;letter-spacing:-.05em;opacity:.75}.founder-bottom p{margin:0;color:#cfcfca;font:500 13px Manrope,sans-serif;white-space:nowrap}.founder-bottom p i{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#58d27e;box-shadow:0 0 14px #58d27e}
@keyframes founderReveal{to{opacity:1;transform:none}}@keyframes portraitReveal{from{opacity:0;transform:translate3d(0,36px,0) scale(.97)}to{opacity:1;transform:translate3d(var(--portrait-x,0),var(--portrait-y,0),0) scale(1)}}@keyframes roleReveal{to{opacity:1;transform:none}}@keyframes bottomReveal{to{opacity:1}}@keyframes portraitBreath{50%{transform:translateY(-8px)}}@keyframes gridDrift{to{background-position:94px 94px}}@media(max-width:1080px){.hero-founder{grid-template-columns:minmax(280px,.85fr) minmax(380px,1fr) minmax(245px,.65fr);padding-inline:34px}.founder-copy h1{font-size:clamp(63px,7vw,94px)}.founder-portrait{height:min(72svh,730px);min-height:540px}.role-card{grid-template-columns:48px 1fr;padding:15px;min-height:96px}.role-card i{width:42px;height:42px}.founder-bottom{left:34px;right:34px}}
@media(max-width:800px){.site-header{height:70px}.hero-founder{display:flex;flex-direction:column;justify-content:flex-start;min-height:980px;padding:36px 23px 112px;text-align:center}.founder-copy{order:2;max-width:520px;margin-top:-30px}.founder-kicker{margin-bottom:18px;font-size:15px}.founder-copy h1{font-size:clamp(64px,17vw,90px);line-height:.82}.founder-copy>p:not(.founder-kicker){margin:25px auto 0;font-size:16px}.founder-actions{justify-items:center;gap:19px;margin-top:26px}.founder-portrait{order:1;width:min(104vw,580px);height:480px;min-height:0;margin-top:-9px}.founder-roles{order:3;grid-template-columns:repeat(3,1fr);width:100%;gap:8px;margin-top:30px}.role-card{grid-template-columns:1fr;gap:8px;min-height:110px;padding:12px;text-align:left}.role-card i{width:34px;height:34px;font-size:13px}.role-card b{font-size:13px}.role-card span{font-size:11px}.founder-bottom{left:23px;right:23px;bottom:19px;justify-content:center}.stack-strip{gap:14px}.stack-strip span,.stack-strip b:nth-of-type(n+4){display:none}.stack-strip b{font-size:14px}.founder-bottom p{display:none}}@media(prefers-reduced-motion:reduce){.hero-grid-lines,.founder-portrait img{animation:none}.founder-copy,.founder-portrait,.role-card,.founder-bottom{animation:none;opacity:1;transform:none}}

/* The Canva art direction is rebuilt as live interface, keeping only the approved portrait. */
.hero-founder{background:#050607}
.founder-portrait img{height:108%;bottom:-4%;transform:translateX(-58%);filter:contrast(1.04) brightness(.9) saturate(.76);mask-image:radial-gradient(ellipse 64% 66% at 50% 48%,#000 61%,transparent 93%);-webkit-mask-image:radial-gradient(ellipse 64% 66% at 50% 48%,#000 61%,transparent 93%)}
.hero-founder:hover .founder-portrait img{transform:translateX(-58%) scale(1.012)}
.role-card{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}.role-card:hover{transform:translateX(-8px) scale(1.015);border-color:rgba(255,255,255,.38);background:linear-gradient(105deg,rgba(40,44,47,.9),rgba(9,10,11,.76));box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 38px rgba(0,0,0,.32)}.role-card:hover i{background:#e8e9e5;color:#111;transform:rotate(-8deg)}.role-card i{transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s ease,color .35s ease}
.stack-strip{overflow:hidden;max-width:72%}.stack-strip b{animation:stackFloat 5.5s ease-in-out infinite}.stack-strip b:nth-of-type(2){animation-delay:.3s}.stack-strip b:nth-of-type(3){animation-delay:.6s}.stack-strip b:nth-of-type(4){animation-delay:.9s}.stack-strip b:nth-of-type(5){animation-delay:1.2s}.stack-strip b:nth-of-type(6){animation-delay:1.5s}.founder-bottom:hover .stack-strip b{opacity:1;color:#fff}.founder-bottom p{transition:color .25s ease}.founder-bottom:hover p{color:#fff}.founder-bottom p i{animation:statusPulse 2.1s ease-in-out infinite}
@keyframes stackFloat{50%{transform:translateY(-3px);opacity:1}}@keyframes statusPulse{50%{box-shadow:0 0 0 6px rgba(88,210,126,0),0 0 18px #58d27e}}

/* Live interface over the approved Canva hero: the export supplies only portrait + atmosphere. */
.hero-scrubber{display:none}
@media(min-width:801px){
  .hero-founder{min-height:max(calc(100vw * .7456),calc(100svh - 82px));height:max(calc(100vw * .7456),calc(100svh - 82px));padding:58px clamp(38px,5vw,96px) 118px;background:#050607 url("assets/portrait/canva-hero-artboard-hd.png") center top / 100% auto no-repeat}
  .hero-founder::before,.hero-founder::after{display:none}.hero-grid-lines{display:none}
  .hero-scrubber{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}.hero-scrubber i{position:absolute;display:block;background:rgba(4,5,6,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .scrub-top{top:0;right:0;left:0;height:11%}.scrub-left{top:12%;bottom:21%;left:0;width:31%}.scrub-right{top:24%;right:0;bottom:20%;width:28%}.scrub-bottom{right:0;bottom:0;left:0;height:17%}
  .founder-copy,.founder-roles,.founder-bottom{display:grid}.founder-copy{z-index:3}.founder-portrait{display:none}.founder-roles{z-index:3}.founder-bottom{display:flex;z-index:4}
}

/* Final live composition: clean Canva slide below, semantic interface above. */
@media(min-width:801px){
  .hero-founder{background:#050607 url("assets/portrait/canva-hero-clean-hd.png") center top / 100% auto no-repeat}
  .hero-scrubber{display:none}.founder-portrait{display:block;visibility:hidden;pointer-events:none}.founder-copy,.founder-roles,.founder-bottom{display:grid}.founder-bottom{display:flex}
}

/* Desktop scale: the hero is an integrated screen, not an oversized poster. */
@media(min-width:801px){
  .site-header{position:absolute;top:0;right:0;left:0;width:100%;transform:none;z-index:20;background:linear-gradient(180deg,rgba(3,4,5,.72),rgba(3,4,5,0));border-bottom-color:rgba(255,255,255,.08)}
  .hero-founder{width:100%;min-height:0;height:100svh;aspect-ratio:auto;margin:0;padding:48px clamp(38px,4vw,82px) 98px;grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr) minmax(190px,.75fr);gap:clamp(16px,2cqw,28px);background-color:#050607;background-size:auto 100%;background-repeat:no-repeat;background-position:center}
  .founder-copy{max-width:360px;margin-top:-6vh}.founder-copy h1{font-size:clamp(52px,5.6cqw,96px)}.founder-copy>p:not(.founder-kicker){margin-top:29px;font-size:16px}.founder-kicker{margin-bottom:25px;font-size:15px}
  .founder-actions{gap:19px;margin-top:28px}.founder-primary{min-width:210px;padding:14px 14px 14px 20px;font-size:14px}.founder-primary span{width:32px;height:32px}
  .founder-roles{width:min(100%,290px);gap:10px;margin-top:-4vh}.role-card{grid-template-columns:clamp(38px,3.2cqw,52px) minmax(0,1fr);gap:12px;min-height:94px;padding:15px}.role-card i{width:clamp(38px,3.2cqw,42px);height:clamp(38px,3.2cqw,42px);font-size:15px}.role-card b{font-size:14px}.role-card span{font-size:12px}
  .founder-bottom{right:clamp(46px,4vw,82px);bottom:56px;left:clamp(46px,4vw,82px);padding-top:17px}.stack-strip{gap:clamp(13px,1.8vw,30px)}.stack-strip b{font-size:clamp(13px,1.2vw,17px)}.founder-bottom p{font-size:12px}
}

/* A tall desktop window cannot fit a 4:3 canvas edge-to-edge. Keep the canvas intact
   instead of vertically stretching the portrait; the surrounding page stays seamless. */
@media(min-width:801px) and (max-aspect-ratio:4/3){
  .hero-founder{height:calc(100vw / 1.34119);background-size:100% 100%;}
}

/* Fade the clean Canva canvas into the page colour so wide screens never show a hard poster edge. */
@media(min-width:801px){
  .hero-founder{background:#050607}
  .hero-founder::after{content:"";display:block;position:absolute;inset:-52px;z-index:0;pointer-events:none;background:#050607 url("assets/portrait/canva-hero-clean-hd.png") center / cover no-repeat;filter:blur(34px) brightness(.32) saturate(.72);transform:scale(1.08);opacity:.9}
  .hero-founder::before{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:#050607 url("assets/portrait/canva-hero-clean-hd.png") center / auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 42%,#000 58%,transparent 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 42%,#000 58%,transparent 82%,transparent 100%)}
}
@media(min-width:801px) and (max-aspect-ratio:4/3){
  .hero-founder::before{background-size:100% 100%}
}

/* Opening sequence: portrait first, then the story and calls to action. */
@media(min-width:801px){
  .hero-founder::after{animation:portraitAtmosphereReveal .55s ease-out both}
  .hero-founder::before{animation:portraitCanvasReveal .72s .04s cubic-bezier(.16,1,.3,1) both}
  .founder-copy{animation:founderReveal .58s .42s cubic-bezier(.16,1,.3,1) both}
  .founder-actions{opacity:0;transform:translateY(12px);animation:actionsReveal .45s .92s cubic-bezier(.16,1,.3,1) forwards}
  .role-card:nth-child(1){animation-delay:.84s}.role-card:nth-child(2){animation-delay:.94s}.role-card:nth-child(3){animation-delay:1.04s}
  .founder-bottom{animation-delay:1.16s}
}
@keyframes portraitAtmosphereReveal{from{opacity:0;transform:scale(1.14)}to{opacity:.9;transform:scale(1.08)}}
@keyframes portraitCanvasReveal{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@keyframes actionsReveal{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .hero-founder::before,.hero-founder::after,.founder-actions{animation:none!important;opacity:1;transform:none}
}

/* --- Mobile hero portrait: centered, uncropped, no parallax drift --- */
@media(max-width:600px){
  .founder-portrait{order:1;width:min(88vw,410px);height:auto;min-height:0;margin:2px auto 6px;align-self:center;justify-self:center;transform:none!important;animation:none}
  .founder-portrait::after,.portrait-aura{display:none}
  .founder-portrait img{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:100%;height:auto;max-width:none;transform:none;-webkit-mask-image:radial-gradient(ellipse 76% 82% at 50% 45%,#000 60%,transparent 95%);mask-image:radial-gradient(ellipse 76% 82% at 50% 45%,#000 60%,transparent 95%);filter:contrast(1.05) brightness(.92) saturate(.82);animation:none}
}

/* --- Fix "One person." heading visibility in the profile section --- */
.profile-copy h2{color:#eceff2}