@import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap');
body{margin:0;background:var(--paper);color:var(--night);font-family:'General Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{display:flex;justify-content:space-between;align-items:center}header img{width:128px;mix-blend-mode:multiply}nav{display:flex;align-items:center}.studio-page section{padding:100px 5%}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cyan)}.studio-page h1{font-weight:600;max-width:1300px;font-size:clamp(64px,10vw,155px);line-height:.95;margin:40px 0 55px}.studio-page h1 em{font-style:normal;color:var(--cyan)}.studio-page h2{font-size:clamp(40px,5.4vw,82px);font-weight:600;line-height:1.04;margin:25px 0 35px;letter-spacing:-.055em}.studio-page p{font-size:17px;line-height:1.65}.studio-page .studio-hero{padding-top:75px;padding-bottom:70px}.hero-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end}.hero-bottom p{max-width:650px;font-size:22px;margin:0}.text-link{display:inline-flex;align-items:center;gap:25px;padding:15px 0;border-bottom:1px solid currentColor;font-size:14px;white-space:nowrap}.collective{display:grid;grid-template-columns:1fr 1fr;background:var(--night);color:var(--paper);border-radius:26px;margin-top:60px;overflow:hidden;min-height:420px}.collective-number{font-size:clamp(170px,27vw,400px);line-height:.9;letter-spacing:-.085em;display:flex;align-items:center;padding:35px 50px;color:var(--yellow);position:relative}.collective-number:after{content:'.';color:var(--cyan)}.collective-copy{display:flex;flex-direction:column;justify-content:center;padding:45px 45px 45px 0}.collective-copy p{font-size:clamp(24px,2.7vw,40px);line-height:1.2;letter-spacing:-1px;max-width:480px}.collective-copy small{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#cdd3e7}.team-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:80px;margin-bottom:50px}.team-intro h2{margin-bottom:0}.team-intro p{max-width:440px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}.person{min-width:0}.portrait{height:330px;position:relative;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--night)}.person:nth-child(2) .portrait{background:var(--cyan);color:var(--paper)}.person:nth-child(3) .portrait{background:var(--coral);color:var(--night)}.person:nth-child(4) .portrait{background:var(--night);color:var(--paper)}.portrait .initial{font-size:230px;font-weight:600;letter-spacing:-15px;line-height:1;transform:rotate(-6deg);transition:transform .65s cubic-bezier(.16,1,.3,1)}.person:hover .initial{transform:rotate(0) translateY(-10px)}.portrait:after{content:'';position:absolute;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;right:-60px;bottom:-70px;opacity:.4}.portrait small{position:absolute;left:22px;top:20px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.person-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:25px}.person h3{font-size:40px;line-height:1;margin:0;letter-spacing:-1.5px;font-weight:600}.person-role{font-size:12px}.person p{max-width:570px;font-size:16px;margin:18px 0 0}.team-after{margin-top:60px;display:flex;justify-content:space-between;align-items:center;gap:50px;border-top:1px solid #21284f25;padding-top:35px}.team-after p{max-width:770px;font-size:24px;line-height:1.4;letter-spacing:-.5px}.team-after small{display:block;font-size:12px;margin-top:15px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--night);color:var(--paper);padding:18px 24px;border-radius:10px;font-size:14px;font-weight:600}.story{background:var(--night);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}.story-title{position:sticky;top:140px;align-self:start}.story .eyebrow:before{background:var(--yellow)}.story h2{color:var(--paper)}.story-copy{padding-top:35px}.story-copy .lead{font-size:30px;letter-spacing:-.7px;line-height:1.3;color:var(--yellow)}.story-copy p{color:#d6daeb}.story-copy p:last-child{font-size:25px;color:var(--paper);margin-top:40px;padding-top:30px;border-top:1px solid #ffffff30}.expertise-list{margin-top:55px}.expertise-row{display:grid;grid-template-columns:70px 1fr 1fr 50px;gap:35px;align-items:start;padding:35px 0;border-top:1px solid #21284f30;transition:color .2s}.expertise-row:hover{color:var(--cyan)}.expertise-row .num{font-size:12px;padding-top:10px}.expertise-row h3{font-size:36px;letter-spacing:-1.5px;margin:0 0 12px;font-weight:600}.expertise-row strong{font-size:17px;line-height:1.5;font-weight:500;display:block}.expertise-row p{margin:0;font-size:16px}.expertise-row .arrow{font-size:35px;transition:transform .3s}.expertise-row:hover .arrow{transform:translate(5px,-5px)}.principle{background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.principle p{font-size:clamp(24px,2.6vw,38px);line-height:1.4;letter-spacing:-.9px}.studio-cta{background:var(--night);color:var(--paper)}.studio-cta h2{max-width:1080px;font-size:clamp(46px,6.4vw,98px)}.studio-cta .button{background:var(--yellow);color:var(--night);margin-top:20px}.studio-cta p{color:#d6daeb}.studio-footer{background:var(--night);color:var(--paper);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25}.wordmark{font-size:38px;font-weight:700;letter-spacing:-2px}.wordmark span{color:var(--cyan)}.studio-footer small{font-size:12px}.demo-note{font-size:11px;text-align:center;padding:7px;background:var(--yellow)}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}@media(max-width:800px){.studio-page section{padding:65px 6%}.studio-page .studio-hero{padding-top:40px}.studio-page h1{font-size:clamp(54px,10vw,80px)}.hero-bottom,.team-after{display:block}.hero-bottom p{font-size:19px}.hero-bottom .text-link{margin-top:25px}.collective{grid-template-columns:1fr 1fr;min-height:250px;margin-top:35px}.collective-number{padding:20px;font-size:170px}.collective-copy{padding:25px 20px 25px 0}.collective-copy p{font-size:24px}.team-intro,.story,.principle{grid-template-columns:1fr;gap:20px}.team-grid{grid-template-columns:1fr;gap:45px}.portrait{height:300px}.person h3{font-size:35px}.person-role{font-size:11px}.team-after p{font-size:21px}.story-title{position:static}.story-copy{padding-top:0}.expertise-row{grid-template-columns:30px 1fr 25px;gap:15px}.expertise-row p{grid-column:2;grid-row:2}.expertise-row .arrow{grid-column:3;grid-row:1}.expertise-row h3{font-size:30px}.studio-footer{gap:20px}.studio-footer small{max-width:160px;text-align:right}}@media(prefers-reduced-motion:reduce){.portrait .initial,.expertise-row .arrow{transition:none}.person:hover .initial{transform:none}}
