.materia-viva{background:#e9e4d9;color:var(--wine);padding:55px 4.5vw 60px;scroll-margin-top:80px}
.materia-edition{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #580b1830;padding-top:18px;font-size:12px;letter-spacing:.09em}
.materia-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end;margin:46px 0 38px}
.materia-heading h2{font:clamp(3.8rem,6.6vw,7.3rem)/1.01 var(--serif);letter-spacing:-.035em;max-width:900px}
.materia-heading h2 em{font-weight:400}.materia-heading p{font-size:16px;line-height:1.8;max-width:440px}
.materia-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #580b1830;border-bottom:1px solid #580b1830;margin-bottom:32px}
.materia-tabs{display:flex;gap:36px}.materia-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:inherit;padding:19px 0;font-size:15px;white-space:nowrap}.materia-tabs button span{font-size:11px;margin-right:10px}.materia-tabs button[aria-pressed=true]{border-bottom-color:currentColor;font-weight:600}.materia-controls>span{font:italic 18px var(--serif)}
.materia-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:25px;align-items:start}.materia-piece{min-width:0}.materia-piece:nth-child(2){padding-top:50px}.materia-piece:nth-child(3){padding-top:100px}.materia-piece button{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left}.materia-image{display:block;position:relative;overflow:hidden;background:#ddd6c8}.materia-image img{display:block;width:100%;height:auto;transition:transform .8s var(--ease)}.materia-piece button:hover img{transform:scale(1.025)}.materia-image>span{position:absolute;bottom:13px;right:13px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--cream);font-size:23px}.materia-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.06em;margin-top:16px;text-transform:uppercase}.materia-piece h3{font:clamp(1.8rem,2.5vw,2.8rem)/1.14 var(--serif);margin-top:9px;letter-spacing:-.015em}.materia-piece p{font-size:14px;line-height:1.65;color:#62564d;margin-top:12px;max-width:360px}
.materia-bottom{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-top:48px;padding-top:25px;border-top:1px solid #580b1830}.materia-bottom p{font-size:12px;line-height:1.7;max-width:590px;color:#62564d}.materia-bottom a{white-space:nowrap;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:6px}.materia-viva button:focus-visible,.materia-viva a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:900px){.materia-heading{grid-template-columns:1fr 1fr;gap:30px}.materia-heading h2{font-size:61px}.materia-grid{gap:18px}.materia-piece:nth-child(2){padding-top:30px}.materia-piece:nth-child(3){padding-top:65px}.materia-piece p{font-size:13px}}
@media(max-width:700px){.materia-viva{padding:40px 22px 42px}.materia-edition{font-size:10px;letter-spacing:.05em;line-height:1.6}.materia-edition span:last-child{text-align:right;max-width:120px}.materia-heading{display:block;margin:30px 0}.materia-heading h2{font-size:clamp(45px,12vw,65px)}.materia-heading p{font-size:15px;margin-top:24px}.materia-controls{display:block;margin-bottom:24px}.materia-tabs{justify-content:space-between;gap:17px}.materia-tabs button{font-size:14px;padding:18px 0}.materia-tabs button span{font-size:10px;margin-right:6px}.materia-controls>span{display:none}.materia-grid{grid-template-columns:1fr 1fr;gap:24px 15px}.materia-piece:first-child{grid-column:1/-1}.materia-piece:nth-child(2),.materia-piece:nth-child(3){padding-top:0}.materia-piece h3{font-size:24px}.materia-piece:first-child h3{font-size:35px}.materia-piece p{font-size:13px}.materia-meta{font-size:10px;gap:8px}.materia-image>span{width:34px;height:34px;font-size:20px;right:9px;bottom:9px}.materia-bottom{display:block;margin-top:30px}.materia-bottom a{display:inline-block;margin-top:21px;white-space:normal}.materia-bottom p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.materia-image img{transition:none}}
.motion-off .materia-image img{transition:none}
