.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:0;height:auto;padding:0;transform:rotate(1.5deg);overflow:visible;}
.service-art:before{z-index:2;background:linear-gradient(135deg,rgba(17,17,15,.08),transparent 48%,rgba(17,17,15,.08));pointer-events:none;}
.service-art-photo{position:relative;inset:auto;width:100%;height:auto;max-width:100%;object-fit:initial;object-position:initial;display:block;border-radius:22px;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:'';}
@media(max-width:720px){.service-art{min-height:0;transform:none}.service-art-photo{border-radius:18px}.service-art-caption{font-size:9px}}


/* Final service hero image treatment: transparent, uncropped, no containing background */
.service-art{background:transparent !important;box-shadow:none !important;border-radius:0 !important;transform:none !important;overflow:visible !important;padding:0 !important;min-height:0 !important;}
.service-art:before{display:none !important;}
.service-art-photo{display:block;width:auto !important;max-width:100% !important;height:auto !important;max-height:none !important;object-fit:contain !important;object-position:center !important;border-radius:0 !important;filter:none !important;margin:0 auto !important;}
.service-art-caption{display:block !important;margin:22px 0 0 !important;text-align:right !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.12em !important;color:#11110f !important;line-height:1.35 !important;}
@media(max-width:720px){.service-art-photo{width:auto !important;max-width:100% !important}.service-art-caption{font-size:9px !important;margin-top:16px !important;}}

/* Final polish: tighter hero + subtle image motion/shadow */
.service-page-hero{padding-top:48px;padding-bottom:64px;}
.service-art-photo{transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s ease,box-shadow .4s ease;will-change:transform;}
.service-hero-figure:hover .service-art-photo{transform:translateY(-7px) scale(1.015);box-shadow:0 14px 30px rgba(17,17,15,.16);}
.service-work .case-visual{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease;}
.service-work .case-card:hover .case-visual{transform:translateY(-6px);box-shadow:0 14px 32px rgba(17,17,15,.14);}
.service-work .case-visual img{transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.service-work .case-card:hover .case-visual img{transform:scale(1.025);}
@media(max-width:720px){.service-page-hero{padding-top:36px;padding-bottom:52px}.service-hero-figure:hover .service-art-photo{transform:translateY(-4px) scale(1.01)}}


/* Navigation services dropdown */
.main-nav{align-items:center;}
.nav-dropdown{position:relative;height:100%;display:flex;align-items:center;}
.nav-dropdown-toggle{display:flex;align-items:center;gap:7px;}
.nav-dropdown-toggle .nav-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #11110f;display:inline-block;position:relative;top:0;flex:none;transform:none !important;transition:none !important;}
.nav-dropdown:hover .nav-dropdown-toggle .nav-caret,.nav-dropdown:focus-within .nav-dropdown-toggle .nav-caret{transform:none !important;}
.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:-18px;width:235px;background:var(--paper,#f6f5f1);border:1px solid var(--ink,#11110f);padding:10px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;box-shadow:0 12px 28px rgba(17,17,15,.08);z-index:50;}
.nav-dropdown-menu:before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px;}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dropdown-menu a{display:block;padding:12px 13px;font-size:13px;font-weight:800;letter-spacing:.04em;}
.nav-dropdown-menu a:hover{background:var(--acid,#d9fb53);}
.mobile-services summary{list-style:none;cursor:pointer;font-size:29px;font-weight:800;letter-spacing:-.05em;padding:10px 0;}
.mobile-services summary::-webkit-details-marker{display:none;}
.mobile-services summary span{float:right;font-size:13px;line-height:1;position:relative;top:0;transition:none;transform:none !important;}
.mobile-services[open] summary span{transform:none !important;}
.mobile-services>div{display:flex;flex-direction:column;padding:0 0 8px 18px;}
.mobile-services>div a{font-size:18px;padding:7px 0;}

/* Hero image: subtle tilt only, no shadow or zoom */
.service-art-photo{transform:none !important;box-shadow:none !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}
.service-hero-figure:hover .service-art-photo{transform:rotate(-1.5deg) !important;box-shadow:none !important;}
.service-work .case-visual,.service-work .case-visual img{box-shadow:none !important;}
@media(max-width:640px){.nav-dropdown{display:none;}}

@media(max-width:640px){.mobile-services summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-services summary .nav-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #11110f;display:inline-block;flex:none;position:relative;top:0;transform:none!important;transition:none!important}.mobile-services[open] summary .nav-caret{transform:none!important}}