@font-face { font-family:'Wisemaid';src:url('../assets/fonts/wisemaid.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap; }
#top.portrait-hero { width:100%;max-width:none;min-height:780px;height:100svh;position:relative;margin-top:-68px;isolation:isolate;background:#000 url('../assets/images/hero-portrait.png') center center/cover no-repeat;padding:0!important;color:#f4efe9; }
.portrait-hero-left { position:absolute;left:3.5%;top:28%;width:30%; }
.portrait-name { font:400 clamp(78px,7.3vw,150px)/1.1 'Wisemaid',var(--fd);letter-spacing:-.04em;color:#fff;margin:0 0 24px;white-space:nowrap; }
.portrait-statement { font:500 clamp(18px,1.55vw,30px)/1.12 var(--fd);letter-spacing:-.045em;color:#fff;margin:0; }
.portrait-disciplines { display:flex;flex-wrap:wrap;gap:5px;margin:64px 0 28px; }
.portrait-disciplines span { font:400 clamp(8px,.52vw,10px)/1.4 var(--fm);padding:7px 8px;color:#9ca3af;border:1px solid #ffffff12;background:#08090c80; }
.portrait-disciplines span:first-child { background:#f4efe9;color:#171717; }
.portrait-actions { display:flex;flex-wrap:wrap;gap:12px; }
.portrait-actions .bt { padding:14px 18px;font-size:clamp(9px,.65vw,12px);white-space:nowrap; }
.portrait-actions .bo { background:#0008;border-color:#ffffff30; }
.portrait-hero-right { position:absolute;left:72%;right:2.5%;top:48%; }
.portrait-surname { color:#d2c6a4;font-size:clamp(76px,7.25vw,146px);margin-bottom:20px; }
.portrait-bio { font:400 clamp(11px,.73vw,14px)/1.3 var(--fs);letter-spacing:-.04em;color:#d6d7db;max-width:47ch; }
.hero-watch { display:flex;align-items:center;gap:18px;width:100%;padding:22px 0;margin-top:44px;cursor:pointer;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff15;color:#f4efe9;transition:background .35s,padding .35s; }
.hero-watch-play { display:grid;place-items:center;width:54px;height:54px;border:1px solid #d2c6a460;background:#d2c6a408;color:#d2c6a4;flex-shrink:0;font-size:22px;transition:background .35s,transform .35s; }
.hero-watch-label,.hero-watch-meta { display:block;text-align:left; }
.hero-watch-label { font:500 16px var(--fd); }
.hero-watch-meta { font:400 9px var(--fm);color:#9296a1;margin-top:7px;text-transform:uppercase;letter-spacing:.04em; }
.hero-watch > .ti { margin-left:auto;color:#d2c6a4;font-size:21px;transition:transform .35s; }
.hero-watch:hover { background:#ffffff05;padding-left:12px;padding-right:12px; }
.hero-watch:hover .hero-watch-play { background:#d2c6a420;transform:scale(1.06); }
.hero-watch:hover > .ti { transform:translate(3px,-3px); }
.hero-watch:focus-visible { outline:2px solid #d2c6a4;outline-offset:5px; }
.portrait-hero + .mq-wrap { margin-top:0!important;position:relative;margin-bottom:0;background:#08090cdd; }
@media(min-width:1101px) { .portrait-hero + .mq-wrap { margin-top:-70px!important;margin-bottom:24px; } }
@media(max-width:1100px) {
 #top.portrait-hero { min-height:1000px;height:110svh;background-position:55% top; }
 .portrait-hero-left { top:22%;width:41%;left:4%; }
 .portrait-name { font-size:clamp(72px,10vw,110px); }
 .portrait-statement { font-size:21px; }
 .portrait-disciplines { margin-top:36px; }
 .portrait-hero-right { top:auto;bottom:65px;left:55%;right:4%;padding:20px;background:#0009; }
 .portrait-surname { font-size:80px; }
 .hero-watch { margin-top:24px; }
}
@media(max-width:650px) {
 #top.portrait-hero { height:auto;min-height:1160px;background-size:auto 800px;background-position:54% 0; }
 .portrait-hero-left { top:420px;left:6%;right:6%;width:auto;padding:24px 0;background:linear-gradient(transparent,#000c 20%); }
 .portrait-name { font-size:82px;margin-bottom:12px; }
 .portrait-statement { font-size:20px;max-width:30ch; }
 .portrait-disciplines { margin:24px 0 18px; }
 .portrait-actions .bt { font-size:10px;padding:12px; }
 .portrait-hero-right { top:800px;bottom:auto;left:6%;right:6%;padding:0;background:none; }
 .portrait-surname { font-size:76px;margin-bottom:14px; }
 .portrait-bio { font-size:12px;line-height:1.5; }
 .hero-watch { margin-top:22px;padding:16px 0; }
}
@media(prefers-reduced-motion:reduce){.hero-watch,.hero-watch *{transition:none!important;transform:none!important}}

/* Exact supplied signature PNGs: transparent canvas cropped only by CSS. */
.portrait-name-image { position:relative;width:100%;aspect-ratio:491/160;line-height:0;overflow:hidden;margin-bottom:28px; }
.portrait-name-image img { position:absolute;max-width:none;width:391.0386965%;height:auto;left:-145.6211813%;top:-287.5%; }
.portrait-surname.portrait-name-image { aspect-ratio:489/108;margin-bottom:32px; }
.portrait-surname.portrait-name-image img { width:392.6380368%;left:-146.4212679%;top:-450%; }
.portrait-statement { font-weight:600; }
/* A restrained glass finish, retaining the existing compact navigation behavior. */
header > div {
 background:linear-gradient(115deg,rgba(30,31,39,.72),rgba(11,12,18,.68) 50%,rgba(27,28,35,.74))!important;
 backdrop-filter:blur(18px) saturate(125%)!important;
 -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
 border:1px solid rgba(255,255,255,.13)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.025),0 12px 36px rgba(0,0,0,.22);
}
header nav { background:rgba(0,0,0,.2)!important;border-color:rgba(255,255,255,.09)!important; }
header.is-compact > div { box-shadow:inset 0 1px 0 #ffffff15,0 14px 38px #0005; }
@media(max-width:1100px) and (min-width:651px) { .portrait-name-image { max-width:420px; }.portrait-surname.portrait-name-image{max-width:370px;} }
@media(max-width:650px) { .portrait-name-image { width:min(100%,320px);margin-bottom:22px; }.portrait-surname.portrait-name-image { width:min(100%,320px);margin-bottom:20px; } }
@supports not (backdrop-filter:blur(1px)) { header > div { background:rgba(14,15,21,.96)!important; } }

/* Hero-only parallax: compositor transforms, no fixed background or layout changes. */
#top.portrait-hero.parallax-ready { background-image:none;overflow:clip; }
#top.portrait-hero.parallax-ready::before {
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:url('../assets/images/hero-portrait.png');background-color:#000;
 background-size:inherit;background-position:inherit;background-repeat:no-repeat;
 transform:translate3d(0,var(--hero-image-shift,0px),0) scale(1.025);
 transform-origin:center 40%;
}
#top.parallax-ready .portrait-hero-left { transform:translate3d(0,var(--hero-copy-shift,0px),0); }
#top.parallax-ready .portrait-hero-right { transform:translate3d(0,var(--hero-side-shift,0px),0); }
#top.parallax-in-view::before,#top.parallax-in-view .portrait-hero-left,#top.parallax-in-view .portrait-hero-right { will-change:transform; }
@media(prefers-reduced-motion:reduce) {
 #top.portrait-hero.parallax-ready::before,#top.parallax-ready .portrait-hero-left,#top.parallax-ready .portrait-hero-right { transform:none!important;will-change:auto; }
}

/* High-resolution original wordmarks: pixel-preserving CSS framing. */
.portrait-name-image { aspect-ratio:4276/1390; }
.portrait-name-image img { position:absolute; width:100.257249766%; max-width:none; height:auto; left:-0.116931712%; top:-0.215827338%; }
.portrait-surname.portrait-name-image { aspect-ratio:4249/927; }
.portrait-surname.portrait-name-image img { position:absolute; width:100.541303836%; max-width:none; height:auto; left:-0.047069899%; top:-23.085221143%; }

/* Tighten the first-name wordmark and headline pairing. */
.portrait-hero-left > .portrait-name-image { margin-bottom:0; }
@media(max-width:650px) { .portrait-hero-left > .portrait-name-image { margin-bottom:0; } }

/* Mixed headline lettering, matching the supplied Wisemaid reference accents. */
.portrait-hero-left > .portrait-name-image { margin-bottom:-7px; }
.portrait-statement .statement-script {
 font-family:'Wisemaid',var(--fd);font-weight:400;font-style:normal;
 font-size:1.15em;line-height:0;display:inline-block;
 letter-spacing:-.045em;vertical-align:-.025em;
 margin-left:-.025em;margin-right:-.025em;
}
@media(max-width:650px) { .portrait-hero-left > .portrait-name-image { margin-bottom:-5px; } }

.portrait-statement .statement-script { color: #e9debf; }

/* Hero discipline links: real service navigation with a restrained gold response. */
.portrait-disciplines .discipline-button { display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;padding:8px 10px;cursor:pointer;color:#a4a6b0;border:1px solid #ffffff20;background:#090b10a6;font:400 clamp(8px,.52vw,10px)/1.4 var(--fm);transition:color .25s,border-color .3s,background .3s,transform .35s var(--e),box-shadow .3s; }
.portrait-disciplines .discipline-button span { font:inherit;padding:0;margin:0;background:none!important;color:inherit!important;border:0; }
.portrait-disciplines .discipline-button .ti { font-size:12px;opacity:.4;transition:transform .35s var(--e),opacity .25s; }
.portrait-disciplines .discipline-button.is-selected { background:#e9debf;color:#171717;border-color:#e9debf; }
.portrait-disciplines .discipline-button:hover { background:#e9debf16;color:#e9debf;border-color:#e9debf80;transform:translateY(-3px);box-shadow:0 6px 22px #e9debf0d; }
.portrait-disciplines .discipline-button:hover .ti { transform:translate(2px,-2px);opacity:1; }
.portrait-disciplines .discipline-button:active { transform:translateY(-1px); }
.portrait-disciplines .discipline-button:focus-visible { outline:2px solid #e9debf;outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .portrait-disciplines .discipline-button,.portrait-disciplines .discipline-button .ti { transition:none;transform:none; } }

.portrait-disciplines > .discipline-button { cursor:default; }

/* Keep all four hero disciplines on a single row. */
.portrait-disciplines { flex-wrap:nowrap;gap:5px;width:max-content;max-width:100%; }
.portrait-disciplines > .discipline-button { flex:0 1 auto;min-width:0;padding:7px 8px;white-space:nowrap;gap:0; }
.portrait-disciplines > .discipline-button > span { white-space:nowrap; }
@media(min-width:1101px) { .portrait-disciplines > .discipline-button { font-size:clamp(7px,.49vw,10px);padding:7px clamp(4px,.4vw,8px); } }
@media(max-width:650px) { .portrait-disciplines { gap:4px; }.portrait-disciplines > .discipline-button { font-size:clamp(6.5px,1.75vw,8px);padding:7px 5px; } }

/* A modest reduction gives the hero wordmarks a quieter presence. */
#top .portrait-name-image { width:94%; }
#top .portrait-statement { font-size:clamp(17px,1.46vw,28px); }
@media(max-width:650px) { #top .portrait-name-image { width:min(94%,301px); } #top .portrait-statement { font-size:19px; } }

/* Updated hero disciplines remain on a single row. */
#top .portrait-disciplines { display:flex; flex-wrap:nowrap; gap:5px; width:max-content; max-width:44vw; }
#top .portrait-disciplines .discipline-button { white-space:nowrap; flex:0 0 auto; padding:8px 7px; font-size:clamp(7px,.48vw,9px); }
#top .portrait-personal-line { color:#b5b2aa; font:400 11px/1.7 var(--fs); max-width:42ch; margin-top:16px; }
@media(max-width:650px) { #top .portrait-disciplines { width:100%; max-width:100%; gap:4px; overflow-x:auto; scrollbar-width:none; } #top .portrait-disciplines::-webkit-scrollbar { display:none; } #top .portrait-disciplines .discipline-button { font-size:8px; padding:7px 6px; } #top .portrait-personal-line { font-size:10px; } }