.sarauto-case{--s-graphite:#333;--s-red:#993333;--s-paper:#f1f0ec}
.sarauto-hero{padding:2rem var(--pad) clamp(5rem,9vw,9rem);background:var(--s-red);color:#fff}.sarauto-title{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(3rem,7vw,8rem);align-items:end;margin:clamp(5rem,10vw,10rem) 0 0}.sarauto-title h1{font-size:clamp(2.8rem,5.5vw,5.7rem);line-height:.98;letter-spacing:-.06em;margin:2rem 0 0;font-weight:700}.sarauto-title img{display:block;width:100%;height:auto}
.sarauto-context{display:grid;grid-template-columns:1fr 3fr;gap:3rem;padding:clamp(6rem,10vw,10rem) var(--pad);background:var(--s-paper)}.sarauto-context>div{max-width:68rem}.sarauto-context h2,.concept-heading h2,.gallery-heading h2,.sarauto-outcome h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:1;letter-spacing:-.055em;margin:0;font-weight:650}.sarauto-context p:last-child,.concept-heading>p:last-child,.sarauto-outcome>p:last-child{font-size:1.1rem;line-height:1.65;color:#555;max-width:44rem}.sarauto-context p:last-child{margin:3rem 0 0 auto}
.sarauto-concept{padding:clamp(7rem,11vw,11rem) var(--pad);background:var(--s-graphite);color:#fff}.concept-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:4rem}.concept-heading .eyebrow{grid-row:1/3}.concept-heading>p:last-child{color:#d3d3d3;margin:0}.concept-images{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.concept-images figure{margin:0;background:#fff}.concept-images img{display:block;width:100%}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid rgba(255,255,255,.25)}.concept-grid article{padding:2rem 2rem 0 0;border-right:1px solid rgba(255,255,255,.25)}.concept-grid article+article{padding-left:2rem}.concept-grid article:last-child{border-right:0}.concept-grid span{font:500 .72rem DM Mono,monospace;color:#d96262}.concept-grid h3{font-size:1.7rem;font-weight:600;margin:1.2rem 0 .8rem}.concept-grid p{line-height:1.55;color:#c7c7c7;margin:0}
.sarauto-statement{padding:clamp(7rem,12vw,12rem) var(--pad);background:var(--s-red);color:#fff}.sarauto-statement p{font-size:clamp(1.9rem,3.5vw,3.8rem);line-height:1.16;letter-spacing:-.045em;font-weight:400;max-width:70rem;margin:0}
.sarauto-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:clamp(6rem,10vw,10rem) var(--pad);background:#e7e7e5}.gallery-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.sarauto-gallery figure{margin:0;overflow:hidden;background:#fff}.sarauto-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.sarauto-outcome{padding:clamp(7rem,12vw,12rem) var(--pad);background:#fff}.sarauto-outcome h2{max-width:72rem;margin:3rem 0}.sarauto-outcome>p:last-child{max-width:56rem;margin-left:0}
@media(max-width:900px){.sarauto-title,.sarauto-context,.concept-heading{grid-template-columns:1fr}.concept-heading .eyebrow{grid-row:auto}.sarauto-title img{max-width:44rem}.sarauto-context p:last-child{margin-left:0}.concept-grid{grid-template-columns:1fr}.concept-grid article,.concept-grid article+article{border-right:0;border-top:1px solid rgba(255,255,255,.25);padding:1.7rem 0 0;margin-top:1.7rem}}
@media(max-width:650px){.sarauto-title h1,.sarauto-context h2,.concept-heading h2,.gallery-heading h2,.sarauto-outcome h2{font-size:2.55rem}.concept-images,.sarauto-gallery,.gallery-heading{grid-template-columns:1fr}.gallery-heading{grid-column:auto}}