.material-study{padding:76px max(6%,calc((100vw - 1280px) / 2));border-block:1px solid #d8cec6;background:#efe9e0;color:var(--st-ink)}.material-study-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.material-study-heading .material-eyebrow{color:#645a5c;margin-bottom:18px}.material-study-heading h2{max-width:700px;font-family:var(--font-playfair),Georgia,serif;font-weight:400;font-size:clamp(30px,3.4vw,47px);line-height:1.18;letter-spacing:-.025em}.material-study-heading>p{max-width:280px;color:#645a5c;font-size:15px;line-height:1.7}.material-study-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:stretch}.material-study-photo{min-width:0;display:flex;flex-direction:column;margin:0;background:#e0d5c7}.material-study-photo>div{min-height:350px;position:relative;flex:1;overflow:hidden}.material-study-photo img{object-fit:cover}.material-study-photo figcaption{display:grid;gap:5px;padding:19px 22px;color:#fff;background:var(--st-dark);font-size:13px;line-height:1.6}.material-study-photo figcaption span:first-child{font-weight:600}.material-study-photo figcaption span:last-child{font-size:12px;color:#d2c9c3}.material-study-workbench{min-width:0;background:#faf8f4;border:1px solid #d8cec6}.material-study-controls{display:flex;border-bottom:1px solid #d8cec6}.material-study-controls button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;flex:1;padding:12px;font:inherit;font-size:14px;font-weight:600;color:#645a5c;background:#0000;border-bottom:2px solid #0000;transition:color .15s,background .15s}.material-study-controls button span{font-size:10px;font-weight:500}.material-study-controls button[aria-pressed=true]{color:#fff;background:var(--st-brand);border-bottom-color:var(--st-brand)}.material-study-controls button:hover:not([aria-pressed=true]){color:var(--st-brand);background:#f1e8e6}.material-study-controls button:focus-visible{position:relative;z-index:1;outline:3px solid var(--st-brand);outline-offset:3px}.material-study-drawing{padding:18px 24px 0}.material-study-drawing svg{display:block;width:100%;height:auto;max-height:345px}.material-study-drawing svg text{fill:#645a5c;font-family:var(--font-urbanist),sans-serif;font-size:16px;font-weight:500}.material-study-drawing-note{padding:0 27px 20px;text-align:center;color:#6b5f5d;font-size:11px;line-height:1.6}.material-study-explanation{border-top:1px solid #e0d7cc;padding:26px}.material-study-explanation h3{font-size:21px;line-height:1.35;font-weight:600;margin-bottom:10px}.material-study-explanation>p{color:#645a5c;font-size:15px;line-height:1.75}.material-study-question{border-left:2px solid var(--st-brand);padding-left:17px;margin-top:24px}.material-study-question>span{color:var(--st-brand);font-size:10px;letter-spacing:.08em;font-weight:600}.material-study-question p{font-size:15px;line-height:1.65;margin-top:7px}.material-study-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}.material-study-next>p{max-width:280px;color:#645a5c;font-size:15px;line-height:1.7}.material-study-next>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.material-study-next .st-button{color:#fff;background:var(--st-brand)}.material-study-next .st-button:hover{background:var(--st-brand-hover)}.material-study-next .st-text-link{color:var(--st-brand);font-size:13px}.material-study-next svg{flex-shrink:0}@media (max-width:1100px){.material-study-next{align-items:start}.material-study-next>div{justify-content:end;gap:20px}}@media (max-width:850px){.material-study{padding:52px 6%}.material-study-heading{display:block}.material-study-heading>p{max-width:480px;margin-top:19px}.material-study-grid{grid-template-columns:1fr;gap:20px}.material-study-photo>div{min-height:0;aspect-ratio:16/9}.material-study-next{display:block}.material-study-next>p{max-width:100%;margin-bottom:22px}.material-study-next>div{justify-content:start}}@media (max-width:480px){.material-study-controls button{gap:7px;font-size:13px;padding-inline:9px}.material-study-drawing{padding:17px 5px 0}.material-study-drawing svg text{font-size:17px}.material-study-drawing-note{padding:0 17px 18px}.material-study-explanation{padding:23px 20px}.material-study-explanation h3{font-size:20px}.material-study-photo figcaption{padding:17px 20px}.material-study-next>div{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){.material-study *{transition:none!important}}