/* Full-bleed campaign + a single-view, material-led collection. */
@media(min-width:561px){.campaign-hero .campaign-images{inset:0}.campaign-hero .campaign-frame[data-campaign-frame="0"] img{display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none}}
.sample-library-page .page-heading{padding-top:48px;padding-bottom:31px}.sample-library-page .page-heading h1{font-size:clamp(52px,5.1vw,77px);max-width:1050px;letter-spacing:-.055em;line-height:1.02}.sample-library-page .page-heading p{font-size:15px;max-width:66ch;line-height:1.8}.sample-library-page .filter-bar{align-items:center;gap:30px;padding-top:25px;padding-bottom:25px}.sample-library-page .filter-tabs{gap:10px;align-items:stretch}.sample-library-page .filter-button{border-radius:3px;min-height:57px;padding:14px 20px;font-size:12px;background:#173a4b33;display:flex;align-items:center;gap:9px;position:relative}.sample-library-page .filter-button.active{background:#375f73;color:#edf6fa;border-color:#84b8cc}.sample-library-page [data-library-filter="SCF"]{border-color:#83b7cd88;padding-top:24px;min-width:174px}.filter-premium{position:absolute;top:7px;left:20px;color:#8fc9dc;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.sample-library-page [data-library-filter="SCF"].active .filter-premium{color:#c9edf6}.sample-library-page .search-field{min-width:225px}.sample-library-page .catalog-count{font-size:11px;margin-top:28px;margin-bottom:25px;color:#7da5ba!important}
.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.sample-card-v4{min-width:0;position:relative;border:1px solid #4b6d7f33;border-radius:5px;overflow:hidden;background:linear-gradient(145deg,#17364a70,#102b3d38);transition:border-color .4s,box-shadow .4s}.sample-card-v4:hover,.sample-card-v4:focus-within{border-color:#6f9eb36b;box-shadow:0 20px 45px #03131f29}.sample-visual{position:relative;background:#eeece7;aspect-ratio:1.5;isolation:isolate;overflow:hidden}.sample-card-v4 .catalog-art{display:block;position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%;border:0;padding:0;margin:0;border-radius:0;background:transparent;overflow:hidden;cursor:zoom-in}.sample-card-v4 .catalog-art>img{object-fit:contain;width:100%;height:100%;filter:none;padding:16px;transition:transform .7s}.sample-angle{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.2,1);transform:scale(.94)}.sample-angle image{filter:none}.sample-angle-bottom{opacity:1}.sample-angle-side{opacity:0;transform:translateY(8px) scale(.92)}.sample-visual[data-view="side"] .sample-angle-bottom{opacity:0;transform:translateY(-8px) scale(.96)}.sample-visual[data-view="side"] .sample-angle-side{opacity:1;transform:translateY(0) scale(.98)}.sample-card-v4 .catalog-art:hover .sample-angle-bottom{transform:scale(.98)}.sample-visual[data-view="side"] .catalog-art:hover .sample-angle-bottom{transform:translateY(-8px) scale(.96)}.sample-visual[data-view="side"] .catalog-art:hover .sample-angle-side{transform:scale(1)}.sample-premium-badge,.sample-tooling-badge{position:absolute;top:17px;left:17px;z-index:3;font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#254d60;background:#d7e5e9e6;border:1px solid #52768833;padding:7px 9px;border-radius:2px;pointer-events:none}.sample-tooling-badge{color:#5a4c30;background:#ede2cbe8;border-color:#b3a17b77;max-width:180px}.sample-zoom{position:absolute;right:16px;top:16px;z-index:3;background:#f9faf8c9;border:1px solid #31556924;color:#1b4158;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:16px;opacity:.7;transition:opacity .4s,transform .4s}.catalog-art:hover .sample-zoom{opacity:1;transform:translate(1px,-1px)}.sample-angle-controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;padding:3px;border-radius:30px;background:#e1e4e1e8;border:1px solid #bac4c780;z-index:4;box-shadow:0 3px 15px #223a4810}.sample-angle-controls button{font-size:9px;letter-spacing:.025em;border:0;border-radius:25px;padding:7px 14px;background:none;color:#5c7581;min-height:28px;transition:color .3s,background .3s}.sample-angle-controls button[aria-pressed="true"]{background:#1f465b;color:#e8f2f6}.sample-single-label{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#5c7683}.sample-info{padding:22px 23px 0}.sample-card-v4 .sample-meta{margin:0;color:#7fa6bb;font-size:8px;letter-spacing:.09em}.sample-card-v4 h3{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin-top:13px;color:#e0edf4}.sample-card-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:15px;font-size:10px;color:#789db2}.sample-card-bottom>a{font-size:10px;color:#b5d4e4;white-space:nowrap}.sample-enquiry{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #466c8055;padding:16px 0;margin-top:19px;font-size:11px;color:#b9dbe8;transition:color .3s}.sample-enquiry:hover,.sample-card-bottom a:hover{color:#edf9fe}.sample-enquiry>span{font-size:16px}.sample-featured{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sample-featured .sample-card-v4 .sample-visual{aspect-ratio:1.1}.sample-featured .sample-info{padding:18px 16px 0}.sample-featured .sample-card-v4 h3{font-size:23px}.sample-featured .sample-premium-badge{font-size:6px;top:11px;left:11px}.sample-featured .sample-card-bottom{font-size:8px;gap:8px}.sample-featured .sample-card-bottom a{font-size:9px}.sample-featured .sample-enquiry{font-size:10px}.sample-featured .sample-angle-controls button{font-size:8px;padding:6px 10px}.sample-featured .sample-zoom{right:10px;top:10px;width:24px;height:24px;font-size:14px}
@media(max-width:1250px){.sample-library-page .filter-bar{align-items:stretch;flex-direction:column;gap:20px}.sample-library-page .search-field{max-width:350px}.sample-library-page .filter-tabs{flex-wrap:wrap}.sample-grid{gap:36px 22px}.sample-info{padding:20px 19px 0}.sample-card-v4 h3{font-size:26px}.sample-premium-badge,.sample-tooling-badge{font-size:7px;left:12px;top:12px;padding:6px 8px}.sample-featured .sample-card-bottom>span{display:none}.sample-featured .sample-card-bottom{justify-content:flex-end}}
@media(max-width:1000px){.sample-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.sample-featured{grid-template-columns:1fr 1fr}.sample-featured .sample-card:last-child{display:block}.sample-featured .sample-card-v4 .sample-visual{aspect-ratio:1.32}.sample-featured .sample-card-bottom>span{display:block}.sample-featured .sample-card-bottom{justify-content:space-between}.sample-featured .sample-card-v4 h3{font-size:26px}.sample-featured .sample-info{padding:20px 20px 0}}
@media(max-width:560px){.sample-library-page .page-heading{padding-top:46px;padding-bottom:28px}.sample-library-page .page-heading h1{font-size:49px;max-width:370px}.sample-library-page .page-heading p{font-size:12px;line-height:1.8;max-width:40ch}.sample-library-page .filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);padding-bottom:6px;gap:9px;scrollbar-width:thin;scrollbar-color:#426c82 transparent}.sample-library-page .filter-button{flex-shrink:0;min-height:52px;padding:12px 16px;font-size:10px}.sample-library-page [data-library-filter="SCF"]{min-width:153px;padding-top:22px}.sample-library-page .filter-premium{left:16px;font-size:6px;top:7px}.sample-library-page .search-field{max-width:none;width:100%}.sample-library-page .filter-bar{padding-top:19px;padding-bottom:19px;gap:15px}.sample-library-page .catalog-count{font-size:10px;margin-top:22px;margin-bottom:20px}.sample-grid{grid-template-columns:1fr;gap:27px}.sample-visual{aspect-ratio:1.26}.sample-info{padding:21px 22px 0}.sample-card-v4 h3{font-size:30px}.sample-card-v4 .sample-meta{font-size:8px}.sample-card-bottom{font-size:10px}.sample-enquiry{font-size:11px}.sample-angle-controls{bottom:13px}.sample-angle-controls button{font-size:10px;padding:8px 16px;min-height:32px}.sample-premium-badge,.sample-tooling-badge{font-size:8px;top:15px;left:15px}.sample-zoom{width:30px;height:30px;right:14px;top:14px}.sample-featured{grid-template-columns:1fr;gap:25px}.sample-featured .sample-card-v4 .sample-visual{aspect-ratio:1.26}.sample-featured .sample-info{padding:20px 22px 0}.sample-featured .sample-card-v4 h3{font-size:29px}.sample-featured .sample-premium-badge{font-size:8px;top:15px;left:15px}.sample-featured .sample-angle-controls button{font-size:10px;padding:8px 16px}.sample-featured .sample-card-bottom,.sample-featured .sample-card-bottom a{font-size:10px}.sample-featured .sample-enquiry{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sample-angle,.sample-card-v4,.sample-zoom,.sample-angle-controls button{transition:none!important}.sample-angle,.sample-angle-side{transform:none!important}}
