.service-artwork{width:100%;min-width:0;margin:0;color:#f4f6f9;container-type:inline-size}.service-artwork .sa-board{overflow:hidden;border:1px solid #3b4657;border-radius:4px;background:#1c2430}.service-artwork .sa-board-heading{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;color:#c3d3e7;font-size:14px;font-weight:600;line-height:1.5;border-bottom:1px solid #3b4657}.service-artwork .sa-heading-detail{color:#acb9ca;font-weight:400}.service-artwork .sa-image{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;background:#11151c}.service-artwork .sa-photo-creative{position:relative;isolation:isolate}.service-artwork .sa-photo-creative>.sa-image{aspect-ratio:1.8}.service-artwork .sa-photo-creative:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 24%,rgb(9 14 21 / 16%) 47%,rgb(9 14 21 / 93%) 100%)}.service-artwork .sa-creative-copy{position:absolute;z-index:1;inset:auto 26px 24px}.service-artwork .sa-creative-copy>span{display:block;color:#d9e3f0;font-size:14px;line-height:1.6}.service-artwork h3{margin:6px 0 0;color:#f4f6f9;font-size:clamp(25px,5.6cqi,38px);font-weight:650;line-height:1.25;letter-spacing:-.04em;word-break:keep-all}.service-artwork .sa-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:18px 12px;border-top:1px solid #3b4657;background:#1c2430}.service-artwork .sa-steps li{min-width:0;margin:0;padding:0 10px;color:#d4dfed;text-align:center;font-size:14px;font-weight:550;line-height:1.6;word-break:keep-all}.service-artwork .sa-steps li+li{border-left:1px solid #4b5667}.service-artwork .sa-article-heading{padding:22px 26px}.service-artwork .sa-article-heading h3{margin-top:0;font-size:clamp(24px,4.8cqi,32px)}.service-artwork .sa-article-heading p{margin:10px 0 0;color:#bcc9da;font-size:14px;line-height:1.7;word-break:keep-all}.service-artwork .sa-content-photo{aspect-ratio:2.5;object-position:50% 55%}.service-artwork .sa-work-intro{display:grid;grid-template-columns:45% 1fr;align-items:stretch}.service-artwork .sa-work-intro>img{height:154px;object-position:50% 45%}.service-artwork .sa-work-intro>p{align-self:center;margin:0;padding:22px;font-size:17px;font-weight:550;line-height:1.7;letter-spacing:-.025em;word-break:keep-all}.service-artwork .sa-work-list{margin:0;padding:4px 26px 8px}.service-artwork .sa-work-list>div{display:grid;grid-template-columns:30% 1fr;align-items:center;gap:18px;padding:17px 0;border-top:1px solid #3b4657}.service-artwork .sa-work-list dt{color:#f4f6f9;font-size:16px;font-weight:650}.service-artwork .sa-work-list dd{margin:0;color:#c3d3e7;font-size:16px;line-height:1.6}.service-artwork .sa-browser-heading{justify-content:flex-start}.service-artwork .sa-browser-dots{display:inline-flex;gap:5px;flex:0 0 auto}.service-artwork .sa-browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#718096}.service-artwork .sa-site-capture{overflow:hidden;aspect-ratio:1.4;background:#11151c}.service-artwork .sa-site-capture>img{width:164%;max-width:none;height:auto;object-fit:contain}.service-artwork .sa-manuscript{padding:24px 26px 26px}.service-artwork .sa-field-label{display:block;color:#9eafc5;font-size:14px;line-height:1.6}.service-artwork .sa-manuscript h3{margin:8px 0 24px}.service-artwork .sa-manuscript-body{display:grid;grid-template-columns:1fr 40%;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #4b5667}.service-artwork .sa-manuscript-body p{margin:8px 0 0;color:#d4dfed;font-size:16px;line-height:1.75;word-break:keep-all}.service-artwork .sa-manuscript-photo{position:relative}.service-artwork .sa-manuscript-photo>img{aspect-ratio:1.4}.service-artwork .sa-manuscript-photo>span{position:absolute;right:0;bottom:0;left:0;padding:5px 8px;background:#11151ce0;color:#d4dfed;font-size:14px;line-height:1.5}.service-artwork .sa-web-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;background:#151c26;border-top:1px solid #3b4657}.service-artwork .sa-web-footer>p{margin:0;color:#bdcadd;font-size:14px;line-height:1.65;word-break:keep-all}.service-artwork .sa-example-contact{display:block;flex:0 0 auto;padding:8px 12px;background:#c3d3e7;color:#11151c;font-size:14px;font-weight:650;line-height:1.5}.service-artwork .sa-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 16px;padding-top:5px}.service-artwork .sa-note{flex:1 1 220px;margin:0;padding:8px 0;color:#aebed2;font-size:12px;line-height:1.7;word-break:keep-all}.service-artwork .sa-case-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:8px 0;color:#c3d3e7;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.service-artwork .sa-case-link:hover{color:#fff}.service-artwork .sa-case-link:focus-visible{outline:2px solid #c3d3e7;outline-offset:4px}.service-artwork.sa-compact .sa-photo-creative>.sa-image{aspect-ratio:2.05}.service-artwork.sa-compact .sa-site-capture{aspect-ratio:1.55}.service-artwork.sa-compact .sa-content-photo{aspect-ratio:2.85}.service-artwork.sa-compact .sa-work-intro>img{height:125px}.service-artwork.sa-compact .sa-work-list>div{padding-block:13px}@container (max-width: 430px){.service-artwork .sa-board-heading{min-height:43px;padding:10px 16px;gap:10px}.service-artwork .sa-heading-detail{display:none}.service-artwork .sa-creative-copy{inset:auto 20px 19px}.service-artwork .sa-photo-creative>.sa-image{aspect-ratio:1.6}.service-artwork .sa-steps{padding:15px 4px}.service-artwork .sa-steps li{padding-inline:5px}.service-artwork .sa-article-heading{padding:20px}.service-artwork .sa-content-photo{aspect-ratio:2.1}.service-artwork .sa-work-intro{grid-template-columns:42% 1fr}.service-artwork .sa-work-intro>img{height:135px}.service-artwork .sa-work-intro>p{padding:16px;font-size:15px}.service-artwork .sa-work-list{padding-inline:20px}.service-artwork .sa-work-list>div{gap:14px;padding-block:14px}.service-artwork .sa-work-list dt,.service-artwork .sa-work-list dd{font-size:15px}.service-artwork .sa-manuscript{padding:20px}.service-artwork .sa-manuscript h3{margin-bottom:20px}.service-artwork .sa-manuscript-body{gap:14px;padding-top:16px}.service-artwork .sa-manuscript-body p{font-size:14px;line-height:1.65}.service-artwork .sa-web-footer{gap:12px;padding:15px 16px}.service-artwork .sa-example-contact{padding:8px 10px}.service-artwork .sa-note{flex-basis:100%}.service-artwork.sa-compact .sa-photo-creative>.sa-image{aspect-ratio:1.8}.service-artwork.sa-compact .sa-content-photo{aspect-ratio:2.4}}
