/* Portrait-led homepage, inspired by Jarred's supplied reference. */
header{background:#d5d0bd;color:#111;border-bottom:1px solid #1112;height:84px}header .brand-logo{filter:invert(1)}header .header-cta{border-color:#1118}header .menu-toggle span{color:#111}.motion-ready header nav a.is-current{color:#111}header nav a:after{background:#111}
.reference-hero{position:relative;isolation:isolate;background:#d5d0bd;color:#141414;padding:0;height:850px;min-height:760px;overflow:hidden}.hero-name{position:absolute;top:-.04em;left:0;width:100%;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:23.1vw;font-weight:900;letter-spacing:-.065em;line-height:1;transform:scaleX(1.02);color:#f5ff00;z-index:-2;user-select:none}.reference-portrait{position:absolute;width:56%;max-width:850px;left:50%;top:-55px;bottom:auto;height:1100px;transform:translateX(-50%);z-index:-1;overflow:visible;pointer-events:none}.reference-portrait img{height:auto;width:100%;object-fit:contain;transform:translateY(var(--portrait-y,0px));filter:drop-shadow(0 10px 30px #0001)}
.reference-title{position:absolute;bottom:83px;left:50%;width:46%;transform:translateX(-50%);text-align:center}.reference-hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(62px,6.25vw,100px);font-weight:700;line-height:.98;letter-spacing:-.055em;margin:0 0 27px;color:#faf9f2;text-shadow:0 2px 25px #0004}.reference-hero h1 em{color:inherit;font-style:normal}.reference-actions{display:flex;justify-content:center;gap:12px}.reference-actions .button{border-radius:9px;padding:16px 24px;min-height:56px;background:#f5ff00;color:#111;white-space:nowrap;font-size:14px}.reference-actions .button:hover{background:white}.reference-left,.reference-right{position:absolute;bottom:94px;width:21%;max-width:300px}.reference-left{left:4%}.reference-right{right:4%}.glass-panel{background:#b9b5a54d;border:1px solid #ffffff16;backdrop-filter:blur(14px);border-radius:10px;padding:23px}.creative-panel{width:100%;margin-bottom:18px}.panel-symbol{font-size:52px;color:#f5ff00;line-height:1}.creative-panel>p{font-size:18px;font-weight:600;line-height:1.35;margin:12px 0}.reference-hero .discipline-line{margin-top:16px;padding-top:14px;border-color:#1112;min-height:46px}.reference-hero .discipline-word{color:#222;font-size:25px;letter-spacing:1px}.panel-label{font-size:9px;letter-spacing:1.5px;line-height:1.5;display:block}.education-panel{margin-left:23%;width:77%;padding:20px}.education-panel p{font-size:13px;font-weight:600;line-height:1.3;margin:16px 0 0}.education-panel small{font-size:11px;font-weight:400;display:block;margin-top:3px}.reference-signature{font-size:15px;line-height:1.6;margin:25px 0 0}.reference-signature strong{font-weight:500}.traits-panel{margin-bottom:24px}.traits-panel ul{list-style:none;padding:0;margin:20px 0 0}.traits-panel li{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:600;margin:9px 0}.traits-panel li span{color:#f5ff00;font-size:26px;width:28px}.reference-hero .creator-description{color:#222;font-size:16px;line-height:1.65;margin:0 0 17px}.reference-contact{font-size:13px;border-bottom:1px solid #1116;padding-bottom:6px;display:inline-block}.reference-bottom{position:absolute;left:4%;right:4%;bottom:21px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.reference-hero #motion-toggle{color:#222;font-size:11px}.motion-paused .reference-portrait img{transform:none}
@media(min-width:1700px){.reference-hero{height:980px}.reference-portrait{max-width:980px;top:-50px}.reference-title{bottom:90px}.reference-left,.reference-right{max-width:350px;bottom:110px}.reference-hero h1{font-size:115px}.reference-hero .creator-description{font-size:18px}}
@media(max-width:1100px) and (min-width:701px){.reference-hero{height:790px;min-height:0}.reference-portrait{width:68%;top:10px}.hero-name{top:15px}.reference-left,.reference-right{width:23%;bottom:85px}.reference-left{left:3%}.reference-right{right:3%}.glass-panel{padding:17px}.education-panel{margin-left:0;width:100%}.reference-hero .creator-description{font-size:14px}.reference-title{width:47%;bottom:100px}.reference-hero h1{font-size:6.5vw}.reference-actions{gap:8px}.reference-actions .button{padding:12px;min-height:48px;font-size:12px}.traits-panel li{font-size:17px;gap:8px}.reference-signature{font-size:13px}}
@media(max-width:700px){header{height:74px}.reference-hero{height:auto;min-height:0;padding:0 6% 28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-name{top:22px;font-size:24vw;letter-spacing:-.08em}.reference-portrait{top:54px;width:106%;max-width:none;height:660px;overflow:hidden}.reference-title{position:relative;bottom:auto;left:auto;transform:none;width:100%;grid-column:1/-1;margin-top:345px;text-align:center}.reference-hero h1{font-size:clamp(54px,14.5vw,84px);line-height:.94;margin:0 0 24px;letter-spacing:-.055em}.reference-actions{gap:10px}.reference-actions .button{padding:13px 17px;min-height:50px;font-size:13px}.reference-left,.reference-right{position:relative;inset:auto;width:100%;max-width:none;z-index:1}.reference-left{grid-column:1/-1;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.glass-panel{background:#c4bfadcc;backdrop-filter:blur(16px);padding:18px}.creative-panel{margin:0}.creative-panel>p{font-size:16px}.panel-symbol{font-size:37px}.reference-hero .discipline-line{margin-top:12px;padding-top:12px}.reference-hero .discipline-word{font-size:22px}.education-panel{width:auto;margin:0}.education-panel p{font-size:13px}.reference-signature{grid-column:1/-1;margin:0;font-size:14px}.reference-right{grid-column:1/-1;display:flex;flex-direction:column}.traits-panel{display:none}.reference-hero .creator-description{max-width:none;font-size:16px;margin:0 0 16px}.reference-contact{align-self:flex-start}.reference-bottom{position:relative;inset:auto;grid-column:1/-1;gap:14px;margin-top:12px;font-size:8px;letter-spacing:.7px}.reference-bottom>span{max-width:190px}.reference-hero #motion-toggle{font-size:10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.reference-portrait img{transform:none}}
@media(min-width:701px){.reference-right .creator-description{background:#d5d0bde8;border-radius:8px;padding:12px;margin-left:-12px;margin-right:-12px}.reference-contact{background:#d5d0bdcc}}
@media(max-width:700px){.reference-title{grid-row:1}.reference-left{grid-row:2}.reference-right{grid-row:3}.reference-bottom{grid-row:4}}
/* Match the footer to the warm neutral header. */
footer{background:#d5d0bd;color:#111;border-top-color:#1112}footer .brand-logo{filter:invert(1)}footer p,footer>a:last-child{color:#333}

/* Separate scroll speeds give the name and portrait depth. */
.hero-name{transform:translate3d(0,var(--name-y,0px),0) scaleX(1.02);will-change:transform}
.reference-portrait img{transform:translate3d(0,var(--portrait-y,0px),0);will-change:transform}
.motion-paused .hero-name{transform:scaleX(1.02)}.motion-paused .reference-portrait img{transform:none}
@media(prefers-reduced-motion:reduce){.hero-name{transform:scaleX(1.02);will-change:auto}.reference-portrait img{transform:none;will-change:auto}}