/* Photographic postcards: all answers stay readable without JavaScript. */
.buyer-postcards{padding:95px 0 115px;background:#eceef1;overflow:hidden}
.postcards-heading{margin-bottom:48px}
.postcards-heading .premium-kicker{font-size:12px;color:#647183;margin-bottom:18px}
.premium-site .postcards-heading h2{font-size:clamp(43px,5.3vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:600}
.postcards-heading>p:last-child{font-size:19px;color:#69717d;margin-top:20px}
.postcard-navigation{display:none}
.postcard-stack{display:grid;gap:28px}
.industrial-postcard{background:#faf9f6;color:#182029;border:10px solid #faf9f6;border-radius:9px;overflow:hidden;box-shadow:0 22px 55px #1b2d431c}
.postcard-photo{position:relative;overflow:hidden;height:270px;border-radius:3px;background:#dce1e6}
.postcard-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.postcard-caption{padding:25px 25px 22px}
.postcard-kicker{font-size:10px;font-weight:500;letter-spacing:.13em;color:#6b7580;margin-bottom:12px}
.premium-site .postcard-caption h3{font-size:25px;line-height:1.14;letter-spacing:-.035em;font-weight:600;color:#182029;max-width:520px}
.postcard-answer{font-size:15px;line-height:1.6;color:#616b75;margin:14px 0 20px;max-width:555px}
.postcard-caption .premium-textlink{font-size:14px;color:#193b5a;border-bottom:1px solid #adb8c2;padding:0 0 5px}
.postcard-caption .premium-textlink span{margin-left:12px}

/* Enhancement: seven physical cards share the same deck; navigation brings one forward. */
.postcards-ready .postcards-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr);gap:70px;align-items:center}
.postcards-ready .postcard-navigation{display:block;padding-right:10px}
.postcard-tabs{display:flex;flex-direction:column;gap:4px}
.premium-site .postcard-tabs button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;text-align:left;min-height:54px;padding:14px 17px;background:transparent;border:0;border-bottom:1px solid #cfd5dc;border-radius:5px;color:#66717d;font-size:16px;cursor:pointer}
.postcard-tabs button i{font-style:normal;opacity:0;transition:opacity .2s}
.premium-site .postcard-tabs button[aria-selected=true]{color:#182e41;background:#fff;box-shadow:0 8px 20px #182e4109;border-color:transparent}
.postcard-tabs button[aria-selected=true] i{opacity:1}
.postcards-hint{font-size:12px;line-height:1.5;color:#78828d;margin:22px 16px 0}
.postcards-ready .postcard-stack{display:block;position:relative;height:600px;margin:10px 48px 22px 0}
.postcards-ready .industrial-postcard{position:absolute;inset:0;transform:translate(calc(var(--card-depth)*8px),calc(var(--card-depth)*-8px)) scale(calc(1 - var(--card-depth)*.022));transform-origin:52% 60%;transition:transform .62s cubic-bezier(.22,.68,.2,1),filter .5s,opacity .5s;z-index:var(--card-z);pointer-events:none;box-shadow:none;filter:brightness(.97);opacity:1}
.postcards-ready .industrial-postcard.is-active{pointer-events:auto;transform:none;filter:none;opacity:1;box-shadow:0 14px 30px -10px #18202924}
.postcards-ready .industrial-postcard.is-active .postcard-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.postcards-ready .postcard-caption{position:relative}

/* Keep every sheet level, including the deck behind the active answer. */
.postcards-ready .industrial-postcard{
 translate:0 0;rotate:0deg;
 transition:transform .62s cubic-bezier(.22,.68,.2,1),filter .5s,opacity .5s;
}
.motion-paused .postcards-ready .industrial-postcard{translate:none!important;rotate:none!important}

@media(max-width:1100px) and (min-width:801px){
 .postcards-ready .postcards-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}
 .postcards-ready .postcard-stack{height:635px;margin-right:28px}
 .postcard-photo{height:245px}.postcard-caption{padding:23px 20px}
}
@media(max-width:800px){
 .buyer-postcards{padding:65px 0 75px}
 .postcards-heading{margin-bottom:30px}.postcards-heading>p:last-child{font-size:16px}
 .postcards-ready .postcards-layout{display:block}
 .postcards-ready .postcard-navigation{padding:0;margin-bottom:55px}
 .postcard-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding:3px 0 12px;scroll-snap-type:x proximity}
 .premium-site .postcard-tabs button{flex:0 0 auto;width:auto;min-height:44px;padding:11px 16px;border:1px solid #cbd2da;border-radius:100px;font-size:13px;scroll-snap-align:nearest;white-space:nowrap;gap:9px}
 .postcard-tabs button i{display:none}.postcards-hint{margin:5px 0 0;font-size:11px}
 .postcards-ready .postcard-stack{height:var(--postcard-height,560px);margin:0 23px 0 0;transition:height .4s ease}
 .industrial-postcard{border-width:7px;border-radius:7px}
 .postcards-ready .industrial-postcard{inset:0 0 auto;transform:translate(calc(var(--card-depth)*4px),calc(var(--card-depth)*-5px)) scale(calc(1 - var(--card-depth)*.025))}
 .postcards-ready .industrial-postcard.is-active{transform:none}
 .postcard-photo{height:auto;aspect-ratio:1.5}
 .postcard-caption{padding:21px 15px 20px}
 .premium-site .postcard-caption h3{font-size:23px}
 .postcard-answer{font-size:14px;line-height:1.6;margin:13px 0 19px}
 .postcard-kicker{font-size:8px;line-height:1.5;letter-spacing:.11em}
 .postcard-caption .premium-textlink{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .postcards-ready .industrial-postcard,.postcards-ready .postcard-stack,.postcard-photo img{transition:none!important}
 .postcards-ready .industrial-postcard{translate:none!important;rotate:none!important}
 .postcards-ready .industrial-postcard.is-active{transform:none!important}
}
.motion-paused .postcards-ready .industrial-postcard.is-active{transform:none!important}
.motion-paused .postcards-ready .postcard-photo img{transform:none!important}