/* GIDIL Our Work V9 · isolated to .cs-page, no changes to approved pages */
.cs-page{background:#f7f2ea;color:#142635}.cs-page .container{width:min(calc(100% - 96px),1360px)}
.cs-page h1,.cs-page h2,.cs-page h3{font-family:Montserrat,Inter,Arial,sans-serif;letter-spacing:-.045em}
.cs-page h2{font-weight:780;line-height:1.14;font-size:clamp(2.65rem,4.1vw,4.65rem);margin:16px 0 22px}
.cs-page h2 em,.cs-page h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.047em;color:#e0b366}
.cs-tag{display:inline-block;color:#b7863b;font-size:.78rem;font-weight:800;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.cs-tag-light{color:#e0b76a}.cs-hero{background:radial-gradient(ellipse at 95% 43%,#193744 0%,#102c39 45%,#071e2b 100%);color:#fff;position:relative;overflow:hidden}
.cs-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#d5a64a,transparent);opacity:.6}
.cs-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,5.2vw,100px);align-items:center;padding:67px 0 115px}
.cs-breadcrumb{color:#b5c8cb;font-size:.76rem;font-weight:750;letter-spacing:.095em;display:flex;gap:13px;align-items:center;margin-bottom:72px}
.cs-breadcrumb a{color:#c9d7d8}.cs-breadcrumb span{color:#dcb465}.cs-hero h1{font-size:clamp(3.7rem,5.0vw,5.85rem);line-height:1.13;letter-spacing:-.06em;font-weight:810;margin:23px 0 27px;color:#fff;max-width:950px}
.cs-hero h1 em{white-space:nowrap}.cs-lead{font-size:clamp(1.14rem,1.3vw,1.35rem);line-height:1.72;max-width:660px;color:#d2dfe1;margin:0 0 32px}
.cs-btn{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:#d5a64a;color:#142635;min-height:62px;padding:17px 23px;font-weight:780;font-size:1.03rem;transition:transform .17s}.cs-btn:hover{transform:translateY(-3px)}
.cs-btn span{font-size:1.35rem}.cs-btn-outline{background:transparent;border:1px solid rgba(230,192,117,.75);color:#f3e6cc}
.cs-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.cs-visual{height:min(565px,40vw);min-height:445px;background:#efe8dc;position:relative;border:1px solid rgba(213,166,74,.7);padding:36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.14)}
.cs-visual:before{content:"";position:absolute;inset:-38% -48% auto auto;width:110%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(213,166,74,.32);box-shadow:0 0 0 60px rgba(213,166,74,.045),0 0 0 130px rgba(213,166,74,.035)}
.cs-visual-top,.cs-visual-bottom{display:flex;justify-content:space-between;gap:16px;position:relative;color:#8c6a38;font-size:.7rem;letter-spacing:.12em;font-weight:800}
.cs-visual-center{position:relative;display:flex;flex-direction:column;gap:25px}
.cs-visual-center strong{font:800 clamp(3rem,5.8vw,6.9rem)/1.07 Montserrat,Inter,sans-serif;color:#142635;letter-spacing:-.07em}
.cs-visual-center i{width:90px;height:5px;background:#d5a64a}.cs-visual-center p{font-size:1.35rem;line-height:1.5;font-weight:650;max-width:390px;color:#334853;margin:0}
.cs-visual-bottom{border-top:1px solid rgba(117,83,29,.24);padding-top:20px}
.cs-section{padding:105px 0}.cs-white{background:#fffdfa}.cs-ivory{background:#f4eee5}.cs-navy{background:#0c2938;color:#fff}
.cs-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}
.cs-heading h2{max-width:790px}.cs-heading>p{max-width:440px;font-size:1.12rem;line-height:1.7;color:#566770;margin:0 0 24px}
.cs-categories{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 36px}
.cs-filter{font:750 .94rem Inter,sans-serif;color:#3c5360;padding:12px 18px;background:transparent;border:1px solid #cfc5b5;cursor:pointer}
.cs-filter[aria-pressed="true"],.cs-filter:hover{background:#102e3d;color:white;border-color:#102e3d}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cs-card{display:flex;flex-direction:column;background:#fffdfa;border:1px solid #dfd6ca;min-height:550px;transition:transform .15s,box-shadow .15s}
.cs-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(14,39,53,.10)}
.cs-card-visual{height:180px;background:#102f40;color:#e7b963;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.cs-card-visual:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(218,173,93,.32);border-radius:50%;right:-80px;top:-60px;box-shadow:0 0 0 28px rgba(218,173,93,.025)}
.cs-card-visual strong{font-size:clamp(3rem,4.0vw,4.6rem);font-weight:810;letter-spacing:-.06em;line-height:1}
.cs-card-visual span{font:.75rem Inter,sans-serif;font-weight:750;letter-spacing:.1em;color:#f6dbad;position:relative;z-index:1}
.cs-card-body{display:flex;flex:1;flex-direction:column;padding:31px}
.cs-card-body .cs-tag{font-size:.72rem}.cs-card-body h3{font-size:clamp(1.5rem,1.8vw,2.05rem);line-height:1.22;margin:17px 0 18px}
.cs-card-body p{font-size:1rem;line-height:1.72;color:#52626a;margin:0 0 22px}
.cs-card-foot{margin-top:auto;padding-top:20px;border-top:1px solid #ded4c6;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#956f34;font-weight:780;font-size:.95rem}
.cs-note{font-size:.85rem;line-height:1.6;color:#697579;max-width:900px;margin:22px 0 0}
.cs-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(216,178,110,.38);border-bottom:1px solid rgba(216,178,110,.38)}
.cs-step{padding:28px 32px 37px;border-right:1px solid rgba(216,178,110,.38)}.cs-step:first-child{padding-left:0}.cs-step:last-child{border-right:0}
.cs-step span{font-weight:800;color:#e0b56b;font-size:.8rem}.cs-step h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.25;margin:48px 0 13px;color:#fff}
.cs-step p{color:#c5d6db;font-size:1.05rem;line-height:1.7;margin:0}
.cs-next{background:#f4eee5}.cs-next-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.cs-next-inner h2{max-width:750px}.cs-next-inner h2 em{color:#b38943}.cs-next-inner>p{font-size:1.15rem;color:#51616b;line-height:1.7;max-width:410px}
.cs-detail-hero .cs-hero-layout{padding-bottom:85px}.cs-detail-hero h1{font-size:clamp(3.4rem,4.6vw,5.15rem)}.cs-detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.cs-detail-meta span{padding:8px 12px;border:1px solid rgba(218,184,123,.45);font-size:.82rem;color:#e5d6bd}
.cs-detail-visual{background:#f0e6d6;height:min(510px,39vw);min-height:395px}
.cs-detail-visual .cs-visual-center strong{font-size:clamp(3.5rem,6vw,6.6rem)}
.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cs-metric{background:#fffdfa;padding:29px 30px 32px;min-height:210px;border:1px solid #e0d6c7}.cs-metric strong{font:790 clamp(2.65rem,3.2vw,4.1rem)/1.15 Montserrat,Inter,sans-serif;letter-spacing:-.07em;color:#142635;display:block;overflow-wrap:anywhere}
.cs-metric h3{font:750 1.04rem/1.45 Inter,sans-serif;color:#263f49;margin:14px 0}.cs-metric p{font:400 .88rem/1.6 Inter,sans-serif;color:#657078;margin:0}
.cs-prose-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(48px,8vw,130px)}
.cs-prose-grid h2{max-width:520px}.cs-prose-grid p{font-size:1.16rem;line-height:1.75;color:#55666f}.cs-prose-grid ul{list-style:none;padding:0;margin:26px 0 0}
.cs-prose-grid li{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #ddd4c8;font-size:1.09rem;line-height:1.7;color:#3e535d}
.cs-prose-grid li:before{content:'↗';color:#b78639;font-size:1.35rem;flex:0 0 24px}
.cs-outcome-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.cs-outcome-layout h2{color:#fff}.cs-outcome-layout>div:first-child p{font-size:1.14rem;line-height:1.8;color:#d4e0e3}
.cs-outcome-note{background:rgba(255,255,255,.06);padding:30px;border:1px solid rgba(222,178,99,.35);align-self:start}
.cs-outcome-note h3{color:#e3b96a;font-size:1.2rem;margin:0 0 15px}.cs-outcome-note p{color:#d1e0e3;font-size:.98rem;line-height:1.7;margin:0}
.cs-service-link{font-weight:800;color:#e4b867;border-bottom:1px solid #d5a64a;display:inline-flex;gap:12px;padding-bottom:5px;margin-top:21px}
.cs-media{border:1px solid #d8caba;padding:26px;display:flex;flex-direction:column;gap:14px}.cs-media>img{width:100%;max-height:460px;object-fit:contain}.cs-media p{color:#5c6970;font-size:.85rem;margin:0}
.cs-end{background:#081f2c;color:#fff;padding:96px 0}.cs-end-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.cs-end h2{color:white;max-width:800px}.cs-end p{font-size:1.12rem;line-height:1.7;color:#cbdcde;max-width:690px}
.cs-page .site-footer{background:#091f2b}
@media(max-width:1180px){.cs-page .nav{display:none}.cs-page .menu-toggle{display:block}.cs-page .nav.open{display:flex;gap:15px}.cs-hero-layout{gap:35px}.cs-card{min-height:0}}
@media(max-width:950px){.cs-page .container{width:calc(100% - 54px)}.cs-hero-layout,.cs-prose-grid,.cs-outcome-layout{grid-template-columns:1fr}.cs-hero-layout{padding:60px 0 78px;gap:38px}.cs-breadcrumb{margin-bottom:37px}.cs-hero h1{font-size:clamp(3.2rem,6.7vw,5.7rem)}.cs-visual{height:385px;min-height:385px;max-width:760px}.cs-grid{grid-template-columns:repeat(2,1fr)}.cs-steps,.cs-metrics{grid-template-columns:repeat(3,1fr)}.cs-heading{align-items:start;flex-direction:column}.cs-outcome-layout{gap:30px}.cs-section{padding:76px 0}.cs-end-inner,.cs-next-inner{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:650px){.cs-page .container{width:calc(100% - 36px)}.cs-hero-layout{padding:51px 0 65px}.cs-hero h1,.cs-detail-hero h1{font-size:clamp(2.55rem,10.3vw,4rem);line-height:1.12}.cs-lead{font-size:1.07rem}.cs-breadcrumb{font-size:.7rem}.cs-visual,.cs-detail-visual{height:285px;min-height:285px;padding:21px}.cs-visual-center strong,.cs-detail-visual .cs-visual-center strong{font-size:3.15rem}.cs-visual-center p{font-size:1.06rem}.cs-visual-top,.cs-visual-bottom{font-size:.60rem}.cs-section{padding:65px 0}.cs-page h2{font-size:clamp(2.3rem,9vw,3.2rem)}.cs-grid,.cs-metrics,.cs-steps{grid-template-columns:1fr}.cs-card-visual{height:157px}.cs-card-body{padding:27px}.cs-metric{min-height:0}.cs-steps{border:0}.cs-step{padding:19px 0 27px;border-right:0;border-bottom:1px solid rgba(216,178,110,.38)}.cs-step h3{margin:25px 0 10px}.cs-btn{width:100%;min-height:58px}.cs-hero-actions{display:flex;flex-direction:column;align-items:stretch}.cs-outcome-note{padding:22px}.cs-end{padding:70px 0}.cs-page .footer-main{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.cs-btn,.cs-card{transition:none}}

/* Header spacing matches the approved service-page layouts. */
.cs-page .nav{gap:clamp(12px,1.15vw,18px)}
.cs-page .nav a,.cs-page .nav-summary{font-size:clamp(.72rem,.79vw,.84rem)}
.cs-page .site-header .header-inner{gap:18px}
.cs-page .nav-cta .btn{font-size:.87rem;padding:12px 15px}