/* Generated studio artwork: decorative, responsive and separate from live text. */
.visual-picture{background:#e8eee5;border:1px solid #d6e1d3;border-radius:20px;isolation:isolate}
.visual-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;mix-blend-mode:normal}
.illustrated-hero{gap:clamp(28px,4vw,58px);padding-top:38px;padding-bottom:52px}
.illustrated-hero .visual-hero-art{width:100%;max-width:480px;box-shadow:0 18px 44px -28px #16372c57}
.illustrated-hero .visual-hero-art img{max-height:none}
.illustrated-hero .page-hero-copy{min-width:0}
.architecture-board .home-hero-art{margin:calc(-1 * var(--tos-board-y,24px)) calc(-1 * var(--tos-board-x,25px)) 24px;width:calc(100% + 2 * var(--tos-board-x,25px));max-width:none;border:0;border-bottom:1px solid #d6e1d3;border-radius:11px 11px 0 0;background:#e8eee5}
.architecture-board .home-hero-art img{height:180px;aspect-ratio:auto;object-fit:cover;object-position:50% 53%}
.architecture-board:has(.home-hero-art){--tos-board-x:25px;--tos-board-y:24px;padding:var(--tos-board-y) var(--tos-board-x) 17px;margin-top:0;box-shadow:0 20px 52px -34px #16372c66}
.architecture-board:has(.home-hero-art) .board-heading{margin-bottom:24px}
.membership-visual{width:100%;max-width:520px;justify-self:end}
.membership-visual img{object-position:50% 50%}
.illustrated-card .card-illustration{border:1px solid #e4e9df;border-radius:10px;background:#f4f6ef}
.home-topic-illustration{border-radius:16px}
.workflow-illustration{border-radius:16px}
@media(max-width:1020px){
 .architecture-board:has(.home-hero-art){--tos-board-x:18px;--tos-board-y:20px}
 .architecture-board .home-hero-art img{height:150px}
 .illustrated-hero .visual-hero-art{max-width:440px}
}
@media(max-width:760px){
 .illustrated-hero{gap:24px;padding-top:22px;padding-bottom:36px}
 .illustrated-hero .visual-hero-art{max-width:520px;max-height:none;justify-self:start;border-radius:16px}
 .illustrated-hero .visual-hero-art img{max-height:none;height:auto;aspect-ratio:16/9;object-position:center 53%}
 .architecture-board .home-hero-art img{height:auto;aspect-ratio:16/7;object-position:center 53%}
 .architecture-board:has(.home-hero-art){--tos-board-x:22px;--tos-board-y:22px}
 .membership-visual{max-width:520px;justify-self:start}
 .visual-picture{border-radius:16px}
}
@media(max-width:430px){
 .architecture-board:has(.home-hero-art){--tos-board-x:13px;--tos-board-y:18px}
 .illustrated-hero .visual-hero-art img{aspect-ratio:3/2}
}
@media print{
 .visual-picture{display:none!important}
 .illustrated-hero{display:block}
}