
:root{--black:#050505;--white:#fff;--paper:#f2f0ea;--red:#c44039;--muted:rgba(255,255,255,.68);--title:"Bebas Neue",Impact,sans-serif;--body:"Inter",Arial,sans-serif;--page-padding:clamp(22px,5vw,80px);--max-width:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--black);color:var(--white);font-family:var(--body)}a{color:inherit;text-decoration:none}img{max-width:100%}.page-noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.16;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 280 280' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.42'/%3E%3C/svg%3E")}.team-topbar{position:fixed;top:0;right:0;left:0;z-index:40;height:74px;padding:0 var(--page-padding);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);transition:.35s}.team-topbar.is-scrolled{background:rgba(242,240,234,.9);border-bottom-color:rgba(0,0,0,.1);backdrop-filter:blur(18px)}.team-brand{position:relative;display:block;width:128px;height:48px}.team-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;transition:.35s}.team-logo-white{opacity:1}.team-logo-black{opacity:0;transform:translateY(4px)}.team-topbar.is-scrolled .team-logo-white{opacity:0;transform:translateY(-4px)}.team-topbar.is-scrolled .team-logo-black{opacity:1;transform:none}.team-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}.team-nav a{position:relative;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.78}.team-nav a:hover{opacity:1}.team-nav a::after{content:"";position:absolute;right:100%;bottom:-8px;left:0;height:2px;background:var(--red);transition:right .25s}.team-nav a:hover::after{right:0}.team-topbar.is-scrolled .team-nav{color:#000}.team-menu-toggle{display:none;position:relative;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer}.team-menu-toggle span{position:absolute;right:9px;left:9px;height:2px;background:currentColor}.team-menu-toggle span:first-child{top:17px}.team-menu-toggle span:last-child{bottom:17px}.team-menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.team-menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.team-hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:110px var(--page-padding) 90px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 25% 45%,rgba(196,64,57,.22),transparent 29%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.07),transparent 27%),#050505}.team-hero-content{position:relative;z-index:3;width:min(1100px,100%);margin:auto}.team-eyebrow{margin:0 0 16px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.team-hero h1{max-width:1050px;margin:0;font-family:var(--title);font-size:clamp(82px,min(11vw,16vh),170px);font-weight:400;line-height:.82;letter-spacing:-.015em;text-transform:uppercase}.team-hero-description{max-width:680px;margin:34px 0 0;color:rgba(255,255,255,.72);font-size:clamp(16px,1.35vw,20px);line-height:1.6}.team-hero-route,.team-ending-route{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.team-hero-route path,.team-ending-route path{fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 15;opacity:.42;animation:routeMovement 16s linear infinite}.team-hero-route circle{fill:var(--red)}@keyframes routeMovement{to{stroke-dashoffset:-500}}.team-scroll{position:absolute;bottom:26px;left:50%;z-index:4;display:flex;align-items:center;flex-direction:column;gap:12px;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.team-scroll i{position:relative;width:1px;height:45px;overflow:hidden;background:rgba(255,255,255,.45)}.team-scroll i::after{content:"";position:absolute;top:-10px;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--red);animation:scrollPoint 1.9s infinite}@keyframes scrollPoint{0%{transform:translateY(-10px);opacity:0}45%{opacity:1}100%{transform:translateY(60px);opacity:0}}.team-journey{position:relative;padding:clamp(110px,11vw,180px) var(--page-padding) clamp(120px,12vw,190px);overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(196,64,57,.1),transparent 24%),#050505}.journey-header{position:relative;z-index:4;width:min(1000px,100%);margin:0 auto clamp(110px,12vw,180px);text-align:center}.journey-header h2{margin:0;font-family:var(--title);font-size:clamp(68px,9vw,138px);font-weight:400;line-height:.84;text-transform:uppercase}.journey-header>p:last-child{max-width:670px;margin:30px auto 0;color:var(--muted);font-size:clamp(16px,1.3vw,20px);line-height:1.6}.journey-route{position:absolute;top:500px;bottom:200px;left:50%;z-index:1;width:60px;transform:translateX(-50%);pointer-events:none}.journey-route-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(196,64,57,.6) 0 11px,transparent 11px 21px);animation:verticalRoute 14s linear infinite}@keyframes verticalRoute{to{background-position-y:500px}}.team-list{position:relative;z-index:3;width:min(var(--max-width),100%);margin:auto;display:grid;gap:clamp(120px,14vw,210px)}.team-person{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,60px);min-height:540px}.team-person-media{position:relative;height:clamp(480px,46vw,650px);overflow:hidden;border-radius:36px;background:#111;box-shadow:0 28px 85px rgba(0,0,0,.42)}.team-person-media::after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.28);border-radius:27px;pointer-events:none}.team-person-media img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(100%) brightness(.8) contrast(1.05);transform:scale(1.015);transition:.75s}.team-person:hover .team-person-media img{filter:grayscale(0%) brightness(.95);transform:scale(1.06)}.team-person-content{max-width:500px;display:flex;flex-direction:column;align-items:flex-start}.person-path-name{margin:0 0 18px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.team-person-content h3{margin:0;font-family:var(--title);font-size:clamp(58px,6vw,96px);font-weight:400;line-height:.84;text-transform:uppercase}.person-role{margin:18px 0 0;color:rgba(255,255,255,.92);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.person-description{max-width:480px;margin:25px 0 0;color:rgba(255,255,255,.67);font-size:clamp(15px,1.15vw,18px);line-height:1.65}.person-path-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;margin-top:30px;padding:0 24px;border:1px solid rgba(196,64,57,.8);border-radius:999px;background:transparent;color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:.25s}.person-path-button span{color:var(--red);font-size:17px;transition:.25s}.person-path-button:hover{transform:translateY(-3px);border-color:var(--red);background:var(--red);box-shadow:0 14px 34px rgba(196,64,57,.18)}.person-path-button:hover span{color:#fff;transform:translateX(6px)}.team-person-node{position:relative;z-index:5;width:58px;height:58px;display:grid;place-items:center;justify-self:center;border:10px solid #050505;border-radius:50%;background:var(--red)}.team-person-node span{font-size:10px;font-weight:800}.team-person-node::before,.team-person-node::after{content:"";position:absolute;top:50%;width:clamp(35px,4vw,65px);height:1px;background:repeating-linear-gradient(90deg,rgba(196,64,57,.65) 0 8px,transparent 8px 14px)}.team-person-node::before{right:100%}.team-person-node::after{left:100%}.team-person-left .team-person-media{grid-column:1}.team-person-left .team-person-node{grid-column:2}.team-person-left .team-person-content{grid-column:3}.team-person-right .team-person-content{grid-column:1;grid-row:1;justify-self:end;text-align:right;align-items:flex-end}.team-person-right .team-person-node{grid-column:2;grid-row:1}.team-person-right .team-person-media{grid-column:3;grid-row:1}.team-person-right .person-description{margin-left:auto}.team-ending{position:relative;min-height:90svh;display:grid;place-items:center;padding:clamp(110px,12vw,180px) var(--page-padding);overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(196,64,57,.2),transparent 28%),#050505}.team-ending-content{position:relative;z-index:3;width:min(1100px,100%);text-align:center}.team-ending h2{margin:0;font-family:var(--title);font-size:clamp(70px,10vw,150px);font-weight:400;line-height:.84;text-transform:uppercase}.team-ending-content>p:not(.team-eyebrow){max-width:650px;margin:30px auto 0;color:var(--muted);font-size:clamp(16px,1.3vw,20px);line-height:1.6}.team-cta{min-height:54px;margin-top:35px;padding:0 28px;display:inline-flex;align-items:center;gap:14px;border:1px solid var(--red);border-radius:999px;background:var(--red);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.team-footer{padding:28px var(--page-padding);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1)}.team-footer p,.team-footer a{margin:0;color:rgba(255,255,255,.52);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(45px);transition:.85s}.reveal.is-visible{opacity:1;transform:none}@media(max-width:980px){.team-menu-toggle{display:block;color:#fff}.team-nav{position:fixed;top:74px;right:0;left:0;padding:25px var(--page-padding);display:grid;gap:20px;background:rgba(5,5,5,.97);transform:translateY(-130%);transition:.3s}.team-nav.is-open{transform:none}.team-person{grid-template-columns:1fr;gap:28px;padding-left:55px}.journey-route{left:calc(var(--page-padding) + 17px);transform:none}.team-person-left .team-person-media,.team-person-left .team-person-node,.team-person-left .team-person-content,.team-person-right .team-person-media,.team-person-right .team-person-node,.team-person-right .team-person-content{grid-column:1;grid-row:auto}.team-person-node{position:absolute;top:40px;left:-41px;width:48px;height:48px;border-width:8px}.team-person-node::before,.team-person-node::after{display:none}.team-person-right .team-person-content{justify-self:start;text-align:left;align-items:flex-start}.team-person-right .person-description{margin-left:0}.team-person-media{width:100%;height:clamp(460px,80vw,680px)}}@media(max-width:600px){.team-topbar{height:68px;padding:0 20px}.team-brand{width:108px;height:42px}.team-nav{top:68px;padding:20px}.team-hero{padding:100px 20px 85px}.team-hero h1{font-size:clamp(72px,23vw,108px)}.team-journey{padding:95px 20px 120px}.team-list{gap:115px}.team-person{padding-left:42px}.journey-route{left:27px}.team-person-node{left:-39px}.team-person-media{height:450px;border-radius:28px}.team-person-content h3{font-size:clamp(54px,17vw,76px)}.person-path-button{width:100%}.team-ending{padding:110px 20px}.team-ending h2{font-size:clamp(62px,20vw,92px)}.team-footer{flex-direction:column;padding:28px 20px}}
