/* Selected website hero: calm white introduction and organic workstation image. */
.site-design.subpage-design main .work-hero.websites-light-hero{max-width:1500px;padding:20px 5% 36px;margin:0 auto;background:#fff;border:0}
.site-design.subpage-design main .websites-light-hero>.breadcrumb{font-size:12px;color:#607981;margin:0 0 22px}
.websites-hero-mask{position:absolute;overflow:hidden;pointer-events:none}
.site-design.subpage-design main .websites-light-hero .work-hero-frame{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:0;background:#fff;border:0;border-radius:0;color:#123e46;overflow:visible;isolation:auto}
.site-design.subpage-design main .websites-light-hero .work-hero-frame:before{display:none}
.site-design.subpage-design main .websites-light-hero .work-hero-copy{position:relative;z-index:auto;width:100%;max-width:none;padding:25px 25px 25px 0;margin:0;background:none;color:#123e46;text-align:left}
.site-design.subpage-design main .websites-light-hero .work-hero-copy>.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.16em;color:#526f78;margin:0 0 21px}
.site-design.subpage-design main .websites-light-hero .work-hero-copy h1{font-size:clamp(32px,3.4vw,49px);font-weight:650;line-height:1.14;letter-spacing:-.035em;color:#123e46;max-width:600px;margin:0 0 25px}
.site-design.subpage-design main .websites-light-hero .work-hero-copy h1 em{font-style:normal;color:#123e46}
.site-design.subpage-design main .websites-light-hero .work-hero-copy h1 br{display:none}
.site-design.subpage-design main .websites-light-hero .work-hero-copy>p{font-size:16px;line-height:1.75;max-width:520px;color:#526b73;margin:0 0 27px}
.site-design.subpage-design main .websites-light-hero .work-hero-copy>.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 23px;background:#123e46;color:#fff;border:1px solid #123e46;border-radius:100px;font-size:14px;font-weight:600;line-height:1.5}
.site-design.subpage-design main .websites-light-hero .work-hero-copy>.button:after{content:'→';font-size:19px;line-height:1}
.site-design.subpage-design main .websites-light-hero .work-hero-copy>.button:hover{background:#1d5058;border-color:#1d5058}
.site-design.subpage-design main .websites-light-hero .work-hero-copy>.button:focus-visible{outline:3px solid #123e46;outline-offset:4px}
.site-design.subpage-design main .websites-light-hero .work-hero-photo{display:block;position:relative;inset:auto;z-index:auto;width:100%;height:clamp(370px,34vw,490px);min-height:0;margin:0;background:#edf0ef;border:0;border-radius:0 26px 26px 0;overflow:hidden;clip-path:url(#websites-hero-curve)}
.site-design.subpage-design main .websites-light-hero .work-hero-photo:before,.site-design.subpage-design main .websites-light-hero .work-hero-photo:after{display:none}
.site-design.subpage-design main .websites-light-hero .work-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}
.site-design.subpage-design main .websites-light-hero .work-hero-photo figcaption{display:none}
@media(max-width:1000px){.site-design.subpage-design main .websites-light-hero .work-hero-frame{grid-template-columns:46% 54%}.site-design.subpage-design main .websites-light-hero .work-hero-copy h1{font-size:35px}.site-design.subpage-design main .websites-light-hero .work-hero-copy>p{font-size:15px}.site-design.subpage-design main .websites-light-hero .work-hero-photo{height:400px}}
@media(max-width:760px){
 .site-design.subpage-design main .work-hero.websites-light-hero{padding:18px 6% 28px}
 .site-design.subpage-design main .websites-light-hero>.breadcrumb{font-size:11px;margin-bottom:18px}
 .site-design.subpage-design main .websites-light-hero .work-hero-frame{grid-template-columns:1fr;gap:25px}
 .site-design.subpage-design main .websites-light-hero .work-hero-copy{padding:10px 0 0}
 .site-design.subpage-design main .websites-light-hero .work-hero-copy>.eyebrow{margin-bottom:16px;font-size:10px}
 .site-design.subpage-design main .websites-light-hero .work-hero-copy h1{font-size:clamp(30px,7.4vw,39px);line-height:1.14;margin-bottom:19px}
 .site-design.subpage-design main .websites-light-hero .work-hero-copy>p{font-size:16px;margin-bottom:22px}
 .site-design.subpage-design main .websites-light-hero .work-hero-photo{height:clamp(235px,65vw,340px);clip-path:none;border-radius:60px 24px 65px 24px}
 .site-design.subpage-design main .websites-light-hero .work-hero-photo img{object-position:58% center}
}