/* Phase 12: editorial elements scoped to avoid touching existing product and checkout components. */
.p12-editorial{max-width:1320px;margin:auto;padding:86px 24px 95px}
.p12-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}
.p12-overline{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a56a49;margin:0 0 12px}
.p12-head h2,.p12-event-copy h2{font:400 clamp(38px,4.2vw,65px)/1.12 'DM Serif Display',Georgia,serif;letter-spacing:-1.7px;color:#3a281e;margin:0}
.p12-head h2 em,.p12-event-copy h2 em{font-weight:400;color:#aa6a4a}
.p12-head>p{max-width:305px;color:#796b60;line-height:1.7;font:400 14px/1.8 'DM Sans',sans-serif;margin:0 0 4px}
.p12-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.p12-card{display:block;text-align:left;border:1px solid #e8d9cb;border-radius:19px;overflow:hidden;padding:0;background:#fffaf5;color:#432b20;cursor:pointer;min-width:0;transition:transform .24s,box-shadow .24s,border-color .24s;box-shadow:0 8px 25px #462f1e0b;font:inherit}
.p12-card:hover{transform:translateY(-5px);box-shadow:0 24px 42px #5036241b;border-color:#cfa68a}
.p12-card:focus-visible,.p12-event a:focus-visible{outline:3px solid #a86747;outline-offset:4px}
.p12-card-media{height:clamp(220px,24vw,335px);position:relative;display:block;background:#edd9c8;overflow:hidden}
.p12-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.p12-card:hover .p12-card-media img{transform:scale(1.055)}
.p12-card-number{position:absolute;top:18px;left:18px;display:inline-grid;place-items:center;background:#fcf7f0d9;backdrop-filter:blur(8px);width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:800;color:#62432f}
.p12-card-body{padding:23px 25px 25px;display:grid;gap:5px}
.p12-card-title{font:400 33px/1.16 'DM Serif Display',Georgia,serif;letter-spacing:-.6px}
.p12-card-desc{font-size:13px;color:#867568;line-height:1.6}
.p12-card-action{font-size:12px;display:flex;align-items:center;justify-content:space-between;font-weight:800;letter-spacing:.03em;color:#925438;margin-top:14px}
.p12-card-action span:last-child{font-size:20px}
.p12-event{background:#3c2920;color:#fbf4eb;margin:0;padding:0;overflow:hidden}
.p12-event-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 46%;min-height:440px}
.p12-event-copy{padding:clamp(65px,7vw,110px) clamp(28px,6vw,100px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.p12-event-copy .p12-overline{color:#d4aa88}
.p12-event-copy h2{color:#fff8f0;max-width:670px}
.p12-event-copy h2 em{color:#e4b796}
.p12-event-copy>p:not(.p12-overline){color:#e3d1c2;line-height:1.8;font-size:14px;max-width:520px;margin:23px 0 30px}
.p12-event-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:10px;background:#f8eee3;color:#3a261c;font-weight:800;font-size:12px;padding:16px 21px;min-height:52px;text-decoration:none;transition:background .2s,transform .2s}
.p12-event-cta:hover{background:#fffaf3;transform:translateY(-2px)}
.p12-event-photo{min-height:330px;position:relative;overflow:hidden;background:#ddc0a4}
.p12-event-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.p12-event-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#3c292042,transparent 50%),linear-gradient(0deg,#3c292082,transparent 55%)}
.p12-event-caption{position:absolute;bottom:25px;left:28px;color:#fff;z-index:2;letter-spacing:.08em;font-size:11px;font-weight:700;text-transform:uppercase}
@media(max-width:760px){
 .p12-editorial{padding:58px 0 64px}
 .p12-head{padding:0 19px;display:block;margin-bottom:23px}
 .p12-head h2{font-size:clamp(38px,9vw,51px)}
 .p12-head>p{margin-top:12px;font-size:13px}
 .p12-card-grid{display:flex;gap:13px;overflow-x:auto;padding:0 19px 20px;scroll-snap-type:x mandatory;scroll-padding:19px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .p12-card{flex:0 0 min(78vw,340px);scroll-snap-align:start}
 .p12-card-media{height:235px}
 .p12-card-body{padding:19px 19px 21px}
 .p12-card-title{font-size:29px}
 .p12-event-inner{grid-template-columns:1fr}
 .p12-event-copy{padding:59px 23px 43px}
 .p12-event-copy h2{font-size:clamp(40px,10vw,60px)}
 .p12-event-photo{min-height:265px}
}
@media(max-width:380px){.p12-card{flex-basis:82vw}.p12-card-media{height:205px}.p12-editorial{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.p12-card,.p12-card-media img,.p12-event-cta{transition:none!important}.p12-card:hover,.p12-event-cta:hover{transform:none}}