/* CED Marine case-study prototype. All case copy and the original 3D object remain intact. */
.case-reference .cs-hero{background:#fff;color:#080d10;padding-top:clamp(160px,14.2vw,204px);padding-bottom:100px}
.case-reference .cs-hero > .page-inner{max-width:none;width:100%;padding-inline:clamp(16px,2.22vw,32px)}
.case-reference__breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:10px;line-height:1.6;letter-spacing:.09em;font-weight:700;text-transform:uppercase;margin-bottom:48px;color:#596064}
.case-reference__breadcrumbs a{color:inherit;text-decoration:none}
.case-reference__breadcrumbs a:hover{text-decoration:underline}
.case-reference .cs-hero .cs-hero__stage{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:0;margin:0}
.case-reference .cs-hero__eyebrow{background:#f3f4f4;color:#080d10;padding:9px 10px;font-size:10px;font-weight:700;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}
.case-reference .cs-hero__title{display:block;max-width:1250px;margin:24px 0 0;color:#080d10;font-size:clamp(40px,5.55vw,80px);line-height:1.1;letter-spacing:-.04em;font-weight:500}
.case-reference :is(.cs-hero__lead,.cs-hero__tail){display:inline;max-width:none;text-align:left;color:inherit}
.case-reference__button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:72px;padding:0 26px;margin-top:32px;background:#dd3d06;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;border-radius:5px;transition:background .2s ease}
.case-reference__button:hover{background:#080d10;color:#fff}
.case-reference__button:focus-visible,.case-reference__breadcrumbs a:focus-visible{outline:3px solid #dd3d06;outline-offset:4px}
.case-reference__cover{width:100%;overflow:hidden;border-radius:12px;margin:60px 0 0;background:#e8ecee}
.case-reference__cover img{display:block;width:100%;height:auto}
.case-reference .cs-facts{margin:clamp(90px,12vw,170px) 0 0;padding-top:32px;border-top:1px solid #daddde}
.case-reference .cs-facts :is(dt,dd){color:#080d10}
.case-reference__object-wrap{position:relative;display:grid;place-items:center;min-height:clamp(300px,38vw,550px);margin-top:80px;overflow:hidden;border-radius:12px;background:#f3f4f4}
.case-reference .cs-hero .case-reference__object-wrap .cs-hero__object{position:relative;left:auto;top:auto;transform:none;width:min(55%,700px)}
@media(max-width:760px){
 .case-reference .cs-hero{padding-top:130px;padding-bottom:70px}
 .case-reference__breadcrumbs{margin-bottom:32px}
 .case-reference .cs-hero__title{font-size:40px;line-height:1.1;margin-top:16px}
 .case-reference__button{width:100%;min-height:60px;margin-top:24px}
 .case-reference__cover{margin-top:32px}
 .case-reference .cs-facts{margin-top:80px}
 .case-reference__object-wrap{margin-top:56px;min-height:260px}
 .case-reference .cs-hero .case-reference__object-wrap .cs-hero__object{width:75%}
}
@media(prefers-reduced-motion:reduce){.case-reference__button{transition:none}}
/* Shared studio ground rules use !important and higher specificity. */
body.case-reference .page-section.cs-hero{background:#fff !important;color:#080d10;padding-inline:0}
body.case-reference .page-section.cs-hero h1.cs-hero__title,body.case-reference .page-section.cs-hero h1.cs-hero__title span.cs-hero__lead,body.case-reference .page-section.cs-hero h1.cs-hero__title span.cs-hero__tail{color:#080d10}
.case-reference .cs-hero > .cs-reel{margin:clamp(60px,8vw,120px) 0 0}
/* Older staging case-study template: retain its own lead and both actions. */
body.case-reference .page-section.case-reference__simple{background:#fff !important;color:#080d10;padding:clamp(160px,14.2vw,204px) clamp(16px,2.22vw,32px) 100px}
.case-reference__simple > .page-inner{max-width:none;width:100%}
.case-reference__simple .showcase-head{max-width:none;margin:0}
.case-reference__simple .showcase-eyebrow{display:inline-block;background:#f3f4f4;color:#080d10;padding:9px 10px;font-size:10px;font-weight:700;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}
body.case-reference .page-section.case-reference__simple h1.showcase-title,body.case-reference .page-section.case-reference__simple h1.showcase-title span{color:#080d10}
.case-reference__simple .showcase-title{max-width:1250px;margin:24px 0 0;font-size:clamp(40px,5.55vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.04em}
body.case-reference .page-section.case-reference__simple .page-head-lead{max-width:760px;color:#555d61;margin-top:24px}
.case-reference__simple .page-actions{margin-top:32px}
.case-reference__simple .cs-cover{max-width:none;margin:60px 0 0;border-radius:12px}
@media(max-width:760px){body.case-reference .page-section.case-reference__simple{padding-top:130px;padding-bottom:70px}.case-reference__simple .showcase-title{font-size:40px;line-height:1.1;margin-top:16px}.case-reference__simple .cs-cover{margin-top:32px}}
body.case-reference .page-section.case-reference__simple .showcase-head{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;text-align:left}
body.case-reference .page-section.case-reference__simple .showcase-head .showcase-eyebrow{grid-area:auto;margin:0;color:#080d10;font-size:10px;line-height:1.1;letter-spacing:.08em}
body.case-reference .page-section.case-reference__simple .showcase-head .showcase-title{grid-area:auto;max-width:1250px;margin:24px 0 0;font-size:clamp(40px,5.55vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
body.case-reference .page-section.case-reference__simple .showcase-head .page-actions{grid-area:auto;margin-top:32px;justify-content:flex-start}
@media(max-width:760px){body.case-reference .page-section.case-reference__simple .showcase-head .showcase-title{font-size:40px;margin-top:16px}}
body.case-reference .case-reference__simple .page-actions a{min-height:72px;border-radius:5px;padding:0 26px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body.case-reference .case-reference__simple .page-actions a.fix-cta{background:#dd3d06;border-color:#dd3d06;color:#fff}
body.case-reference .case-reference__simple .page-actions a.fix-cta:hover{background:#080d10;border-color:#080d10;color:#fff}
@media(max-width:760px){body.case-reference .case-reference__simple .page-actions{width:100%}body.case-reference .case-reference__simple .page-actions a{width:100%;min-height:60px;justify-content:center}}

/* Project overview: preserve each case's narrative and existing media. */
body.case-reference .cs-band--story { background:#fff !important; color:#080d10; }
body.case-reference .cs-band--story .cs-intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 34px; }
body.case-reference .cs-band--story .cs-intro .page-title { grid-column:1/-1; }
body.case-reference .cs-band--story .cs-intro .page-title::before { content:'Overview'; display:block; margin:0 0 16px; color:#6b7275; font:600 13px/1.2 'Bricolage Nav',Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
html[lang^="es"] body.case-reference .cs-band--story .cs-intro .page-title::before { content:'Resumen'; }
body.case-reference .page-main .cs-band--story .cs-intro .capabilities-title { max-width:72.2222vw; color:#080d10; font:440 4.7222vw/1.2 'Bricolage Menu',Arial,sans-serif; letter-spacing:-.025em; }
body.case-reference .cs-band--story .cs-copy { grid-column:2; max-width:none; padding:0; gap:18px; }
body.case-reference .cs-band--story .cs-copy > p { color:#080d10; font:400 1.5972vw/1.35 'LER Service Body',Arial,sans-serif; }
@media(max-width:1180px) { body.case-reference .page-main .cs-band--story .cs-intro .capabilities-title { max-width:1040px; font-size:34px; line-height:1.25; } body.case-reference .cs-band--story .cs-copy > p { font-size:23px; } }
@media(max-width:992px) { body.case-reference .cs-band--story .cs-intro { grid-template-columns:minmax(0,1fr); gap:32px; } body.case-reference .cs-band--story .cs-intro .page-title,body.case-reference .cs-band--story .cs-copy { grid-column:1; } body.case-reference .cs-band--story .cs-copy > p { font-size:20px; line-height:1.45; } }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band--story { background:#fff !important; }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band--story .cs-intro .cs-copy > p { color:#080d10; }

/* Case system and outcome introductions retain each project's own material. */
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section:is(.cs-band--system,.cs-band--outcome) { background:#fff !important; color:#080d10; }
body.case-reference .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 34px; }
body.case-reference .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .page-title { grid-column:1/-1; }
body.case-reference .cs-band--system .cs-intro .page-title::before,body.case-reference .cs-band--outcome .cs-intro .page-title::before { display:block; margin:0 0 16px; color:#6b7275; font:600 13px/1.2 'Bricolage Nav',Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
body.case-reference .cs-band--system .cs-intro .page-title::before { content:'Design'; }
body.case-reference .cs-band--outcome .cs-intro .page-title::before { content:'Outcome'; }
html[lang^="es"] body.case-reference .cs-band--system .cs-intro .page-title::before { content:'Diseño'; }
html[lang^="es"] body.case-reference .cs-band--outcome .cs-intro .page-title::before { content:'Resultado'; }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .capabilities-title { max-width:72.2222vw; color:#080d10; font:440 4.7222vw/1.2 'Bricolage Menu',Arial,sans-serif; letter-spacing:-.025em; }
body.case-reference .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-copy { grid-column:2; max-width:none; padding:0; gap:18px; }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .cs-copy > p { color:#080d10; font:400 1.5972vw/1.35 'LER Service Body',Arial,sans-serif; }
@media(max-width:1180px) { body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .capabilities-title { max-width:1040px; font-size:34px; line-height:1.25; } body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .cs-copy > p { font-size:23px; } }
@media(max-width:992px) { body.case-reference .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro { grid-template-columns:1fr; gap:32px; } body.case-reference .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .page-title,body.case-reference .cs-band:is(.cs-band--system,.cs-band--outcome) .cs-copy { grid-column:1; } body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band:is(.cs-band--system,.cs-band--outcome) .cs-intro .cs-copy > p { font-size:20px; line-height:1.45; } }

/* Project media and narrative bands share the reference's white reading surface. */
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band { background:#fff !important; }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band > .page-inner > .capabilities-head .capabilities-title { max-width:72.2222vw; color:#080d10; font:440 4.7222vw/1.2 'Bricolage Menu',Arial,sans-serif; letter-spacing:-.025em; }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band > .page-inner > .capabilities-head .page-title-eyebrow { color:#6b7275; }
body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band > .page-inner > .capabilities-head .page-title-lead { max-width:706px; color:#565c5e; font-size:clamp(20px,1.5972vw,31px); line-height:1.35; }
@media(max-width:1180px) { body.case-reference:not(.home-ambient):not(.cs-ground) .page-section.cs-band > .page-inner > .capabilities-head .capabilities-title { max-width:1040px; font-size:34px; line-height:1.25; } }

/* Case outcomes use a dark conclusion panel with the existing descriptions. */
body.case-reference .cs-band--outcome .cs-intro{display:block;margin:0 0 clamp(100px,13.8889vw,200px);padding:clamp(100px,10.4167vw,150px) clamp(24px,2.2222vw,43px);border-radius:80px;background:#080d10;color:#fff}
body.case-reference .cs-band--outcome .cs-intro::before{color:#aab2b5}
body.case-reference .cs-band--outcome .cs-intro .page-title{display:block;margin:0;text-align:left}
body.case-reference .cs-band--outcome .cs-intro .capabilities-title{width:100%;max-width:none;margin:0;color:#fff;font:440 4.7222vw/1.2 'Bricolage Menu',Arial,sans-serif;letter-spacing:-.025em}
body.case-reference .cs-band--outcome .cs-intro .cs-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;margin:clamp(40px,5.5556vw,80px) 0 0;counter-reset:case-result}
body.case-reference .cs-band--outcome .cs-intro .cs-copy p{display:flex;flex-direction:column;justify-content:space-between;gap:60px;min-width:0;min-height:290px;margin:0;padding:32px;border-radius:12px;background:#101619;color:#d0d6d8;font:400 clamp(18px,1.5972vw,31px)/1.4 'LER Service Body',Arial,sans-serif;counter-increment:case-result}
body.case-reference .cs-band--outcome .cs-intro .cs-copy p::before{content:counter(case-result,decimal-leading-zero);color:#aab2b5;font:600 13px/1.4 'Bricolage Nav',Arial,sans-serif;letter-spacing:.12em}
@media(max-width:1180px){body.case-reference .cs-band--outcome .cs-intro .capabilities-title{font-size:40px}}
@media(max-width:992px){body.case-reference .cs-band--outcome .cs-intro{padding:100px 20px;border-radius:32px}body.case-reference .cs-band--outcome .cs-intro .cs-copy{grid-template-columns:1fr;gap:12px}body.case-reference .cs-band--outcome .cs-intro .cs-copy p{min-height:220px;padding:24px;font-size:20px}}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--outcome .cs-intro .capabilities-title{color:#fff}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--outcome .cs-intro .cs-copy p{color:#d0d6d8}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .page-section.cs-band.cs-band--outcome .cs-intro{display:block}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .page-section.cs-band.cs-band--outcome .cs-intro .page-title::before{color:#aab2b5}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .page-section.cs-band.cs-band--outcome .cs-intro .capabilities-title{color:#fff}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .page-section.cs-band.cs-band--outcome .cs-intro .cs-copy{width:100%;max-width:none;grid-column:auto}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .page-section.cs-band.cs-band--outcome .cs-intro .cs-copy > p{color:#d0d6d8}
body.case-reference .cs-band--outcome .cs-intro .page-title::before{content:'Conclusion'}
html[lang^="es"] body.case-reference .cs-band--outcome .cs-intro .page-title::before{content:'Conclusión'}

/* Keep the light case header legible over the dark conclusion panel. */
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__row{background:#080d10!important;color:#fff!important;box-shadow:none}
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .brand img:not(.brand__icon){filter:none!important}
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__links a,
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__search,
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__lang,
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__lang a,
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__lang span{color:#fff!important}
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .btn--nav{background:#fff!important;border-color:#fff!important;color:#080d10!important}
body.case-reference .nav.is-scrolled:not(.is-on-light):not(.is-open):not(.is-mega-open) .nav__menu-toggle{background:#1d2528!important;color:#fff!important}

/* Alternate case stories: white narrative rows and dark outcome cards. */
body.case-reference .cs-band--details .cs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3){grid-column:1/-1}
body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(n+4){grid-column:auto}
body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card{display:grid;grid-template-columns:1fr 1fr;gap:20px 34px;width:100%;min-height:0;padding:40px 0;border:0;border-top:1px solid #e0e3e3;border-radius:0;background:#fff;box-shadow:none}
body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card h3{grid-column:1;grid-row:1 / span 2;margin:0;padding:0}
body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card :is(p,ul){grid-column:2;margin:0}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card h3{color:#080d10;font:400 1.5972vw/1.35 'LER Service Body',Arial,sans-serif;letter-spacing:0}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card :is(p,li){color:#080d10;font:400 1.5972vw/1.4 'LER Service Body',Arial,sans-serif}
body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(n+4) .cs-card{display:flex;flex-direction:column;gap:24px;width:100%;min-height:320px;padding:32px;border:0;border-radius:16px;background:#080d10;box-shadow:none}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--details .cs-cards > .cs-cards-item:nth-child(n+4) .cs-card h3{margin:0;padding:0;color:#fff;font:440 clamp(24px,2.2222vw,43px)/1.2 'Bricolage Menu',Arial,sans-serif;letter-spacing:-.025em}
body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--details .cs-cards > .cs-cards-item:nth-child(n+4) .cs-card p{margin:0;color:#d0d6d8;font:400 clamp(18px,1.25vw,24px)/1.4 'LER Service Body',Arial,sans-serif}
@media(max-width:1180px){body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card :is(h3,p,li){font-size:23px}}
@media(max-width:992px){body.case-reference .cs-band--details .cs-cards{grid-template-columns:1fr}body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card{grid-template-columns:1fr;gap:20px;padding:32px 0}body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card :is(h3,p,ul){grid-column:1;grid-row:auto}body.case-reference:not(.home-ambient):not(.cs-ground) .page-main .cs-band--details .cs-cards > .cs-cards-item:nth-child(-n+3) .cs-card :is(h3,p,li){font-size:20px;line-height:1.45}body.case-reference .cs-band--details .cs-cards > .cs-cards-item:nth-child(n+4) .cs-card{min-height:0;padding:28px}}

/* Reference-inspired top cutout on desktop case conclusion panels. */
@media(min-width:993px){
 body.case-reference .cs-band--outcome .cs-intro{clip-path:polygon(0 0,calc(50% - 93px) 0,calc(50% - 75px) 6px,calc(50% - 58px) 19px,calc(50% - 44px) 36px,calc(50% - 33px) 56px,calc(50% - 27px) 74px,calc(50% - 22px) 74px,calc(50% - 28px) 40px,calc(50% - 30px) 0,calc(50% + 30px) 0,calc(50% + 28px) 40px,calc(50% + 22px) 74px,calc(50% + 27px) 74px,calc(50% + 33px) 56px,calc(50% + 44px) 36px,calc(50% + 58px) 19px,calc(50% + 75px) 6px,calc(50% + 93px) 0,100% 0,100% 100%,0 100%)}
}