/* A colorful paper-and-postage invitation. Approved page artwork stays intact. */
.zip-contents .catalog-section{width:100%;max-width:none;margin:44px 0 56px;padding:60px max(24px,calc((100vw - 1080px)/2));background:#174c75;border-block:10px solid #f5ce58;scroll-margin-top:24px}
.zip-contents .catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:40px;max-width:none;text-align:left;margin-bottom:32px}
.zip-contents .catalog-heading .mc-eyebrow{color:#ffe17a;letter-spacing:2px;font-size:13px}
.zip-contents .catalog-heading h2{font-size:clamp(42px,5.7vw,70px);line-height:1.08;margin:12px 0 22px;color:#fffdf7;letter-spacing:-1.5px;scroll-margin-top:40px;text-wrap:balance}
.zip-contents .catalog-heading h2 span{color:#ffe17a}
.zip-contents .catalog-lead{color:#eef8ff;font-size:17px;line-height:1.65;margin:0}
.zip-contents .catalog-zip{background:#fff4c5;border:2px dashed #174c75;outline:9px solid #fff4c5;transform:rotate(5deg);padding:15px 16px 12px;text-align:center;color:#174c75;align-self:center}
.zip-contents .catalog-zip img{display:block;width:125px;height:auto;margin:12px auto}
.zip-contents .catalog-zip span,.zip-contents .catalog-zip b{display:block;font:400 14px/1.35 'Special Elite','Courier New',monospace}
.zip-contents .catalog-zip span{padding-bottom:8px;border-bottom:1px solid #174c7540;text-transform:uppercase;letter-spacing:1px}
.zip-contents .piece-filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;border:0;padding:12px 0 0}
.zip-contents .piece-filters button{border:1px solid #b8d5e9;background:transparent;color:#fffdf7;border-radius:5px;padding:12px 19px;font-size:15px;min-height:46px;transition:background .15s,color .15s}
.zip-contents .piece-filters button:hover{background:#ffffff18}
.zip-contents .piece-filters button[aria-pressed=true]{background:#ffe17a;color:#174c75;border-color:#ffe17a}
.zip-contents .catalog-section :focus-visible{outline:3px solid #ffe17a;outline-offset:5px}
.zip-contents .result-count{color:#d6e9f5;text-align:left;margin:16px 0 22px;font-size:13px}
.zip-contents .piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1080px;margin:0 auto;align-items:stretch}
.zip-contents .piece{--piece-color:#ffe693;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;background:var(--piece-color);border:0;border-radius:12px;overflow:hidden;min-width:0;padding:22px;gap:18px}
.zip-contents .piece:nth-child(2){--piece-color:#caecd9}
.zip-contents .piece:nth-child(3){--piece-color:#f8cfc1}
.zip-contents .piece:nth-child(4){--piece-color:#cce8fa}
.zip-contents .piece[hidden]{display:none!important}
.zip-contents .piece-image,.zip-contents .piece:nth-child(n) .piece-image{display:block;position:relative;background:transparent;padding:10px 5px 35px;border:0;border-radius:0;width:100%;min-width:0;cursor:zoom-in;overflow:visible}
.zip-contents .piece-image img{display:block;width:100%;height:auto;aspect-ratio:17/22;object-fit:contain;border:1px solid #174c7533;border-radius:0;transform:rotate(-3deg);transition:transform .2s ease}
.zip-contents .piece:nth-child(even) .piece-image img{transform:rotate(3deg)}
.zip-contents .piece-image:hover img,.zip-contents .piece-image:focus-visible img{transform:rotate(0)}
.zip-contents .zoom-label{position:absolute;bottom:0;left:0;right:0;width:max-content;max-width:100%;margin:auto;padding:7px 8px;background:#174c75;border:0;border-radius:3px;color:#fffdf7;font-size:10px;opacity:1;line-height:1.3;white-space:normal}
.zip-contents .piece-copy{padding:0;min-width:0}
.zip-contents .piece-cadence{font-size:11px;line-height:1.6;color:#704132;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}
.zip-contents .piece-copy h3{font-size:clamp(23px,2.2vw,30px);line-height:1.14;margin:0 0 16px;color:#174c75;text-wrap:balance}
.zip-contents .piece-copy>p:last-child{font-size:14px;line-height:1.65;color:#25495c;margin:0}
.zip-contents .piece-grid[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);max-width:820px}
.zip-contents .piece-grid[data-visible-count="1"] .piece{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;padding:32px 40px}
.zip-contents .piece-grid[data-visible-count="1"] .piece-image{max-width:330px;justify-self:center}
.zip-contents .piece-grid[data-visible-count="1"] .piece-copy h3{font-size:clamp(30px,3.4vw,44px)}
.zip-contents .piece-grid[data-visible-count="1"] .piece-copy>p:last-child{font-size:17px}
.zip-contents .sample-context{color:#d6e9f5;font-size:12px;text-align:center;max-width:720px;margin:28px auto 0;line-height:1.7}
.zip-contents .catalog-section noscript p{color:#fffdf7}
.zip-contents .catalog-section noscript a{color:#ffe17a!important}
.zip-contents .piece-dialog{border:5px solid #ffe17a;border-radius:12px;background:#fffdf7;max-height:92dvh}
.zip-contents .piece-dialog::backdrop{background:#092b45cf}
.zip-contents .dialog-top{position:sticky;top:-20px;z-index:1;background:#fffdf7;border-bottom:1px dashed #174c7566;padding:12px 0 16px}
.zip-contents .dialog-top button{background:#174c75;color:white;border:0;padding:10px 16px;cursor:pointer}
.zip-contents .contents-hero{border-radius:12px 12px 60px 12px;background:#ffe17a}
.zip-contents .hero-papers .paper-back{transform:rotate(-5deg);border:0;border-radius:0}
.zip-contents .hero-papers .paper-front{transform:rotate(5deg);border:0;border-radius:0}
.zip-contents .hero-papers{gap:18px;padding:12px}
.zip-contents .hero-papers figcaption{margin-top:18px}
/* The personal preview is an invitation on the left, a legible form on the right. */
.zip-preview{background:#fff1bc}
.zip-preview .preview-nav{border-bottom:6px solid #174c75}
.zip-preview main{max-width:1180px;gap:36px 60px;padding-top:48px}
.zip-preview .preview-intro>img{width:88px}
.zip-preview .preview-intro h1{font-size:clamp(38px,4.1vw,57px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0 24px}
.zip-preview .preview-intro h1 span{color:#bd3045}
.zip-preview .preview-intro .eyebrow{color:#174c75;font-size:11px;letter-spacing:1.4px;margin-top:16px}
.zip-preview .preview-lead{font-size:19px}
.zip-preview .preview-offer{font-size:15px;max-width:390px!important}
.zip-preview .preview-mail-peek{margin:28px 0 0;padding:26px 28px 18px;background:#bcdff2;border:2px solid #174c75;border-radius:12px 12px 38px 12px;max-width:460px}
.zip-preview .preview-mail-peek a{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;text-decoration:none}
.zip-preview .preview-mail-peek img{width:100%;height:auto;display:block;border:1px solid #174c7540;transform:rotate(-5deg)}
.zip-preview .preview-mail-peek img:nth-child(2){transform:rotate(5deg)}
.zip-preview .preview-mail-peek span{grid-column:1/-1;text-align:center;font:400 17px/1.45 'Special Elite','Courier New',monospace;padding-top:10px}
.zip-preview .preview-card{position:relative;background:#fffdf7;border:2px solid #174c75;border-radius:12px;padding:36px;overflow:hidden}
.zip-preview .preview-card:before{content:"";display:block;position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(135deg,#bd3045 0 15px,#fffdf7 15px 26px,#174c75 26px 41px,#fffdf7 41px 52px)}
.zip-preview .preview-card>.eyebrow{font-size:11px;letter-spacing:1px;margin:2px 0 12px}
.zip-preview .preview-card h2{font-size:36px}
.zip-preview .preview-card input:not([type=checkbox]),.zip-preview .preview-card select{background:white;border:1px solid #8ba7b8;border-radius:6px}
.zip-preview .preview-button{background:#bd3045;border-color:#bd3045;border-radius:6px}
.zip-preview .preview-button:hover{background:#a32539}
.zip-preview main>.preview-proof{grid-column:1/-1;display:grid;grid-template-columns:140px minmax(0,320px);align-items:center;gap:24px;max-width:520px;margin:12px auto 0}
.zip-preview .preview-proof video{width:140px;border:5px solid white;border-radius:10px}
.zip-preview .preview-proof figcaption{font-size:16px;line-height:1.7;color:#174c75}
.zip-preview footer{background:#174c75;color:#fffdf7}
.zip-preview footer a{color:#fffdf7}
@media(max-width:900px){
 .zip-contents .piece{grid-template-columns:1fr;padding:22px;gap:14px}
 .zip-contents .piece-image{max-width:250px;justify-self:center}
 .zip-contents .piece-copy{text-align:center;padding:4px 0 6px}
 .zip-contents .piece-copy h3{font-size:27px}
 .zip-preview main{gap:28px}
 .zip-preview .preview-card{padding:28px 22px}
}
@media(max-width:700px){
 .zip-contents .catalog-section{padding:36px 20px;margin:30px 0;border-block-width:7px}
 .zip-contents .catalog-heading{grid-template-columns:minmax(0,1fr) 80px;gap:12px;margin-bottom:24px;align-items:start}
 .zip-contents .catalog-heading h2{font-size:40px;letter-spacing:-1px;margin:10px 0 16px;scroll-margin-top:24px}
 .zip-contents .catalog-heading .mc-eyebrow{font-size:10px;letter-spacing:1px}
 .zip-contents .catalog-lead{font-size:14px;line-height:1.6}
 .zip-contents .catalog-zip{outline-width:4px;padding:8px 4px;transform:rotate(5deg);margin-top:24px}
 .zip-contents .catalog-zip img{width:60px;margin:6px auto}
 .zip-contents .catalog-zip span{font-size:8px;letter-spacing:0;padding-bottom:5px}
 .zip-contents .catalog-zip b{font-size:9px}
 .zip-contents .piece-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .zip-contents .piece-filters button{font-size:13px;padding:11px 8px}
 .zip-contents .piece-grid{grid-template-columns:1fr;gap:20px}
 .zip-contents .piece,.zip-contents .piece-grid[data-visible-count="1"] .piece{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:18px 14px;gap:18px}
 .zip-contents .piece-copy{text-align:left;padding:0}
 .zip-contents .piece-copy h3,.zip-contents .piece-grid[data-visible-count="1"] .piece-copy h3{font-size:24px;line-height:1.15}
 .zip-contents .piece-copy>p:last-child,.zip-contents .piece-grid[data-visible-count="1"] .piece-copy>p:last-child{font-size:13px;line-height:1.6}
 .zip-contents .piece-cadence{font-size:9px;letter-spacing:0}
 .zip-contents .zoom-label{font-size:9px;padding:7px 5px}
 .zip-contents .sample-context{text-align:left;font-size:11px}
 .zip-contents .hero-papers{padding:10px;gap:16px}
 .zip-preview main{grid-template-columns:1fr;padding:30px 20px 36px;gap:30px}
 .zip-preview .preview-intro{max-width:480px;margin:auto}
 .zip-preview .preview-intro>img{width:70px}
 .zip-preview .preview-intro h1{font-size:42px;letter-spacing:-1px}
 .zip-preview .preview-card{padding:28px 22px}
 .zip-preview .preview-mail-peek{max-width:350px;padding:22px 22px 16px;margin-top:24px}
 .zip-preview .preview-mail-peek span{font-size:15px}
 .zip-preview main>.preview-proof{grid-template-columns:100px minmax(0,1fr);gap:18px;margin-top:0}
 .zip-preview .preview-proof video{width:100px}
 .zip-preview .preview-proof figcaption{font-size:14px}
}
@media(max-width:360px){
 .zip-contents .catalog-section{padding-inline:16px}
 .zip-contents .catalog-heading{grid-template-columns:1fr}
 .zip-contents .catalog-zip{display:none}
 .zip-contents .catalog-heading h2{font-size:40px}
 .zip-contents .piece,.zip-contents .piece-grid[data-visible-count="1"] .piece{grid-template-columns:1fr;padding:22px}
 .zip-contents .piece-image{max-width:210px}
 .zip-contents .piece-copy{text-align:center}
 .zip-preview .preview-intro h1{font-size:37px}
}
@media(prefers-reduced-motion:reduce){.zip-contents .piece-image img{transition:none}}