.custom-case-study {padding-top:var(--header-height,90px);color:#194027;background:#fff6ed}
.case-hero {display:grid;grid-template-columns:1fr 1fr;height:clamp(360px,48vw,650px)}
.case-photo {margin:0;min-width:0;overflow:hidden}
.case-photo [data-editorial-image] {height:100%;position:relative;overflow:hidden}
.case-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.case-hero .case-photo {height:100%}
.case-intro {display:grid;grid-template-columns:minmax(0,2.25fr) minmax(220px,1fr);gap:10vw;padding:6vw;max-width:1600px;margin:auto}
.case-copy h1 {margin:0 0 34px}
.case-copy h2 {font-size:1.5rem;line-height:1.25;margin:24px 0 16px}
/* Reuse the original site's responsive text sizing and leading. */
.case-copy p,.case-strategy p {margin:0 0 20px}
.case-scope {padding-top:8px}
.case-scope ul {list-style:none;margin:14px 0 0;padding:0}
.case-scope li {margin-bottom:6px}
.case-partner {margin-top:30px}
.case-study a {text-decoration:underline;text-underline-offset:3px;color:inherit}
.case-strategy {background:#f0f3d2;padding:6vw;border-radius:0 0 6vw 6vw}
.case-strategy-inner {max-width:880px;margin:auto}
.case-strategy .case-eyebrow {font-size:.8rem;letter-spacing:.08em;margin-bottom:20px}
.case-strategy h2 {font-size:clamp(3rem,6vw,5.5rem);line-height:1.08;margin:0 0 30px}
.case-gallery {max-width:1600px;margin:0 auto;padding:6vw 6vw 0}
.case-gallery-featured {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.case-gallery-details {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.case-gallery .case-photo {aspect-ratio:2/3}
.case-credits {max-width:1600px;margin:auto;padding:35px 6vw 60px;font-size:.8rem;line-height:1.6}
.case-credits p {margin:0}
@media(max-width:767px){
 .case-hero {height:auto;grid-template-columns:1fr 1fr}
 .case-hero .case-photo {height:auto;aspect-ratio:2/3}
 .case-intro {grid-template-columns:1fr;gap:24px;padding:48px 6vw}
 .case-copy h1 {margin-bottom:25px}
 .case-scope {padding-top:0}
 .case-strategy {padding:48px 6vw}
 .case-gallery {padding-top:35px}
 .case-gallery-featured {gap:12px}
 .case-gallery-details {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
 .case-credits {padding-bottom:38px}
}

.huug-case .case-hero .case-photo:first-child img {object-fit:cover;background:#eeede8}
.huug-case .case-strategy {background:#ddd5f3}
.case-technology {max-width:1600px;margin:auto;padding:6vw}
.case-tech-heading {max-width:700px;margin-bottom:36px}
.case-tech-heading h2 {font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1;margin:12px 0 20px}
.case-tech-heading p {line-height:1.6}
.case-eyebrow {font-size:.8rem;letter-spacing:.08em}
.case-tech-grid {display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.case-tech-film {margin:0;min-width:0}
.case-tech-film video {display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#171717}
.case-tech-details {display:flex;align-items:center;justify-content:space-evenly;gap:24px}
.case-tech-details .case-photo [data-editorial-image] {height:280px}
.case-tech-details .case-photo img {width:auto;max-width:100%;object-fit:contain}
.case-tech-details .case-photo:nth-child(2) [data-editorial-image] {height:200px}
.huug-case figcaption {font-size:.8rem;line-height:1.5;margin:12px 0 0}
.case-comparison {display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}
.case-comparison .case-photo [data-editorial-image] {aspect-ratio:1690/932;height:auto}
.case-comparison img {object-fit:contain}
.case-press {padding:45px 6vw;background:#f0f3d2}
.case-press p:not(.case-eyebrow) {font-size:1.25rem;line-height:1.5;max-width:800px}
@media(max-width:767px){
 .case-tech-grid {grid-template-columns:1fr}
 .case-tech-details {padding:20px 0;gap:20px}
 .case-tech-details .case-photo [data-editorial-image] {height:220px}
 .case-tech-details .case-photo:nth-child(2) [data-editorial-image] {height:150px}
 .case-comparison {grid-template-columns:1fr;gap:24px;margin-top:24px}
 .case-technology {padding-top:45px;padding-bottom:35px}
}

.pura-case .case-hero .case-photo:first-child img {object-position:50% 78%}
.huug-case .case-hero .case-photo:last-child img {object-position:50% 35%}
.case-social {max-width:1600px;margin:0 auto;padding:60px 6vw 0}
.case-social-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start}
.case-social-post {min-width:0}
.case-social-post iframe {display:block;width:100%;height:740px;border:0;background:#fff;border-radius:4px}
.case-social-post>a {display:inline-block;font-size:.85rem;margin-top:14px}
.case-social-tech {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}
.case-social-tech .case-photo [data-editorial-image] {height:auto;aspect-ratio:3/4}
.case-social-tech img {object-fit:contain}
.case-media-credit {font-size:.8rem;margin:30px 0 0;line-height:1.5}
@media(max-width:1000px){.case-social-grid{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}.case-social-post iframe{height:740px}}
@media(max-width:767px){.case-social-tech{grid-template-columns:1fr;gap:20px}.case-social{padding-top:35px}.case-social-post iframe{height:700px}}

.huug-case .case-hero .case-photo:first-child img {object-position:50% 50%}
.case-project-photos {display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1600px;margin:auto;padding:0 6vw 6vw}
.case-project-photos .case-photo {aspect-ratio:3/4}
.case-brand-photos {display:grid;grid-template-columns:1.8fr 1fr;gap:24px;max-width:1600px;margin:auto;padding:6vw 6vw 0}
.case-brand-photos .case-photo {height:clamp(360px,42vw,600px)}
.case-brand-photos .case-photo:last-child img {object-position:50% 35%}
@media(max-width:767px){
 .case-project-photos {gap:12px;padding-bottom:35px}
 .case-brand-photos {grid-template-columns:1fr;gap:16px;padding-top:35px}
 .case-brand-photos .case-photo {height:auto;aspect-ratio:3/2}
 .case-brand-photos .case-photo:last-child {aspect-ratio:3/4}
}

.case-hero--single {grid-template-columns:1fr}
.huug-case .case-hero--single .case-photo:first-child img {object-position:50% 35%}
@media(max-width:767px){.huug-case .case-hero--single .case-photo{aspect-ratio:4/3}.huug-case .case-hero--single .case-photo:first-child img{object-position:50% 35%}}