/* A portrait, not a stock 3D head: Michala's photograph sampled into living pink points. */
.portrait-hero{position:relative;isolation:isolate;height:100svh;min-height:760px;max-height:1200px;background:#090909;color:var(--light);overflow:hidden}
.portrait-art{position:absolute;right:0;top:5%;width:66%;height:95%;overflow:hidden;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.portrait-art canvas,.portrait-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.portrait-fallback{opacity:.55;filter:grayscale(1) blur(18px);mix-blend-mode:screen}
.portrait-art.is-ready .portrait-fallback{visibility:hidden}
.portrait-copy{position:relative;z-index:2;pointer-events:none;padding:clamp(175px,24vh,280px) 0 100px 7vw;width:56%}
.portrait-copy h1{font-size:clamp(60px,6.7vw,120px);line-height:1.04;letter-spacing:-.04em;font-weight:400;margin:0}
.portrait-copy h1>span{color:var(--accent)}
.portrait-copy p{font-size:clamp(13px,1.1vw,17px);line-height:1.7;margin-top:30px;color:#c6c2c3}
.portrait-cta{display:inline-flex;align-items:center;gap:28px;min-height:48px;margin-top:24px;font-size:13px;border-bottom:1px solid #666;pointer-events:auto}
.portrait-cta svg{width:23px;height:23px;transition:transform .25s}.portrait-cta:hover svg{transform:translateX(5px)}
.portrait-bottom{position:absolute;z-index:3;bottom:30px;left:7vw;right:7vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#b8afb4}
.portrait-bottom a,.portrait-scatter{min-height:44px;display:inline-flex;align-items:center;gap:16px}.portrait-scatter{color:var(--accent);font:inherit;cursor:pointer}.portrait-scatter[hidden]{display:none}.portrait-scatter span{font-size:20px}
@media(max-width:767px){.portrait-hero{height:100svh;min-height:860px;max-height:none}.portrait-art{width:100%;height:64%;top:65px;right:0;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}.portrait-copy{padding:0;position:absolute;top:49%;left:7vw;width:86%}.portrait-copy h1{font-size:clamp(48px,12.5vw,84px);line-height:1.02}.portrait-copy p{margin-top:22px;font-size:13px}.portrait-cta{margin-top:15px}.portrait-bottom{bottom:18px;flex-wrap:wrap;gap:0 20px}.portrait-bottom>span{width:100%;font-size:10px}.portrait-bottom>a{margin-left:auto}.portrait-art canvas{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.portrait-cta svg{transition:none}.portrait-scatter{display:none}}

.portrait-hero + .about{margin-top:calc(var(--cht,750) / 7.5 * var(--u))}