.service-art{position:relative;min-height:440px;background:#11110f;border-radius:22px;overflow:hidden;padding:26px;box-shadow:0 26px 60px #1113;transform:rotate(2deg);transition:transform .35s,box-shadow .35s;color:#fff}.service-hero-figure:hover .service-art{transform:rotate(0deg);box-shadow:0 30px 75px #1114}.service-art:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 45%,#ffffff12 45% 46%,transparent 46% 100%);pointer-events:none}.service-art-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;position:relative;z-index:2}.service-art-title{font-size:clamp(32px,4vw,58px);line-height:.9;letter-spacing:-.06em;max-width:430px;margin:55px 0 0;position:relative;z-index:2}.service-art-title em{font-family:var(--serif);font-weight:400}.service-art-tag{position:absolute;right:25px;bottom:24px;border:1px solid #fff5;padding:10px 12px;font-size:10px;letter-spacing:.12em;font-weight:800}.art-window{position:absolute;right:24px;bottom:30px;width:62%;background:#f6f5f1;color:#11110f;border-radius:12px;padding:10px;transform:rotate(-4deg);box-shadow:0 20px 35px #0005}.art-window-top{height:22px;border-bottom:1px solid #1112;display:flex;align-items:center;gap:5px}.art-window-top i{width:6px;height:6px;border-radius:50%;background:#11110f;display:block}.art-window-body{padding:18px;display:grid;gap:12px}.art-line{height:8px;background:#11110f;width:80%}.art-line.short{width:48%}.art-block{height:72px;background:#1b4260}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.art-grid div{height:48px;background:#d7c8ed}.art-brand{position:absolute;right:22px;top:82px;width:58%;height:285px;background:#efdfd2;color:#11110f;border-radius:12px;padding:22px;transform:rotate(-5deg);box-shadow:0 22px 40px #0004}.art-brand-mark{width:92px;height:92px;border:2px solid #11110f;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:45px}.art-brand-name{font-size:32px;letter-spacing:-.05em;margin-top:28px}.art-swatches{display:flex;gap:7px;margin-top:22px}.art-swatches i{width:36px;height:36px;border:1px solid #1112;background:#11110f}.art-swatches i:nth-child(2){background:#1b4260}.art-swatches i:nth-child(3){background:#d7c8ed}.art-swatches i:nth-child(4){background:#efdfd2}.art-print{position:absolute;right:25px;top:62px;width:60%;height:315px;background:#f6f5f1;color:#11110f;padding:22px;transform:rotate(-6deg);box-shadow:0 22px 45px #0005}.art-print:after{content:'HHC';position:absolute;right:18px;bottom:12px;font-family:var(--serif);font-size:64px;line-height:1}.art-print-head{font-size:42px;line-height:.88;letter-spacing:-.06em;max-width:230px}.art-print-copy{margin-top:24px;font-size:11px;line-height:1.4;max-width:180px}.art-poster{position:absolute;right:35px;top:65px;width:54%;height:310px;background:#d9fb53;color:#11110f;padding:25px;transform:rotate(5deg);box-shadow:0 24px 45px #0005}.art-poster-big{font-size:62px;line-height:.75;letter-spacing:-.08em;font-weight:800}.art-poster-small{font-size:12px;font-weight:800;letter-spacing:.12em;margin-top:30px}.art-orbit{position:absolute;right:35px;top:75px;width:56%;height:280px;border:1px solid #fff5;border-radius:50%;transform:rotate(-12deg)}.art-orbit:before,.art-orbit:after{content:'';position:absolute;border-radius:50%}.art-orbit:before{width:105px;height:105px;background:#1b4260;left:30%;top:28%;box-shadow:80px -65px 0 #d7c8ed,-90px 55px 0 #efdfd2}.art-orbit:after{inset:45px 70px;border:1px dashed #fff6}.art-checklist{position:absolute;right:25px;top:65px;width:58%;background:#f6f5f1;color:#11110f;padding:24px;border-radius:12px;transform:rotate(4deg);box-shadow:0 22px 45px #0005}.art-checklist h4{font-size:28px;letter-spacing:-.05em;margin:0 0 18px}.art-check{display:flex;gap:10px;align-items:center;border-top:1px solid #1112;padding:12px 0;font-size:12px;font-weight:700}.art-check b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #11110f;border-radius:50%;font-size:11px}.service-art--web-design{background:#7442a1}.service-art--web-development{background:#1b4260}.service-art--brand-identity{background:#efdfd2}.service-art--graphic-design{background:#f0df9e}.service-art--digital-campaigns{background:#d4e8cf}.service-art--website-support{background:#d1e4db}.service-art-caption{margin-top:25px;text-align:right;font-size:11px;font-weight:800;letter-spacing:.12em}.service-art--web-design .art-window{display:block}.service-art--web-development .art-window{transform:rotate(-3deg)}
@media(max-width:720px){.service-art{min-height:390px;padding:22px}.service-art-title{margin-top:45px;font-size:42px}.art-window,.art-brand,.art-print,.art-poster,.art-checklist{width:67%;right:18px}.art-orbit{width:64%;right:20px}.art-poster-big{font-size:50px}.service-art-caption{font-size:9px}}

/* PHOTO-LED SERVICE HEROES */
.service-art{background:#11110f !important;min-height:440px;padding:0;transform:rotate(1.5deg);}
.service-art:before{z-index:2;background:linear-gradient(135deg,rgba(17,17,15,.18),transparent 48%,rgba(17,17,15,.18));}
.service-art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.92) contrast(1.02);}
.service-art-label,.service-art-title,.service-art-tag,.service-art > .art-window,.service-art > .art-brand,.service-art > .art-print,.service-art > .art-poster,.service-art > .art-orbit,.service-art > .art-checklist{display:none !important;}
.service-art-caption{margin-top:25px;text-align:right;font-size:11px;font-weight:800;letter-spacing:.12em;}
.service-art-caption:after{content:' • STOCK IMAGE / EASY TO REPLACE';}
.service-art--web-design .service-art-photo{object-position:center 45%;}
.service-art--web-development .service-art-photo{object-position:center 50%;}
.service-art--brand-identity .service-art-photo{object-position:center 45%;}
.service-art--graphic-design .service-art-photo{object-position:center 48%;}
.service-art--digital-campaigns .service-art-photo{object-position:center 45%;}
.service-art--website-support .service-art-photo{object-position:center 50%;}
@media(max-width:720px){.service-art{min-height:390px;transform:none}.service-art-caption{font-size:9px}}