/* The original five character illustrations, with the established site palette. */
.dev-experience h1,.dev-experience h2,.dev-experience h3{overflow-wrap:normal}
.dev-back{display:inline-flex;align-items:center;gap:12px;font:500 12px/1.5 Inter,sans-serif;text-decoration:none;color:#155E57!important;margin-bottom:42px}.dev-back:hover{text-decoration:underline;text-underline-offset:4px}.dev-back span{color:#0E0C0B}
.dev-hero{padding-top:30px;padding-bottom:35px}.dev-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(35px,5vw,70px);align-items:center}.dev-experience .dev-hero h1{font-size:clamp(48px,6.1vw,84px);font-weight:700;line-height:1.035;letter-spacing:-.065em;margin:0 0 27px;max-width:14ch}.dev-hero h1>span{display:block}.dev-hero h1>span:last-child{color:#155E57}.dev-hero .ex-lead{font-size:19px}.dev-hero-grid>div>p{max-width:53ch}
.dev-cast-frame{padding:0 14px;min-width:0}.dev-cast{position:relative;height:clamp(265px,29vw,400px);isolation:isolate;margin:10px 0 20px}.dev-cast-card{position:absolute;display:block;width:32%;left:calc(var(--card)*17%);top:calc((var(--card) - 2)*(var(--card) - 2)*9px);transform:rotate(var(--angle));transform-origin:50% 95%;border:4px solid #F3F2ED;box-shadow:5px 7px 0 #0E0C0B;transition:transform .25s ease;z-index:1}.dev-cast-card img{width:100%;height:auto;aspect-ratio:2/3}.dev-cast-card:hover,.dev-cast-card:focus-visible{z-index:6;transform:translateY(-18px) rotate(0)}.dev-cast-card:focus-visible{outline:3px solid #0E0C0B!important;outline-offset:5px;box-shadow:0 0 0 9px #F3F2ED}.dev-cast-caption{font:600 12px/1.6 Inter,sans-serif;border-top:2px solid #C43F2D;padding-top:18px;margin:0!important;text-align:center}
html[data-motion=on] .dev-cast-card:not(:hover):not(:focus-visible){animation:dev-card-float 6s ease-in-out infinite;animation-delay:calc(var(--card)*-.8s)}
@keyframes dev-card-float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-12px) rotate(calc(var(--angle) + 2deg))}}
.dev-hero-foot{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #0E0C0B55;margin-top:48px;padding-top:19px;font:500 10px/1.6 Inter,sans-serif;text-transform:uppercase;letter-spacing:.07em}
.dev-model .ex-section-head{align-items:start}.dev-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:50px}.dev-principles article{border-top:1px solid #F3F2ED66;padding-top:24px}.dev-principles article>span{font:500 10px/1.5 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#31BAAE}.dev-experience .dev-principles h3{font-size:27px;margin:24px 0 20px}.dev-principles p{font-size:15px;margin:0}
.dev-roles>.ex-section-head h2{font-size:clamp(43px,6.2vw,83px);letter-spacing:-.065em}.dev-role{display:grid;grid-template-columns:58px minmax(0,.85fr) minmax(0,1.3fr);grid-template-areas:'index art copy';gap:clamp(24px,4vw,58px);padding:55px 0;border-top:1px solid #0E0C0B55;align-items:center;scroll-margin-top:26px!important}.dev-role:last-child{padding-bottom:0}.dev-role-index{grid-area:index;align-self:start;font:600 32px/1.1 Poppins,sans-serif;color:#155E57;padding-top:12px}.dev-role-art{grid-area:art;max-width:300px;width:100%;border:5px solid #0E0C0B;box-shadow:10px 10px 0 #31BAAE;justify-self:start}.dev-role-art img{width:100%;height:auto;aspect-ratio:2/3}.dev-role-copy{grid-area:copy;min-width:0}.dev-experience .dev-role h3{font-size:clamp(34px,4.7vw,61px);letter-spacing:-.06em;margin:0 0 23px}.dev-experience .dev-role-question{font:600 20px/1.5 Poppins,sans-serif;color:#155E57;margin-bottom:21px}.dev-role .ex-lead{font-size:19px}.dev-experience .dev-role-value{border-top:1px solid #0E0C0B40;margin:26px 0 0;padding-top:18px;font-size:15px}.dev-role-value span{display:block;font:600 10px/1.5 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#155E57;margin-bottom:10px}.dev-role:nth-of-type(even){grid-template-columns:58px minmax(0,1.3fr) minmax(0,.85fr);grid-template-areas:'index copy art'}.dev-role:nth-of-type(even) .dev-role-art{justify-self:end;box-shadow:10px 10px 0 #DB4F3C}
.dev-cycle-graphic{position:relative;padding:24px 36px 58px}.dev-cycle-graphic svg{position:absolute;inset:0;width:100%;height:100%;stroke:#0E0C0B;stroke-width:2;pointer-events:none}.dev-cycle-graphic svg path:first-child{opacity:.25}.dev-cycle-graphic [data-draw]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,1))}.dev-cycle-graphic ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0;text-align:center}.dev-cycle-graphic li{font:600 clamp(17px,2.25vw,30px)/1.3 Poppins,sans-serif;background:#31BAAE;padding:12px 0}.dev-cycle-link{margin:20px 0 0!important}.dev-builds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 65px}.dev-builds article{padding-top:28px;border-top:1px solid #0E0C0B66}.dev-builds h3{margin-bottom:20px}.dev-builds p{max-width:50ch;margin-bottom:0}
@media(max-width:1000px){.dev-hero-grid{grid-template-columns:1fr;gap:40px}.dev-experience .dev-hero h1{font-size:clamp(52px,8vw,76px);max-width:17ch}.dev-cast-frame{width:100%;max-width:690px;margin:0 auto}.dev-cast{height:355px}.dev-hero-grid>div>p{max-width:65ch}.dev-role{grid-template-columns:36px minmax(0,.9fr) minmax(0,1.3fr);gap:30px}.dev-role:nth-of-type(even){grid-template-columns:36px minmax(0,1.3fr) minmax(0,.9fr)}.dev-experience .dev-role h3{font-size:40px}.dev-role .ex-lead{font-size:17px}.dev-role-copy>p{font-size:15px}}
@media(max-width:760px){.dev-back{margin-bottom:28px}.dev-experience .dev-hero h1{font-size:clamp(43px,9.3vw,65px)}.dev-hero .ex-lead{font-size:17px}.dev-cast{height:clamp(205px,55vw,335px)}.dev-cast-card{border-width:3px}.dev-cast-caption{font-size:11px}.dev-hero-foot{font-size:9px;margin-top:35px}.dev-principles{grid-template-columns:1fr;gap:30px;margin-top:34px}.dev-principles h3{margin:18px 0 14px!important}.dev-role,.dev-role:nth-of-type(even){grid-template-columns:1fr;grid-template-areas:'art' 'copy';gap:35px;padding:38px 0}.dev-role-index{display:none}.dev-role-art,.dev-role:nth-of-type(even) .dev-role-art{max-width:280px;justify-self:center;width:calc(100% - 16px)}.dev-experience .dev-role h3{font-size:clamp(32px,7vw,45px)}.dev-experience .dev-role-question{font-size:18px}.dev-experience .dev-role-value{font-size:14px}.dev-cycle-graphic{padding:0}.dev-cycle-graphic svg{display:none}.dev-cycle-graphic ol{grid-template-columns:1fr;text-align:left;gap:0;counter-reset:role}.dev-cycle-graphic li{display:flex;align-items:center;gap:20px;font-size:24px;border-top:1px solid #0E0C0B66;padding:17px 0;counter-increment:role}.dev-cycle-graphic li:before{content:'0' counter(role);font:500 12px/1 Inter,sans-serif}.dev-builds{grid-template-columns:1fr;gap:30px}.dev-builds h3{font-size:25px}}
@media(max-width:380px){.dev-experience .dev-hero h1{font-size:40px}.dev-cast{height:185px;margin-bottom:10px}.dev-cast-frame{padding:0 9px}.dev-cast-card{box-shadow:3px 4px 0 #0E0C0B}.dev-hero-foot{flex-direction:column;gap:10px}.dev-experience .dev-role h3{font-size:32px}}