/* Retain the existing outlined contact button, now beside the documents. */
#grade-docs15>.grade-contact39{display:inline-flex;align-items:center;justify-content:center;margin:24px 0 0;max-width:100%;white-space:normal;text-align:center}
body.layout27 main .grade-hero15 .grade-badges15{margin-bottom:clamp(24px,2.5vw,36px)}
/* Full-bleed photographs inside the existing grade hero frame. */
body.layout27 main .grade-hero15>figure{position:relative;padding:0;overflow:hidden}
body.layout27 main .grade-hero15>figure img.cutout-image{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center}
/* Industry photographs remain full bleed after their decorative captions are removed. */
body.layout27 main .hero-image.hero-clean39{padding:0}
body.layout27 main .hero-image.hero-clean39::after{display:none}
body.layout27 main .hero-image.hero-clean39 img{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important}
.material-context[hidden]{display:none!important}
.property-prose39>h3{font-size:inherit;line-height:1.5;font-weight:600;margin:28px 0 8px}
.property-prose39>h3:first-child{margin-top:0}
body.layout27 main #material-properties21 .property-prose39>h3{font-size:clamp(18px,1.5vw,22px)!important;line-height:1.45!important;margin:32px 0 12px!important}
body.layout27 main #material-properties21 .property-prose39>h3:first-child{margin-top:0!important}

/* The landing photograph and destination must use the same crop. */
body.layout27 main .flow-destination .flow-card-image img.cutout-image{object-fit:cover!important;object-position:50% 50%!important}
/* Only homepage decorative codes: keep material names and catalogue filters. */
.flow-materials .pure-card-top,.flow-materials .pure-card-bottom{display:none!important}
@media(max-width:700px){
 body.layout27 main .flow-materials .pure-material-card{padding:0!important;background:transparent;border:0;border-radius:0;min-height:0!important;height:auto!important;display:flex;flex-direction:column;justify-content:flex-start;gap:0}
 body.layout27 main .flow-materials .flow-card-image{order:0;flex:none;min-height:0!important;height:clamp(240px,44svh,400px)!important;aspect-ratio:auto;width:100%;margin:0;border-radius:4px;overflow:hidden}
 body.layout27 main .flow-materials .flow-card-image img.cutout-image{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover!important;object-position:center!important}
 body.layout27 main .flow-materials .pure-material-card h3{order:1;min-height:2.4em;margin:16px 0 0;padding:0 3px;line-height:1.2;font-size:clamp(1.35rem,5.6vw,1.75rem)!important}
 body.layout27 main .flow-materials .pure-carousel-tools{margin-top:22px}
}

/* Full-bleed material photographs on desktop, matching the approved phone cards. */
@media(min-width:701px){
 body.layout27 main .flow-materials .pure-material-card{padding:0!important;background:transparent;border:0;border-radius:0;min-height:0!important;height:auto!important;display:flex;flex-direction:column;justify-content:flex-start;gap:0}
 body.layout27 main .flow-materials .flow-card-image{order:0;flex:none;min-height:0!important;height:clamp(210px,38svh,440px)!important;aspect-ratio:auto;width:100%;margin:0;border-radius:4px;overflow:hidden}
 body.layout27 main .flow-materials .flow-card-image img.cutout-image{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover!important;object-position:center!important}
 body.layout27 main .flow-materials .pure-material-card h3{order:1;min-height:2.4em;margin:16px 0 0;padding:0 3px;line-height:1.2}
}