/* V18 — isolated editorial sequencing for The New Colonial.
   Shared case-study.css and existing portfolio pages are unchanged. */
.colonial-hero h1{font-size:clamp(58px,9vw,152px);letter-spacing:-.085em;max-width:1200px}
.colonial-hero .case-hero-image{object-position:50% 53%}
.colonial-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.colonial-cover-button{background:none;color:inherit;border:0;border-bottom:1px solid #d7e4d2;padding:10px 0;font:inherit;font-size:10px;font-weight:600;letter-spacing:.13em}
.colonial-cover-button:hover{border-color:#fff;color:#fff}
.colonial-gallery .gallery-head{padding-bottom:30px}
.colonial-gallery-note{max-width:600px;font-size:13px;line-height:1.8;color:#58705a;margin:0 0 clamp(32px,5vw,78px)}
.colonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,5vw,85px) clamp(20px,3vw,54px);align-items:start}
.colonial-grid .view,.colonial-grid .view.wide{min-width:0;padding:0!important;margin:0;grid-column:auto}
.colonial-grid .view a{display:flex;justify-content:center;align-items:center;aspect-ratio:1800/1285;overflow:hidden;background:#d8d8d2}
.colonial-grid .view img,.colonial-grid .view.wide img{width:100%;height:100%;object-fit:contain;max-height:none;transform:none;background:#d8d8d2}
.colonial-grid .view figcaption{min-height:44px;margin-top:13px;padding-top:13px;align-items:flex-start}
.colonial-grid .view.view--portrait:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,620px);max-width:620px;margin:10px 0 0}
.colonial-grid .view--portrait a{aspect-ratio:1080/1920;background:#d8d8d2}
@media(max-width:800px){.colonial-hero h1{font-size:clamp(53px,11vw,100px)}}
@media(max-width:600px){
 .colonial-hero h1{font-size:clamp(52px,12vw,85px);line-height:.98;letter-spacing:-.078em}
 .colonial-hero .case-hero-image{object-position:58% 50%}
 .colonial-hero-actions{gap:6px 20px}
 .colonial-cover-button{font-size:9px}
 .colonial-grid{grid-template-columns:minmax(0,1fr);row-gap:28px}
 .colonial-grid .view.view--portrait:last-child:nth-child(odd){grid-column:auto;width:min(100%,500px);max-width:500px;justify-self:center;margin-top:0}
 .colonial-grid .view figcaption{min-height:0}
}
@media(prefers-reduced-motion:reduce){.colonial-grid .view img{transition:none!important;transform:none!important}}