/* CHANNMAS Theme v1.2.8 — focused service showcases; theme-owned, no tracking. */
.chm-service-detail{--svc-accent:#a9e9ca;--svc-accent-dark:#1f8164;color:var(--ink)}
.chm-svc-blue{--svc-accent:#b9d9ff;--svc-accent-dark:#3b84e3}
.chm-svc-orange{--svc-accent:#ffe4b9;--svc-accent-dark:#ce8a21}
.chm-svc-pink{--svc-accent:#ffd0d9;--svc-accent-dark:#d95471}
.chm-svc-violet{--svc-accent:#e4c9ff;--svc-accent-dark:#9461c9}
.chm-svc-mint{--svc-accent:#b4f1db;--svc-accent-dark:#188e6c}
.chm-svc-periwinkle{--svc-accent:#d5d8ff;--svc-accent-dark:#6e74d9}
.chm-svc-hero{overflow:hidden;color:#edf8f1;background:radial-gradient(ellipse at 78% 35%,rgba(24,128,86,.25),transparent 55%),linear-gradient(145deg,#071c17 3%,#092820 70%,#0c3126);border-bottom:1px solid rgba(166,236,198,.12)}
.chm-svc-hero-layout{width:min(calc(100% - 72px),1390px);max-width:none;display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,66px);padding-top:clamp(56px,6vw,95px);padding-bottom:clamp(68px,6vw,106px)}
.chm-svc-hero-content{min-width:0}
.chm-svc-breadcrumb{font-size:.72rem;color:#adceb9;margin:0 0 27px;letter-spacing:.03em}
.chm-svc-breadcrumb a{color:#b5eed0;text-decoration:underline;text-decoration-color:rgba(181,238,208,.33);text-underline-offset:4px}
.chm-svc-breadcrumb span{padding:0 6px;color:#85a796}
.chm-svc-kicker{display:flex;align-items:center;gap:13px;letter-spacing:.145em;color:#a6e5c5;font-size:.67rem;font-weight:800;margin-bottom:17px}
.chm-svc-icon{display:grid;place-items:center;width:57px;height:57px;flex:0 0 57px;color:#12372b;background:var(--svc-accent);border-radius:15px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.chm-svc-hero h1{font-size:clamp(2.8rem,5.1vw,5.1rem);font-weight:800;line-height:1.08;letter-spacing:-.068em;margin-bottom:13px;max-width:690px}
.chm-svc-headline{font-size:clamp(1.2rem,2vw,1.78rem);letter-spacing:-.035em;line-height:1.3;color:var(--svc-accent);margin:0 0 18px;font-weight:700;max-width:570px}
.chm-svc-lede{font-size:clamp(.98rem,1.15vw,1.09rem);line-height:1.8;color:#cfdfd7;max-width:590px;margin:0 0 26px}
.chm-svc-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.chm-svc-buttons .btn-outline{color:#e7f6ec;border-color:rgba(184,236,206,.55);background:transparent}
.chm-svc-buttons .btn-outline:hover{background:rgba(184,236,206,.12)}
.chm-svc-hero-art{margin:0;position:relative;min-width:0;border:1px solid rgba(171,223,197,.30);padding:10px;background:linear-gradient(145deg,rgba(97,166,135,.25),rgba(5,36,26,.75));border-radius:26px;box-shadow:0 35px 90px rgba(0,0,0,.25);isolation:isolate}
.chm-svc-hero-art:before{content:"";position:absolute;z-index:-1;inset:-38px;background:radial-gradient(circle,rgba(44,173,111,.20),transparent 64%);pointer-events:none}
.chm-svc-hero-art>img{display:block;width:100%;height:auto;aspect-ratio:1.73;object-fit:cover;object-position:center;border-radius:18px;background:#08251c}
.chm-svc-hero-art figcaption{margin:10px 4px 1px;font-size:.61rem;line-height:1.4;letter-spacing:.025em;color:#c4d8cc}
.chm-svc-feature-section{padding:clamp(60px,6vw,98px) 0;background:var(--bg)}
.chm-svc-section-heading{margin-bottom:28px}
.chm-svc-section-heading h2{max-width:780px;font-size:clamp(1.9rem,3.4vw,2.75rem);margin:0}
.chm-svc-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.chm-svc-feature-card{background:var(--surface);border:1px solid var(--outline);border-radius:19px;padding:25px 23px 23px;box-shadow:0 10px 26px rgba(2,21,14,.025);min-width:0}
.chm-svc-feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--surface-mint);color:var(--jade);margin-bottom:24px;border:1px solid var(--outline)}
.chm-svc-feature-card h3{font-size:1.02rem;line-height:1.4;margin:0 0 9px;letter-spacing:-.022em}
.chm-svc-feature-card p{font-size:.87rem;color:var(--muted);margin:0;line-height:1.7}
.chm-svc-gallery-section{padding:clamp(60px,6.5vw,105px) 0;background:color-mix(in srgb,var(--surface-mint) 21%,var(--bg));border-block:1px solid var(--outline)}
.chm-svc-gallery-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.chm-svc-gallery-header h2{font-size:clamp(2rem,3.9vw,3.3rem);max-width:680px;margin:0 0 13px}
.chm-svc-gallery-header p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.7;max-width:660px}
.chm-svc-gallery-header .btn{flex-shrink:0}
.chm-svc-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(195px,auto);gap:14px}
.chm-svc-mosaic-tile{min-width:0;position:relative;overflow:hidden;isolation:isolate;display:block;min-height:208px;border-radius:19px;border:1px solid var(--outline);background:var(--surface-soft)}
.chm-svc-mosaic-tile:nth-child(1){grid-column:span 6;grid-row:span 2;min-height:430px}
.chm-svc-mosaic-tile:nth-child(2),.chm-svc-mosaic-tile:nth-child(3){grid-column:span 3}
.chm-svc-mosaic-tile:nth-child(4){grid-column:span 6}
.chm-svc-mosaic-tile:nth-child(n+5){grid-column:span 4}
.chm-svc-mosaic-tile>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .3s ease}
.chm-svc-real-project:hover>img,.chm-svc-real-project:focus-visible>img{transform:scale(1.035)}
.chm-svc-concept-tile>img{object-fit:cover;opacity:.93}
.chm-svc-mosaic-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(4,25,18,.91),rgba(5,25,19,.27) 70%,transparent);pointer-events:none}
.chm-svc-tile-label{position:absolute;z-index:2;inset:auto 17px 17px;display:flex;flex-direction:column;gap:4px;color:#fff}
.chm-svc-tile-label strong{font-size:clamp(.86rem,1.2vw,1.2rem);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;line-height:1.36;letter-spacing:-.028em}
.chm-svc-tile-label small{font-size:.68rem;line-height:1.4;color:#b0e8ca;font-weight:700}
.chm-svc-concept-disclaimer{font-size:.76rem;color:var(--muted);margin:18px 0 0;line-height:1.6}
.chm-svc-bottom-section{background:var(--bg);padding:clamp(64px,6vw,95px) 0}
.chm-svc-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--outline);border-radius:22px;padding:clamp(27px,4vw,52px);background:var(--surface)}
.chm-svc-bottom-inner h2{font-size:clamp(1.95rem,3.6vw,2.9rem);margin:0 0 12px}
.chm-svc-bottom-inner p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.6}
.chm-svc-bottom-actions{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end}
.chm-svc-index-hero{background:radial-gradient(ellipse at 85% 30%,rgba(42,113,81,.22),transparent 56%),var(--bg);padding:clamp(70px,8vw,118px) 0 50px}
.chm-svc-index-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);max-width:900px;margin:0 0 21px}
.chm-svc-index-hero p:not(.eyebrow){max-width:640px;font-size:1.04rem;color:var(--muted)}
.chm-svc-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:75px}
.chm-svc-index-card{min-width:0;display:flex;flex-direction:column;align-items:start;border:1px solid var(--outline);border-radius:19px;padding:29px 26px;background:var(--surface);transition:transform .2s,border-color .2s}
.chm-svc-index-card:hover{transform:translateY(-3px);border-color:var(--jade)}
.chm-svc-index-card .chm-svc-feature-icon{margin-bottom:19px}
.chm-svc-index-card h2{font-size:1.33rem;margin:0 0 12px}
.chm-svc-index-card p{font-size:.88rem;color:var(--muted);flex:1;line-height:1.7}
.chm-svc-index-card>span:last-child{font-size:.79rem;font-weight:800;color:var(--jade)}
@media(max-width:1050px){.chm-svc-hero-layout{grid-template-columns:1fr;gap:32px;padding-top:55px}.chm-svc-hero-art{max-width:840px}.chm-svc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chm-svc-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.chm-svc-hero-layout{width:min(calc(100% - 36px),600px);padding-block:44px 60px}.chm-svc-hero h1{font-size:clamp(2.5rem,11.5vw,3.9rem)}.chm-svc-icon{width:48px;height:48px;flex-basis:48px}.chm-svc-kicker{font-size:.57rem;letter-spacing:.09em}.chm-svc-buttons .btn{white-space:normal}.chm-svc-feature-grid{grid-template-columns:1fr}.chm-svc-gallery-header{align-items:start;flex-direction:column}.chm-svc-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:175px;gap:10px}.chm-svc-mosaic-tile:nth-child(1){grid-column:span 2;grid-row:span 2;min-height:350px}.chm-svc-mosaic-tile:nth-child(2),.chm-svc-mosaic-tile:nth-child(3){grid-column:span 1}.chm-svc-mosaic-tile:nth-child(n+4){grid-column:span 2}.chm-svc-bottom-inner{align-items:start;flex-direction:column}.chm-svc-bottom-actions{justify-content:flex-start}.chm-svc-index-grid{grid-template-columns:1fr}}
@media(max-width:390px){.chm-svc-mosaic-tile:nth-child(2),.chm-svc-mosaic-tile:nth-child(3){grid-column:span 2}.chm-svc-hero-art figcaption{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.chm-svc-mosaic-tile>img,.chm-svc-index-card{transition:none}}