.portrait-hero{height:calc(100svh + 45px);min-height:780px;max-height:1040px;position:relative;padding-top:140px;overflow:hidden;background:#efe6df;isolation:isolate}.portrait-name{position:relative;z-index:-1;text-align:center;font-size:15.8vw;line-height:.93;letter-spacing:-.04em;white-space:nowrap;font-weight:300}.portrait-name .w>span{background:linear-gradient(180deg,#50352e,#84665e);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.portrait-stage{position:absolute;left:50%;bottom:85px;transform:translateX(-50%);width:49%;height:74%;max-width:730px;perspective:1000px;z-index:1}.living-portrait{height:100%;width:100%;background:none;border:0;display:block;padding:0;transform-style:preserve-3d;transition:transform .7s var(--ease)}.living-portrait img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(12px 20px 18px #6e493021);animation:portrait-arrive 1.7s var(--ease) both}.living-portrait.nod img{animation:portrait-nod .9s var(--ease)}.portrait-left,.portrait-right{position:absolute;bottom:170px;z-index:2;max-width:235px}.portrait-left{left:5%}.portrait-right{right:5%}.portrait-role{font-size:12px;color:#70584e;margin-bottom:30px;line-height:1.5}.portrait-left h2{font-size:28px;line-height:1.2;letter-spacing:-.025em}.portrait-right>p{font-size:14px;line-height:1.6;color:#5b453c;margin-bottom:25px}.portrait-right .contact-link{display:inline-flex;padding:14px 20px}.portrait-right .contact-link svg{width:16px;height:18px}.portrait-hello{position:absolute;left:50%;transform:translateX(-50%);bottom:90px;z-index:3;font-size:12px;color:#5c443c;background:#f6f0e7d4;padding:8px 17px;border-radius:30px;backdrop-filter:blur(12px);white-space:nowrap}.portrait-bottom{position:absolute;bottom:0;left:5%;right:5%;height:70px;border-top:1px solid #cbbab1;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#71574d;z-index:3}.portrait-bottom>a{display:grid;place-items:center;width:44px;height:44px}.portrait-bottom svg{height:18px}.process-showcase{padding:0 24px 110px;max-width:1648px;margin:auto}.process-heading{display:flex;justify-content:space-between;align-items:end;padding:0 4%;margin-bottom:35px}.process-heading h2{font-size:clamp(39px,4.6vw,67px)}.process-heading>p{font-size:15px;line-height:1.6;color:var(--muted)}.process-showcase .hero-scene{margin-top:0}.work-section{padding-top:110px}.portrait-name{--base:100ms}.portrait-left,.portrait-right{animation:appear 1.2s var(--ease) .5s both}@keyframes portrait-arrive{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-nod{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(9px) rotate(-3deg)}}
@media(min-width:1650px){.portrait-name{font-size:min(15.8vw,290px)}.portrait-left,.portrait-right{bottom:210px;max-width:260px}.portrait-left h2{font-size:36px}.portrait-right>p{font-size:17px}.portrait-role{font-size:14px}}
@media(max-width:1000px){.portrait-hero{min-height:760px;padding-top:145px}.portrait-stage{width:60%;height:70%;bottom:85px}.portrait-left,.portrait-right{max-width:190px;bottom:140px}.portrait-left{left:4%}.portrait-right{right:4%}.portrait-left h2{font-size:24px}.portrait-right>p{font-size:12px;max-width:180px}.portrait-role{font-size:11px;margin-bottom:22px}.portrait-right .contact-link{font-size:12px;padding:12px 15px}.portrait-name{font-size:15.9vw}}
@media(max-width:650px){.portrait-hero{height:890px;min-height:0;max-height:none;padding-top:120px}.portrait-name{font-size:16.1vw;line-height:1}.portrait-stage{top:173px;bottom:auto;width:95%;height:500px}.portrait-left,.portrait-right{bottom:110px;max-width:none}.portrait-left{left:6%;right:50%}.portrait-right{left:55%;right:6%;text-align:right}.portrait-role{margin-bottom:12px;font-size:11px}.portrait-left h2{font-size:23px}.portrait-right>p{font-size:12px;margin-bottom:15px;line-height:1.5}.portrait-right>p br{display:none}.portrait-right .contact-link{font-size:11px;padding:11px 13px;gap:8px}.portrait-hello{top:635px;bottom:auto;font-size:11px}.portrait-bottom{left:6%;right:6%;font-size:10px;height:65px}.portrait-bottom span:first-child{max-width:160px}.portrait-bottom span:last-child{max-width:90px;text-align:right}.portrait-bottom>a{width:36px;flex-shrink:0}.process-showcase{padding:0 12px 70px}.process-heading{padding:0 3%;display:block;margin-bottom:28px}.process-heading h2{font-size:38px}.process-heading>p{font-size:14px;margin-top:20px}.process-showcase .hero-scene{margin-top:0}.work-section{padding-top:75px}}
@media(max-width:360px){.portrait-hero{height:850px}.portrait-stage{height:465px}.portrait-hello{top:603px}.portrait-left h2{font-size:21px}.portrait-right .contact-link{font-size:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){.living-portrait,.living-portrait img{animation:none!important;transition:none!important;transform:none!important}}
