:root{color-scheme:light;--ivory:#f4f4f0;--ink:#171917;--muted:#5f625e;--line:#cfcfc8;--dark:#090b0b;--gutter:clamp(30px,6.5vw,104px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}html.people-root{scrollbar-color:#454747 #050606}html.people-root::-webkit-scrollbar{width:12px;background:#050606}html.people-root::-webkit-scrollbar-track{background:#050606}html.people-root::-webkit-scrollbar-thumb{border:3px solid #050606;border-radius:999px;background:#454747}body{margin:0;background:#050606;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.people-page main{width:100%;background:#050606}
a{color:inherit}
.people-page #huminta-wireframe-03#huminta-wireframe-03.people-nav-shell{width:100%;height:0;padding-top:0;background:none;color:#f4f4f0;overflow:visible;isolation:auto}
.people-page #huminta-wireframe-03#huminta-wireframe-03 .hw-static-logo img{filter:none}
.people-hero{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:clamp(120px,13vh,190px) var(--gutter) clamp(78px,9vh,140px);border-bottom:1px solid #292b2a;background:#101110;color:#f4f4f0}
.people-hero:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 86% 58% at 50% 112%,rgba(153,174,163,.14) 0%,rgba(80,94,87,.08) 34%,rgba(16,17,16,0) 72%)}
.people-hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,17,16,.985) 0,rgba(16,17,16,.94) 92px,rgba(16,17,16,.72) 160px,rgba(16,17,16,.18) 255px,rgba(16,17,16,0) 340px),linear-gradient(90deg,rgba(16,17,16,.58) 0%,rgba(16,17,16,.16) 31%,rgba(16,17,16,.03) 50%,rgba(16,17,16,.18) 70%,rgba(16,17,16,.58) 100%)}
.people-hero-dust{position:absolute;z-index:0;inset:0;pointer-events:none;background:url('huminta-people-dusty.webp') center/cover no-repeat;opacity:.36;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 66% 62% at 50% 50%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.72) 73%,#000 100%);mask-image:radial-gradient(ellipse 66% 62% at 50% 50%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.72) 73%,#000 100%)}
.people-hero-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.people-hero-inner{position:relative;z-index:2;width:100%;max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:clamp(160px,15vw,300px);align-items:center}
.people-title-group,.people-intro{width:100%;justify-self:center}
.people-kicker{margin:0 0 24px;color:rgba(244,244,240,.72);font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.people-hero h1{max-width:850px;margin:0;color:#f4f4f0;font-size:clamp(62px,5vw,96px);line-height:.98;font-weight:500;letter-spacing:-.045em}
.people-intro{padding-bottom:4px}
.people-lead{max-width:650px;margin:0 0 30px;color:#f4f4f0;font-size:clamp(25px,1.85vw,36px);line-height:1.22;font-weight:500;letter-spacing:-.02em}
.people-copy{max-width:700px;margin:0;color:rgba(244,244,240,.76);font-size:clamp(17px,1.08vw,21px);line-height:1.68}
.profiles{position:relative;padding:clamp(105px,9vw,175px) var(--gutter) clamp(95px,8vw,155px);background:var(--ivory);overflow:hidden}
.profiles-inner{max-width:1500px;margin:auto}
.profiles-viewport{overflow:hidden}
.profiles-track{display:flex;align-items:stretch;transition:transform .72s cubic-bezier(.22,.75,.22,1);will-change:transform}
.profile{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px) minmax(0,1fr);gap:clamp(42px,4.5vw,86px);align-items:center;padding:8px 1px}
.profile-name{margin:0;font-family:Michroma,Inter,Arial,sans-serif;font-size:clamp(25px,1.85vw,36px);line-height:1.22;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.profile-photo{width:100%;aspect-ratio:4/5;background:linear-gradient(145deg,#ecece7,#e2e2dc);border:1px solid #d3d3cc;border-radius:18px;position:relative;overflow:hidden}
.profile-photo img{display:block;width:100%;height:100%;object-fit:cover}
#profile-andrea .profile-photo img,.profile-thumb[aria-controls="profile-andrea"] img{object-position:center 30%}
.profile-content{width:100%;max-width:none;align-self:center}
.profile-role{margin:0;padding:0 0 28px;font-size:clamp(23px,1.55vw,30px);line-height:1.25;font-weight:500;letter-spacing:-.02em}
.profile-description{margin:0;padding:28px 0 0;border-top:1px solid var(--line);color:#343733;font-size:clamp(17px,1.03vw,20px);line-height:1.7}
.profile-role>span,.profile-description>span{display:block}
.profile-controls{display:flex;align-items:center;justify-content:center;width:min(100%,430px);gap:14px;margin:clamp(54px,5vw,82px) auto 0}
.profile-thumb{width:76px;height:94px;padding:0;border:1px solid #d0d0c9;border-radius:10px;background:linear-gradient(145deg,#ecece7,#dfdfd8);color:#555954;display:grid;place-items:center;font:500 13px/1 Michroma,Inter,Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:opacity .2s,border-color .2s,box-shadow .2s,transform .2s}
.profile-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
.profile-thumb[aria-controls="profile-andrea"]{position:relative;overflow:hidden}
.profile-thumb[aria-controls="profile-andrea"] img{position:absolute;inset:0;width:100%;height:100%}
.profile-thumb:not([aria-current="true"]){opacity:.5}
.profile-thumb[aria-current="true"]{opacity:1;border-color:#777b76;box-shadow:0 0 0 2px var(--ivory),0 0 0 3px #8a8e88;transform:translateY(-2px)}
.profile-thumb:hover{opacity:.82}
.profile-thumb:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.profile-arrow{position:absolute;z-index:4;top:50%;width:clamp(70px,6vw,112px);height:230px;padding:0;border:0;background:transparent;color:var(--ink);opacity:0;cursor:pointer;transform:translateY(-58%);transition:opacity .28s ease}
.profile-arrow-prev{left:0}.profile-arrow-next{right:0}
.profile-arrow span{display:grid;place-items:center;width:46px;height:46px;margin:auto;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(160,164,164,.065);-webkit-backdrop-filter:blur(16px) saturate(.85);backdrop-filter:blur(16px) saturate(.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);font:300 24px/1 Inter,Arial,sans-serif;transition:transform .2s ease}
.profile-arrow:hover,.profile-arrow:focus-visible{opacity:1;outline:none}
.profile-arrow:hover span,.profile-arrow:focus-visible span{transform:scale(1.04)}
.people-statement{padding:clamp(120px,10vw,200px) var(--gutter);background:linear-gradient(180deg,#171a1a,#080a0a);color:#f4f4f0}
.people-statement blockquote{max-width:1450px;margin:0 auto;font-size:clamp(50px,4.6vw,90px);line-height:1.05;font-weight:500;letter-spacing:-.045em}
.people-footer{min-height:100px;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#050606;color:#f4f4f0;border-top:1px solid #303333;font-size:13px;line-height:1.6}
.people-footer-logo{display:block;width:68px;flex:0 0 auto}
.people-footer-logo img{display:block;width:100%;height:auto}
.people-footer-links{text-align:right}
.people-footer a{text-decoration:none}
.people-footer-links a{text-decoration:underline;text-underline-offset:3px}
.people-footer a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1200px){.people-hero-inner{grid-template-columns:1fr;gap:58px}.people-intro{max-width:760px}.profile{grid-template-columns:minmax(0,1fr) minmax(230px,330px) minmax(0,1fr);gap:34px}}
@media(max-width:760px){:root{--gutter:22px}.people-hero{min-height:100vh;min-height:100svh;padding-top:118px;padding-bottom:64px}.people-hero-inner{gap:48px}.people-hero h1{font-size:clamp(48px,14vw,68px)}.people-lead{font-size:27px}.people-copy{font-size:17px}.profiles{padding-top:82px;padding-bottom:82px}.profile{grid-template-columns:1fr;gap:30px;text-align:center;align-content:start;align-items:start}.profile-name{min-height:2.5em;display:flex;align-items:center;justify-content:center;font-size:27px;overflow-wrap:anywhere}.profile-photo{max-width:340px;margin:auto}.profile-content{max-width:560px;margin:auto}.profile-role{font-size:25px}.profile-description{font-size:17px;text-align:left}.profile-controls{gap:10px;margin-top:50px}.profile-thumb{width:58px;height:72px;font-size:10px}.profile-arrow{display:none}.people-statement{padding-top:100px;padding-bottom:110px}.people-statement blockquote{font-size:clamp(39px,11.5vw,56px)}.people-footer{align-items:flex-start;flex-direction:column}.people-footer-links{text-align:left}}
@media(min-width:1800px){:root{--gutter:clamp(190px,11vw,300px)}.people-hero{padding-top:clamp(150px,12vh,220px);padding-bottom:clamp(100px,9vh,170px)}.people-hero:after{background:linear-gradient(180deg,rgba(16,17,16,.985) 0,rgba(16,17,16,.94) clamp(100px,8vh,135px),rgba(16,17,16,.72) clamp(180px,14vh,230px),rgba(16,17,16,.18) clamp(300px,23vh,380px),rgba(16,17,16,0) clamp(420px,32vh,540px)),linear-gradient(90deg,rgba(16,17,16,.58) 0%,rgba(16,17,16,.16) 31%,rgba(16,17,16,.03) 50%,rgba(16,17,16,.18) 70%,rgba(16,17,16,.58) 100%)}.people-copy{font-size:21px}.profiles{padding-top:190px;padding-bottom:175px}.profile-description{font-size:20px}.profile-thumb{width:90px;height:112px}.people-statement{padding-top:220px;padding-bottom:230px}}
@media(max-width:760px){.people-hero:after{background:linear-gradient(180deg,rgba(16,17,16,.985) 0,rgba(16,17,16,.93) 78px,rgba(16,17,16,.58) 138px,rgba(16,17,16,.1) 48%,rgba(16,17,16,.58)),linear-gradient(90deg,rgba(16,17,16,.38),rgba(16,17,16,.08) 50%,rgba(16,17,16,.38)),rgba(4,6,6,.52)}.profile-photo{touch-action:pan-y}.profile-photo img{-webkit-user-drag:none;user-select:none}}
@media(max-width:760px){.people-hero-dust{background-size:100% 100%;opacity:.28}}
@media(hover:none){.profile-arrow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.profiles-track,.profile-thumb,.profile-arrow,.profile-arrow span{transition:none}}
