:root{--bg:#e4e4e2;--black:#000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--black);font-family:"Noto Sans",Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px}.shell{width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}a{color:inherit;text-decoration:underline;text-underline-offset:1px}.header{height:60px}.header__inner{height:60px;display:flex;align-items:center;justify-content:space-between}.header nav{display:flex;align-items:center;gap:40px}.contact{border:2px solid #000;border-radius:30px;padding:4px 12px;text-decoration:none;line-height:21px}.hero{height:632px}.hero__inner{height:632px;padding-top:340px;padding-bottom:40px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{width:848px;margin:0;font-size:40px;line-height:46px;font-weight:400}.hero__bottom{width:1158px;display:flex;align-items:flex-end;justify-content:space-between}.hero__bottom p{width:530px;margin:0}.arrow{font-size:32px;line-height:40px;text-decoration:none;width:40px;height:40px;text-align:center}.section-head{height:220px;display:flex;align-items:flex-end;gap:12px;padding-bottom:40px}.section-head h2{margin:0;font-size:18px;line-height:22px;font-weight:400}.section-icon{font-size:24px;line-height:24px;width:24px;height:24px;text-align:center}.pen{transform:rotate(-35deg)}.web{height:1020px}.project-list article{height:100px;border-bottom:2px solid #000;padding-top:24px;display:flex;align-items:flex-start;justify-content:space-between}.project-list h3,.project-list p{margin:0;font-weight:400}.project-list h3{font-size:18px;line-height:22px;margin-bottom:7px}.project-list time,.art-card time{font-size:12px;line-height:20px;letter-spacing:2px}.graphic{height:2466px}.gallery{height:2246px;display:grid;grid-template-columns:460px 460px;grid-auto-rows:auto;column-gap:260px;align-content:start}.art-card{width:460px}.art-card:nth-child(even){margin-top:40px}.art-card:nth-child(3),.art-card:nth-child(5){margin-top:80px}.art-card img{display:block;width:460px;height:555px;object-fit:cover}.art-card.square img{height:460px}.art-copy{padding-top:8px}.art-copy h3,.art-copy p,.art-copy time{display:block;margin:0;font-weight:400}.art-copy h3{font-size:18px;line-height:22px;margin-top:4px}.art-copy p{margin-top:4px;max-width:460px}.more{height:102px}.more .shell{height:102px;display:flex;align-items:center;font-size:18px;line-height:22px}.footer{height:482px}.footer__inner{height:482px;padding-top:90px;padding-bottom:64px;display:flex;flex-direction:column;gap:60px}.footer__top{display:flex;justify-content:space-between;width:1156px}.pitch{margin:0;width:504px;font-size:18px;line-height:22px}.footer__links{width:456px;display:flex;justify-content:space-between}.footer__links>div{display:flex;flex-direction:column;gap:11px}.footer__bottom{width:1158px;display:flex;align-items:flex-end;justify-content:space-between}.footer__bottom span{display:block;font-size:18px;line-height:22px}.email{display:block;font-size:40px;line-height:46px;text-decoration:none}

@media (max-width:1199px){.shell{width:100%;padding-left:32px;padding-right:32px}.header nav{gap:40px}.hero{height:485px}.hero__inner{height:485px;padding-top:147px;padding-bottom:40px}.hero h1{width:704px;font-size:40px;line-height:46px}.hero__bottom{width:100%}.web{height:950px}.section-head{height:72px;padding-bottom:24px;align-items:flex-end}.project-list article{height:104px;padding-top:12px;flex-direction:column-reverse;justify-content:flex-end;border-bottom:2px solid #000}.project-list article:first-child{height:126px}.project-list h3{margin:4px 0 0}.project-list p{margin-top:7px}.project-list time{order:2}.graphic{height:3795px}.graphic .section-head{height:72px}.gallery{height:3723px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.art-card{width:460px;margin:0!important}.art-card img{width:460px;height:555px}.art-card.square img{height:460px}.art-copy{height:100px}.art-copy h3{margin-top:4px}.art-copy p{margin-top:4px}.more{height:102px}.more .shell{height:102px}.footer{height:293px}.footer__inner{height:293px;padding-top:0;padding-bottom:64px;gap:32px;justify-content:flex-end}.footer__top{width:100%;flex-direction:column-reverse;gap:32px}.footer__links{width:100%;justify-content:flex-start;gap:16px}.footer__links>div{flex-direction:row;gap:16px}.pitch{display:none}.footer__bottom{width:100%}.email{font-size:40px;line-height:46px}}

@media (max-width:600px){body{width:100%;overflow-x:hidden}.shell{padding-left:20px;padding-right:20px}.header nav{gap:16px}.header nav>a:not(.contact){display:none}.hero{height:551px}.hero__inner{height:551px;padding-top:40px;padding-bottom:40px}.hero h1{width:350px;font-size:40px;line-height:46px}.hero__bottom{width:350px}.hero__bottom p{width:310px}.web{height:1146px}.project-list article{height:126px}.project-list article:first-child{height:169px}.project-list article:nth-child(4){height:147px}.project-list article:last-child{height:104px}.project-list h3{font-size:18px;line-height:22px}.graphic{height:3196.8477px}.gallery{height:3124.8477px;gap:24px}.art-card{width:350px}.art-card img{width:350px;height:422.2827px}.art-card.square img{height:350px}.art-copy{height:auto}.art-card:nth-child(1){height:522.2827px}.art-card:nth-child(2){height:565.2827px}.art-card:nth-child(3){height:522.2827px}.art-card:nth-child(4){height:451px}.art-card:nth-child(5),.art-card:nth-child(6){height:472px}.art-copy h3{margin-top:4px}.art-copy p{margin-top:4px}.more{height:92px}.more .shell{height:92px;font-size:18px;line-height:22px}.footer{height:335px}.footer__inner{height:335px;padding-bottom:64px;gap:32px}.footer__links{flex-direction:column;gap:24px}.footer__links>div{gap:24px}.footer__bottom{align-items:flex-end}.footer__bottom span{font-size:18px}.email{font-size:26px;line-height:34px}}
.gallery{column-gap:240px}.arrow img{display:block;width:40px;height:40px}@media (max-width:600px){.header nav>a:not(.contact){display:inline}}

/* Interactive states from the Figma link and button components. */
a{transition:font-weight .12s ease,color .12s ease,background-color .12s ease,border-color .12s ease}
a:hover,a:active{font-weight:500}
a:focus-visible{outline:1px dashed #b8bdc4;outline-offset:2px}
a[aria-disabled="true"]{color:#a7aab1;pointer-events:none}
.contact:hover,.contact:active{background:#000;color:#fff;font-weight:400}
.contact:focus-visible{outline:1px dashed #9ca4ae;outline-offset:4px}
.arrow:hover,.arrow:active{font-weight:400}

/* Figma component: link / Normal, Hover, Active, Focus, Deactive. */
.ui-link{display:inline-flex;align-items:center;width:max-content;min-height:21px;padding:0;border:0;font-family:"Noto Sans",Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;color:#000;white-space:nowrap;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto;text-decoration-skip-ink:none;text-underline-position:from-font;transition:none}
.ui-link:hover,.ui-link:active{font-weight:500}
.ui-link:focus-visible{padding:0 2px;border:1px dashed #b8bdc4;outline:0;font-weight:500}
.ui-link[aria-disabled="true"]{color:#a7aab1;font-weight:400;pointer-events:none}

@media (min-width:1200px){
  .project-list article{cursor:pointer;transition:background-color .12s ease,padding-left .12s ease,padding-right .12s ease}
  .project-list article>div{white-space:nowrap}
  .project-list article time{margin-top:15px}
  .project-list article h3{transition:font-size .12s ease}
  .project-list article:hover{background:#f2f2f0;padding-left:12px;padding-right:12px}
  .project-list article:hover h3{font-size:20px}
}

/* Figma component: project2 / default + hover (desktop). */
@media (min-width:1200px){
  .art-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;align-self:start;cursor:pointer;transition:background-color .12s ease}
  .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}
  .art-copy time{display:flex;align-items:center;width:460px;height:17px;flex:0 0 17px}
  .art-copy h3{display:flex;align-items:center;width:460px;height:30px;flex:0 0 30px;margin:0}
  .art-copy p{display:flex;align-items:center;width:460px;height:49px;flex:0 0 49px;margin:0}
  .art-card:hover{background:#f2f2f0}
  .art-card:hover .art-copy{gap:0;justify-content:space-between;padding:0 0 8px 8px}
}

/* Image zoom without changing the card geometry. */
.art-media{width:460px;height:555px;flex:0 0 auto;overflow:hidden}
.square .art-media{height:460px}
.art-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform}
.art-card:hover .art-media img{transform:scale(1.06)}
@media (max-width:600px){.art-media{width:350px;height:422.2827px}.square .art-media{height:350px}}
@media (prefers-reduced-motion:reduce){.art-media img{transition:none}}

/* About / 1920 — Figma frame 4:2222. */
.about-main{height:812.1px}
.about-main__inner{height:812.1px;padding-top:100px;padding-bottom:100px}
.about-layout{display:flex;justify-content:space-between;width:1160px;height:612.1px}
.about-copy{display:flex;flex-direction:column;gap:31px;width:600px;height:612.1px}
.about-text{display:flex;flex-direction:column;gap:31px;width:600px}
.about-text p{width:600px;margin:0;font-size:14px;line-height:21px;font-weight:400}
.about-text .about-intro{height:88px;font-size:18px;line-height:22px}
.accordion{width:600px}
.accordion details{width:600px;border-bottom:2px solid #000}
.accordion summary{display:flex;align-items:center;justify-content:space-between;width:100%;height:87.7px;list-style:none;cursor:pointer;font-size:18px;line-height:22px}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary img{display:block;width:24px;height:24px;transition:transform .2s ease}
.accordion details[open] summary img{transform:rotate(45deg)}
.accordion__content{padding:0 0 12px}
.accordion__content p{margin:0;padding:12px 0;font-size:18px;line-height:22px}
.about-photo{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:301px;height:456px}
.about-photo>img{display:block;width:301px;height:400px;object-fit:cover}
.cv-button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:max-content;height:auto;flex:0 0 auto;margin:0;padding:4px 12px;border:2px solid #000;border-radius:30px;background:transparent;color:#000;font:400 14px/21px "Noto Sans",Arial,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;word-break:normal;cursor:pointer}
.cv-button:hover,.cv-button:active{background:#000;color:#fff}
.cv-button:focus-visible{outline:1px dashed #9ca4ae;outline-offset:4px}
.about-page:has(.accordion details[open]) .about-main,
.about-page:has(.accordion details[open]) .about-main__inner,
.about-page:has(.accordion details[open]) .about-layout,
.about-page:has(.accordion details[open]) .about-copy{height:auto}

@media (max-width:1199px){
  .about-main{height:auto}
  .about-main__inner{height:auto;padding-top:64px;padding-bottom:64px}
  .about-layout{width:100%;height:auto;gap:72px}
  .about-copy{width:min(600px,calc(100% - 333px));height:auto}
  .about-text,.about-text p,.accordion,.accordion details{width:100%}
  .about-text .about-intro{height:auto}
}

@media (max-width:767px){
  .about-main__inner{padding-top:40px;padding-bottom:64px}
  .about-layout{flex-direction:column;gap:56px}
  .about-copy{width:100%;gap:40px}
  .about-text{gap:24px}
  .about-photo{width:301px;max-width:100%;height:auto}
  .about-photo>img{max-width:100%;height:auto;aspect-ratio:301/400}
}

@media (prefers-reduced-motion:reduce){.accordion summary img{transition:none}}

/* Eviva case study — Figma 2371:1090 / 2660:3475 / 2662:4227. */
.project-clickable{position:relative}
.project-hit{position:absolute;inset:0;z-index:2;text-decoration:none}
.case-page main{font-size:24px;line-height:33px}
.case-hero{height:438px}
.case-hero__inner{position:relative;height:438px}
.case-title-row{position:absolute;top:58.5px;left:20px;display:flex;align-items:flex-start;gap:8px}
.case-title-row h1{width:740px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.case-year{display:flex;align-items:center;justify-content:center;width:90px;height:52px;border-radius:6px;background:#f5f6fa;font-size:32px;line-height:60px;font-weight:600}
.case-summary{position:absolute;top:182.5px;left:20px;width:738px;height:132px;margin:0;font-size:24px;line-height:33px}
.case-resource{display:flex;align-items:center;gap:12px;width:max-content;height:33px;font-size:24px;line-height:33px;font-weight:400;white-space:nowrap}
.case-resource img{display:block;flex:none}
.case-resource--pdf img{width:24px;height:32px}
.case-resource--doc{gap:12px}
.case-resource--doc img{width:20px;height:27px}
.case-hero .case-resource{position:absolute;top:346.5px;left:20px}
.case-context{height:608px}
.case-context__inner{height:608px;padding-top:40px;padding-bottom:40px;overflow:hidden}
.case-prose,.case-section__inner,.case-development__inner{font-size:24px;line-height:33px}
.case-prose p,.process-story p,.process-result p{margin:0 0 33px}
.case-prose p:last-child,.process-story p:last-child,.process-result p:last-child{margin-bottom:0}
.case-audience{height:456px}
.case-section__inner{height:456px;padding-top:40px;padding-bottom:40px;overflow:hidden}
.case-section__inner h2,.case-development__inner h2{height:48px;margin:0;font-size:32px;line-height:48px;font-weight:600}
.case-section__inner>p{height:231px;margin:32px 0;font-size:24px;line-height:33px}
.case-development{height:1303px}
.case-development__inner{height:1303px;padding-top:40px;padding-bottom:40px;overflow:hidden}
.process-lead{height:66px;margin:32px 0;font-size:24px;line-height:33px}
.process-story{height:561px;margin-top:32px;overflow:hidden}
.process-story,.process-result{font-size:22px;line-height:33px}
.process-story p:nth-child(2),.process-result p:first-child{margin-bottom:0}
.process-ready{margin-top:24px}
.process-result{height:330px;margin-top:32px;overflow:hidden}
.case-web{height:804px}
.case-web .section-head{height:80px;padding-bottom:24px}
.case-web .project-list{height:724px;padding-bottom:24px}
.case-more{height:102px}
.case-more .shell{height:102px}

@media (max-width:1199px){
  .case-title-row{top:28.5px;left:32px;flex-direction:column-reverse;gap:8px}
  .case-title-row h1{width:704px}
  .case-summary{top:212.5px;left:32px;width:704px}
  .case-hero .case-resource{top:376.5px;left:32px}
  .case-context{height:872px}
  .case-context__inner{height:872px;padding-top:40px;padding-bottom:40px}
  .case-audience{height:621px}
  .case-section__inner{height:621px;padding-top:40px;padding-bottom:40px}
  .case-section__inner>p{height:396px}
  .case-development{height:1699px}
  .case-development__inner{height:1699px;padding-top:40px;padding-bottom:40px}
  .process-lead{height:99px}
  .process-story{height:792px}
  .process-result{height:462px}
  .case-web{height:846px}
  .case-web .section-head{height:72px}
  .case-web .project-list{height:774px;padding-bottom:24px}
  .case-more,.case-more .shell{height:86px}
  .case-page .footer{height:245px;padding-bottom:64px}
  .case-page .footer__inner{height:181px;padding-top:0;padding-bottom:0;gap:16px;justify-content:flex-start}
  .case-page .footer__top{flex-direction:column-reverse;gap:32px}
  .case-page .pitch{display:block}
}

@media (max-width:600px){
  .case-page main{font-size:24px;line-height:33px}
  .case-hero{height:751px}
  .case-hero__inner{height:751px}
  .case-title-row{top:40px;left:20px;width:350px}
  .case-title-row h1{width:350px;height:184px}
  .case-summary{top:316px;left:20px;width:350px;height:330px}
  .case-hero .case-resource{top:678px;left:20px}
  .case-context{height:1632px}
  .case-context__inner{height:1632px;padding-top:24px;padding-bottom:24px}
  .case-audience{height:1066px}
  .case-section__inner{height:1066px;padding-top:24px;padding-bottom:24px}
  .case-section__inner h2{height:96px}
  .case-section__inner>p{height:825px;margin:32px 0;font-size:22px;line-height:33px}
  .case-development{height:2888px}
  .case-development__inner{height:2888px;padding-top:24px;padding-bottom:24px}
  .process-lead{height:231px}
  .process-story{height:1551px}
  .process-result{height:792px}
  .case-web{height:1020px}
  .case-web .project-list{height:948px}
  .case-web .project-list article:nth-child(3){height:147px}
  .case-web .project-list article:nth-child(4){height:126px}
  .case-more,.case-more .shell{height:108px}
  .case-page .footer{height:287px;padding-bottom:64px}
  .case-page .footer__inner{height:223px;gap:16px}
  .case-page .pitch{width:350px}
  .case-page .footer__bottom span{font-size:14px;line-height:21px}
  .case-page .email{font-size:18px;line-height:22px}
}

/* Molfar — Figma 2527:2297. The framed mockups are independently scrollable. */
.molfar-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif;font-size:18px;line-height:22px}
.molfar-hero,.molfar-hero__inner{height:603px}.molfar-hero__inner{position:relative}
.molfar-title-row{position:absolute;top:151.5px;left:20px;display:flex;align-items:flex-start;gap:8px}.molfar-title-row h1{width:740px;height:180px;margin:0;font-size:44px;line-height:60px;font-weight:400}
.molfar-summary{position:absolute;top:363.5px;left:20px;width:636px;height:88px;margin:0;font-size:18px;line-height:22px}
.molfar-showcase,.molfar-showcase__inner{height:8886.90625px;overflow:hidden}.molfar-showcase__inner{padding-top:40px;padding-bottom:40px}
.molfar-showcase h2{height:60px;margin:0 0 32px;font-family:"Noto Sans",Arial,sans-serif;font-size:32px;line-height:60px;font-weight:600}
.molfar-group{width:1004px;margin:0 0 32px;overflow:hidden}.molfar-group:last-child{margin-bottom:0}.molfar-group figcaption{height:33px;margin:0 0 16px;font-size:18px;line-height:33px}
.molfar-logo{height:605.90625px}.molfar-logo__image{width:1004px;height:556.90625px;overflow:hidden}.molfar-logo__image img{display:block;width:100%;height:100%;object-fit:cover}
.molfar-row{display:flex;align-items:flex-start;gap:16px;width:997px;height:562px;margin:0;overflow:hidden}.molfar-group:not(.molfar-logo):not(.molfar-cabinet){height:611px}
.molfar-shot{position:relative;flex:0 0 auto;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7a7a7 #eee}
.molfar-shot::-webkit-scrollbar{width:15px}.molfar-shot::-webkit-scrollbar-track{background:#eee}.molfar-shot::-webkit-scrollbar-thumb{border:4px solid #eee;border-radius:10px;background:#a7a7a7}
.molfar-shot img{display:block;width:100%;height:auto;max-width:none}.molfar-shot--desktop{width:805px}.molfar-shot--mobile{width:176px;height:350px}.molfar-row--solo{width:805px}.molfar-row--solo .molfar-shot--desktop{width:805px}
.molfar-cabinet{height:5505px}.molfar-cabinet .molfar-row{width:805px;height:440px;margin-bottom:16px}.molfar-cabinet .molfar-row:last-child{margin-bottom:0}
.molfar-web{height:804px}.molfar-web .section-head{height:80px;padding-bottom:24px}.molfar-web .project-list{height:724px;padding-bottom:24px}.molfar-more,.molfar-more .shell{height:102px}

@media (max-width:1199px){
  .molfar-hero,.molfar-hero__inner{height:472px}.molfar-title-row{top:48px;left:32px;flex-direction:column-reverse}.molfar-title-row h1{width:704px;height:auto}.molfar-summary{top:306px;left:32px;width:704px;height:auto}
  .molfar-showcase,.molfar-showcase__inner{height:auto;overflow:visible}.molfar-showcase__inner{padding:40px 32px}
  .molfar-group{width:704px}.molfar-logo{height:439.315px}.molfar-logo__image{width:704px;height:390.315px}
  .molfar-row{width:704px;height:403px}.molfar-group:not(.molfar-logo):not(.molfar-cabinet){height:452px}.molfar-shot--desktop{width:512px}.molfar-shot--mobile{width:176px}.molfar-row--solo,.molfar-row--solo .molfar-shot--desktop{width:704px}
  .molfar-cabinet{height:auto}.molfar-cabinet .molfar-row{width:704px;height:392px}
  .molfar-web{height:822px}.molfar-web .section-head{height:72px}.molfar-web .project-list{height:750px;padding-bottom:24px}.molfar-more,.molfar-more .shell{height:102px}
}

@media (max-width:600px){
  .molfar-hero,.molfar-hero__inner{height:686px}.molfar-title-row{top:40px;left:20px;width:350px}.molfar-title-row h1{width:350px;height:auto}.molfar-summary{top:492px;left:20px;width:350px;height:auto}
  .molfar-showcase__inner{padding:24px 20px}.molfar-showcase h2{height:60px;margin-bottom:32px}
  .molfar-group{width:350px;margin-bottom:32px}.molfar-group figcaption{width:350px}.molfar-logo{height:243px}.molfar-logo__image{width:350px;height:194px}
  .molfar-row{width:350px;height:350px}.molfar-group:not(.molfar-logo):not(.molfar-cabinet){height:399px}.molfar-row:not(.molfar-row--solo) .molfar-shot--desktop{display:none}.molfar-row:not(.molfar-row--solo) .molfar-shot--mobile{display:block;width:176px}
  .molfar-row--solo,.molfar-row--solo .molfar-shot--desktop{display:block;width:350px}.molfar-row--solo{height:245px}
  .molfar-cabinet{height:auto}.molfar-cabinet .molfar-row{width:350px;height:195px}
  .molfar-web{height:1020px}.molfar-web .project-list{height:948px}.molfar-more,.molfar-more .shell{height:92px}
}

/* The Prosperity — Figma 2460:1402 / 2676:8536 / 2676:8929. */
.prosperity-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif;font-size:18px;line-height:22px}
.prosperity-hero,.prosperity-hero__inner{height:603px}.prosperity-hero__inner{position:relative}
.prosperity-title-row{position:absolute;top:203.5px;left:20px;display:flex;align-items:flex-start;gap:8px}.prosperity-title-row h1{width:740px;height:120px;margin:0;font-size:44px;line-height:60px;font-weight:400}
.prosperity-summary{position:absolute;top:355.5px;left:20px;width:636px;height:44px;margin:0;font-size:18px;line-height:22px}
.prosperity-showcase{height:8828.2773px;overflow:hidden}.prosperity-showcase__inner{height:8828.2773px;padding-top:40px;padding-bottom:40px;overflow:hidden}
.prosperity-showcase h2{height:60px;margin:0 0 32px;font-family:"Noto Sans",Arial,sans-serif;font-size:32px;line-height:60px;font-weight:600}.prosperity-intro{width:1160px;height:44px;margin:0 0 32px;font-size:18px;line-height:22px}
.prosperity-group{width:1004px;margin:0 0 32px;overflow:hidden}.prosperity-group:last-child{margin-bottom:0}.prosperity-group figcaption{height:33px;margin:0 0 16px;font-size:18px;line-height:33px}
.prosperity-row{display:flex;align-items:flex-start;gap:16px;width:997px;height:562px;margin:0 0 16px;overflow:hidden}.prosperity-row:last-child{margin-bottom:0}
.prosperity-shot{position:relative;flex:0 0 auto;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7a7a7 #eeeeee}.prosperity-shot::-webkit-scrollbar{width:15px}.prosperity-shot::-webkit-scrollbar-track{background:#eee}.prosperity-shot::-webkit-scrollbar-thumb{border:4px solid #eee;border-radius:10px;background:#a7a7a7}.prosperity-shot img{display:block;width:100%;height:auto;max-width:none}
.prosperity-shot--desktop{width:805px}.prosperity-shot--mobile{width:176px;height:350px}.prosperity-row--solo{width:805px}.prosperity-row--solo .prosperity-shot--desktop{width:805px}
.prosperity-home{height:611.2776px}.prosperity-home .prosperity-row{height:562.2776px}.prosperity-services{height:611px}.prosperity-descriptions{height:3501px}.prosperity-cases,.prosperity-case-detail,.prosperity-about,.prosperity-contact{height:611px}.prosperity-blog{height:1189px}
.prosperity-web{height:804px}.prosperity-web .section-head{height:80px;padding-bottom:24px}.prosperity-web .project-list{height:724px;padding-bottom:24px}.prosperity-more,.prosperity-more .shell{height:102px}

@media (max-width:1199px){
  .prosperity-hero,.prosperity-hero__inner{height:344px}.prosperity-title-row{top:48px;left:32px;flex-direction:column-reverse}.prosperity-title-row h1{width:704px}.prosperity-summary{top:260px;left:32px;width:636px}
  .prosperity-showcase,.prosperity-showcase__inner{height:6935.4385px}.prosperity-showcase__inner{padding:40px 32px}.prosperity-intro{width:704px;height:66px}
  .prosperity-group{width:704px}.prosperity-row{width:704px}.prosperity-shot--desktop{width:512px}.prosperity-shot--mobile{width:176px}.prosperity-row--solo,.prosperity-row--solo .prosperity-shot--desktop{width:704px}
  .prosperity-home{height:403px}.prosperity-home .prosperity-row{height:354px}.prosperity-services{height:428.4303px}.prosperity-services .prosperity-row{height:356.0497px}.prosperity-descriptions{height:3222px}.prosperity-descriptions .prosperity-row:first-of-type{height:354px}.prosperity-descriptions .prosperity-row--solo{height:562px}.prosperity-descriptions .prosperity-row--last{height:491px}
  .prosperity-cases{height:406.446px}.prosperity-cases .prosperity-row{height:357.446px}.prosperity-case-detail{height:402.562px}.prosperity-case-detail .prosperity-row{height:353.562px}.prosperity-about{height:402px}.prosperity-about .prosperity-row{height:353px}.prosperity-blog{height:774px}.prosperity-blog .prosperity-row{height:354px}.prosperity-contact{height:403px}.prosperity-contact .prosperity-row{height:354px}
  .prosperity-web{height:822px}.prosperity-web .section-head{height:72px}.prosperity-web .project-list{height:750px;padding-bottom:24px}.prosperity-more,.prosperity-more .shell{height:102px}
}

@media (max-width:600px){
  .prosperity-hero,.prosperity-hero__inner{height:500px}.prosperity-title-row{top:40px;left:20px;width:350px}.prosperity-title-row h1{width:350px;height:240px}.prosperity-summary{top:372px;left:20px;width:350px;height:88px}
  .prosperity-showcase,.prosperity-showcase__inner{height:3705px}.prosperity-showcase__inner{padding:24px 20px}.prosperity-showcase h2{height:60px;margin-bottom:32px}.prosperity-intro{width:350px;height:110px;margin-bottom:32px}
  .prosperity-group{width:350px;margin-bottom:32px}.prosperity-group figcaption{width:350px}.prosperity-row{width:350px;margin-bottom:0}.prosperity-shot--desktop{display:none}.prosperity-shot--mobile{display:block;width:176px}.prosperity-services .prosperity-shot--mobile{width:178px}.prosperity-services .prosperity-shot--mobile img{width:163px}
  .prosperity-home{height:398px}.prosperity-home .prosperity-row{height:349px}.prosperity-services{height:402px}.prosperity-services .prosperity-row{height:353px}.prosperity-descriptions{height:399px}.prosperity-descriptions .prosperity-row:first-of-type{height:350px}.prosperity-descriptions .prosperity-row--solo{display:none}.prosperity-cases,.prosperity-case-detail,.prosperity-about,.prosperity-contact{height:399px}.prosperity-cases .prosperity-row,.prosperity-case-detail .prosperity-row,.prosperity-about .prosperity-row,.prosperity-contact .prosperity-row{height:350px}.prosperity-blog{height:404px}.prosperity-blog .prosperity-row{display:none}.prosperity-blog .prosperity-row:last-child{display:flex;height:355px}.prosperity-blog .prosperity-row:last-child .prosperity-shot--mobile{height:355px}
  .prosperity-web{height:1020px}.prosperity-web .project-list{height:948px}.prosperity-web .project-list article:first-child{height:169px}.prosperity-web .project-list article:nth-child(2),.prosperity-web .project-list article:nth-child(3),.prosperity-web .project-list article:nth-child(5),.prosperity-web .project-list article:nth-child(6),.prosperity-web .project-list article:nth-child(7){height:126px}.prosperity-web .project-list article:nth-child(4){height:147px}.prosperity-more,.prosperity-more .shell{height:92px}
}

/* Document signing app — Figma 2173:380 / 2664:4715 / 2669:5172. */
.docapp-page main{font-size:22px;line-height:33px}
.doc-hero{height:438px}.doc-hero__inner{position:relative;height:438px}
.doc-title-row{position:absolute;top:75px;left:20px;display:flex;gap:8px;align-items:flex-start}.doc-title-row h1{width:650px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.doc-summary{position:absolute;top:199px;left:20px;width:636px;height:99px;margin:0;font-size:24px;line-height:33px}.doc-ready{position:absolute;top:330px;left:20px}
.doc-simple-inner,.doc-process__inner{height:100%;padding-top:40px;padding-bottom:40px;overflow:hidden}.doc-simple-inner h2,.doc-process__inner h2,.doc-showcase h2{margin:0;font-size:32px;line-height:48px;font-weight:600}.doc-simple-inner>p,.doc-simple-inner>div{margin:32px 0 0;font-size:24px;line-height:33px}.doc-simple-inner>div p{margin:0 0 10px}
.doc-client{height:292px}.doc-process{height:1131px}.doc-process__inner{position:relative;width:1160px;padding-top:12px}.doc-process__inner>p{height:99px;margin:32px 0;font-size:24px;line-height:33px}.doc-process__inner>img{display:block;width:1180px;height:803px;object-fit:cover}.doc-process__inner>a{display:block;margin-top:32px;font-size:24px;line-height:33px}.doc-design-intro{height:269px}
.doc-showcase{height:18517px;overflow:hidden}.doc-showcase__inner{height:18517px;padding-top:40px;padding-bottom:40px;overflow:hidden;font-size:22px;line-height:33px}.doc-showcase h2{margin-bottom:32px}.doc-showcase h2:not(:first-child){margin-top:40px}.doc-showcase p{margin:0 0 32px}.doc-showcase figure{width:1160px;margin:0 0 32px}.doc-showcase figure img{display:block;width:100%;height:auto;object-fit:cover}.doc-showcase figcaption{width:618px;margin:8px 0 0 auto;color:#696969;font-size:22px;line-height:33px}.doc-showcase .doc-phone{width:385px;margin-left:auto;margin-right:auto}.doc-showcase .case-resource{margin-bottom:32px}.doc-testing ul{margin:0 0 0 33px;padding:0}.doc-testing p{margin-bottom:0}
.doc-showcase figure:nth-of-type(1) img{height:1056px}.doc-showcase figure:nth-of-type(2) img{height:626px}.doc-showcase figure:nth-of-type(3) img{height:566px}.doc-showcase figure:nth-of-type(4) img{height:777px}.doc-showcase figure:nth-of-type(5) img{height:639px}.doc-showcase figure:nth-of-type(6) img{height:1123px}.doc-showcase figure:nth-of-type(7) img{height:776px}.doc-showcase figure:nth-of-type(8) img{height:626px}.doc-showcase figure:nth-of-type(9) img{height:765px}.doc-showcase figure:nth-of-type(10) img{height:1075px}.doc-showcase figure:nth-of-type(11) img{height:1101px}.doc-showcase figure:nth-of-type(12) img{height:508px}.doc-showcase figure:nth-of-type(13) img{height:517px}.doc-showcase figure:nth-of-type(14){width:1142px}.doc-showcase figure:nth-of-type(14) img{height:578px}.doc-showcase figure:nth-of-type(15){width:1142px}.doc-showcase figure:nth-of-type(15) img{height:682px}.doc-showcase figure:nth-of-type(16) img{height:1252px}
.doc-web{height:904px}.doc-web .section-head{height:80px;padding-bottom:24px}.doc-web .project-list{height:824px;padding-bottom:24px}.doc-more,.doc-more .shell{height:102px}

/* Fasting app case — Figma 2308:559 / 2670:5763 / 2672:6253. */
.fasting-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.fasting-page .case-title-row{top:75px}
.fasting-page .case-summary{top:199px;width:636px;height:99px}
.fasting-page .case-hero .case-resource{top:330px}
.fasting-customer{height:688px}
.fasting-customer__inner{height:688px;padding-top:40px;padding-bottom:40px;overflow:hidden}
.fasting-customer h2{height:48px;margin:0 0 32px;font-size:32px;line-height:48px;font-weight:600}
.fasting-customer .case-prose{height:528px;overflow:hidden}
.fasting-page .case-section__inner>p{width:1326px;transform:scaleX(.875);transform-origin:top left}
.fasting-page .case-more,.fasting-page .case-more .shell{height:102px}

@media (max-width:1199px){
  .fasting-page .case-hero,.fasting-page .case-hero__inner{height:522px}
  .fasting-page .case-title-row{top:134px}
  .fasting-page .case-summary{top:318px;width:636px;height:99px}
  .fasting-page .case-hero .case-resource{top:449px}
  .fasting-customer,.fasting-customer__inner{height:952px}
  .fasting-customer .case-prose{width:763px;height:792px;transform:scaleX(.923);transform-origin:top left}
  .fasting-page .case-section__inner>p{width:763px;transform:scaleX(.923)}
  .fasting-page .process-lead{width:939px;transform:scaleX(.75);transform-origin:top left}
  .fasting-page .process-story{width:740px;transform:scaleX(.951);transform-origin:top left}
  .fasting-page .case-more,.fasting-page .case-more .shell{height:102px}
}

@media (max-width:600px){
  .fasting-page .case-hero,.fasting-page .case-hero__inner{height:665px}
  .fasting-page .case-title-row{top:40px}
  .fasting-page .case-title-row h1{height:230px}
  .fasting-page .case-summary{top:362px;width:350px;height:198px}
  .fasting-page .case-hero .case-resource{top:592px}
  .fasting-customer,.fasting-customer__inner{height:1712px}
  .fasting-customer__inner{padding-top:24px;padding-bottom:24px}
  .fasting-customer h2{margin-bottom:32px}
  .fasting-customer .case-prose{width:389px;height:1584px;font-size:24px;line-height:33px;transform:scaleX(.9);transform-origin:top left}
  .fasting-page .case-section__inner>p{width:389px;font-size:22px;transform:scaleX(.9);transform-origin:top left}
  .fasting-page .case-development,.fasting-page .case-development__inner{height:2868px}
  .fasting-page .process-lead{width:400px;transform:scaleX(.875)}
  .fasting-page .process-story,.fasting-page .process-result{width:420px;transform:scaleX(.8333);transform-origin:top left}
  .fasting-page .process-result{margin-top:12px}
  .fasting-page .case-web .project-list article:nth-child(3){height:126px}
  .fasting-page .case-web .project-list article:nth-child(4){height:147px}
  .fasting-page .case-more,.fasting-page .case-more .shell{height:147px}
}

@media (max-width:1199px){
  .doc-title-row{top:45px;left:32px;flex-direction:column-reverse}.doc-title-row h1{width:704px}.doc-summary{top:229px;left:32px;width:636px}.doc-ready{top:360px;left:32px}
  .doc-client{height:391px}.doc-process{height:901.3411865234375px}.doc-process__inner{width:100%;padding:40px 32px}.doc-process__inner>p{height:165px}.doc-process__inner>img{width:704px;height:479.3411865234375px}.doc-design-intro{height:335px}
  .doc-showcase{height:15319.583984375px}.doc-showcase__inner{height:15319.583984375px;padding-top:40px;padding-bottom:40px}.doc-showcase figure{width:100%}.doc-showcase figure img{height:auto!important;aspect-ratio:auto}.doc-showcase .doc-phone{width:385px}.doc-showcase figcaption{width:62%}
  .doc-web{height:846px}.doc-web .section-head{height:72px}.doc-web .project-list{height:774px;padding-bottom:24px}.doc-web .current-case{display:none}.doc-more,.doc-more .shell{height:102px}
}

@media (max-width:600px){
  .doc-hero{height:619px}.doc-hero__inner{height:619px}.doc-title-row{top:40px;left:20px;width:350px}.doc-title-row h1{width:350px;height:184px}.doc-summary{top:316px;left:20px;width:350px;height:198px}.doc-ready{top:546px;left:20px}
  .doc-client{height:623px}.doc-simple-inner{padding-top:24px;padding-bottom:24px}.doc-simple-inner>p,.doc-simple-inner>div{font-size:24px;line-height:33px}.doc-process{height:793.308837890625px}.doc-process__inner{padding:24px 20px}.doc-process__inner>p{height:330px;margin:32px 0}.doc-process__inner>img{width:350px;height:238.308837890625px}.doc-process__inner>a{margin-top:32px}.doc-design-intro{height:435px}
  .doc-showcase{height:16557.568359375px}.doc-showcase__inner{height:16557.568359375px;padding-top:24px;padding-bottom:24px}.doc-showcase h2{line-height:48px}.doc-showcase h2:not(:first-child){margin-top:24px}.doc-showcase figure{margin-bottom:32px}.doc-showcase figcaption{width:100%;margin-top:8px}.doc-showcase .doc-phone{width:100%}.doc-showcase p{font-size:22px;line-height:33px}
  .doc-web{height:999px}.doc-web .project-list{height:927px}.doc-web .project-list article:first-child{height:169px}.doc-web .project-list article:nth-child(2),.doc-web .project-list article:nth-child(3),.doc-web .project-list article:nth-child(5),.doc-web .project-list article:nth-child(6),.doc-web .project-list article:nth-child(7){height:126px}.doc-web .project-list article:last-child{height:104px}.doc-more,.doc-more .shell{height:115px}
}

/* Digital instructions for medics — Figma 2062:300 / 2673:6672 / 2673:7076. */
.medics-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.med-hero,.med-hero__inner{height:438px}.med-hero__inner{position:relative}
.med-title-row{position:absolute;top:127px;left:20px;display:flex;align-items:center;gap:8px}.med-title-row h1{width:650px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.med-summary{position:absolute;top:211px;left:20px;width:636px;height:44px;margin:0;font-size:18px;line-height:22px}
.med-resource{position:absolute;top:287px;left:20px;display:flex;align-items:center;gap:12px;width:max-content;height:24px;font-size:18px;line-height:22px;white-space:nowrap}.med-resource img{display:block;width:18px;height:24px}
.med-text-section__inner,.med-design__inner,.med-testing__inner{position:relative;height:100%;overflow:hidden}
.med-text-section h2,.med-design h2,.med-testing h2{position:absolute;top:40px;left:20px;height:60px;margin:0;font-family:"Noto Sans",Arial,sans-serif;font-size:32px;line-height:60px;font-weight:600}
.med-text-section p,.med-testing p{position:absolute;top:132px;left:20px;width:1018px;margin:0;font-size:18px;line-height:22px}
.med-context{height:282px}.med-context p{height:110px}
.med-task{height:216px}.med-task p{height:44px}
.med-design{height:3224px}.med-design__content{position:absolute;top:132px;left:20px;width:1160px;height:3052px;font-size:18px;line-height:22px}
.med-design__content p{position:absolute;left:0;width:1160px;margin:0}.med-design__content img{position:absolute;left:0;display:block;object-fit:cover}
.med-intro{top:0;height:44px}.med-label{top:54px;height:22px}.med-moodboard{top:86px;width:726px;height:483px}
.med-concepts-copy{top:579px;height:110px}.med-concepts{top:699px;width:1160px;height:771px}
.med-flow-copy{top:1480px;height:66px}.med-flow{top:1556px;width:1160px;height:696px}
.med-actions-copy{top:2262px;height:44px}.med-actions{top:2316px;width:1160px;height:303px}
.med-audio-copy{top:2629px;height:110px}.med-audio{top:2749px;width:1160px;height:303px}
.med-testing{height:944px}.med-testing p{width:1160px;height:44px}.med-testing img{position:absolute;top:208px;left:20px;display:block;width:1160px;height:696px;object-fit:cover}
.med-web{height:804px}.med-web .section-head{height:80px;padding-bottom:24px}.med-web .project-list{height:724px;padding-bottom:24px}
.med-more,.med-more .shell{height:102px}

@media (max-width:1199px){
  .med-hero,.med-hero__inner{height:328px}.med-title-row{top:50px;left:32px;flex-direction:column-reverse;align-items:flex-start}.med-title-row h1{width:704px}.med-summary{top:188px;left:32px;width:704px}.med-resource{top:264px;left:32px}
  .med-text-section h2,.med-design h2,.med-testing h2{left:32px}.med-text-section p,.med-testing p{left:32px;width:704px}
  .med-context{height:304px}.med-context p{height:132px}.med-task{height:238px}.med-task p{height:66px}
  .med-design{height:2593.0979px}.med-design__content{top:132px;left:32px;width:704px;height:2421.0979px}.med-design__content p{width:704px}
  .med-intro{height:66px}.med-label{top:76px}.med-moodboard{top:108px;width:704px;height:468.78055px}
  .med-concepts-copy{top:586.7805px;height:176px}.med-concepts{top:772.7805px;width:704px;height:468.13806px}
  .med-flow-copy{top:1250.9186px;height:110px}.med-flow{top:1370.9186px;width:704px;height:422.4px}
  .med-actions-copy{top:1803.3186px;height:44px}.med-actions{top:1857.3186px;width:704px;height:183.88966px}
  .med-audio-copy{top:2051.2083px;height:176px}.med-audio{top:2237.2083px;width:704px;height:183.88966px}
  .med-testing{height:714.4px}.med-testing p{height:88px}.med-testing img{top:252px;left:32px;width:704px;height:422.4px}
  .med-web{height:846px}.med-web .section-head{height:72px}.med-web .project-list{height:774px;padding-bottom:24px}
  .med-more,.med-more .shell{height:102px}
}

@media (max-width:600px){
  .med-hero,.med-hero__inner{height:386px}.med-title-row{top:40px;left:20px;width:350px}.med-title-row h1{width:350px;height:92px}.med-summary{top:224px;left:20px;width:350px;height:66px}.med-resource{top:322px;left:20px;width:350px}
  .med-text-section h2,.med-design h2,.med-testing h2{top:24px;left:20px;height:48px;line-height:48px}.med-context h2{height:60px;line-height:60px}.med-text-section p,.med-testing p{left:20px;width:350px}
  .med-context{height:426px}.med-context p{top:116px;height:286px}.med-task{height:238px}.med-task p{top:104px;height:110px}
  .med-design{height:2296.6423px}.med-design__content{top:104px;left:20px;width:350px;height:2168.6423px}.med-design__content p{width:350px}
  .med-intro{height:132px}.med-label{top:142px}.med-moodboard{top:174px;width:350px;height:233.0585px}
  .med-concepts-copy{top:417.0585px;height:374px}.med-concepts{top:801.0585px;width:350px;height:232.7391px}
  .med-flow-copy{top:1043.7976px;height:242px}.med-flow{top:1295.7976px;width:350px;height:210px}
  .med-actions-copy{top:1515.7976px;height:88px}.med-actions{top:1613.7976px;width:350px;height:91.4224px}
  .med-audio-copy{top:1715.22px;height:352px}.med-audio{top:2077.22px;width:350px;height:91.4224px}
  .med-testing{height:524px}.med-testing p{top:104px;height:154px}.med-testing img{top:290px;left:20px;width:350px;height:210px}
  .med-web{height:1042px}.med-web .project-list{height:970px}.med-web .project-list article:nth-child(3){height:126px}.med-web .project-list article:nth-child(4){height:147px}.med-web .project-list article:last-child{height:126px}
  .med-more,.med-more .shell{height:124px}
}

/* Compact case-study system based on the medics case. */
.compact-case main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif;font-size:18px;line-height:22px}
.compact-case .case-hero,.compact-case .case-hero__inner,.compact-case .doc-hero,.compact-case .doc-hero__inner{height:auto!important;min-height:438px}
.compact-case .case-hero__inner,.compact-case .doc-hero__inner{position:relative;padding-top:75px;padding-bottom:64px}
.compact-case .case-title-row,.compact-case .doc-title-row{position:static;display:flex;align-items:flex-start;gap:8px}
.compact-case .case-title-row h1,.compact-case .doc-title-row h1{width:650px;height:auto;margin:0;font-size:40px;line-height:46px;font-weight:400}
.compact-case .case-summary,.compact-case .doc-summary{position:static;width:636px;height:auto;margin:32px 0 0;font-size:18px;line-height:22px}
.compact-case .case-hero .case-resource,.compact-case .doc-ready{position:static;margin-top:32px}
.compact-case .case-resource{height:24px;gap:12px;font-size:18px;line-height:22px}
.compact-case .case-resource--pdf img{width:18px;height:24px}.compact-case .case-resource--doc img{width:18px;height:24px}

.compact-case .case-context,.compact-case .fasting-customer,.compact-case .case-audience,.compact-case .case-development,
.compact-case .doc-client,.compact-case .doc-process,.compact-case .doc-design-intro,.compact-case .doc-showcase{height:auto!important}
.compact-case .case-context__inner,.compact-case .fasting-customer__inner,.compact-case .case-section__inner,.compact-case .case-development__inner,
.compact-case .doc-simple-inner,.compact-case .doc-process__inner,.compact-case .doc-showcase__inner{height:auto!important;min-height:0;padding-top:40px;padding-bottom:40px;overflow:visible}
.compact-case .case-context__inner h2,.compact-case .fasting-customer h2,.compact-case .case-section__inner h2,.compact-case .case-development__inner h2,
.compact-case .doc-simple-inner h2,.compact-case .doc-process__inner h2,.compact-case .doc-showcase h2{height:auto;margin:0;font-family:"Noto Sans",Arial,sans-serif;font-size:32px;line-height:60px;font-weight:600}
.compact-case .case-prose,.compact-case .case-section__inner,.compact-case .case-development__inner,
.compact-case .doc-simple-inner,.compact-case .doc-process__inner,.compact-case .doc-showcase__inner{font-size:18px;line-height:22px}
.compact-case .case-prose>p:first-of-type,.compact-case .fasting-customer .case-prose,
.compact-case .case-section__inner>p,.compact-case .process-lead,.compact-case .doc-simple-inner>p,.compact-case .doc-simple-inner>div,
.compact-case .doc-process__inner>p{width:100%;height:auto;margin:32px 0 0;font-size:18px;line-height:22px;transform:none}
.compact-case .case-prose p,.compact-case .process-story p,.compact-case .process-result p{margin:0 0 22px}
.compact-case .case-prose p:last-child,.compact-case .process-story p:last-child,.compact-case .process-result p:last-child{margin-bottom:0}
.compact-case .case-section__inner .case-resource,.compact-case .case-development__inner>.case-resource{margin-top:32px}
.compact-case .process-story,.compact-case .process-result{width:100%;height:auto;margin-top:32px;overflow:visible;font-size:18px;line-height:22px;transform:none}
.compact-case .process-story p:nth-child(2),.compact-case .process-result p:first-child{margin-bottom:0}
.compact-case .process-ready{margin-top:32px}

.compact-case .doc-process__inner{width:1200px;position:relative}
.compact-case .doc-process__inner>img{display:block;width:1160px;height:auto;margin-top:32px;object-fit:contain}
.compact-case .doc-process__inner>a{display:block;margin-top:16px;font-size:18px;line-height:22px}
.compact-case .doc-simple-inner>div p{margin:0 0 10px}
.compact-case .doc-showcase__inner{font-size:18px;line-height:22px}
.compact-case .doc-showcase h2{margin-bottom:32px}.compact-case .doc-showcase h2:not(:first-child){margin-top:40px}
.compact-case .doc-showcase p{margin:0 0 32px;font-size:18px;line-height:22px}
.compact-case .doc-showcase figure,.compact-case .doc-showcase figure:nth-of-type(14),.compact-case .doc-showcase figure:nth-of-type(15){width:1160px;margin:0 0 32px}
.compact-case .doc-showcase figure img{display:block;width:100%;height:auto!important;object-fit:contain}
.compact-case .doc-showcase figcaption{width:618px;margin:8px 0 0 auto;color:#696969;font-size:18px;line-height:22px}
.compact-case .doc-showcase .doc-phone{width:385px;margin-left:auto;margin-right:auto}
.compact-case .doc-showcase .case-resource{margin-bottom:32px}
.compact-case .doc-testing ul{margin-left:28px}

@media (max-width:1199px){
  .compact-case .case-hero,.compact-case .case-hero__inner,.compact-case .doc-hero,.compact-case .doc-hero__inner{min-height:0}
  .compact-case .case-hero__inner,.compact-case .doc-hero__inner{padding-top:50px;padding-bottom:40px}
  .compact-case .case-title-row,.compact-case .doc-title-row{flex-direction:column-reverse}
  .compact-case .case-title-row h1,.compact-case .doc-title-row h1{width:704px}
  .compact-case .case-summary,.compact-case .doc-summary{width:704px}
  .compact-case .case-context__inner,.compact-case .fasting-customer__inner,.compact-case .case-section__inner,.compact-case .case-development__inner,
  .compact-case .doc-simple-inner,.compact-case .doc-process__inner,.compact-case .doc-showcase__inner{padding-top:40px;padding-bottom:40px}
  .compact-case .doc-process__inner{width:100%}
  .compact-case .doc-process__inner>img,.compact-case .doc-showcase figure,.compact-case .doc-showcase figure:nth-of-type(14),.compact-case .doc-showcase figure:nth-of-type(15){width:100%}
}

@media (max-width:600px){
  .compact-case .case-hero__inner,.compact-case .doc-hero__inner{padding-top:40px;padding-bottom:40px}
  .compact-case .case-title-row,.compact-case .doc-title-row{width:350px}
  .compact-case .case-title-row h1,.compact-case .doc-title-row h1{width:350px;height:auto}
  .compact-case .case-summary,.compact-case .doc-summary{width:350px}
  .compact-case .case-context__inner,.compact-case .fasting-customer__inner,.compact-case .case-section__inner,.compact-case .case-development__inner,
  .compact-case .doc-simple-inner,.compact-case .doc-process__inner,.compact-case .doc-showcase__inner{padding-top:24px;padding-bottom:24px}
  .compact-case .case-context__inner h2,.compact-case .fasting-customer h2,.compact-case .case-section__inner h2,.compact-case .case-development__inner h2,
  .compact-case .doc-simple-inner h2,.compact-case .doc-process__inner h2,.compact-case .doc-showcase h2{line-height:48px}
  .compact-case .case-prose,.compact-case .case-section__inner,.compact-case .case-development__inner,
  .compact-case .doc-simple-inner,.compact-case .doc-process__inner,.compact-case .doc-showcase__inner{font-size:18px;line-height:22px}
  .compact-case .fasting-customer .case-prose,.compact-case .case-section__inner>p,.compact-case .process-lead,
  .compact-case .process-story,.compact-case .process-result{width:100%;font-size:18px;line-height:22px;transform:none}
  .compact-case .doc-showcase p{font-size:18px;line-height:22px}
  .compact-case .doc-showcase figcaption{width:100%;font-size:18px;line-height:22px}
.compact-case .doc-showcase .doc-phone{width:100%}
}

/* Stationary EW network service — Figma 2382:630 / 2673:7506 / 2673:7862. */
.reb-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif;font-size:22px;line-height:33px}
.reb-hero,.reb-hero__inner{height:603px}.reb-hero__inner{position:relative}
.reb-title-row{position:absolute;top:134.5px;left:20px;display:flex;align-items:flex-start;gap:8px}.reb-title-row h1{width:740px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.reb-summary{position:absolute;top:304.5px;left:20px;width:738px;margin:0;font-size:22px;line-height:33px}
.reb-resource{display:flex;align-items:center;gap:12px;width:max-content;height:33px;font-size:22px;line-height:33px;white-space:nowrap}.reb-resource img{display:block;width:24px;height:32px;object-fit:contain}
.reb-hero .reb-resource{position:absolute;top:435.5px;left:20px}
.reb-research{height:3983px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden}
.reb-block{flex:0 0 auto;padding-top:40px;padding-bottom:40px;overflow:hidden}
.reb-block h2,.reb-development h2{height:auto;margin:0 0 32px;font-family:"Noto Sans",Arial,sans-serif;font-size:32px;line-height:48px;font-weight:600}
.reb-block p,.reb-development p{margin:0;font-size:22px;line-height:33px}
.reb-block>div>p+p{margin-top:10px}
.reb-intro{height:226px}.reb-conflict:nth-of-type(2){height:345px}.reb-conflict:nth-of-type(3){height:378px}.reb-conflict:nth-of-type(4){height:345px}.reb-conflict:nth-of-type(5){height:312px}.reb-conflict:nth-of-type(6){height:345px}.reb-personas{height:1972px}
.reb-persona-copy h3{margin:0 0 10px;font:400 22px/33px "Noto Sans Display","Noto Sans",Arial,sans-serif}.reb-persona-copy h3:not(:first-child){margin-top:33px}.reb-persona-copy h3::after{content:"";display:block;width:218px;margin-top:1px;border-bottom:1px dashed #000}.reb-persona-copy p{margin:0 0 33px}
.reb-development{height:1264px}.reb-development__inner{height:1264px;padding-top:40px;padding-bottom:40px;overflow:hidden}.reb-development__inner>p{margin:0 0 32px}.reb-development__inner>img{display:block;width:1160px;aspect-ratio:16/9;margin:0 0 32px;object-fit:cover}.reb-development .reb-resource{margin-top:0}
.reb-web{height:804px}.reb-web .section-head{height:80px;padding-bottom:24px}.reb-web .project-list{height:724px;padding-bottom:24px}.reb-more,.reb-more .shell{height:102px}

@media (max-width:1199px){
  .reb-title-row{top:104.5px;left:32px;flex-direction:column-reverse}.reb-title-row h1{width:704px}.reb-summary{top:334.5px;left:32px;width:704px}.reb-hero .reb-resource{top:465.5px;left:32px}
  .reb-research{height:5375px}.reb-block{padding-left:32px;padding-right:32px}.reb-intro{height:259px}.reb-conflict:nth-of-type(2){height:507px}.reb-conflict:nth-of-type(3){height:540px}.reb-conflict:nth-of-type(4){height:426px}.reb-conflict:nth-of-type(5){height:459px}.reb-conflict:nth-of-type(6){height:492px}.reb-personas{height:2632px}
  .reb-development{height:1205px}.reb-development__inner{height:1205px;padding:40px 32px}.reb-development__inner>img{width:704px}
  .reb-development__inner>p{width:720px;transform:scaleX(.97778);transform-origin:top left}
  .reb-web{height:824px}.reb-web .section-head{height:72px}.reb-web .project-list{height:752px}.reb-more,.reb-more .shell{height:102px}
}

@media (max-width:600px){
  .reb-hero,.reb-hero__inner{height:744px}.reb-title-row{top:40px;left:20px;width:350px}.reb-title-row h1{width:350px}.reb-summary{top:408px;left:20px;width:350px}.reb-hero .reb-resource{top:671px;left:20px}
  .reb-research{height:8760px}.reb-block{padding:24px 20px}.reb-block h2,.reb-development h2{margin-bottom:32px;line-height:48px}.reb-intro{height:359px}.reb-conflict:nth-of-type(2){height:706px}.reb-conflict:nth-of-type(3){height:805px}.reb-conflict:nth-of-type(4){height:673px}.reb-conflict:nth-of-type(5){height:673px}.reb-conflict:nth-of-type(6){height:772px}.reb-personas{height:4712px}.reb-persona-copy h3:not(:first-child){margin-top:24px}.reb-persona-copy p:nth-of-type(4),.reb-persona-copy p:nth-of-type(8),.reb-persona-copy p:nth-of-type(11){margin-bottom:24px}
  .reb-development{height:1567.875px}.reb-development__inner{height:1567.875px;padding:24px 20px}.reb-development__inner>img{width:350px}.reb-development__inner>p{width:358px;transform:scaleX(.97765)}
  .reb-web{height:977px}.reb-web .project-list{height:905px}.reb-web .project-list article:first-child{height:126px}.reb-web .project-list article:nth-child(3){height:147px}.reb-web .project-list article:nth-child(4),.reb-web .project-list article:nth-child(5),.reb-web .project-list article:nth-child(6),.reb-web .project-list article:nth-child(7){height:126px}.reb-more,.reb-more .shell{height:124px}
}

/* Citrus Farm — Figma 2529:1074 / 2680:10093 / 2682:10590. */
.citrus-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif;font-size:18px;line-height:22px}
.citrus-hero,.citrus-hero__inner{height:500px}.citrus-hero__inner{position:relative}
.citrus-title-row{position:absolute;top:152px;left:20px;display:flex;align-items:flex-start;gap:8px}.citrus-title-row h1{width:740px;height:120px;margin:0;font-size:44px;line-height:60px;font-weight:400}
.citrus-summary{position:absolute;top:304px;left:20px;width:636px;height:44px;margin:0;font-size:18px;line-height:22px}
.citrus-showcase,.citrus-showcase__inner{height:13261px;overflow:hidden}.citrus-showcase__inner{padding-top:40px;padding-bottom:40px}
.citrus-showcase h2{height:60px;margin:0 0 32px;font-family:"Noto Sans",Arial,sans-serif;font-size:32px;line-height:60px;font-weight:600}.citrus-intro{width:1004px;height:auto;min-height:44px;margin:0 0 32px;overflow:visible;font-size:18px;line-height:22px}
.citrus-group{width:1004px;margin:0 0 32px;overflow:hidden}.citrus-group:last-child{margin-bottom:0}.citrus-group figcaption{height:33px;margin:0 0 16px;font-size:18px;line-height:33px}
.citrus-row{display:flex;align-items:flex-start;gap:16px;width:997px;height:562px;margin:0 0 16px;overflow:hidden}.citrus-row:last-child{margin-bottom:0}
.citrus-shot{position:relative;flex:0 0 auto;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7a7a7 #eee}
.citrus-shot::-webkit-scrollbar{width:15px}.citrus-shot::-webkit-scrollbar-track{background:#eee}.citrus-shot::-webkit-scrollbar-thumb{border:4px solid #eee;border-radius:10px;background:#a7a7a7}.citrus-shot img{display:block;width:100%;height:auto;max-width:none}
.citrus-shot--desktop{width:805px}.citrus-shot--mobile{width:176px;height:350px}.citrus-static{flex:0 0 auto;overflow:hidden}.citrus-static img{display:block;width:100%;height:100%;object-fit:cover}
.citrus-product-one,.citrus-product-many,.citrus-product-related,.citrus-catalog,.citrus-home,.citrus-payment,.citrus-profile,.citrus-orders,.citrus-favorites{height:611px}
.citrus-availability{height:976px}.citrus-availability>.citrus-row{width:805px}.citrus-availability>.citrus-mobile-stack{display:flex;gap:8px;width:529px;height:349px;margin-top:16px}.citrus-availability .citrus-shot--mobile{height:349px}.citrus-static--mobile{width:161px;height:315px}
.citrus-navigation{height:755px}.citrus-navigation>.citrus-row{height:706px}.citrus-navigation .citrus-mobile-stack{display:flex;flex-direction:column;gap:8px;width:176px;height:706px}.citrus-navigation .citrus-shot--mobile{height:349px}
.citrus-cart{height:612px}.citrus-cart>.citrus-row{width:523px;height:563px;gap:8px}.citrus-cart__desktop{width:339px;height:563px}.citrus-cart__mobile{width:176px;height:312px}
.citrus-checkout{height:2345px}.citrus-checkout .citrus-static--mobile{width:176px;height:330px}.citrus-row--solo{width:805px}.citrus-row--solo .citrus-shot--desktop{width:805px}
.citrus-blog,.citrus-promos{height:1189px}
.citrus-web{height:804px}.citrus-web .section-head{height:104px;padding-bottom:24px}.citrus-web .project-list{height:700px}.citrus-more,.citrus-more .shell{height:102px}

@media (max-width:1199px){
  .citrus-title-row{top:122px;left:32px;flex-direction:column-reverse}.citrus-title-row h1{width:704px}.citrus-summary{top:334px;left:32px;width:636px}
  .citrus-showcase,.citrus-showcase__inner{height:9938.4892578125px}.citrus-showcase__inner{padding:40px 32px}.citrus-showcase h2{height:48px;line-height:48px;margin-bottom:32px}.citrus-intro{width:704px;height:auto;min-height:66px;margin-bottom:32px}
  .citrus-group{width:704px}.citrus-row{width:704px}.citrus-shot--desktop{width:512px}.citrus-shot--mobile{width:176px}
  .citrus-product-one{height:402.4222106933594px}.citrus-product-one .citrus-row{height:353.4222106933594px}.citrus-product-many{height:403px}.citrus-product-many .citrus-row{height:354px}.citrus-product-related{height:404px}.citrus-product-related .citrus-row{height:355px}
  .citrus-availability{height:976px}.citrus-availability>.citrus-row{width:512px;height:562px}.citrus-catalog{height:403px}.citrus-catalog .citrus-row{height:354px}.citrus-home{height:406.4459533691406px}.citrus-home .citrus-row{height:357.4459533691406px}
  .citrus-navigation{height:755px}.citrus-navigation>.citrus-row{height:706px}.citrus-cart{width:1004px;height:612px}
  .citrus-checkout{height:1519.891845703125px}.citrus-checkout .citrus-row{height:355.72296142578125px}
  .citrus-payment{height:540.4881591796875px}.citrus-payment .citrus-row,.citrus-row--solo,.citrus-row--solo .citrus-shot--desktop{width:512px}.citrus-payment .citrus-row{height:491.4881591796875px}
  .citrus-profile,.citrus-orders{height:403px}.citrus-profile .citrus-row,.citrus-orders .citrus-row{height:354px}.citrus-favorites{height:428.4302673339844px}.citrus-favorites .citrus-row{height:379.4302673339844px}
  .citrus-blog{height:776.8104858398438px}.citrus-blog .citrus-row{height:355.9052429199219px}.citrus-promos{height:799px}.citrus-promos .citrus-row{height:367px}
  .citrus-web{height:846px}.citrus-web .section-head{height:72px}.citrus-web .project-list{height:774px;padding-bottom:24px}.citrus-more,.citrus-more .shell{height:102px}
}

@media (max-width:600px){
  .citrus-title-row{top:70px;left:20px;width:350px}.citrus-title-row h1{width:350px;height:auto}.citrus-summary{top:342px;left:20px;width:350px;height:auto}
  .citrus-showcase,.citrus-showcase__inner{height:8654px}.citrus-showcase__inner{padding:24px 20px}.citrus-showcase h2{height:48px;line-height:48px;margin-bottom:32px}.citrus-intro{width:350px;height:auto;min-height:110px;margin-bottom:32px}
  .citrus-group{width:350px;margin-bottom:32px}.citrus-group figcaption{width:350px}.citrus-row{width:350px;margin-bottom:16px}.citrus-row>.citrus-shot--desktop{display:none}.citrus-row>.citrus-shot--mobile{display:block;width:176px}
  .citrus-product-one{height:388px}.citrus-product-one figcaption{height:22px;line-height:22px}.citrus-product-one .citrus-row{height:350px}.citrus-product-many{height:402px}.citrus-product-many .citrus-row{height:353px}.citrus-product-related{height:404px}.citrus-product-related .citrus-row{height:355px}
  .citrus-availability{height:1078px}.citrus-availability>.citrus-row{display:none}.citrus-availability>.citrus-mobile-stack{display:flex;flex-direction:column;gap:8px;width:176px;height:1029px;margin:0}.citrus-availability .citrus-shot--mobile{width:176px;height:349px}.citrus-availability .citrus-static--mobile{width:161px;height:315px}
  .citrus-catalog,.citrus-home{height:403px}.citrus-catalog .citrus-row,.citrus-home .citrus-row{height:354px}
  .citrus-navigation{height:755px}.citrus-navigation>.citrus-row{width:350px;height:706px}.citrus-navigation .citrus-mobile-stack{width:176px;height:706px}
  .citrus-cart{width:1004px;height:361px}.citrus-cart>.citrus-row{width:176px;height:312px}.citrus-cart__desktop{display:none}.citrus-cart__mobile{display:block;width:176px;height:312px}
  .citrus-checkout{height:1484px}.citrus-checkout .citrus-row{width:350px;height:354px}.citrus-checkout .citrus-row:nth-of-type(2){height:330px}.citrus-checkout .citrus-row:nth-of-type(4){height:349px}.citrus-checkout .citrus-static--mobile{display:block;width:176px;height:330px}
  .citrus-payment,.citrus-orders{display:none}.citrus-profile,.citrus-favorites{height:398px}.citrus-profile .citrus-row,.citrus-favorites .citrus-row{height:349px}
  .citrus-blog,.citrus-promos{height:763px}.citrus-blog .citrus-row,.citrus-promos .citrus-row{height:349px}
  .citrus-web{height:1020px}.citrus-web .project-list{height:948px}.citrus-web .project-list article:first-child{height:169px}.citrus-web .project-list article:nth-child(2),.citrus-web .project-list article:nth-child(4),.citrus-web .project-list article:nth-child(5),.citrus-web .project-list article:nth-child(6){height:126px}.citrus-web .project-list article:nth-child(3){height:147px}.citrus-web .project-list article:last-child{height:104px}.citrus-more,.citrus-more .shell{height:92px}
}

/* WANDERWICK — Figma 2579:1137 / 2682:11087 / 2686:11355. */
.wander-page{overflow-x:hidden}.wander-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.wander-hero,.wander-hero__inner{height:438px}.wander-hero__inner{position:relative}
.wander-title-row{position:absolute;top:94.5px;left:20px;display:flex;align-items:flex-start;gap:8px}.wander-title-row h1{width:740px;height:92px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.wander-summary{position:absolute;top:218.5px;left:20px;width:636px;height:165px;margin:0;font-size:22px;line-height:33px}
.wander-logo,.wander-logo__inner{height:664px}.wander-logo__inner{overflow:hidden}.wander-logo img{display:block;width:642px;height:664px;object-fit:cover}
.wander-package,.wander-package__inner{height:2126.305908203125px}.wander-package__inner{padding-top:40px;padding-bottom:40px;overflow:hidden}.wander-package img{display:block;width:1160px;height:2046.305908203125px;object-fit:cover}
.wander-graphic{height:2350px;overflow:hidden}.wander-graphic .section-head{height:104px;padding-bottom:40px}.wander-gallery-list{height:2246px;display:grid;grid-template-columns:460px 460px;grid-auto-rows:auto;column-gap:240px;align-content:start;overflow:hidden}
.wander-card{width:460px}.wander-card:nth-child(2){margin-top:40px}.wander-card:nth-child(3){margin-top:80px}.wander-card:nth-child(5){margin-top:127.5px}.wander-card:nth-child(6){margin-top:80px}.wander-current{display:none}
.wander-more,.wander-more .shell{height:117px}.wander-more .shell{align-items:flex-start;padding-top:40px}

@media (max-width:1199px){
  .wander-hero,.wander-hero__inner{height:501px}.wander-title-row{top:96px;left:32px;flex-direction:column-reverse}.wander-title-row h1{width:740px;height:92px}.wander-summary{top:280px;left:32px;width:636px;height:165px}
  .wander-logo,.wander-logo__inner{height:664px}.wander-logo img{width:642px;height:664px}
  .wander-package,.wander-package__inner{height:1321.89599609375px}.wander-package__inner{padding:40px 32px}.wander-package img{width:704px;height:1241.89599609375px}
  .wander-graphic{height:4133px}.wander-graphic .section-head{height:72px;padding-bottom:24px}.wander-gallery-list{height:4061px;display:flex;flex-direction:column;gap:0;padding-left:32px;padding-right:32px;overflow:hidden}
  .wander-card,.wander-card:nth-child(2),.wander-card:nth-child(3),.wander-card:nth-child(5),.wander-card:nth-child(6){display:flex;flex-direction:column;gap:12px;width:460px;margin:0!important;padding:0}.wander-card:not(:first-child){padding-top:40px}
  .wander-card .art-media{width:460px}.wander-card:not(.square) .art-media{height:555px}.wander-card.square .art-media{height:460px}.wander-card .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}.wander-card .art-copy time{height:17px;flex:0 0 17px}.wander-card .art-copy h3{height:30px;flex:0 0 30px;margin:0}.wander-card .art-copy p{height:49px;flex:0 0 49px;margin:0}
  .wander-card:nth-child(1){height:687px}.wander-card:nth-child(2),.wander-card:nth-child(3){height:727px}.wander-card:nth-child(4),.wander-card:nth-child(5),.wander-card:nth-child(6){height:632px}.wander-current{display:flex}
  .wander-more,.wander-more .shell{height:62px}.wander-more .shell{padding-top:0;align-items:flex-start}
}

@media (max-width:600px){
  .wander-hero,.wander-hero__inner{height:719px}.wander-title-row{top:40px;left:20px;width:350px}.wander-title-row h1{width:350px;height:184px}.wander-summary{top:316px;left:20px;width:350px;height:363px}
  .wander-logo,.wander-logo__inner{height:362.0364074707031px}.wander-logo img{width:350px;height:362.0364074707031px}
  .wander-package,.wander-package__inner{height:665.419921875px}.wander-package__inner{padding:24px 20px}.wander-package img{width:350px;height:617.419921875px}
  .wander-graphic{height:3378.565185546875px}.wander-gallery-list{height:3306.565185546875px;padding:0 20px}.wander-card,.wander-card:nth-child(2),.wander-card:nth-child(3),.wander-card:nth-child(4),.wander-card:nth-child(5),.wander-card:nth-child(6){width:350px}
  .wander-card .art-media{width:350px}.wander-card:not(.square) .art-media{height:422.2825927734375px}.wander-card.square .art-media{height:350px}.wander-card .art-copy{width:350px}
  .wander-card:nth-child(1){height:554.2825927734375px}.wander-card:nth-child(2){height:596px}.wander-card:nth-child(3){height:594.2825927734375px}.wander-card:nth-child(4){height:494px}.wander-card:nth-child(5),.wander-card:nth-child(6){height:522px}
  .wander-more,.wander-more .shell{height:84px}.wander-more .shell{padding-top:0;align-items:flex-start}
}

/* The Office — Figma 2585:1529 / 2686:11592 / 2686:11837. */
.office-page{overflow-x:hidden}.office-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.office-hero,.office-hero__inner{height:438px}.office-hero__inner{position:relative}
.office-title-row{position:absolute;top:94.5px;left:20px;display:flex;align-items:flex-start;gap:8px}
.office-title-row h1{width:740px;height:92px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.office-summary{position:absolute;top:218.5px;left:20px;width:636px;height:165px;margin:0;font-size:22px;line-height:33px}
.office-logo,.office-logo__inner{height:614.5999755859375px}.office-logo__inner{position:relative;overflow:hidden}
.office-logo__inner::before{content:"";position:absolute;inset:0;background:#fff}
.office-logo img{position:absolute;top:148px;left:50%;display:block;width:249.5px;height:318.6px;transform:translateX(-50%);object-fit:contain}
.office-presentation,.office-presentation__inner{height:867.43359375px}.office-presentation__inner{position:relative;padding-top:24px;padding-bottom:24px;overflow:hidden}
.office-presentation img{position:relative;left:-20px;display:block;width:1200px;height:819.43359375px;object-fit:cover}
.office-print,.office-print__inner{height:832px}.office-print__inner{position:relative;overflow:hidden}
.office-print img{position:relative;left:-20px;display:block;width:1200px;height:832px;object-fit:cover}
.office-more--before{display:none}
.office-graphic{height:2350px;overflow:hidden}.office-graphic .section-head{height:104px;padding-bottom:40px}
.office-gallery-list{height:2246px;display:grid;grid-template-columns:460px 460px;grid-auto-rows:auto;column-gap:240px;align-content:start;overflow:hidden}
.office-card{width:460px}.office-card:nth-child(2){margin-top:40px}.office-card:nth-child(3){margin-top:80px}.office-card:nth-child(5){margin-top:127.5px}.office-current{display:none}
.office-more--after,.office-more--after .shell{height:117px}.office-more--after .shell{align-items:flex-start;padding-top:40px}

@media (max-width:1199px){
  .office-hero,.office-hero__inner{height:534px}.office-title-row{top:52.5px;left:32px;flex-direction:column-reverse;gap:8px}.office-title-row h1{width:704px;height:92px}.office-summary{top:236.5px;left:32px;width:636px;height:165px}
  .office-logo,.office-logo__inner{height:614.5999755859375px}.office-logo__inner::before{inset:0 32px}.office-logo img{top:148px}
  .office-presentation,.office-presentation__inner{height:528.734375px}.office-presentation__inner{padding:24px 32px}.office-presentation img{left:0;width:704px;height:480.734375px}
  .office-print,.office-print__inner{height:469.3333435058594px}.office-print__inner{padding:0 32px}.office-print img{left:0;width:704px;height:469.3333435058594px}
  .office-more--before{display:block}.office-more--before,.office-more--before .shell{height:102px}.office-more--before .shell{padding-top:40px;align-items:flex-start}
  .office-graphic{height:3501px}.office-graphic .section-head{height:72px;padding-bottom:24px}
  .office-gallery-list{height:3429px;display:flex;flex-direction:column;gap:0;padding-left:32px;padding-right:32px;overflow:hidden}
  .office-card,.office-card:nth-child(2),.office-card:nth-child(3),.office-card:nth-child(5){display:flex;flex-direction:column;gap:12px;width:460px;margin:0!important;padding:0}.office-card:not(:first-child){padding-top:40px}
  .office-card .art-media{width:460px}.office-card:not(.square) .art-media{height:555px}.office-card.square .art-media{height:460px}.office-card .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}
  .office-card .art-copy time{height:17px;flex:0 0 17px}.office-card .art-copy h3{height:30px;flex:0 0 30px;margin:0}.office-card .art-copy p{height:49px;flex:0 0 49px;margin:0}
  .office-card:nth-child(1){height:687px}.office-card:nth-child(2),.office-card:nth-child(3){height:727px}.office-card:nth-child(4),.office-card:nth-child(5){height:632px}.office-current{display:none!important}
  .office-more--after,.office-more--after .shell{height:62px}.office-more--after .shell{padding-top:0;align-items:flex-start}
}

@media (max-width:600px){
  .office-hero,.office-hero__inner{height:653px}.office-title-row{top:40px;left:20px;width:350px}.office-title-row h1{width:350px;height:184px}.office-summary{top:316px;left:20px;width:350px;height:297px}
  .office-logo,.office-logo__inner{height:431px}.office-logo__inner::before{inset:0 20px}.office-logo img{top:56.2px}
  .office-presentation,.office-presentation__inner{height:287.00146484375px}.office-presentation__inner{padding:24px 20px}.office-presentation img{width:350px;height:239.00146484375px}
  .office-print,.office-print__inner{height:233.3333282470703px}.office-print__inner{padding:0 20px}.office-print img{width:350px;height:233.3333282470703px}
  .office-more--before{display:none}
  .office-graphic{height:3378.565185546875px}.office-gallery-list{height:3306.565185546875px;padding:0 20px}
  .office-card,.office-card:nth-child(2),.office-card:nth-child(3),.office-card:nth-child(4),.office-card:nth-child(5),.office-card:nth-child(6){width:350px}
  .office-card .art-media{width:350px}.office-card:not(.square) .art-media{height:422.2825927734375px}.office-card.square .art-media{height:350px}.office-card .art-copy{width:350px}
  .office-card:nth-child(1){height:554.2825927734375px}.office-card:nth-child(2){height:596px}.office-card:nth-child(3){height:594.2825927734375px}.office-card:nth-child(4){height:494px}.office-card:nth-child(5),.office-card:nth-child(6){height:522px}.office-current{display:flex!important}
  .office-more--after,.office-more--after .shell{height:68px}.office-more--after .shell{padding-top:0;align-items:flex-start}
}

/* Stolichna — Figma 2605:1781 / 2686:12140 / 2688:12484. */
.stolichna-page{overflow-x:hidden}.stolichna-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.stol-hero,.stol-hero__inner{height:438px}.stol-hero__inner{position:relative}
.stol-title-row{position:absolute;top:193px;left:20px;display:flex;align-items:flex-start;gap:8px}
.stol-title-row h1{width:740px;height:92px;margin:0;font-size:40px;line-height:46px;font-weight:400}
.stol-main,.stol-main__inner{height:1316px}.stol-main__inner{position:relative;overflow:hidden}
.stol-main img{position:absolute;top:0;left:9px;display:block;width:1182px;height:1168px;object-fit:cover}
.stol-main p{position:absolute;top:1184px;left:20px;width:850px;height:132px;margin:0;font-size:22px;line-height:33px}
.stol-question__inner{position:relative;height:100%;overflow:hidden}.stol-question h2{position:absolute;left:20px;width:872px;margin:0;font-size:40px;line-height:48px;font-weight:400}.stol-question p{position:absolute;left:20px;width:850px;margin:0;font-size:22px;line-height:33px}
.stol-question--audience{height:307px}.stol-question--audience h2{top:40px;width:577px;height:96px}.stol-question--audience p{top:168px;width:832px;height:99px}
.stol-question--meaning,.stol-question--closeness{height:241px}.stol-question--meaning h2,.stol-question--closeness h2{top:40px;width:595px;height:96px}.stol-question--meaning p,.stol-question--closeness p{top:168px;height:33px}
.stol-question--success{height:289px}.stol-question--success h2{top:40px;height:144px}.stol-question--success p{top:216px;height:33px}
.stol-development,.stol-development__inner{height:6448.11181640625px}.stol-development__inner{position:relative;overflow:hidden}
.stol-development h2{position:absolute;top:40px;left:20px;width:802px;height:60px;margin:0;font-size:40px;line-height:60px;font-weight:400}
.stol-option{position:absolute;left:20px;display:block;width:1160px;object-fit:cover}.stol-option--one{top:132px;height:1154.1116943359375px}.stol-option--two{top:1548.1116943359375px;height:3537px}.stol-option--three{top:5248.11181640625px;height:1160px}
.stol-caption{position:absolute;left:20px;width:778px;margin:0;font-size:22px;line-height:33px}.stol-caption--one{top:1318.1116943359375px;height:198px}.stol-caption--two{top:5117.11181640625px;height:99px}
.stol-graphic{height:2295px;overflow:hidden}.stol-graphic .section-head{height:104px;padding-bottom:40px}
.stol-gallery-list{height:2191px;display:grid;grid-template-columns:460px 460px;grid-template-rows:767px 672px 752px;column-gap:240px;align-content:start;overflow:hidden}
.stol-card{width:460px;margin:0!important}.stol-card:nth-child(2){margin-top:80px!important}.stol-card:nth-child(3){margin-top:60px!important}.stol-card:nth-child(4),.stol-card:nth-child(5){margin-top:80px!important}
.stol-more,.stol-more .shell{height:117px}.stol-more .shell{align-items:flex-start;padding-top:40px}

@media (max-width:1199px){
  .stol-hero,.stol-hero__inner{height:438px}.stol-title-row{top:163px;left:32px;flex-direction:column-reverse;gap:8px}.stol-title-row h1{width:740px;height:92px}
  .stol-main,.stol-main__inner{height:876.66162109375px}.stol-main img{top:0;left:32px;width:704px;height:695.66162109375px}.stol-main p{top:711.66162109375px;left:32px;width:704px;height:165px}
  .stol-question h2,.stol-question p{left:32px;width:704px}
  .stol-question--audience{height:275px}.stol-question--audience h2{top:24px;width:577px;height:96px}.stol-question--audience p{top:152px;width:704px;height:99px}
  .stol-question--meaning,.stol-question--closeness{height:241px}.stol-question--meaning h2,.stol-question--closeness h2{top:40px;width:704px;height:96px}.stol-question--meaning p,.stol-question--closeness p{top:168px;height:33px}
  .stol-question--success{height:337px}.stol-question--success h2{top:40px;width:704px;height:192px}.stol-question--success p{top:264px;height:33px}
  .stol-development,.stol-development__inner{height:4141.06591796875px}.stol-development h2{top:40px;left:32px;width:704px;height:60px}
  .stol-option{left:32px;width:704px}.stol-option--one{top:132px;height:700.4263916015625px}.stol-option--two{top:1127.4263916015625px;height:2106.6396484375px}.stol-option--three{top:3397.06591796875px;height:704px}
  .stol-caption{left:32px;width:704px}.stol-caption--one{top:864.4263916015625px;height:231px}.stol-caption--two{top:3266.06591796875px;height:99px}
  .stol-graphic{height:3406px}.stol-graphic .section-head{height:72px;padding-bottom:24px}
  .stol-gallery-list{position:relative;height:3334px;display:flex;flex-direction:column;gap:0;padding-left:32px;padding-right:32px;overflow:hidden}
  .stol-card,.stol-card:nth-child(2),.stol-card:nth-child(3),.stol-card:nth-child(4),.stol-card:nth-child(5){display:flex;flex-direction:column;gap:12px;width:460px;margin:0!important;padding:0}.stol-card:not(:first-child){padding-top:40px}
  .stol-card .art-media{width:460px}.stol-card:not(.square) .art-media{height:555px}.stol-card.square .art-media{height:460px}.stol-card .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}
  .stol-card .art-copy time{height:17px;flex:0 0 17px}.stol-card .art-copy h3{height:30px;flex:0 0 30px;margin:0}.stol-card .art-copy p{height:49px;flex:0 0 49px;margin:0}
  .stol-card:nth-child(1){height:687px}.stol-card:nth-child(2){height:727px}.stol-card:nth-child(3),.stol-card:nth-child(4),.stol-card:nth-child(5){height:632px}
  .stol-more,.stol-more .shell{height:62px}.stol-more .shell{padding-top:0;align-items:flex-start}
}

@media (max-width:600px){
  .stol-hero,.stol-hero__inner{height:438px}.stol-title-row{top:140px;left:20px;width:350px}.stol-title-row h1{width:350px;height:138px}
  .stol-main,.stol-main__inner{height:691.8544921875px}.stol-main img{left:20px;width:350px;height:345.8544921875px}.stol-main p{top:361.8544921875px;left:20px;width:350px;height:330px}
  .stol-question h2,.stol-question p{left:20px;width:350px}
  .stol-question--audience{height:422px}.stol-question--audience h2{top:24px;width:350px;height:144px}.stol-question--audience p{top:200px;width:350px;height:198px}
  .stol-question--meaning,.stol-question--closeness{height:305px}.stol-question--meaning h2,.stol-question--closeness h2{top:24px;width:350px;height:192px}.stol-question--meaning p,.stol-question--closeness p{top:248px;height:33px}
  .stol-question--success{height:545px}.stol-question--success h2{top:24px;width:350px;height:432px}.stol-question--success p{top:488px;height:33px}
  .stol-development,.stol-development__inner{height:2733.558349609375px}.stol-development h2{top:24px;left:20px;width:350px;height:120px;line-height:60px}
  .stol-option{left:20px;width:350px}.stol-option--one{top:176px;height:348.2233581542969px}.stol-option--two{top:1017.223388671875px;height:1047.3349609375px}.stol-option--three{top:2359.558349609375px;height:350px}
  .stol-caption{left:20px;width:350px}.stol-caption--one{top:556.223388671875px;height:429px}.stol-caption--two{top:2096.558349609375px;height:231px}
  .stol-graphic{height:2782.565185546875px}.stol-gallery-list{height:2710.565185546875px;padding:0 20px}
  .stol-card,.stol-card:nth-child(2),.stol-card:nth-child(3),.stol-card:nth-child(4),.stol-card:nth-child(5){width:350px}
  .stol-card .art-media{width:350px}.stol-card:not(.square) .art-media{height:422.2825927734375px}.stol-card.square .art-media{height:350px}.stol-card .art-copy{width:350px}
  .stol-card:nth-child(1){height:554.2825927734375px}.stol-card:nth-child(2){height:594.2825927734375px}.stol-card:nth-child(3){height:494px}.stol-card:nth-child(4),.stol-card:nth-child(5){height:522px}
  .stol-more,.stol-more .shell{height:84px}.stol-more .shell{padding-top:0;align-items:flex-start}
}

/* VIS Green Peas — Figma 2629:2285 / 2689:13233 / 2689:13513. */
.peas-page{overflow-x:hidden}.peas-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.peas-hero,.peas-hero__inner{height:438px}.peas-hero__inner{position:relative}
.peas-title-row{position:absolute;top:147.5px;left:20px;display:flex;align-items:flex-start;gap:8px}
.peas-title-row h1{width:740px;height:46px;margin:0;font-size:40px;line-height:46px;font-weight:400}.peas-year{width:90px}
.peas-summary{position:absolute;top:231.5px;left:20px;width:832px;height:99px;margin:0;font-size:22px;line-height:33px}
.peas-can,.peas-can__inner{height:661px}.peas-can__inner{position:relative;overflow:hidden}.peas-can img{position:absolute;top:-56.244px;left:20px;display:block;width:1160px;height:773.488px;object-fit:cover}
.peas-label,.peas-label__inner{height:504px}.peas-label__inner{position:relative;overflow:hidden}.peas-label img{position:absolute;top:1.5px;left:22.638px;display:block;width:1154.724px;height:501px;object-fit:cover}
.peas-copy__inner{position:relative;height:100%;overflow:hidden}.peas-copy p{position:absolute;left:20px;width:850px;margin:0;font-size:22px;line-height:33px}
.peas-copy--concept{height:246px}.peas-copy--concept p{top:24px;width:832px;height:198px}
.peas-copy--illustration{height:156px}.peas-copy--illustration p{top:0;height:132px}
.peas-copy--function{height:222px}.peas-copy--function p{top:0;height:198px}
.peas-detail,.peas-detail__inner{height:525px}.peas-detail__inner{position:relative;overflow:hidden}.peas-detail img{position:absolute;top:.5px;left:19px;display:block;width:1162px;height:524px;object-fit:cover}
.peas-graphic{height:2255px;overflow:hidden}.peas-graphic .section-head{height:104px;padding-bottom:40px}
.peas-gallery-list{height:2151px;display:grid;grid-template-columns:460px 460px;grid-template-rows:727px 672px 752px;column-gap:240px;align-content:start;overflow:hidden}
.peas-card{width:460px;margin:0!important}.peas-card:nth-child(2){margin-top:40px!important}.peas-card:nth-child(3){margin-top:60px!important}.peas-card:nth-child(4),.peas-card:nth-child(5){margin-top:80px!important}
.peas-more,.peas-more .shell{height:102px}.peas-more .shell{align-items:flex-start;padding-top:40px}

@media (max-width:1199px){
  .peas-hero,.peas-hero__inner{height:438px}.peas-title-row{top:104px;left:32px;flex-direction:column-reverse;gap:8px}.peas-title-row h1{width:740px;height:46px}.peas-summary{top:242px;left:32px;width:704px;height:132px}
  .peas-can,.peas-can__inner{height:469.42718505859375px}.peas-can img{top:0;left:32px;width:704px;height:469.42718505859375px}
  .peas-label,.peas-label__inner{height:305.4443664550781px}.peas-label img{top:0;left:32px;width:704px;height:305.4443664550781px}
  .peas-copy p{left:32px;width:704px}.peas-copy--concept{height:312px}.peas-copy--concept p{top:24px;height:264px}.peas-copy--illustration{height:156px}.peas-copy--illustration p{height:132px}.peas-copy--function{height:288px}.peas-copy--function p{height:264px}
  .peas-detail{display:none}
  .peas-graphic{height:3406px}.peas-graphic .section-head{height:72px;padding-bottom:24px}
  .peas-gallery-list{height:3334px;display:flex;flex-direction:column;gap:0;padding-left:32px;padding-right:32px;overflow:hidden}
  .peas-card,.peas-card:nth-child(2),.peas-card:nth-child(3),.peas-card:nth-child(4),.peas-card:nth-child(5){display:flex;flex-direction:column;gap:12px;width:460px;margin:0!important;padding:0}.peas-card:not(:first-child){padding-top:40px}
  .peas-card .art-media{width:460px}.peas-card:not(.square) .art-media{height:555px}.peas-card.square .art-media{height:460px}.peas-card .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}
  .peas-card .art-copy time{height:17px;flex:0 0 17px}.peas-card .art-copy h3{height:30px;flex:0 0 30px;margin:0}.peas-card .art-copy p{height:49px;flex:0 0 49px;margin:0}
  .peas-card:nth-child(1){height:687px}.peas-card:nth-child(2){height:727px}.peas-card:nth-child(3),.peas-card:nth-child(4),.peas-card:nth-child(5){height:632px}
  .peas-more,.peas-more .shell{height:86px}.peas-more .shell{padding-top:24px;align-items:flex-start}
}

@media (max-width:600px){
  .peas-hero,.peas-hero__inner{height:574px}.peas-title-row{top:40px;left:20px;width:350px}.peas-title-row h1{width:350px;height:138px}.peas-summary{top:270px;left:20px;width:350px;height:264px}
  .peas-can,.peas-can__inner{height:253.37998962402344px}.peas-can img{left:20px;width:350px;height:233.37998962402344px}
  .peas-label,.peas-label__inner{height:151.8544464111328px}.peas-label img{left:20px;width:350px;height:151.8544464111328px}
  .peas-copy p{left:20px;width:350px}.peas-copy--concept{height:576px}.peas-copy--concept p{top:24px;height:528px}.peas-copy--illustration{height:321px}.peas-copy--illustration p{height:297px}.peas-copy--function{height:585px}.peas-copy--function p{height:561px}
  .peas-graphic{height:2784.28271484375px}.peas-gallery-list{height:2712.2825927734375px;padding:0 20px}
  .peas-card,.peas-card:nth-child(2),.peas-card:nth-child(3),.peas-card:nth-child(4),.peas-card:nth-child(5){width:350px}
  .peas-card .art-media{width:350px}.peas-card:not(.square) .art-media{height:422.2825927734375px}.peas-card.square .art-media{height:350px}.peas-card .art-copy{width:350px}
  .peas-card:nth-child(1){height:554.2825927734375px}.peas-card:nth-child(2){height:596px}.peas-card:nth-child(3){height:494px}.peas-card:nth-child(4),.peas-card:nth-child(5){height:522px}
  .peas-more,.peas-more .shell{height:108px}.peas-more .shell{padding-top:24px;align-items:flex-start}
}

/* SMM case — Figma 2633:2451 / 2690:13765 / 2691:14033. */
.smm-page{overflow-x:hidden}.smm-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.smm-hero,.smm-hero__inner{height:343px}.smm-hero__inner{position:relative}
.smm-title-row{position:absolute;top:100px;left:20px;display:flex;align-items:flex-start;gap:8px}.smm-title-row h1{width:740px;height:46px;margin:0;font-size:40px;line-height:46px;font-weight:400}.smm-year{width:90px}
.smm-story{height:956px;overflow:hidden}.smm-story-grid{position:relative;width:1160px;height:956px;margin:0 auto}.smm-story-grid img{position:absolute;display:block;object-fit:cover}.smm-story-grid img:nth-child(1){top:0;left:0;width:374px;height:468px}.smm-story-grid img:nth-child(2){top:1px;left:394px;width:372px;height:466px}.smm-story-grid img:nth-child(3){top:0;left:786px;width:374px;height:468px}.smm-story-grid img:nth-child(4){top:488px;left:0;width:374px;height:468px}.smm-story-grid img:nth-child(5){top:488px;left:394px;width:374px;height:468px}
.smm-copy__inner{position:relative;height:100%;overflow:hidden}.smm-copy p{position:absolute;top:20px;left:20px;width:850px;margin:0;font-size:22px;line-height:33px}.smm-copy--story{height:258px}.smm-copy--story p{height:198px}.smm-copy--cta{height:159px}.smm-copy--cta p{height:99px}
.smm-cta{height:468px;overflow:hidden}.smm-cta__inner{position:relative;width:1160px;height:468px;margin:0 auto}.smm-cta img{position:absolute;top:0;left:0;display:block;width:374px;height:468px;object-fit:cover}
.smm-graphic{height:2295px;overflow:hidden}.smm-graphic .section-head{height:104px;padding-bottom:40px}
.smm-gallery-list{height:2191px;display:grid;grid-template-columns:460px 460px;grid-template-rows:767px 672px 752px;column-gap:240px;align-content:start;overflow:hidden}
.smm-card{width:460px;margin:0!important}.smm-card:nth-child(1){padding-top:40px}.smm-card:nth-child(2){padding-top:80px}.smm-card:nth-child(3){padding-top:60px}.smm-card:nth-child(4),.smm-card:nth-child(5){padding-top:80px}
.smm-more,.smm-more .shell{height:102px}.smm-more .shell{align-items:flex-start;padding-top:40px}

@media (max-width:1199px){
  .smm-hero,.smm-hero__inner{height:343px}.smm-title-row{top:138.5px;left:32px;flex-direction:column-reverse;gap:8px}.smm-title-row h1{width:740px;height:46px}
  .smm-story{height:1424px}.smm-story-grid{width:768px;height:1424px}.smm-story-grid img:nth-child(1){top:0;left:10px;width:374px;height:468px}.smm-story-grid img:nth-child(2){top:1px;left:386px;width:372px;height:466px}.smm-story-grid img:nth-child(3){top:478px;left:10px;width:374px;height:468px}.smm-story-grid img:nth-child(4){top:478px;left:384px;width:374px;height:468px}.smm-story-grid img:nth-child(5){top:956px;left:10px;width:374px;height:468px}
  .smm-copy p{left:32px;width:704px}.smm-copy--story{height:324px}.smm-copy--story p{height:264px}.smm-copy--cta{height:192px}.smm-copy--cta p{height:132px}
  .smm-cta{height:468px}.smm-cta__inner{width:768px;height:468px}.smm-cta img{left:197px;width:374px;height:468px}
  .smm-graphic{height:3446px}.smm-graphic .section-head{height:72px;padding-bottom:24px}
  .smm-gallery-list{height:3374px;display:flex;flex-direction:column;gap:0;padding-left:32px;padding-right:32px;overflow:hidden}
  .smm-card,.smm-card:nth-child(1),.smm-card:nth-child(2),.smm-card:nth-child(3),.smm-card:nth-child(4),.smm-card:nth-child(5){display:flex;flex-direction:column;gap:12px;width:460px;margin:0!important;padding:40px 0 0}.smm-card .art-media{width:460px}.smm-card:not(.square) .art-media{height:555px}.smm-card.square .art-media{height:460px}.smm-card .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}.smm-card .art-copy time{height:17px;flex:0 0 17px}.smm-card .art-copy h3{height:30px;flex:0 0 30px;margin:0}.smm-card .art-copy p{height:49px;flex:0 0 49px;margin:0}
  .smm-card:nth-child(1),.smm-card:nth-child(2){height:727px}.smm-card:nth-child(3),.smm-card:nth-child(4),.smm-card:nth-child(5){height:632px}
  .smm-more,.smm-more .shell{height:62px}.smm-more .shell{padding-top:0;align-items:flex-start}
}

@media (max-width:600px){
  .smm-hero,.smm-hero__inner{height:343px}.smm-title-row{top:92.5px;left:20px;width:350px}.smm-title-row h1{width:350px;height:138px}
  .smm-story{height:2267.5px}.smm-story-grid{width:390px;height:2267.5px}.smm-story-grid img:nth-child(1){top:0;left:20px;width:350px;height:437.5px}.smm-story-grid img:nth-child(2){top:457.5px;left:20px;width:350px;height:437.5px}.smm-story-grid img:nth-child(3){top:915px;left:20px;width:350px;height:437.5px}.smm-story-grid img:nth-child(4){top:1372.5px;left:20px;width:350px;height:437.5px}.smm-story-grid img:nth-child(5){top:1830px;left:20px;width:350px;height:437.5px}
  .smm-copy p{left:32px;width:326px}.smm-copy--story{height:621px}.smm-copy--story p{height:561px}.smm-copy--cta{height:357px}.smm-copy--cta p{height:297px}
  .smm-cta{height:437.5px}.smm-cta__inner{width:390px;height:437.5px}.smm-cta img{left:20px;width:350px;height:437.5px}
  .smm-graphic{height:2824.28271484375px}.smm-gallery-list{height:2752.2825927734375px;padding:0 20px}
  .smm-card,.smm-card:nth-child(1),.smm-card:nth-child(2),.smm-card:nth-child(3),.smm-card:nth-child(4),.smm-card:nth-child(5){width:350px}.smm-card .art-media{width:350px}.smm-card:not(.square) .art-media{height:422.2825927734375px}.smm-card.square .art-media{height:350px}.smm-card .art-copy{width:350px}
  .smm-card:nth-child(1){height:596px}.smm-card:nth-child(2){height:594.2825927734375px}.smm-card:nth-child(3){height:494px}.smm-card:nth-child(4),.smm-card:nth-child(5){height:522px}
.smm-more,.smm-more .shell{height:84px}.smm-more .shell{padding-top:0;align-items:flex-start}
}

/* Motion — Figma 2609:2075 / 2689:12751 / 2689:12979. */
.motion-page{overflow-x:hidden}.motion-page main{font-family:"Noto Sans Display","Noto Sans",Arial,sans-serif}
.motion-hero,.motion-hero__inner{height:438px}.motion-hero__inner{position:relative}
.motion-title-row{position:absolute;top:144px;left:20px;display:flex;align-items:flex-start;gap:8px}.motion-title-row h1{width:740px;height:92px;margin:0;font-size:40px;line-height:46px;font-weight:400}.motion-year{width:180px}
.motion-summary{position:absolute;top:268px;left:20px;width:832px;height:66px;margin:0;font-size:22px;line-height:33px}
.motion-video{height:685px;overflow:hidden}.motion-video--first{height:661px}.motion-video__inner{height:100%;padding-top:24px;overflow:hidden}.motion-video--first .motion-video__inner{padding-top:4.74093627929688px}
.motion-video__embed{position:relative;width:1160px;height:651.5181274414062px;overflow:hidden;background:#000}.motion-video__preview,.motion-video__player{display:block;width:100%;height:100%;border:0}.motion-video__preview{position:relative;padding:0;overflow:hidden;cursor:pointer;background:#000}.motion-video__preview img{display:block;width:100%;height:100%;object-fit:cover}.motion-video__play{position:absolute;top:50%;left:50%;width:76px;height:54px;border-radius:14px;background:#f00;box-shadow:0 0 0 1px rgba(0,0,0,.08);transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease}.motion-video__play::after{content:"";position:absolute;top:50%;left:52%;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #fff;transform:translate(-50%,-50%)}.motion-video__preview:hover .motion-video__play,.motion-video__preview:focus-visible .motion-video__play{background:#d90000;transform:translate(-50%,-50%) scale(1.08)}.motion-video__preview:focus-visible{outline:3px solid #000;outline-offset:-3px}.motion-video__player{background:#000}
.motion-graphic{height:2350px;overflow:hidden}.motion-graphic .section-head{height:104px;padding-bottom:40px}
.motion-gallery-list{height:2246px;display:grid;grid-template-columns:460px 460px;grid-template-rows:727px 767px 752px;column-gap:240px;align-content:start;overflow:hidden}
.motion-card{width:460px;margin:0!important}.motion-card:nth-child(2){padding-top:40px}.motion-card:nth-child(3){padding-top:80px}.motion-card:nth-child(4){padding-top:40px}.motion-card:nth-child(5){padding-top:80px}
.motion-more,.motion-more .shell{height:102px}.motion-more .shell{align-items:center}

@media (max-width:1199px){
  .motion-hero,.motion-hero__inner{height:438px}.motion-title-row{top:114px;left:32px;width:740px;flex-direction:column-reverse;gap:8px}.motion-title-row h1{width:740px;height:92px}.motion-summary{top:298px;left:32px;width:704px;height:66px}
  .motion-video,.motion-video--first{height:456.8838195800781px}.motion-video__inner,.motion-video--first .motion-video__inner{padding:24px 20px}.motion-video__embed{width:728px;height:408.8838195800781px}
  .motion-graphic{height:3473px}.motion-graphic .section-head{height:72px;padding-bottom:24px}.motion-gallery-list{height:3401px;display:flex;flex-direction:column;gap:0;padding:0 32px;overflow:hidden}
  .motion-card,.motion-card:nth-child(2),.motion-card:nth-child(3),.motion-card:nth-child(4),.motion-card:nth-child(5){display:flex;flex-direction:column;gap:12px;width:460px;margin:0!important;padding:0}.motion-card:not(:first-child){padding-top:40px}
  .motion-card .art-media{width:460px}.motion-card:not(.square) .art-media{height:555px}.motion-card.square .art-media{height:460px}.motion-card .art-copy{display:flex;flex-direction:column;gap:12px;width:460px;height:120px;padding:0}.motion-card .art-copy time{height:17px;flex:0 0 17px}.motion-card .art-copy h3{height:30px;flex:0 0 30px;margin:0}.motion-card .art-copy p{height:49px;flex:0 0 49px;margin:0}
  .motion-card:nth-child(1){height:687px}.motion-card:nth-child(2),.motion-card:nth-child(3){height:727px}.motion-card:nth-child(4){height:604px}.motion-card:nth-child(5){height:632px}
  .motion-more,.motion-more .shell{height:62px}.motion-more .shell{align-items:flex-start;padding-top:0}.motion-page .footer,.motion-page .footer__inner{height:245px}
}

@media (max-width:600px){
  .motion-hero,.motion-hero__inner{height:438px}.motion-title-row{top:81px;left:20px;width:350px}.motion-title-row h1{width:740px;height:92px}.motion-summary{top:265px;left:20px;width:350px;height:132px}
  .motion-video,.motion-video--first{height:244.57875061035156px}.motion-video__inner,.motion-video--first .motion-video__inner{padding:24px 20px}.motion-video__embed{width:350px;height:196.57875061035156px}.motion-video__play{width:52px;height:37px;border-radius:9px}.motion-video__play::after{border-top-width:8px;border-bottom-width:8px;border-left-width:13px}
  .motion-graphic{height:2856.565185546875px}.motion-gallery-list{height:2784.565185546875px;padding:0 20px}
  .motion-card,.motion-card:nth-child(2),.motion-card:nth-child(3),.motion-card:nth-child(4),.motion-card:nth-child(5){width:350px}.motion-card .art-media{width:350px}.motion-card:not(.square) .art-media{height:422.2825927734375px}.motion-card.square .art-media{height:350px}.motion-card .art-copy{width:350px}
  .motion-card:nth-child(1){height:554.2825927734375px}.motion-card:nth-child(2){height:596px}.motion-card:nth-child(3){height:594.2825927734375px}.motion-card:nth-child(4){height:494px}.motion-card:nth-child(5){height:522px}
  .motion-more,.motion-more .shell{height:84px}.motion-page .footer,.motion-page .footer__inner{height:287px}
}

/* Shared full project directory used on every page. */
.site-web-links{height:1020px}.site-web-links .section-head{height:220px;padding-bottom:40px}.site-web-links .project-list{height:800px;padding-bottom:0}.site-web-links .project-list article{height:100px}

@media (max-width:1199px){
  .site-web-links{height:950px}.site-web-links .section-head{height:72px;padding-bottom:24px}.site-web-links .project-list{height:878px;padding-bottom:24px}.site-web-links .project-list article{height:104px}.site-web-links .project-list article:first-child{height:126px}
}

@media (max-width:600px){
  .site-web-links{height:1146px}.site-web-links .project-list{height:1074px}.site-web-links .project-list article,.site-web-links .project-list article:nth-child(2),.site-web-links .project-list article:nth-child(3),.site-web-links .project-list article:nth-child(5),.site-web-links .project-list article:nth-child(6),.site-web-links .project-list article:nth-child(7){height:126px}.site-web-links .project-list article:first-child{height:169px}.site-web-links .project-list article:nth-child(4){height:147px}.site-web-links .project-list article:last-child{height:104px}
}

/* Homepage project and graphic sections copied into case pages. */
.case-page main>.web,.case-page main>.graphic,.case-page main>.more{font-family:"Noto Sans",Arial,sans-serif;font-size:14px;line-height:21px}

/* Seven-item web directory after removing the medics case. */
.web{height:920px}.web.site-web-links{height:920px}.web.site-web-links .project-list{height:700px}

@media (max-width:1199px){
  .web{height:846px}.web.site-web-links{height:846px}.web.site-web-links .project-list{height:774px}
}

@media (max-width:600px){
  .web{height:1020px}.web.site-web-links{height:1020px}.web.site-web-links .project-list{height:948px}
}

/* Keep the final mobile project row clear of its divider when its title wraps. */
@media (max-width:600px){
  .project-list article:last-child{height:126px}
  .web,.web.site-web-links{height:1042px}
  .web.site-web-links .project-list{height:970px}
}

/* Match every mobile gallery-card gap to the compact spacing shown in the reference. */
@media (max-width:600px){
  .graphic{height:auto}
  .graphic>.gallery{height:auto;gap:24px}
  .graphic>.gallery>.art-card,
  .graphic>.gallery>.art-card:nth-child(1),
  .graphic>.gallery>.art-card:nth-child(2),
  .graphic>.gallery>.art-card:nth-child(3),
  .graphic>.gallery>.art-card:nth-child(4),
  .graphic>.gallery>.art-card:nth-child(5),
  .graphic>.gallery>.art-card:nth-child(6){height:auto}
}

/* Use the reference spacing between the mobile footer links and intro copy. */
@media (max-width:600px){
  .footer__top{row-gap:32px}
}

/* Keep the mobile Behance CTA in the sentence and add 1.5x more space below it. */
@media (max-width:600px){
  .more,.more .shell{height:104px}
  .more .shell{display:block;padding-top:24px;padding-bottom:36px}
  .footer__inner{justify-content:flex-start}
}

/* Let the mobile REB research content define its height and remove the empty hole. */
@media (max-width:600px){
  .reb-research{height:auto;overflow:visible}
  .reb-research>.reb-block{height:auto;overflow:visible}
  .reb-persona-copy p:last-child{margin-bottom:0}
}

/* Keep every mobile Citrus caption visible when it wraps to multiple lines. */
@media (max-width:600px){
  .citrus-showcase,.citrus-showcase__inner{height:auto;overflow:visible}
  .citrus-group{height:auto}
  .citrus-group figcaption{height:auto;min-height:33px}
}

/* Keep all mobile Stolichna questions in normal flow with consistent spacing. */
@media (max-width:600px){
  .stol-question,.stol-question__inner{height:auto}
  .stol-question__inner{position:static;overflow:visible;padding-top:24px;padding-bottom:24px}
  .stol-question h2,.stol-question p{position:static;width:100%;height:auto}
  .stol-question h2{margin:0 0 32px}
  .stol-question p{margin:0}
}

/* Wrap the Motion title inside the mobile viewport. */
@media (max-width:600px){
  .motion-hero,.motion-hero__inner{height:auto}
  .motion-hero__inner{padding-top:81px;padding-bottom:41px}
  .motion-title-row{position:static;width:100%}
  .motion-title-row h1{width:100%;max-width:100%;height:auto;white-space:normal;overflow-wrap:break-word}
  .motion-summary{position:static;width:100%;height:auto;margin-top:32px}
}

/* Match the last mobile project row's bottom spacing to the other rows. */
@media (max-width:600px){
  .web .project-list article:last-child{height:126px}
}