:root{--paper:#f3f4f8;--ink:#1a1a1a;--blue:#2038e2;--orange:#ff5a00;--muted:#59616e;--silver:#c0c5ce;--gutter:clamp(32px,6.66667vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:var(--ink)}
.shell{width:100%;padding-inline:var(--gutter);max-width:1800px;margin-inline:auto}.eyebrow{font:500 12px/18px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.03em}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--orange);padding:16px 24px;transform:translateY(-150%)}.skip-link:focus{transform:none}.rule{height:1px;background:var(--silver)}
.site-header{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;flex-shrink:0;width:200px;height:45.951px}.brand img{width:200px;height:45.951px}.site-header nav{display:flex;gap:48px;font-size:14px;font-weight:500}.site-header nav a{padding-block:14px}.text-link{display:inline-flex;align-items:center;gap:16px}.text-link:hover,.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.pill{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;background:var(--blue);color:white;border:0;border-radius:999px;padding:16px 24px;min-height:52px;font-size:14px;font-weight:500;transition:background-color .2s,transform .2s}.pill span{font-size:24px}.pill:hover{background:#152cc5;transform:translateY(-2px)}.header-cta{width:280px;min-height:72px;padding:24px 32px;font-size:18px}.orange{background:var(--orange);color:var(--ink)}.orange:hover{background:#ff7730}
.hero{padding-top:48px;padding-bottom:96px}.hero>.eyebrow{color:var(--muted);margin-bottom:32px}.hero-intro{display:grid;grid-template-columns:minmax(0,800fr) minmax(280px,384fr);gap:64px;align-items:end;margin-bottom:32px}h1,.contact h2{font:600 clamp(64px,7.22222vw,130px)/1.077 Sora,sans-serif;letter-spacing:-.04em}.hero h1 span{color:var(--blue)}.intro-copy{padding-bottom:16px;display:flex;flex-direction:column;gap:32px}.intro-copy>p,.section-intro>p{font-size:20px;line-height:30px;color:var(--muted)}.hero-interactive{aspect-ratio:2/1;width:100%;min-height:280px;border-radius:32px;overflow:hidden;background:var(--ink);position:relative;isolation:isolate}.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:14px;line-height:21px;margin-top:16px}.hero-caption .eyebrow{max-width:60%}
.work-intro{padding-top:96px;padding-bottom:72px}.work-intro>.rule{margin-bottom:48px}.work-intro>.eyebrow{color:var(--muted);margin-bottom:48px}.section-intro{display:grid;grid-template-columns:minmax(0,800fr) minmax(280px,384fr);gap:64px;align-items:end}.section-intro h2,.collection h1{font:600 clamp(42px,4.16667vw,76px)/1.1333 Sora,sans-serif;letter-spacing:-.02em}
.work-intro .section-intro{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.work-intro .section-intro h2{width:100%}.work-intro .section-intro>p{max-width:720px;text-wrap:balance}
/* The default layout is also the no-JS / reduced-motion layout. */
.work-stage{position:relative}.stage-meta{max-width:1800px;margin-inline:auto;padding:0 var(--gutter) 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.stage-meta .eyebrow{color:var(--muted)}.meta-divider{margin-inline:10px}.sequence-position{display:none;gap:16px;align-items:center;font:500 12px 'Space Grotesk',sans-serif}.position-track{width:100px;height:1px;background:var(--silver);display:block}.position-track i{display:block;width:100%;height:2px;background:var(--blue);transform-origin:left;transform:scaleX(.2)}.skip-projects{color:var(--ink)!important}.project-cards{max-width:1800px;margin:auto;padding-inline:var(--gutter)}.project-card{width:100%;margin-bottom:80px}.project-art{position:relative;display:block;aspect-ratio:16/9;background:#080808;border-radius:32px;overflow:hidden}.project-art img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.project-caption{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:22px}.project-caption .eyebrow{color:var(--muted);margin-bottom:8px}.project-caption h3{font:600 30px/1.2 Sora,sans-serif;letter-spacing:-.025em}.project-caption h3 a{display:inline-flex;gap:24px;align-items:center}.project-caption h3 span{font:400 30px Inter,sans-serif;color:var(--blue)}.project-description{color:var(--muted);font-size:16px;line-height:25px;max-width:340px}.fluid-canvas{display:none;pointer-events:none}.sequence-hint{display:none}.project-finale{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:32px var(--gutter) 100px}.all-projects{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:24px 32px;min-height:84px;background:var(--blue);color:white;border-radius:999px;font:500 22px Inter,sans-serif;overflow:hidden}.all-arrow{font-size:30px}.finale-note{color:var(--muted)}.all-projects:hover .all-arrow{transform:translate(3px,-3px)}.all-arrow{transition:transform .2s}
/* One viewport stage; GSAP pins this only for fine-pointer desktop motion. */
.is-animated .work-stage{height:100svh;min-height:580px;overflow:clip;isolation:isolate}.is-animated .stage-meta{position:absolute;inset:auto 0 auto;padding-bottom:0;z-index:4}.is-animated .sequence-position{display:flex}.is-animated .project-cards{padding:0;max-width:none}.is-animated .project-card{position:absolute;left:50%;top:var(--art-top);width:var(--art-width);margin:0;transform:translateX(-50%);transform-origin:50% 0;will-change:transform;visibility:hidden}.is-animated .project-card:first-child{visibility:visible}.is-animated .project-art{width:100%;height:var(--art-height);aspect-ratio:auto}.is-animated .project-caption{position:relative;z-index:3}.is-animated .fluid-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2}.fluid-ready .project-art{background:transparent}.fluid-ready .project-art img{opacity:0}.is-animated .sequence-hint{position:absolute;bottom:20px;left:var(--gutter);display:flex;gap:20px;color:var(--muted);z-index:4}.is-animated .project-finale{position:absolute;inset:0;padding:0;pointer-events:none;visibility:hidden;z-index:5}.is-animated .all-projects{position:absolute;left:50%;top:50%;width:340px;height:84px;transform:translate(-50%,-50%);justify-content:center;white-space:nowrap;pointer-events:auto}.is-animated .finale-note{position:absolute;top:calc(50% + 78px)}.is-animated .project-art:focus-visible{outline-offset:10px}
.section-block{padding-block:96px}.section-block>.shell>.eyebrow,.section-block>.eyebrow{margin-bottom:64px}.section-block .section-intro{margin-bottom:64px}.capabilities{background:var(--blue);color:white}.capabilities .section-intro>p{color:white}.service-row{border-top:1px solid var(--silver);padding:24px 0;display:grid;grid-template-columns:48px minmax(300px,450fr) minmax(0,606fr);gap:24px}.service-row:last-child{border-bottom:1px solid var(--silver)}.service-row h3,.approach h3{font:600 28px/36px Sora,sans-serif;letter-spacing:-.01em}.service-row>p{font-size:20px;line-height:30px}.approach{padding-block:128px}.approach>.eyebrow{color:var(--muted)}.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.approach-steps article{border-top:1px solid var(--silver);padding-top:24px;display:flex;flex-direction:column;gap:24px}.step-number{color:var(--blue);font:600 36px/43px Sora,sans-serif;letter-spacing:-.01em}.approach-steps .eyebrow,.approach-steps article>p:last-child{color:var(--muted)}.approach-steps article>p:last-child{font-size:20px;line-height:30px}.contact{background:var(--ink);color:white;padding-bottom:48px}.contact h2{margin-bottom:80px}.contact-invitation{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:80px}.contact-invitation>p{font-size:20px;line-height:30px}.footer-info{border-top:1px solid var(--muted);padding-top:80px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px}.footer-info>.eyebrow{min-width:250px}
.collection{padding-block:80px 128px}.collection>.eyebrow{color:var(--muted);margin-bottom:32px}.collection-intro{font-size:20px;line-height:30px;color:var(--muted);margin-block:32px 64px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 32px}.collection-card{scroll-margin-top:32px}.collection-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080808;border-radius:24px;margin-bottom:24px}.collection-card .eyebrow{color:var(--muted);margin-bottom:10px}.collection-card h2{font:600 30px/1.2 Sora,sans-serif;margin-bottom:14px;letter-spacing:-.025em}.collection-card>p:last-child{font-size:16px;line-height:26px;color:var(--muted)}.collection-footer{padding-block:40px;border-top:1px solid var(--silver);display:flex;justify-content:space-between;gap:24px;font-size:14px}
@media(max-width:1100px){.site-header nav{gap:24px}.header-cta{width:auto;min-height:60px;padding:18px 24px;font-size:16px}.hero-intro,.section-intro{gap:40px;grid-template-columns:1.8fr 1fr}.hero h1{font-size:clamp(56px,7vw,90px)}.intro-copy>p,.section-intro>p{font-size:18px;line-height:28px}.service-row{grid-template-columns:32px 1fr 1.2fr}.service-row h3,.approach h3{font-size:24px;line-height:32px}.service-row>p,.approach-steps article>p:last-child{font-size:18px;line-height:28px}}
@media(max-width:800px){:root{--gutter:24px}.site-header{padding-block:24px;gap:20px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:space-between;gap:16px}.header-cta{font-size:13px;min-height:48px;padding:12px 18px;gap:12px}.brand{width:150px;height:34.464px;overflow:visible}.brand img{transform:scale(.75);transform-origin:top left;max-width:none}.hero{padding-top:32px;padding-bottom:48px}.hero-intro,.section-intro{grid-template-columns:1fr;gap:28px}.hero h1,.contact h2{font-size:clamp(46px,10.5vw,80px)}.intro-copy{gap:24px}.hero-interactive{aspect-ratio:1/1;min-height:0;border-radius:24px}.hero-caption{align-items:start;font-size:11px;gap:12px}.hero-caption .eyebrow{font-size:10px;line-height:15px}.hero-caption>span:last-child{text-align:right;max-width:35%}.work-intro{padding-top:48px;padding-bottom:48px}.work-intro>.rule{margin-bottom:32px}.work-intro>.eyebrow{margin-bottom:28px}.section-intro h2,.collection h1{font-size:40px;line-height:1.15}.stage-meta{gap:12px;align-items:start}.stage-meta>.eyebrow{font-size:10px}.meta-divider{margin-inline:4px}.skip-projects{font-size:10px;white-space:nowrap}.project-art{border-radius:22px}.project-card{margin-bottom:52px}.project-caption{gap:16px;flex-direction:column;align-items:start;padding-top:20px}.project-caption h3{font-size:26px}.project-description{font-size:16px;line-height:24px;max-width:100%}.project-finale{padding-bottom:64px}.all-projects{font-size:18px;min-height:70px}.section-block{padding-block:64px}.section-block>.shell>.eyebrow,.section-block>.eyebrow{margin-bottom:36px}.section-block .section-intro{margin-bottom:40px}.service-row{grid-template-columns:28px 1fr;gap:14px;padding-block:24px}.service-row>p{grid-column:2}.service-row h3{font-size:22px;line-height:30px}.approach-steps{grid-template-columns:1fr;gap:36px}.approach-steps article{gap:20px}.contact h2{margin-bottom:48px}.contact-invitation{flex-direction:column;align-items:start;margin-bottom:48px}.contact-invitation>p{font-size:18px;line-height:28px}.footer-info{padding-top:40px;flex-wrap:wrap;gap:32px}.footer-info .brand{width:100%;height:35px}.footer-info>.eyebrow{min-width:0;font-size:10px}.collection{padding-block:48px 64px}.collection-grid{grid-template-columns:1fr;gap:48px}.collection-footer{flex-direction:column}.collection-page .site-header{flex-wrap:nowrap}.collection-page .site-header>.text-link{font-size:12px;max-width:150px;text-align:right}}
@media(max-width:800px){.site-header{gap:16px}.brand{width:140px;height:32.166px}.brand img{transform:scale(.7)}.header-cta{font-size:12px;padding:12px;gap:8px}.header-cta span{font-size:20px}}
/* The approved scene fills the opening viewport, including behind the glass menu. */
.homepage{--nav-clearance:148px}.homepage :is(#work,#studio,#approach){scroll-margin-top:var(--nav-clearance)}
.glass-header{position:fixed;z-index:50;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1440px;padding:16px 24px 16px 40px;gap:24px;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:linear-gradient(115deg,rgba(255,255,255,.7),rgba(243,244,248,.45) 38%,rgba(243,244,248,.6));backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:inset 0 2px 1px rgba(255,255,255,.7),inset 0 -1px 1px rgba(255,255,255,.28),0 8px 32px rgba(0,0,0,.09);isolation:isolate}
.glass-header{overflow:hidden;clip-path:inset(0 round 999px)}.glass-header::before{content:"";position:absolute;inset:3px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.5);pointer-events:none;z-index:-1}.glass-header nav{gap:32px}.glass-header .header-cta{flex-shrink:0}.glass-header .brand{margin-right:20px}
.homepage .hero{position:relative;height:100svh;min-height:700px;padding:0;background:var(--ink);color:var(--paper);isolation:isolate;overflow:clip}
.homepage .hero-interactive{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}
.hero-content{position:absolute;bottom:0;left:0;right:0;padding-top:100px;padding-bottom:48px;pointer-events:none;z-index:1}
.hero-content>.eyebrow{color:#d1d3db;margin-bottom:24px}.homepage .hero-intro{margin:0;gap:64px;grid-template-columns:minmax(0,1fr) 320px}.homepage .hero h1{font-size:clamp(56px,6.4vw,104px)}.homepage .hero h1 span{color:var(--paper)}.homepage .intro-copy{gap:24px;padding-bottom:8px}.homepage .intro-copy>p{color:#d1d3db;font-size:16px;line-height:26px}.hero-content a{pointer-events:auto}.hero-content .text-link{color:white}.is-animated .stage-meta{top:var(--meta-top,148px)}
@supports not (backdrop-filter:blur(1px)){.glass-header{background:rgba(243,244,248,.96)}}
@media(max-width:1100px){.glass-header{padding-left:28px;width:calc(100% - 40px);gap:20px}.glass-header nav{gap:24px}.glass-header .brand{margin-right:0;width:160px;height:36.761px}.glass-header .brand img{transform:scale(.8);transform-origin:top left;max-width:none}.homepage .hero-intro{gap:36px;grid-template-columns:minmax(0,1fr) 280px}.hero-content{padding-bottom:40px}}
@media(max-width:800px){.homepage{--nav-clearance:152px}.glass-header{top:12px;width:calc(100% - 24px);padding:12px 16px 8px;border-radius:32px;gap:4px 12px}.glass-header .brand{width:140px;height:32.166px}.glass-header .brand img{transform:scale(.7)}.glass-header nav{gap:16px;font-size:12px}.glass-header nav a{padding-block:10px}.glass-header .header-cta{font-size:11px;min-height:44px;padding:10px 12px;gap:8px}.homepage .hero{min-height:720px}.hero-content{padding-bottom:32px;padding-top:100px}.hero-content>.eyebrow{font-size:10px;letter-spacing:0;margin-bottom:18px}.homepage .hero-intro{grid-template-columns:1fr;gap:22px}.homepage .hero h1{font-size:clamp(46px,10.5vw,80px)}.homepage .intro-copy{gap:18px;padding:0;max-width:440px}.homepage .intro-copy>p{font-size:14px;line-height:22px}.hero-content .text-link{font-size:11px}}
@media(max-width:800px){.glass-header{clip-path:inset(0 round 32px)}}
@media(min-width:801px) and (max-height:800px){.glass-header{top:12px;padding-block:12px}.glass-header .header-cta{min-height:56px;padding-block:14px;font-size:16px}.homepage{--nav-clearance:124px}.is-animated .project-caption{padding-top:18px}.is-animated .project-caption h3{font-size:26px}.is-animated .project-description{font-size:14px;line-height:22px}}
/* The progress bar is centred independently of the unequal side labels. */
.is-animated .sequence-position{position:absolute;left:50%;transform:translateX(-50%);width:clamp(260px,31vw,520px)}
.is-animated .position-track{flex:1;width:auto}.is-animated .position-track i{transition:transform .45s ease}
.is-animated .project-art img{object-fit:cover}
/* Other client projects run on angled bands around the collection link. */
.project-finale{position:relative;min-height:620px;overflow:clip;padding-block:240px;isolation:isolate}
.project-ribbons{position:absolute;inset:0;pointer-events:none;z-index:0}
.project-ribbon{position:absolute;left:-8%;width:116%;height:clamp(38px,5.6svh,70px);display:flex;align-items:center;background:var(--blue);color:#000;box-shadow:0 -10px 10px rgba(0,0,0,.25);overflow:hidden;transform-origin:center;top:var(--ribbon-top);transform:translateY(-50%) rotate(var(--ribbon-angle))}
.ribbon-track{display:flex;width:max-content;flex:none;font:600 clamp(24px,3.67svh,48px)/1.12 Sora,sans-serif;letter-spacing:-.025em;text-transform:uppercase;animation:ribbon-travel var(--ribbon-duration,34s) linear infinite;animation-play-state:paused}
.ribbon-run{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:120vw;gap:40px;padding-inline:20px;white-space:nowrap}.ribbon-dot{font-size:.8em}
.project-ribbon:nth-child(even) .ribbon-track{animation-direction:reverse}
.ribbons-active .ribbon-track{animation-play-state:running}.project-finale>.all-projects{z-index:2;position:relative}.project-finale>.finale-note{z-index:3}.is-animated .project-finale{min-height:0;padding:0}.is-animated .project-finale>.all-projects{position:absolute}.is-animated .finale-note{pointer-events:none}
@keyframes ribbon-travel{to{transform:translateX(-50%)}}
@media(min-width:901px) and (max-width:1100px){.is-animated .sequence-position{width:250px}.stage-meta>.eyebrow{font-size:10px}.meta-divider{margin-inline:5px}}
@media(max-width:800px){.project-finale{min-height:540px;padding-block:220px}.project-ribbon{height:38px;top:var(--ribbon-mobile-top)}.ribbon-track{font-size:24px}.ribbon-run{gap:24px;padding-inline:12px}}
.static-preview .ribbon-track{animation-play-state:paused!important}
/* Larger menu links and a shared orange interaction state for blue CTAs. */
.glass-header nav{font-size:20px;line-height:1.3}.glass-header nav a{transition:color .18s ease;text-underline-offset:6px;text-decoration-thickness:1.5px}
.glass-header nav a:is(:hover,:focus-visible){color:var(--orange);text-decoration-line:underline}
.pill{transition:background-color .2s,color .2s,transform .2s}.pill:not(.orange):is(:hover,:focus-visible){background:var(--orange);color:var(--ink)}
.all-projects{transition:background-color .2s,color .2s}.project-finale:not(.is-expanding) .all-projects:is(:hover,:focus-visible){background:var(--orange);color:var(--ink)}
@media(min-width:801px) and (max-width:1100px){.glass-header nav{font-size:18px}}
@media(min-width:801px) and (max-width:950px){.glass-header{gap:16px}.glass-header nav{gap:18px}.glass-header .header-cta{font-size:14px;padding-inline:18px;gap:12px}.glass-header .brand{width:150px;height:34.464px}.glass-header .brand img{transform:scale(.75)}}
@media(max-width:800px){.glass-header nav{font-size:16px;line-height:1.25}}
.menu-toggle{display:none}
@media(max-width:800px){
  .homepage:has(.has-mobile-menu){--nav-clearance:104px}
  .glass-header.has-mobile-menu{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding:10px 12px;border-radius:32px}
  .has-mobile-menu .brand{grid-area:1/1;min-width:0;width:min(130px,100%);height:auto;margin:0}
  .has-mobile-menu .brand img{width:100%;height:auto;max-width:100%;transform:none}
  .has-mobile-menu .header-cta{grid-area:1/2;white-space:nowrap;padding-inline:12px;gap:6px}
  .has-mobile-menu .menu-toggle{grid-area:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
  .menu-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s ease,opacity .18s ease}
  .menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0}
  .menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .glass-header.has-mobile-menu nav{display:none;grid-area:2/1/3/-1;width:100%;flex-direction:column;gap:0;align-items:stretch;border-top:1px solid rgba(89,97,110,.2);padding-top:8px}
  .glass-header.menu-open nav{display:flex}
  .glass-header.has-mobile-menu nav a{padding:14px 12px;min-height:48px}
  .has-mobile-menu .menu-toggle:hover{background:rgba(255,255,255,.4)}
}
@media(max-width:360px){
  .glass-header.has-mobile-menu{gap:6px;padding-inline:10px}
  .has-mobile-menu .header-cta{font-size:10px;padding-inline:8px;gap:4px}
  .has-mobile-menu .header-cta span{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.pill:hover{transform:none}.ribbon-track{animation:none}}
/* Keep the work introduction in the same pinned scene as the project covers. */
.homepage .work-section:has(.is-animated){scroll-margin-top:0}
.is-animated .work-intro{position:absolute;top:var(--intro-top,154px);left:0;right:0;padding-block:0;z-index:4}
.is-animated .work-intro>.rule{margin-bottom:20px}
.is-animated .work-intro .section-intro{gap:14px}
.is-animated .work-intro h2{font-size:clamp(32px,3vw,56px)}
.is-animated .work-intro .section-intro>p{font-size:16px;line-height:24px;max-width:680px}
.is-animated .project-caption>div{min-width:0}
.is-animated .project-description{flex:0 0 42%;max-width:340px}
.step-visual{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:160px}
.step-visual .step-number{align-self:flex-start}
.step-icon{width:160px;height:160px;flex:none}
@media(min-width:901px) and (max-height:900px){.is-animated .work-intro>.rule{margin-bottom:14px}.is-animated .work-intro h2{font-size:32px}.is-animated .work-intro .section-intro{gap:10px}.is-animated .work-intro .section-intro>p{font-size:14px;line-height:21px}.is-animated .project-caption h3{font-size:24px}.is-animated .project-caption .eyebrow{font-size:10px;line-height:15px}.is-animated .project-description{font-size:14px;line-height:21px}}
@media(max-width:800px){.step-visual{min-height:136px}.step-icon{width:136px;height:136px}}