/* Preview: image-led CMYK service mosaic. */
:root[data-option="1"] .catalog{background:#f5f8fa;color:#14283e;padding:clamp(105px,12vh,128px) 0 42px;min-height:100dvh;overflow:visible}
.catalog .catalog-shell{min-height:0;display:block}
.catalog .catalog-heading{align-items:end;padding:0;gap:40px}
.catalog .catalog-heading h2{font-size:clamp(48px,5vw,78px);line-height:.91;margin:19px 0 0;letter-spacing:-.075em}
.catalog .catalog-heading>p{font-size:15px;line-height:1.48;color:#4f6576;max-width:340px;margin:0 0 3px}
.catalog .catalog-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}
.catalog .catalog-tabs button,.catalog .catalog-tabs button[aria-selected=true]{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;height:clamp(190px,27vh,290px);padding:17px 18px 18px;text-align:left;color:#fff;background:#12263a;border:0;border-bottom:6px solid var(--card-accent);overflow:hidden;cursor:pointer;isolation:isolate;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.catalog .catalog-tabs button:hover,.catalog .catalog-tabs button:focus-visible{transform:translateY(-5px);filter:saturate(1.13);outline:3px solid #0a5795;outline-offset:2px}
.catalog .catalog-tabs button[aria-selected=true]{transform:translateY(-5px);box-shadow:0 12px 26px #12283d35}
.catalog .catalog-tabs button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s ease}
.catalog .catalog-tabs button:hover img{transform:scale(1.045)}
.catalog .catalog-tabs button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071827ed 0%,#071827b3 35%,#07182700 78%)}
.catalog .catalog-tabs .card-no{position:absolute;top:14px;left:16px;background:var(--card-accent);color:#091c2d;font-size:9px;font-weight:900;letter-spacing:.13em;padding:7px 8px}
.catalog .catalog-tabs button:nth-child(4) .card-no{color:#fff}
.catalog .catalog-tabs button strong{font-size:clamp(18px,1.75vw,28px);line-height:1.04;letter-spacing:-.05em;font-weight:900}
.catalog .catalog-tabs button small{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:10px;color:#d9ebf4}
.catalog .catalog-detail{background:#0c253e;color:#fff;margin-top:13px;padding:19px 22px 20px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;min-height:168px}
.catalog .catalog-list{padding:0;min-width:0}
.catalog .catalog-list[hidden]{display:none}
.catalog .catalog-list h3{font-size:20px;letter-spacing:-.035em;margin:0 0 13px;color:#fff}
.catalog .catalog-list ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.catalog .catalog-list li{border:1px solid #cde9fa51;background:#ffffff0d;color:#eef7fc;padding:7px 10px;font-size:12px;font-weight:700;line-height:1.12;white-space:normal}
.catalog .catalog-list li:before{content:none}
.catalog .catalog-quote{padding:0;display:flex;flex-direction:column;align-items:stretch;gap:9px;color:#d4e7f2;text-align:center;font-size:11px;line-height:1.2}
.catalog .catalog-quote strong{display:block;margin:0;background:#f4cf27;color:#102437;padding:16px 12px;font-size:11px;font-weight:900;letter-spacing:.09em;transition:background .2s}
.catalog .catalog-quote:hover strong,.catalog .catalog-quote:focus-visible strong{background:#ffe76b}
.catalog .panel-index{bottom:13px}
@media(max-width:1050px){.catalog .catalog-tabs button{padding:14px}.catalog .catalog-tabs button strong{font-size:19px}.catalog .catalog-detail{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:760px){
  :root[data-option="1"] .catalog{padding:83px 0 24px;min-height:100dvh}
  .catalog .catalog-heading{display:block}
  .catalog .catalog-heading h2{font-size:clamp(39px,10.3vw,52px);line-height:.93;margin:12px 0 0}
  .catalog .catalog-heading .eyebrow{font-size:9px;letter-spacing:.18em}
  .catalog .catalog-heading>p{display:none}
  .catalog .catalog-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}
  .catalog .catalog-tabs button,.catalog .catalog-tabs button[aria-selected=true]{height:clamp(112px,16vh,150px);padding:9px 10px 10px;border-bottom-width:4px;transform:none;box-shadow:none}
  .catalog .catalog-tabs button strong{font-size:clamp(14px,4.1vw,18px);line-height:1.05}
  .catalog .catalog-tabs button small{display:none}
  .catalog .catalog-tabs .card-no{top:7px;left:8px;font-size:8px;padding:4px 5px}
  .catalog .catalog-tabs button:after{background:linear-gradient(0deg,#071827e8 0%,#071827a9 40%,#07182708 90%)}
  .catalog .catalog-detail{display:block;margin-top:8px;padding:13px 12px 12px;min-height:0}
  .catalog .catalog-list h3{font-size:16px;margin:0 0 9px}
  .catalog .catalog-list ul{gap:5px}
  .catalog .catalog-list li{font-size:10px;padding:5px 7px}
  .catalog .catalog-quote{margin-top:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;text-align:left;font-size:10px}
  .catalog .catalog-quote strong{font-size:9px;padding:11px 9px;white-space:nowrap}
  .catalog .panel-index{display:none}
}
@media(max-width:390px){.catalog .catalog-heading h2{font-size:39px}.catalog .catalog-tabs button,.catalog .catalog-tabs button[aria-selected=true]{height:108px}.catalog .catalog-list li{font-size:9px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.catalog .catalog-tabs button,.catalog .catalog-tabs button img{transition:none}}