/* Stable, mobile-first image presentation. Keep normal link navigation as fallback. */
@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.12s;mix-blend-mode:normal}.reveal{animation:none!important;opacity:1!important;transform:none!important}html{background:#fff;scroll-padding-top:110px}body{background:#fff}.collection-intro{padding:65px 0 20px}.collection-intro h2{margin:12px 0 20px}.collection-intro p{max-width:650px;color:#607585}.collection-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.collection-jumps a{border:1px solid #cbdfe5;border-radius:25px;padding:11px 18px;font-size:14px;min-height:44px}.collection-jumps a:hover{background:#edf8f7}.media-section{border-top:1px solid #e3edef}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.media-card{border:1px solid #e0eaed;border-radius:16px;overflow:hidden;background:white;min-width:0}.media-open{display:block;width:100%;padding:0;border:0;position:relative;background:#f3f7f7;cursor:zoom-in}.media-open img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.media-products img{aspect-ratio:1;object-fit:contain;background:#fff}.media-magnify{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:50%;color:#117e83}.media-caption{padding:18px}.media-caption h3{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.media-caption small{display:block;color:#68838a;margin:8px 0}.media-enquiry{display:block;border-top:1px solid #e2ecee;padding-top:14px;margin-top:14px;color:#117e83;font-size:14px;min-height:44px}.media-more{display:block;margin:30px auto 0}.media-total{font-size:12px;color:#64838b}.media-card[hidden],.media-more[hidden]{display:none!important}.reference-note{padding:30px;background:#f5f8fa;border-left:3px solid #94b5c4}.reference-note h2{font-size:27px}.reference-note p{margin-top:16px}.collection-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:#edf8f8;border-radius:24px;padding:40px;margin-top:30px;margin-bottom:60px}.collection-teaser img{width:100%;max-height:350px;object-fit:contain;border-radius:18px}.collection-teaser h2{margin:20px 0 30px}#media-dialog{width:min(980px,94vw);max-height:92dvh;border:0;padding:20px;border-radius:18px;box-shadow:0 25px 80px #0004}#media-dialog::backdrop{background:#0b283acc}.media-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.media-dialog-head h2{font-size:19px;line-height:1.4}.media-close,.media-prev,.media-next{min-width:46px;min-height:46px;border:1px solid #d5e2e6;background:white;border-radius:50%;font-size:22px;cursor:pointer}.media-large{display:block;width:100%;height: min(64vh,650px);object-fit:contain;margin:15px 0;background:#f7f9fa}.media-dialog-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.media-dialog-enquiry{margin-left:auto}.media-dialog-enquiry[hidden]{display:none}.media-lock{overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #16898d;outline-offset:4px}.media-open:focus-visible{outline-offset:-4px}.brand-logo img{object-fit:contain}
@media(max-width:900px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:600px){.media-grid{grid-template-columns:1fr;gap:20px}.media-caption h3{font-size:18px}.collection-intro{padding-top:40px}.collection-jumps{gap:8px}.collection-jumps a{font-size:13px;padding:10px 14px}.collection-teaser{grid-template-columns:1fr;padding:25px;gap:24px}.media-section{padding-top:45px;padding-bottom:45px}#media-dialog{padding:14px}.media-large{height:55vh}.media-dialog-enquiry{width:100%;margin-left:0}.media-dialog-head h2{font-size:16px}.reference-note{padding:22px}.media-total{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}