@font-face{font-family:SCMontserrat;src:url('brief-merged-v1/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SCMontserrat;src:url('brief-merged-v1/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SCMontserrat;src:url('brief-merged-v1/Montserrat-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
.sc-preview,.sp-page{margin:0;background:#070708;color:#f7f5f0;font-family:SCMontserrat,Arial,sans-serif}
.sc-catalog,.sc-catalog *,.sp-page *{box-sizing:border-box}
.sc-catalog{--sc-pink:#ff42bc;background:#070708;width:100%;scroll-margin-top:80px}
.sc-canvas{position:relative;width:min(100%,1920px);margin:auto;aspect-ratio:1720/914;isolation:isolate}
.sc-art{position:absolute;display:block;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.sc-group{position:absolute;left:var(--gx);top:var(--gy);width:var(--gw);height:var(--gh)}
.sc-sr,.sc-mobile-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.sc-folder{--sc-accent:#ff42bc;--sc-rgb:255,66,188;display:block;position:absolute;border-radius:4px;text-decoration:none;color:white;outline:0;-webkit-tap-highlight-color:transparent;z-index:1}
.sc-folder::before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;background:transparent;box-shadow:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;pointer-events:none}
.sc-folder:is(:hover,:focus-visible,:active,.is-selected){z-index:3}
.sc-folder:is(:hover,:focus-visible,:active,.is-selected)::before{border-color:var(--sc-accent);background:rgba(var(--sc-rgb),.16);box-shadow:inset 0 0 24px rgba(var(--sc-rgb),.23),0 0 17px rgba(var(--sc-rgb),.63)}
.sc-folder:focus-visible{outline:2px solid #fff;outline-offset:4px}
.sc-folder:active::before{background:rgba(var(--sc-rgb),.28)}
.sc-open{display:flex;align-items:center;justify-content:center;position:absolute;right:2.5%;top:50%;width:26px;height:26px;transform:translateY(-50%);background:var(--sc-accent);color:#160410;border-radius:50%;font:700 20px/1 Arial;opacity:0;transition:opacity .18s ease;pointer-events:none}
.sc-folder:is(:hover,:focus-visible,:active,.is-selected) .sc-open{opacity:1}
.sc-hint{display:flex;justify-content:center;align-items:center;gap:18px;margin:0;padding:18px 20px 22px;font-size:11px;line-height:1.6;letter-spacing:.025em;color:#b6b4b5;background:#080809}
.sc-hint-arrow{color:var(--sc-pink);font-size:19px}
@media(min-width:1921px){.sc-canvas{border-inline:1px solid #151518}}
@media(max-width:1050px){.sc-mobile-heading{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0;padding:48px 32px 18px;background:radial-gradient(ellipse at 0 0,rgba(211,0,146,.09),transparent 66%)}.sc-mobile-heading>p:first-child{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#d1df30;margin:0 0 19px}.sc-mobile-heading h2{font-size:clamp(32px,5vw,48px);line-height:1.04;letter-spacing:-.045em;margin:0 0 20px;text-transform:uppercase}.sc-mobile-heading h2 br{display:none}.sc-mobile-heading h2 br::after{content:' '}.sc-mobile-heading p{font-size:13px;line-height:1.65;color:#c2bfc3;margin:0 0 14px}.sc-mobile-heading small{font-size:10px;line-height:1.7;color:#929098;display:block;max-width:340px}.sc-canvas{aspect-ratio:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px 6px;padding:5px 12px 25px}.sc-art{display:none}.sc-group{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:var(--ratio);background-image:url('services-folders-v1.png');background-size:var(--bs) auto;background-position:var(--bx) var(--by);background-repeat:no-repeat}.sc-folder::before{border-width:2px}}
@media(max-width:580px){.sc-mobile-heading{padding:34px 24px 12px}.sc-mobile-heading h2{font-size:33px;line-height:1.07}.sc-mobile-heading h2 br{display:block}.sc-mobile-heading p{font-size:12px}.sc-canvas{display:flex;flex-direction:column;gap:26px;padding:0 8px 22px}.sc-group{width:100%;flex:none}.sc-hint{font-size:10px;padding:20px 28px;text-align:center}.sc-open{width:28px;height:28px}}
@media(max-width:360px){.sc-mobile-heading{padding:28px 20px 10px}.sc-mobile-heading h2{font-size:29px}.sc-open{width:24px;height:24px}}

/* Shared service-page template: independent URLs, one content structure. */
.sp-page{--sp-accent:var(--sc-accent,#ff42bc);--sp-line:#28252a;min-height:100vh}
.sp-page a{color:inherit;text-decoration:none;text-underline-offset:5px;transition:color .18s ease}
.sp-page a:hover{color:var(--sp-accent)}
.sp-page a:focus-visible{outline:2px solid var(--sp-accent);outline-offset:6px}
.sp-header,.sp-main,.sp-bottom{width:min(1200px,calc(100% - 100px));margin:auto}
.sp-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid var(--sp-line);gap:30px}
.sp-logo{display:block;width:225px;aspect-ratio:1464/350;overflow:hidden;margin-left:-11px}
.sp-logo img{display:block;width:100%;height:auto;margin-top:-9.55%}
.sp-header-phone{font-size:15px;font-weight:600;white-space:nowrap}
.sp-main{padding:44px 0 64px}
.sp-back{display:inline-block;color:#b4aeb8!important;font-size:12px;padding:7px 0}
.sp-back:hover{color:var(--sp-accent)!important}
.sp-intro{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:end;gap:60px;padding:54px 0 46px;border-bottom:1px solid var(--sp-line)}
.sp-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--sp-accent);font-weight:600;margin:0 0 18px}
.sp-intro h1{font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;overflow-wrap:anywhere}
.sp-description{font-size:15px;line-height:1.85;color:#bbb5bf;max-width:620px;margin:0}
.sp-cost>span{font-size:11px;color:#aaa0af;text-transform:uppercase;letter-spacing:.12em}
.sp-cost strong{display:block;margin:12px 0;font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-.045em;white-space:nowrap}
.sp-cost p{font-size:11px;line-height:1.8;color:#a79eab;margin:0}
.sp-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:44px 0 32px}
.sp-page h2{font-size:20px;letter-spacing:-.035em;font-weight:600;margin:0 0 20px;line-height:1.3}
.sp-details ol{list-style:none;counter-reset:inputs;margin:0;padding:0}
.sp-details li{counter-increment:inputs;display:flex;align-items:baseline;gap:17px;font-size:13px;line-height:1.65;border-bottom:1px solid #201d22;padding:13px 0;color:#c1b9c6}
.sp-details li::before{content:'0' counter(inputs);font-size:10px;color:var(--sp-accent)}
.sp-request p{color:#bbb5bf;font-size:13px;line-height:1.8;margin:0 0 24px}
.sp-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;background:var(--sp-accent);color:#18050f!important;font-size:13px;font-weight:700;border:1px solid var(--sp-accent)}
.sp-cta:hover{background:var(--sp-accent);border-color:var(--sp-accent);filter:brightness(1.14)}
.sp-cta span{font-size:22px;font-weight:400}
.sp-mail{display:block;width:max-content;font-size:12px;padding:15px 0}
.sp-scope{max-width:610px;font-size:10px;line-height:1.8;color:#99909e;margin:0 0 40px}
.sp-related{border-top:1px solid var(--sp-line);padding-top:30px}
.sp-related h2{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#a79eab}
.sp-related>div{display:flex;gap:15px 28px;flex-wrap:wrap}
.sp-related a{font-size:12px;min-height:32px;display:inline-flex;align-items:center;gap:12px}
.sp-related span{color:var(--sp-accent)}
.sp-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;min-height:70px;border-top:1px solid var(--sp-line);color:#aba3b1}
@media(max-width:900px){.sp-header,.sp-main,.sp-bottom{width:calc(100% - 56px)}.sp-intro{grid-template-columns:minmax(0,1fr) 220px;gap:35px}.sp-cost strong{font-size:29px}.sp-details{gap:40px}.sp-intro h1{font-size:45px}}
@media(max-width:600px){.sp-header,.sp-main,.sp-bottom{width:calc(100% - 40px)}.sp-header{min-height:84px;gap:18px}.sp-logo{width:160px;flex-shrink:1}.sp-header-phone{font-size:11px}.sp-main{padding-top:24px}.sp-intro{grid-template-columns:1fr;gap:26px;padding:30px 0}.sp-intro h1{font-size:36px}.sp-description{font-size:13px;line-height:1.75}.sp-cost strong{font-size:32px}.sp-cost p br{display:none}.sp-details{grid-template-columns:1fr;gap:32px;margin-top:30px}.sp-page h2{font-size:19px}.sp-cta{width:100%}.sp-related h2{font-size:10px}.sp-related>div{flex-direction:column;gap:3px}.sp-bottom{flex-wrap:wrap;padding:20px 0;gap:12px}.sp-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.sc-catalog *,.sc-catalog *::before,.sp-page *{transition:none!important;scroll-behavior:auto!important}}

/* Eight stable accents, assigned to individual services. */
.sc-folder[data-accent="pink"],.sp-page[data-accent="pink"]{--sc-accent:#ff42bc;--sc-rgb:255,66,188}
.sc-folder[data-accent="cyan"],.sp-page[data-accent="cyan"]{--sc-accent:#32dfff;--sc-rgb:50,223,255}
.sc-folder[data-accent="lime"],.sp-page[data-accent="lime"]{--sc-accent:#c9ff3d;--sc-rgb:201,255,61}
.sc-folder[data-accent="violet"],.sp-page[data-accent="violet"]{--sc-accent:#b78cff;--sc-rgb:183,140,255}
.sc-folder[data-accent="orange"],.sp-page[data-accent="orange"]{--sc-accent:#ffab48;--sc-rgb:255,171,72}
.sc-folder[data-accent="scarlet"],.sp-page[data-accent="scarlet"]{--sc-accent:#ff646d;--sc-rgb:255,100,109}
.sc-folder[data-accent="yellow"],.sp-page[data-accent="yellow"]{--sc-accent:#f6ed42;--sc-rgb:246,237,66}
.sc-folder[data-accent="mint"],.sp-page[data-accent="mint"]{--sc-accent:#50f5b5;--sc-rgb:80,245,181}

/* Keep the service view calm without altering the shared footer. */
.cmyker-service-page::before,.cmyker-service-page::after,.cmyker-service-page .site-shell::before,.cmyker-service-page .site-shell::after{display:none}
.sc-catalog{font-family:SCMontserrat,Arial,sans-serif}
.sc-catalog .sc-mobile-heading h2{font-weight:700}

/* Clean integrated catalogue: live heading and four independent exact-image stacks. */
.sc-catalog{--sc-pink:#ff42bc;width:100%;padding:clamp(44px,5.4vw,92px) 0 0;background:transparent;overflow:hidden;scroll-margin-top:80px;isolation:isolate}
.sc-heading{width:min(1510px,calc(100% - 96px));margin:0 auto clamp(18px,2vw,32px);display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:56px;padding:0 18px}
.sc-heading-main{min-width:0}
.sc-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 22px;color:#d7d0d7;font-size:11px;font-weight:600;letter-spacing:.21em;text-transform:uppercase}
.sc-eyebrow span{width:36px;height:2px;background:linear-gradient(90deg,#c9ff3d 0 55%,#ff42bc 55%)}
.sc-heading h2{margin:0;font-family:SCMontserrat,Arial,sans-serif;font-size:clamp(44px,5.35vw,88px);font-weight:700;line-height:.96;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.sc-lead{margin:24px 0 0;color:#c9c3cb;font-size:clamp(13px,1.2vw,19px);line-height:1.65}
.sc-note{align-self:center;margin:32px 0 0;color:#b8b1bc;font-size:14px;line-height:1.7}
.sc-stage{position:relative;width:min(1720px,100%);margin:auto;display:grid;grid-template-columns:432fr 396fr 413fr 409fr;align-items:end;padding:0 18px 12px;isolation:isolate}
.sc-stage::before{content:"";position:absolute;z-index:-2;left:5%;right:5%;bottom:1.3%;height:21%;background:linear-gradient(90deg,rgba(255,66,188,.18),rgba(246,237,66,.12) 28%,rgba(50,223,255,.11) 56%,rgba(183,140,255,.17));filter:blur(44px);opacity:.75;border-radius:50%}
.sc-stage::after{content:"";position:absolute;z-index:-1;left:2%;right:2%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 14%,rgba(201,255,61,.38) 50%,rgba(255,255,255,.2) 86%,transparent);box-shadow:0 -18px 42px rgba(255,255,255,.055)}
.sc-group{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:var(--ratio);background-image:url('services-folders-v1.png');background-size:var(--bs) auto;background-position:var(--bx) var(--by);background-repeat:no-repeat;mix-blend-mode:lighten;isolation:isolate;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2.4%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 2.4%,#000 94%,transparent 100%);filter:drop-shadow(0 22px 22px rgba(0,0,0,.62)) drop-shadow(0 0 16px rgba(var(--group-rgb),.09));transition:filter .25s ease,transform .25s ease}
.sc-group-outdoor{--group-rgb:255,66,188}
.sc-group-print{--group-rgb:246,237,66}
.sc-group-brand{--group-rgb:201,255,61}
.sc-group-prepress{--group-rgb:183,140,255}
.sc-group::after{content:"";position:absolute;z-index:-1;left:6%;right:6%;bottom:0;height:17%;background:radial-gradient(ellipse at center,rgba(var(--group-rgb),.28),transparent 68%);filter:blur(18px);opacity:.72;transform:translateY(33%)}
.sc-group:hover{filter:drop-shadow(0 26px 28px rgba(0,0,0,.72)) drop-shadow(0 0 22px rgba(var(--group-rgb),.16));transform:translateY(-3px)}
.sc-hint{background:transparent}
@media(max-width:1050px){.sc-catalog{padding-top:48px}.sc-heading{width:calc(100% - 52px);grid-template-columns:1fr;gap:4px;padding:0;margin-bottom:26px}.sc-heading h2{font-size:clamp(39px,8vw,68px)}.sc-note{margin:0}.sc-note br{display:none}.sc-stage{grid-template-columns:1fr 1fr;gap:20px 0;padding:0 10px 18px}.sc-group:hover{transform:none}}
@media(max-width:580px){.sc-catalog{padding-top:34px}.sc-heading{width:calc(100% - 38px);margin-bottom:14px}.sc-eyebrow{font-size:9px;margin-bottom:16px}.sc-heading h2{font-size:36px;line-height:1.02}.sc-lead{font-size:12px;margin-top:17px}.sc-note{font-size:10px;line-height:1.6}.sc-stage{display:flex;flex-direction:column;gap:18px;padding:0 4px 12px}.sc-group{width:100%;flex:none}.sc-hint{font-size:10px;padding:18px 25px 24px;text-align:center}.sc-open{width:28px;height:28px}}
@media(max-width:360px){.sc-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.sc-catalog *,.sc-catalog *::before,.sc-catalog *::after{transition:none!important}}

/* V2 contour cutout: real alpha, no rectangular source-image patches. */
.sc-stage{grid-template-columns:440fr 396fr 422fr 427fr}
.sc-group{background-size:100% 100%;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.sc-group-outdoor{aspect-ratio:440/575;background-image:url('services-stack-outdoor-v2.png')}
.sc-group-print{aspect-ratio:396/575;background-image:url('services-stack-print-v2.png')}
.sc-group-brand{aspect-ratio:422/580;background-image:url('services-stack-brand-v2.png')}
.sc-group-prepress{aspect-ratio:427/570;background-image:url('services-stack-prepress-v2.png')}

/* One continuous site backdrop: remove clipped section washes and black bands. */
.home .wall-section,.home .cmyker-brief-v3,.home .dn-reviews,.home .cmyker-music-finale{background:transparent!important}
.home .wall-section::before,.home .wall-section::after,.home .cmyker-brief-v3::before{display:none!important}

/* Clip the review artwork and its colored hairline to the same smooth contour. */
.home .dn-reviews{overflow:hidden!important;border-radius:clamp(18px,2vw,34px);isolation:isolate}
.home .dn-board{overflow:hidden;border-radius:clamp(18px,2vw,34px) clamp(18px,2vw,34px) 0 0;isolation:isolate}
.home .dn-backdrop{display:block;border-radius:inherit}
.home .dn-caption{border-radius:0 0 clamp(18px,2vw,34px) clamp(18px,2vw,34px);background:rgba(0,0,0,.34)}

@media(max-width:1050px){.sc-stage{grid-template-columns:1fr 1fr}.sc-group{background-size:100% 100%;background-position:center}}
@media(max-width:580px){.sc-stage{display:flex}.sc-group{background-size:100% 100%;background-position:center}}

/* V3 brand-light system: only pink, yellow and lime across the catalogue. */
.sc-group-outdoor{--group-rgb:255,66,188}
.sc-group-print{--group-rgb:246,237,66}
.sc-group-brand{--group-rgb:201,255,61}
.sc-group-prepress{--group-rgb:255,66,188}
.sc-group{filter:drop-shadow(0 24px 24px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(var(--group-rgb),.38)) drop-shadow(0 0 30px rgba(var(--group-rgb),.2))}
.sc-group::after{background:radial-gradient(ellipse at center,rgba(var(--group-rgb),.46),transparent 68%);opacity:1;filter:blur(20px)}
.sc-group:hover{filter:drop-shadow(0 28px 30px rgba(0,0,0,.76)) drop-shadow(0 0 16px rgba(var(--group-rgb),.56)) drop-shadow(0 0 38px rgba(var(--group-rgb),.3))}

.sc-folder[data-accent="pink"],.sc-folder[data-accent="violet"],.sc-folder[data-accent="scarlet"],.sp-page[data-accent="pink"],.sp-page[data-accent="violet"],.sp-page[data-accent="scarlet"]{--sc-accent:#ff42bc;--sc-rgb:255,66,188}
.sc-folder[data-accent="yellow"],.sc-folder[data-accent="orange"],.sp-page[data-accent="yellow"],.sp-page[data-accent="orange"]{--sc-accent:#f6ed42;--sc-rgb:246,237,66}
.sc-folder[data-accent="lime"],.sc-folder[data-accent="mint"],.sc-folder[data-accent="cyan"],.sp-page[data-accent="lime"],.sp-page[data-accent="mint"],.sp-page[data-accent="cyan"]{--sc-accent:#c9ff3d;--sc-rgb:201,255,61}

/* Reviews caption sits over the artwork; the former lower chin is removed. */
.home .dn-reviews{background:transparent!important;overflow:hidden!important;border-radius:clamp(18px,2vw,34px);isolation:isolate}
.home .dn-board{overflow:hidden;border-radius:inherit;isolation:isolate}
.home .dn-backdrop{display:block;border-radius:inherit}
.home .dn-caption{position:absolute;z-index:8;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0;padding:34px 3% 15px;border-radius:0 0 clamp(18px,2vw,34px) clamp(18px,2vw,34px);background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.78) 72%,rgba(0,0,0,.88) 100%);pointer-events:none}
.home .dn-caption p{margin:0;text-shadow:0 1px 8px rgba(0,0,0,.95)}

@media(max-width:1100px){.home .dn-caption{padding:34px 18px 14px}.home .dn-caption p:last-child{max-width:58%;text-align:right}}
@media(max-width:700px){.home .dn-reviews,.home .dn-board{border-radius:0}.home .dn-caption{flex-direction:column;align-items:flex-start;gap:3px;padding:32px 15px 12px;border-radius:0;font-size:9px}.home .dn-caption p:last-child{max-width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* CMYKER music photo v2: light coastal composition on the existing black stage. */
.home #music .cm-photo{background-image:url('images/CMYKER-transparent-background.png?v=20260901-2')!important}

/* Mobile reliability: render each service stack as real image content, not only a CSS background. */
.sc-group{background-image:none!important}
.sc-stack-art{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}
.sc-folder{z-index:1}