.crust-study{background:#282b20;color:#f6f0df;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch}
.crust-surface{position:relative;display:block;width:100%;padding:0;min-height:570px;overflow:hidden;background:#6e492e;cursor:pointer;text-align:left}
.crust-surface img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;transition:opacity .7s ease}
.crust-surface .crust-open{opacity:0}.crust-surface[aria-pressed=true] .crust-open{opacity:1}
.crust-surface:focus-visible{outline:3px solid #f5d394;outline-offset:-6px;z-index:1}
.crust-cue{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 18px;background:#f6f0dfed;color:#3c422b;font-size:12px;letter-spacing:1.8px;line-height:1.5;text-align:center;border:1px solid #d9cdb6}
.crust-copy{padding:65px 5vw;display:flex;flex-direction:column;justify-content:center}.crust-copy .eyebrow{color:#d5b47e}
.crust-copy h2{font-size:clamp(52px,5vw,90px);line-height:1.02;color:#f6f0df}.crust-copy h2 em{color:#d5b47e}
.crust-copy #crust-response{margin-top:30px;line-height:1.8;color:#e0dece;min-height:150px}
.crust-copy .crust-contrast{display:flex;justify-content:space-between;gap:25px;margin-top:20px;border-top:1px solid #616450;padding-top:22px}
.crust-contrast span{font:italic 27px var(--serif);color:#d5b47e}.crust-contrast small{display:block;font:12px var(--sans);letter-spacing:1.6px;text-transform:uppercase;margin-top:10px;color:#d3d5c6}
@media(max-width:760px){.crust-study{display:flex;flex-direction:column}.crust-copy{order:0;padding:50px 7vw 35px}.crust-surface{order:1;min-height:0;aspect-ratio:4/3}.crust-copy h2{font-size:57px}.crust-copy #crust-response{min-height:0}.crust-copy .crust-contrast{margin-top:30px}.crust-cue{bottom:18px;left:18px;right:18px;font-size:12px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){.crust-surface img{transition:none}}
