.web-experience,.apps-experience{--experience-space:clamp(75px,9vw,165px)}
/* A compact, connected timeline for website projects. */
.web-experience .experience-process{padding-block:clamp(60px,5vw,95px);background:#191918}
.web-experience .experience-process .experience-heading{gap:8%;margin-bottom:42px;align-items:center}
.web-experience .experience-process .experience-heading h2{font-size:clamp(38px,4.1vw,76px)}
.web-experience .experience-process .experience-heading>div:last-child{max-width:390px}
.web-experience .experience-process-grid{gap:24px;margin-top:0;position:relative}
.web-experience .experience-process-grid:before{content:"";position:absolute;top:34px;left:35px;right:35px;height:1px;background:#ff500875}
.web-experience .experience-process-grid article{position:relative;min-width:0;border:0;padding:0 18px 8px 0}
.web-experience .experience-process-grid .process-dot{display:none}
.web-experience .experience-process-grid strong{position:relative;display:grid;place-items:center;width:68px;height:68px;margin-bottom:26px;background:#191918;border:1px solid #ff5008;border-radius:50%;color:#ff6b28;font-size:28px;letter-spacing:-.04em}
.web-experience .experience-process-grid article:first-child strong{background:#ff5008;color:#111}
.web-experience .experience-process-grid h3{font-size:clamp(20px,1.5vw,27px);margin-bottom:14px;font-weight:500}
.web-experience .experience-process-grid p{font-size:14px;line-height:1.7;max-width:36ch}
@media(max-width:1000px){.web-experience .experience-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.web-experience .experience-process-grid:before{display:none}.web-experience .experience-process-grid article{padding:22px 0 0;border-top:1px solid #ffffff28}.web-experience .experience-process-grid strong{margin-bottom:20px}}
@media(max-width:600px){.web-experience .experience-process-grid{grid-template-columns:1fr;gap:0}.web-experience .experience-process-grid article{display:grid;grid-template-columns:50px 1fr;column-gap:18px;padding:24px 0}.web-experience .experience-process-grid strong{grid-row:1/3;width:48px;height:48px;font-size:21px;margin:0}.web-experience .experience-process-grid h3{margin:0 0 10px;font-size:23px}.web-experience .experience-process-grid p{grid-column:2;font-size:14px}.web-experience .experience-process .experience-heading{margin-bottom:30px}}
@media(min-width:761px){.web-capability-grid>div:first-child{position:sticky;top:110px;align-self:start}}
@media(max-width:360px){.studio-subpage .web-cinematic h1{font-size:41px!important}.web-intro-copy .cf-turnstile{zoom:.85}.web-intro-copy{min-width:0}.studio-subpage .offer-conversation h2{font-size:30px}.studio-subpage .web-person h3{font-size:18px}}
.experience-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.experience-heading>p,.experience-heading>div:last-child:not(:first-child){max-width:420px}.experience-heading p{line-height:1.65}.studio-subpage .experience-heading h2,.studio-subpage .apps-cooperation>h2{font-size:clamp(38px,4.2vw,76px);line-height:1.05;letter-spacing:-.055em}.experience-heading .eyebrow{margin-bottom:20px}.experience-heading .studio-button{flex-shrink:0}.experience-heading>div>p+.studio-button{margin-top:25px}
.web-cinematic{padding-top:20px}.web-liquid{position:relative;height:clamp(360px,35vw,660px);overflow:hidden;border-radius:16px;background:#150704;color:#fff}.web-liquid>img,.web-liquid>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.web-liquid>canvas{opacity:0;pointer-events:none}.web-liquid.is-ready>canvas{opacity:1}.web-liquid-top,.web-liquid-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;gap:24px;z-index:1;font-size:12px}.web-liquid-top{top:28px}.web-liquid-bottom{bottom:30px;align-items:end}.web-liquid-bottom nav{display:flex;flex-wrap:wrap;gap:8px;max-width:390px}.web-liquid-bottom nav a{padding:12px 19px;border:1px solid #ffffff60;background:#0003;border-radius:40px;backdrop-filter:blur(8px);transition:background .2s}.web-liquid-bottom nav a:hover{background:#f54a0b}.web-liquid-bottom p{text-align:right;line-height:1.5}.studio-subpage .web-cinematic h1{font-size:clamp(55px,8.05vw,154px);letter-spacing:-.07em;line-height:1.02;max-width:none;margin:35px 0 15px;white-space:nowrap}.web-title-foot{display:flex;justify-content:space-between;font-size:12px}.web-title-foot a{text-decoration:underline}
.web-introduction{padding-block:var(--experience-space)}.web-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.web-intro-art{position:relative;border-radius:14px;overflow:hidden;height:100%;min-height:650px}.web-intro-art img{width:100%;height:100%;position:absolute;object-fit:cover}.web-intro-art figcaption{position:absolute;bottom:22px;right:22px;left:22px;padding:15px 18px;background:#191919a0;backdrop-filter:blur(15px);border:1px solid #fff4;color:white;border-radius:12px;font-size:12px}.web-intro-art i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#60eb91;margin-right:10px}.studio-subpage .web-intro-copy h3{font-size:clamp(24px,2vw,36px);letter-spacing:-.04em;line-height:1.2;margin-bottom:20px}.web-intro-copy>p{color:var(--muted);line-height:1.7}.web-intro-copy>ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0 45px;font-size:13px}.web-intro-copy>ul li:before{content:'+';margin-right:12px}.web-intro-copy .about-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.web-intro-copy .about-form>label{display:grid;gap:10px;font-size:12px}.web-intro-copy .about-form>label:has(textarea),.web-intro-copy .about-consent,.web-intro-copy .cf-turnstile,.web-intro-copy [data-form-status]{grid-column:1/-1}.web-intro-copy input:not([type=checkbox]),.web-intro-copy textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0 13px;background:transparent;color:inherit;font:inherit;resize:vertical}.web-intro-copy .about-form .about-consent{display:flex;gap:9px;align-items:start;line-height:1.6}.web-intro-copy .about-form .studio-button{justify-self:start;grid-column:1/-1}.web-numbers{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:30px;align-items:center;margin-top:85px}.web-numbers strong{font-size:clamp(50px,5vw,90px);font-weight:500;letter-spacing:-.07em;display:block;margin-bottom:15px}.web-numbers span,.web-numbers p{font-size:13px;color:var(--muted);line-height:1.6}
.experience-process{background:#111;color:#fff;padding-block:var(--experience-space)}.experience-process .eyebrow{color:#bdbdbd}.experience-process .experience-heading>p,.experience-process .experience-heading>div>p:not(.eyebrow){color:#c2c2c2;font-size:14px}.experience-process .studio-button{background:var(--orange);color:white}.experience-process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.experience-process-grid article{border-left:1px solid #ffffff18;padding:25px 28px 60px}.process-dot{display:block;font-size:14px;margin-bottom:32px}.experience-process-grid strong{font-size:58px;font-weight:400;letter-spacing:-.05em;display:block;margin-bottom:25px}.studio-subpage .experience-process-grid h3{font-size:21px;margin-bottom:18px}.experience-process-grid p{font-size:13px;line-height:1.7;color:#bcbcbc}.experience-process [data-scroll-ink] .ink-word.is-read{color:#fff}
.web-people{position:relative;margin-block:var(--experience-space);padding-block:50px}.web-people-heading{position:sticky;top:calc(50vh - 160px);width:36%;margin:0 auto;text-align:center;z-index:1}.studio-subpage .web-people-heading h2{font-size:clamp(35px,4.3vw,80px);letter-spacing:-.055em;line-height:1.04;margin:24px 0}.web-people-heading .text-link{font-size:13px}.web-people-grid{display:grid;grid-template-columns:27% 27%;justify-content:space-between;gap:230px 0;margin-top:-310px;padding-bottom:130px}.web-person{height:410px;position:relative;border-radius:14px;overflow:hidden;transform:rotate(var(--person-turn));transition:transform .6s;isolation:isolate}.web-person:nth-child(even){margin-top:70px}.web-person:hover{transform:rotate(0deg) translateY(-8px)}.web-person img{width:100%;height:100%;object-fit:cover;transition:scale .8s}.web-person:hover img{scale:1.035}.web-person:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111d);z-index:0}.web-person>div{position:absolute;bottom:25px;left:25px;right:20px;color:white;z-index:1}.studio-subpage .web-person h3{font-size:26px;margin-bottom:8px}.web-person p{font-size:13px}.web-person-arrow{position:absolute;top:18px;right:18px;border-radius:50%;background:white;color:#111;width:32px;height:32px;display:grid;place-items:center;z-index:1}.web-brand-pills{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:0 4% 70px}.web-brand-pills>div{background:#f34a0b;border-radius:80px;width:180px;padding:18px 24px;transform:rotate(-3deg);transition:transform .5s}.web-brand-pills>div:nth-child(even){background:#deded9;transform:rotate(3deg)}.web-brand-pills>div:hover{transform:translateY(-12px) rotate(0)}.web-brand-pills img{width:100%;height:42px;object-fit:contain}
.web-capabilities{background:var(--paper-light);padding-block:var(--experience-space)}.studio-subpage .web-capabilities h2{font-size:clamp(36px,4.3vw,80px);line-height:1.13;letter-spacing:-.055em;max-width:25ch;margin:25px 0 65px}.web-capability-grid{display:grid;grid-template-columns:.85fr 1.65fr;gap:8%}.web-capability-grid figure{border-radius:12px;overflow:hidden;margin-bottom:25px}.web-capability-grid img{display:block;width:100%;height:auto}.web-capability-grid>div>p{font-size:18px;line-height:1.6}.web-capability-grid details{border-top:1px solid var(--line);padding:25px 0}.web-capability-grid details:last-child{border-bottom:1px solid var(--line)}.web-capability-grid summary{display:flex;align-items:center;gap:30px;cursor:pointer;list-style:none}.web-capability-grid summary::-webkit-details-marker{display:none}.web-capability-grid summary>span{font-size:26px}.studio-subpage .web-capability-grid summary h3{font-size:25px;flex:1}.web-capability-grid summary b{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:400;transition:rotate .3s}.web-capability-grid details[open] summary b{rotate:90deg}.web-capability-grid details>p{margin:22px 50px 0 88px;color:var(--muted);font-size:15px;line-height:1.7}.experience-local{display:flex;flex-wrap:wrap;gap:15px;padding-bottom:70px;font-size:12px}
.apps-editorial-opening{padding-top:45px}.apps-editorial-opening .experience-heading>div:first-child{max-width:65%}.studio-subpage .apps-editorial-opening h1{font-size:clamp(52px,5.3vw,102px);letter-spacing:-.06em;line-height:1.04;max-width:none}.apps-editorial-opening h1>span{color:var(--muted)}.apps-editorial-opening dl{display:flex;flex-wrap:wrap;gap:25px;margin-top:30px;font-size:11px}.apps-editorial-opening dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.apps-editorial-opening>figure{position:relative;border-radius:15px;overflow:hidden;height:clamp(300px,30vw,550px)}.apps-editorial-opening>figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.apps-editorial-opening figcaption{position:absolute;bottom:20px;left:20px;border-radius:40px;padding:10px 16px;background:#222b;color:#fff;font-size:11px}.apps-capability-map{padding-top:var(--experience-space)}.apps-capability-map .eyebrow>span,.apps-cooperation>.eyebrow>span,.apps-editorial-opening .eyebrow>span{color:var(--orange);margin-right:8px}.apps-stack{padding-bottom:70px}.apps-stack-card{display:grid;grid-template-columns:28px 1.25fr 1.25fr .55fr;gap:30px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:35px;box-shadow:0 18px 45px #00000008;position:sticky;top:110px;margin-bottom:140px;transform-origin:center top;transition:filter .15s;scroll-margin-top:130px}.apps-stack-card:last-child{margin-bottom:0}.apps-stack-number{align-self:start;color:var(--muted);font-size:12px}.studio-subpage .apps-stack-card h3{font-size:clamp(25px,2.1vw,37px);letter-spacing:-.045em;margin-bottom:18px}.apps-stack-copy>p{font-size:14px;line-height:1.7;color:var(--muted)}.apps-stack-copy ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:20px 0}.apps-stack-copy li{background:var(--paper-light);border-radius:30px;padding:6px 11px;font-size:10px}.apps-stack-copy .text-link{font-size:12px}.apps-stack-card figure{border-radius:10px;overflow:hidden;aspect-ratio:4/3}.apps-stack-card img{display:block;width:100%;height:100%;object-fit:cover}.apps-stack-note .eyebrow{font-size:9px}.apps-stack-note p{font-size:12px;line-height:1.5;margin:10px 0}.apps-stack-note>a{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;margin-top:25px}.apps-stack-card:focus-within{filter:none!important;transform:none!important}
.apps-cooperation{padding-block:40px var(--experience-space)}.apps-cooperation>h2{margin:20px 0 45px}.apps-cooperation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.apps-cooperation-grid article{padding:40px;background:var(--paper-light);border:1px solid var(--line);border-radius:16px;position:relative}.apps-cooperation-grid article:last-child{background:#202020;color:#fff}.studio-subpage .apps-cooperation h3{font-size:30px;letter-spacing:-.045em;margin-bottom:18px}.apps-cooperation-grid article>p{font-size:14px;line-height:1.7;max-width:49ch;opacity:.8}.apps-cooperation-grid ul{padding-left:18px;font-size:13px;line-height:2;margin:25px 0}.apps-cooperation-grid li::marker{color:var(--orange)}.apps-cooperation-grid .text-link{font-size:13px}.apps-cooperation-badge{position:absolute;right:20px;top:20px;background:var(--orange);font-size:8px;padding:6px 9px;border-radius:20px}.apps-orange-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f4470b;color:white;border-radius:16px;padding:45px;margin-top:24px}.apps-orange-cta p{font-size:14px;line-height:1.6}.apps-orange-cta .studio-button{background:white;color:#171717;white-space:nowrap}.apps-experience .flagship-workspace{padding-block:clamp(64px,6vw,110px)}
@media(max-width:1100px){.experience-heading{gap:30px}.web-intro-grid{gap:4%}.web-intro-copy>ul{grid-template-columns:1fr}.web-person{height:340px}.apps-stack-card{grid-template-columns:20px 1fr 1fr;padding:25px;gap:22px}.apps-stack-note{display:none}.apps-editorial-opening .experience-heading{align-items:start}.apps-editorial-opening .experience-heading>div:last-child{max-width:33%}.web-liquid-top,.web-liquid-bottom{left:20px;right:20px}.experience-process-grid article{padding-inline:18px}.web-capability-grid{gap:5%}}
@media(max-width:760px){.experience-heading{display:block;margin-bottom:32px}.experience-heading>p,.experience-heading>div:last-child:not(:first-child){max-width:none;margin-top:25px}.experience-heading>.studio-button{margin-top:25px}.web-cinematic{padding-top:5px}.web-liquid{height:420px}.web-liquid-top{font-size:9px;top:20px}.web-liquid-bottom{bottom:20px}.web-liquid-bottom p{display:none}.web-liquid-bottom nav{max-width:290px}.web-liquid-bottom nav a{font-size:11px;padding:10px 14px}.studio-subpage .web-cinematic h1{white-space:normal;font-size:clamp(56px,11.5vw,86px);max-width:10ch;margin-top:25px}.web-title-foot{gap:20px;font-size:9px;line-height:1.6}.web-intro-grid{grid-template-columns:1fr;gap:35px}.web-intro-art{min-height:420px}.web-intro-copy>ul{grid-template-columns:1fr 1fr}.web-numbers{grid-template-columns:1fr 1fr;margin-top:50px;gap:35px 20px}.web-numbers strong{font-size:55px}.experience-process-grid{grid-template-columns:1fr 1fr;margin-top:35px}.experience-process-grid article{padding:15px 20px 35px}.experience-process-grid strong{font-size:46px}.web-people{padding-block:0}.web-people-heading{position:static;width:100%;margin-bottom:40px}.web-people-heading h2 br{display:none}.web-people-grid{margin-top:0;grid-template-columns:1fr 1fr;gap:40px 20px;padding-bottom:0}.web-person{height:290px;transform:none}.web-person:nth-child(even){margin-top:35px}.web-person>div{left:15px;bottom:20px}.studio-subpage .web-person h3{font-size:21px}.web-person p{font-size:11px}.web-brand-pills>div{width:135px;padding:14px 20px}.web-brand-pills{gap:8px;padding-bottom:50px}.web-capability-grid{grid-template-columns:1fr;gap:35px}.web-capability-grid>div:first-child{max-width:480px}.web-capability-grid summary{gap:17px}.studio-subpage .web-capability-grid summary h3{font-size:22px}.web-capability-grid summary>span{font-size:20px}.web-capability-grid details>p{margin-left:60px}.apps-editorial-opening{padding-top:25px}.apps-editorial-opening .experience-heading>div:first-child,.apps-editorial-opening .experience-heading>div:last-child{max-width:none}.studio-subpage .apps-editorial-opening h1{font-size:clamp(46px,9vw,68px)}.apps-editorial-opening>figure{height:330px}.apps-editorial-opening figcaption{font-size:9px;left:12px;right:12px;bottom:12px;width:fit-content}.apps-stack-card{position:relative;top:0;margin-bottom:25px;grid-template-columns:20px 1fr;padding:22px;gap:15px;filter:none!important;transform:none!important}.apps-stack-card figure{grid-column:1/-1;margin-top:15px;aspect-ratio:3/2}.apps-stack-copy ul{margin:15px 0}.apps-stack{padding-bottom:25px}.apps-cooperation-grid{grid-template-columns:1fr}.apps-cooperation-grid article{padding:30px}.apps-cooperation-badge{top:12px;right:12px}.apps-orange-cta{display:block;padding:30px}.apps-orange-cta .studio-button{margin-top:25px}.web-intro-copy .about-form{grid-template-columns:1fr}.studio-subpage .experience-process-grid h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.apps-stack-card{position:relative;top:0;filter:none!important;transform:none!important}.web-person,.web-person img,.web-brand-pills>div{transform:none!important;transition:none}.web-people-heading{position:static}.web-people-grid{margin-top:50px}.web-liquid canvas{display:none}}
.studio-motion-paused .apps-stack-card{filter:none!important;transform:none!important}.studio-motion-paused .web-liquid canvas{display:none}.studio-motion-paused .web-person,.studio-motion-paused .web-brand-pills>div{transform:none!important}

.web-work-editorial{padding-block:var(--experience-space)}.web-work-row{display:grid;grid-template-columns:.6fr 1.4fr;gap:9%;align-items:center;border-top:1px solid var(--line);padding-block:45px}.web-work-row:last-child{border-bottom:1px solid var(--line)}.studio-subpage .web-work-row h3{font-size:clamp(30px,3vw,50px);letter-spacing:-.045em;margin:22px 0}.web-work-row>div>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7}.web-work-row .text-link{margin-top:30px}.web-work-picture{position:relative;display:block;overflow:hidden;background:var(--paper-light)}.web-work-picture img{display:block;width:100%;height:auto;transform:none}.web-work-picture>span{position:absolute;right:18px;bottom:18px;width:45px;height:45px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%;transition:background .3s}.web-work-picture:hover>span{background:var(--orange);color:white}
.apps-stack-card{top:20vh;margin-bottom:35vh;will-change:transform,filter}.apps-stack-card:last-child{margin-bottom:0}.apps-editorial-opening dd{margin:0}.experience-heading>div:first-child{min-width:0}
@media(max-width:760px){.web-people-heading h2 br{display:block}}
@media(max-width:760px){.web-work-row{grid-template-columns:1fr;gap:25px;padding-block:35px}.web-work-row .text-link{margin-top:20px}.apps-stack-card{top:0;margin-bottom:25px;will-change:auto}}
@media(prefers-reduced-motion:reduce){.apps-stack-card{top:0;margin-bottom:35px;will-change:auto}}
@media(max-width:400px){.studio-subpage .web-cinematic h1{font-size:46px}.experience-process-grid{grid-template-columns:1fr}.web-experience .offer-conversation .page-width,.apps-experience .offer-conversation .page-width{width:calc(100% - 36px);min-width:0}.web-experience .offer-conversation .page-width>div,.apps-experience .offer-conversation .page-width>div{min-width:0}.web-experience .offer-actions a,.apps-experience .offer-actions a{white-space:normal;max-width:100%;font-size:12px;gap:12px}.studio-subpage .apps-editorial-opening h1{font-size:42px}}