@font-face{font-family:"YOCL Poppins";src:url('../../assets/fonts/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"YOCL Poppins";src:url('../../assets/fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:"YOCL Poppins";src:url('../../assets/fonts/poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#88929d #f4f4f2}body{margin:0;font:400 16px/1.7 "YOCL Poppins",sans-serif;color:#22262c;background:#fff}::selection{background:#ffcf24;color:#22262c}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #22262c;outline-offset:4px}.vp-dark :focus-visible{outline-color:#ffcf24}.vp-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.vp h1,.vp h2,.vp h3,#vp-enquiry h2,#vp-enquiry h3{margin:0;letter-spacing:-.025em;text-wrap:balance}.vp h1{font-size:clamp(48px,4.35vw,66px);line-height:1.07;font-weight:700;letter-spacing:-.04em}.vp h2{font-size:40px;line-height:1.16;font-weight:700}.vp h3{font-size:22px;line-height:1.3;font-weight:600}.vp p{margin:18px 0 0;max-width:70ch}.vp-hero{background:#ffcf24;padding:24px 0 56px}.vp-crumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-bottom:30px}.vp-crumb a:hover{text-decoration:underline}.vp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.vp-hero-copy{padding:16px 0}.vp-hero-copy>p{max-width:48ch;margin-top:26px;font-size:17px}.vp-hero-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.vp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.vp-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:14px 25px;background:linear-gradient(to right,#22262c 50%,#ffcf24 50%);background-size:202% 100%;background-position:right center;color:#22262c;border:0;border-radius:6px;font-size:14px;font-weight:600;transition:background-position 360ms cubic-bezier(.16,1,.3,1),color 180ms}.vp-button:hover{background-position:left center;color:#fff}.vp-hero .vp-button,.vp-close .vp-button{background-image:linear-gradient(to right,#fff 50%,#22262c 50%);color:#fff}.vp-hero .vp-button:hover,.vp-close .vp-button:hover{color:#22262c}.vp-dark .vp-button{background-image:linear-gradient(to right,#fff 50%,#ffcf24 50%)}.vp-dark .vp-button:hover{color:#22262c}.vp-text-link{font-size:14px;font-weight:600;text-decoration:underline}.vp-text-link:hover{text-decoration-thickness:2px}.vp-section-nav{border-bottom:1px solid #dde0e3;background:#fff}.vp-section-nav>.vp-wrap{display:flex;gap:34px;overflow:auto;white-space:nowrap}.vp-section-nav a{padding:22px 0;font-size:13px;font-weight:600}.vp-section-nav a:hover{text-decoration:underline}.vp-section{padding:96px 0;scroll-margin-top:24px}.vp-section-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:38px}.vp-section-head>p{max-width:420px;color:#6b7077;margin:0}.vp-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.vp-filters button{border:1px solid #88929d;border-radius:6px;padding:11px 18px;background:#fff;color:#22262c;font-size:14px;min-height:46px}.vp-filters button[aria-pressed=true]{background:#22262c;border-color:#22262c;color:#fff}.vp-filters button:hover:not([aria-pressed=true]){background:#ffcf24}.vp-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.vp-product-image{display:block;aspect-ratio:1;overflow:hidden;background:#f4f4f2}.vp-product-image img{display:block;width:100%;height:100%;object-fit:cover}.vp-product h3{font-size:18px;line-height:1.4;margin-top:18px;text-wrap:initial}.vp-product h3 a:hover{text-decoration:underline}.vp-product p{font-size:13px;color:#6b7077;margin-top:8px}.vp-soft{background:#f4f4f2}.vp-mount-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.vp-mount{display:grid;grid-template-columns:40% 1fr;gap:24px;align-items:start}.vp-mount img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.vp-mount p{font-size:14px;margin:14px 0}.vp-mount .vp-detail{color:#6b7077;font-size:13px}.vp-table-scroll{overflow:auto;border:1px solid #dde0e3}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;min-width:780px}caption{text-align:left;padding:16px 20px;font-size:13px;color:#6b7077}th,td{text-align:left;padding:18px 20px;border-bottom:1px solid #dde0e3;vertical-align:middle;font-variant-numeric:tabular-nums}thead{background:#f4f4f2}thead th{border-bottom:2px solid #ffcf24;font-weight:600}thead small{font-weight:400}tbody th{font-weight:600}tbody a{text-decoration:underline}tbody tr:last-child>*{border-bottom:0}.vp .vp-note{font-size:13px;color:#6b7077;max-width:100ch;margin-top:22px}.vp-dark{background:#22262c;color:#fff}.vp-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}.vp-selection-grid>div{align-self:start;position:sticky;top:32px}.vp-selection-grid>div>p{color:#e3e5e8;margin-bottom:32px;max-width:44ch}.vp-checklist{margin:0;padding:0 0 0 24px}.vp-checklist li{padding:0 0 26px 16px;margin-bottom:26px;border-bottom:1px solid #555a61}.vp-checklist li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.vp-checklist li::marker{color:#ffcf24;font-weight:600}.vp-checklist p{font-size:15px;color:#e3e5e8;margin-top:12px}.vp-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:72px}.vp-faq details{border-bottom:1px solid #dde0e3;padding:22px 0}.vp-faq details:first-child{padding-top:0}.vp-faq summary{font-weight:600;cursor:pointer;padding:4px 26px 4px 0;line-height:1.5}.vp-faq p{color:#6b7077;font-size:15px;margin:14px 0 6px}.vp-close{background:#ffcf24;padding:56px 0}.vp-close>.vp-wrap{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.vp-close h2,.vp-close p{margin-inline:auto}.vp-close h2{max-width:700px;font-size:34px}.vp-close .vp-button{flex-shrink:0}.vp-close p{font-size:15px}.vp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vp-skip{position:fixed;top:-100px;left:20px;padding:12px;background:#ffcf24;z-index:1000}.vp-skip:focus{top:10px}
@media(max-width:1100px){.vp-wrap{width:calc(100% - 64px)}.vp-hero-grid{gap:32px}.vp h1{font-size:48px}.vp-section-head{align-items:start}.vp-selection-grid{gap:48px}.vp-mount{display:block}.vp-mount img{width:160px;margin-bottom:24px}.vp-products{gap:32px 20px}.vp-product h3{font-size:16px}.vp-faq{gap:40px}}
@media(max-width:780px){.vp-wrap{width:calc(100% - 40px)}.vp-hero{padding:20px 0 32px}.vp-crumb{font-size:11px;gap:7px;margin-bottom:22px}.vp-hero-grid{grid-template-columns:1fr;gap:30px}.vp h1{font-size:40px;line-height:1.1}.vp-hero-copy{padding:0}.vp-hero-copy>p{font-size:16px;margin-top:22px}.vp-actions{gap:18px;margin-top:24px}.vp h2{font-size:30px}.vp h3{font-size:20px}.vp-section{padding:56px 0}.vp-section-head{display:block;margin-bottom:26px}.vp-section-head>p{margin-top:18px}.vp-section-nav>.vp-wrap{gap:26px}.vp-section-nav a{padding:18px 0}.vp-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.vp-product h3{font-size:15px;margin-top:12px;line-height:1.4}.vp-product p{font-size:12px}.vp-filters{gap:8px;margin-bottom:24px}.vp-filters button{font-size:12px;padding:10px 12px}.vp-mount-grid{grid-template-columns:1fr;gap:32px}.vp-mount{display:grid;grid-template-columns:100px 1fr;gap:20px}.vp-mount img{width:100%;margin:0}.vp-mount h3{font-size:20px}.vp-selection-grid,.vp-faq{grid-template-columns:1fr;gap:36px}.vp-selection-grid>div{position:static}.vp-checklist{padding-left:20px}.vp-checklist li{padding-left:8px}.vp-close{padding:40px 0}.vp-close>.vp-wrap{display:block}.vp-close .vp-button{margin-top:24px}.vp-close h2{font-size:30px}.vp-faq details{padding:20px 0}.vp-dialog-grid{grid-template-columns:1fr}.vp-dialog-intro{padding:40px 24px 20px}.vp-dialog-intro h2{font-size:32px;max-width:220px}.vp-dialog-intro .vp-preview-note{padding:0;margin:10px 0;font-size:12px}.vp-close-dialog{background:#fff}#vp-enquiry{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#vp-brief-form{padding:28px 24px}.vp-fields{grid-template-columns:1fr}#vp-brief-form h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Match the shared popup trigger to the surface without changing global chrome. */
.vp-close{position:relative;isolation:isolate;overflow:hidden}
.vp-watermark{position:absolute;z-index:-1;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none;color:rgba(255,255,255,.19);font-weight:700;font-size:clamp(150px,25vw,360px);line-height:1;letter-spacing:-.04em}
.vp-close>.vp-wrap{position:relative}
:root body .vp :is(.vp-hero,.vp-close) a.vp-button.yocl-popup-trigger{--popup-rest:#22262c;--popup-fill:#fff;--popup-label:#fff;--popup-hover:#22262c}
:root body .vp .vp-dark a.vp-button.yocl-popup-trigger{--popup-rest:#ffcf24;--popup-fill:#fff;--popup-label:#22262c;--popup-hover:#22262c}
:root body .vp a.vp-text-link.yocl-popup-trigger{min-height:44px;padding:0;background:none;color:inherit;text-decoration:underline;font-size:14px;letter-spacing:normal}
:root body .vp .vp-section-nav a.yocl-popup-trigger{min-height:0;padding:22px 0;background:none;color:#22262c;font-size:13px;letter-spacing:normal}
:root body .vp a.yocl-popup-trigger:focus-visible{outline-color:#22262c}
:root body .vp .vp-dark a.yocl-popup-trigger:focus-visible{outline-color:#ffcf24}
@media(max-width:780px){:root body .vp .vp-section-nav a.yocl-popup-trigger{padding:18px 0}}
.vp-material-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:960px;margin:auto}.vp-material-families a{display:block;color:#22262c}.vp-material-families img{display:block;width:100%;aspect-ratio:1;object-fit:cover;padding:0;border-radius:8px}.vp-material-families h3{font-family:"YOCL Poppins",Poppins,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:16px 0 0}.vp-material-families a:focus-visible{outline:3px solid #22262c;outline-offset:5px}.vp-material-families a[aria-current=true] h3{text-decoration:underline;text-decoration-color:#ffcf24;text-underline-offset:6px}@media(max-width:780px){.vp-material-families{gap:16px}.vp-material-families h3{font-size:20px}}
.vp .vp-material-families img{height:auto}
.vp-material-families{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
@media(max-width:780px){.vp-material-families{grid-template-columns:repeat(2,minmax(0,1fr))}}