/* Source inner-page geometry is retained in reference.css and source inline styles. */
body[data-page] [hidden]{display:none!important}
[data-accordion-panel]>div{min-height:0;overflow:hidden}
[data-accordion-trigger]{cursor:pointer}
[data-page-spin]{will-change:rotate}
[data-tech-image]{transition:opacity 700ms ease}
[data-range-image]{transition:opacity 600ms cubic-bezier(.4,0,.2,1)}
[data-tech-progress]{position:absolute;display:block;top:-1px;left:0;width:100%;height:1px;background:white;transform-origin:left center}
[data-range-index]{transition:color 300ms ease}
.page-faq-options{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:10;display:flex;flex-direction:column;background:#f2f2f2;padding:1rem;gap:1rem}
.page-faq-options button{font:.75rem/1.2 var(--font-mono);letter-spacing:-.02em;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--color-base-white-01);padding-bottom:1rem}
.page-faq-options button:last-child{border:0;padding-bottom:0}
[data-faq-category-toggle][aria-expanded=true]{background:#171717!important;color:#f2f2f2!important}
.page-blog-options{display:flex;flex-direction:column;background:#f2f2f2;padding:1rem;gap:.75rem;margin-top:.25rem}
.page-blog-options>p{margin:0;font:.75rem/1.2 var(--font-mono);letter-spacing:-.02em;color:#0e0f11}
.page-blog-options>div{display:flex;flex-wrap:wrap;gap:.25rem}
.page-blog-options button{height:auto!important;padding:.75rem .5rem!important;font-size:.75rem!important;line-height:1.2!important}
.page-form-status{font:.875rem/1.4 var(--font-mono);color:var(--color-performance-red);margin-top:1rem}
/* About detail panel: source AboutTeam modal coordinates and breakpoint. */
.range-drawer{inset:0 0 0 auto;margin:0;width:min(100vw,59.5rem);max-width:100%;height:100vh;max-height:100vh;background:white;box-shadow:none;overflow:hidden;animation:drawer-enter 700ms cubic-bezier(.16,1,.3,1)}
.range-drawer::backdrop{background:#17171780;backdrop-filter:blur(2px)}
.range-drawer-close{position:absolute;right:.5rem;top:.5rem;width:3.25rem;height:3.25rem;display:grid;place-items:center;background:#f2f2f2;border:0;z-index:2}
.range-drawer-close>span{width:.91rem;height:.91rem;background:#171717;mask:url(icons/plus.svg) center/contain no-repeat;transform:rotate(45deg)}
.range-drawer-photo{position:absolute;left:1.75rem;top:1.75rem;width:17rem;height:19.625rem;overflow:hidden}
.range-drawer-photo img{width:100%;height:100%;object-fit:cover}
.range-drawer-heading{position:absolute;left:20rem;top:1.75rem;width:35rem;display:flex;flex-direction:column;gap:1rem}
.range-drawer-heading>div{display:flex;gap:1rem;flex-wrap:wrap}
.range-drawer-heading p,.range-drawer-services p{margin:0;font:.875rem/1.2 var(--font-mono);letter-spacing:-.02em;text-transform:uppercase}
.range-drawer-meta,.range-drawer-services>p{color:var(--color-base-white-02)}
.range-drawer h2{margin:0;font:500 3.25rem/1 var(--font-display);letter-spacing:-.04em}
.range-drawer-services{position:absolute;left:20rem;top:18.25rem;width:10rem;display:flex;flex-direction:column;gap:.5rem}
.range-drawer-services>div{display:flex;flex-direction:column;gap:.25rem}
.range-drawer-cta{position:absolute!important;left:1.75rem!important;top:21.875rem!important;margin:0!important}
.range-drawer-rule{position:absolute;left:1.75rem;top:28.375rem;width:56rem;height:1px;background:#e0e0e0}
.range-drawer-compass{position:absolute;left:1.75rem;top:30.625rem;width:3rem;height:3rem;background:#171717;mask:url(brand/myler-symbol.svg?v=brand17) center/contain no-repeat;z-index:1}
.range-drawer-body{position:absolute;left:0;right:0;top:28.375rem;bottom:0;overflow-y:auto}
.range-drawer-body>div{display:flex;flex-direction:column;margin-left:20rem;width:37.75rem;padding:2.25rem 0 3rem;gap:.5rem;font:500 1.25rem/1.32 var(--font-display);letter-spacing:-.04em}
.range-drawer-body p{margin:0}
.range-drawer[data-closing]{animation:drawer-exit 700ms cubic-bezier(.32,0,.67,0) forwards}
@keyframes drawer-enter{from{translate:100% 0}to{translate:0 0}}
@keyframes drawer-exit{from{translate:0 0}to{translate:100% 0}}
@keyframes drawer-enter-mobile{from{translate:0 100%}to{translate:0 0}}
@keyframes drawer-exit-mobile{from{translate:0 0}to{translate:0 100%}}
@media(max-width:767px){
 .range-drawer{width:100%;overflow-y:auto;display:none;padding:0 16px 2.5rem;animation-name:drawer-enter-mobile}
 .range-drawer[open]{display:flex;flex-direction:column;gap:2rem}
 .range-drawer-close{position:sticky;top:4px;right:auto;order:-2;margin:4px 0 -1rem auto;width:52px;height:52px;flex-shrink:0}
 .range-drawer-heading{position:static;width:auto;order:-1;text-align:center;align-items:center}
 .range-drawer-heading>div{flex-direction:column;gap:4px;align-items:center}
 .range-drawer-heading p,.range-drawer-services p{font-size:12px}
 .range-drawer h2{font-size:2.25rem}
 .range-drawer-photo{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:343/396;flex-shrink:0}
 .range-drawer-cta{position:relative!important;left:auto!important;top:auto!important;align-self:center;margin-top:calc(-2rem - 3.25rem - 16px)!important;margin-bottom:16px!important;order:0;flex-shrink:0}
 .range-drawer-cta>div{height:3.25rem!important;font-size:.75rem!important}
 .range-drawer-cta>div:not(:first-child){width:3.25rem!important}
 .range-drawer-services{position:static;width:auto;order:1}
 .range-drawer-body{position:static;overflow:visible;order:2}
 .range-drawer-body>div{width:auto;margin:0;padding:0;font-size:16px;line-height:1.3;letter-spacing:-.02em}
 .range-drawer-rule,.range-drawer-compass{display:none}
 .range-drawer[data-closing]{animation-name:drawer-exit-mobile}
}
@media(prefers-reduced-motion:reduce){.range-drawer{animation:none}[data-page-spin]{rotate:0deg!important}}

/* Original supplied documents retain their full portrait composition. */
.company-documents{padding:7rem 1.75rem;background:#f2f2f2;color:#171717}
.company-documents-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;margin-bottom:4rem;align-items:start}
.company-documents-label,.company-documents figcaption>a{font:400 .875rem/1.3 var(--font-mono);text-transform:uppercase}
.company-documents h2{font:500 4.5rem/.95 var(--font-display);letter-spacing:-.055em;max-width:9em;margin:0}
.company-documents-intro>p:last-child{font:400 1rem/1.45 var(--font-display);margin:0}
.company-documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:74rem;margin-left:auto}
.company-documents figure{margin:0;min-width:0}
.company-documents figure>a{display:block;background:white;padding:1.5rem}
.company-documents img{display:block;width:100%;height:auto;max-height:42rem;object-fit:contain}
.company-documents figcaption{padding-top:1.5rem;max-width:33rem}
.company-documents h3{font:500 1.75rem/1.05 var(--font-display);letter-spacing:-.035em;margin:0 0 1rem}
.company-documents figcaption p{font:400 1rem/1.4 var(--font-display);margin:.5rem 0}
.company-documents figcaption>a{display:inline-block;margin-top:1rem;text-underline-offset:.3em}
.company-documents a:focus-visible{outline:2px solid var(--color-performance-red);outline-offset:5px}
@media(max-width:767px){.company-documents{padding:4rem 1rem}.company-documents-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.company-documents h2{font-size:3rem}.company-documents-grid{grid-template-columns:1fr;gap:3rem}.company-documents figure>a{padding:1rem}.company-documents h3{font-size:1.5rem}}

/* Product reference: supplementary technical content in the existing typography. */
.technical-reference{background:#f2f2f2;color:#171717;padding:6rem 1.75rem;scroll-margin-top:3rem}
.technical-reference-intro{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:2.5rem;margin-bottom:3rem;align-items:start}
.technical-eyebrow{font:.875rem/1.3 var(--font-mono);margin:0}
.technical-reference h2{font:500 4rem/.98 var(--font-display);letter-spacing:-.055em;margin:0;max-width:9em}
.technical-reference-intro>p:last-child{font:1rem/1.45 var(--font-display);margin:0}
.technical-table-wrap{max-width:84rem;margin-left:auto;overflow-x:auto}
.technical-reference table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font:1rem/1.45 var(--font-display)}
.technical-reference caption{text-align:left;padding:0 0 1.5rem;font:.8rem/1.4 var(--font-mono)}
.technical-reference th,.technical-reference td{padding:1rem 1.25rem;vertical-align:top;overflow-wrap:anywhere}
.technical-reference th{font-weight:500}.technical-reference thead{background:#171717;color:#fff}
.technical-reference tbody tr:nth-child(odd){background:#fff}
.technical-reference thead th:first-child{width:23%}.technical-reference thead th:nth-child(2){width:30%}
.technical-table-wrap:focus-visible{outline:2px solid var(--color-performance-red);outline-offset:4px}
@media(max-width:767px){.technical-reference{padding:3.5rem 1rem}.technical-reference-intro{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}.technical-reference h2{font-size:3rem}.technical-reference table{font-size:.8rem}.technical-reference th,.technical-reference td{padding:.8rem .5rem}.technical-reference thead th:first-child{width:25%}.technical-reference thead th:nth-child(2){width:30%}}

/* Product Learn More uses the same technical reference as the product page. */
.range-spec-table{width:100%;table-layout:fixed;border-collapse:collapse;font:400 1rem/1.4 var(--font-display);letter-spacing:-.02em}
.range-spec-table caption{text-align:left;font-size:1.75rem;font-weight:500;margin-bottom:1.25rem}
.range-spec-table th,.range-spec-table td{text-align:left;vertical-align:top;padding:.8rem .75rem .8rem 0;overflow-wrap:anywhere}
.range-spec-table thead th{font:.75rem/1.4 var(--font-mono);color:#626262;text-transform:uppercase}
.range-spec-table th:first-child{width:36%}
.range-spec-table tbody th{font-weight:500}
.range-spec-table tbody tr:nth-child(odd){background:#f6f6f6}
.range-spec-table th:first-child{padding-left:.75rem}
.range-spec-table strong{display:block;font-weight:500}
.range-spec-table small{display:block;margin-top:.3rem;color:#666;font-size:.85em;line-height:1.4}
.range-drawer-body .range-spec-scope{font-size:.875rem;line-height:1.5;letter-spacing:0;color:#626262;margin-top:1rem}
@media(min-width:768px){
 .range-drawer--specification .range-drawer-photo{width:12rem;height:14rem}
 .range-drawer--specification .range-drawer-heading{left:15rem;width:calc(100% - 20rem)}
 .range-drawer--specification .range-drawer-services{left:15rem;top:12rem;width:auto}
 .range-drawer--specification .range-drawer-cta{top:17rem!important}
 .range-drawer--specification .range-drawer-rule,.range-drawer--specification .range-drawer-body{top:23rem}
 .range-drawer--specification .range-drawer-compass{display:none}
 .range-drawer--specification .range-drawer-body>div{margin:0 1.75rem;width:auto;padding-top:1.25rem;letter-spacing:0}
}
@media(max-width:767px){
 .range-drawer--specification .range-drawer-photo{height:150px;aspect-ratio:auto}
 .range-drawer--specification .range-drawer-photo img{object-fit:contain}
 .range-drawer--specification .range-drawer-cta{margin-top:0!important;margin-bottom:0!important}
 .range-drawer--specification .range-drawer-services{display:none}
 .range-spec-table{font-size:14px}
 .range-spec-table caption{font-size:24px}
 .range-spec-table small{font-size:12px}
}

/* Keep the complete approved slogan readable at both source breakpoints. */
body[data-page="about"] [data-brand-slogan]{margin-left:0!important;overflow-wrap:normal}
@media(min-width:768px){body[data-page="about"] div[data-brand-slogan]{left:1.75rem!important}}
@media(max-width:767px){body[data-page="about"] h1[data-brand-slogan]{font-size:clamp(2rem,10.4vw,2.8rem)!important;line-height:.95!important}}

/* Product-reference release: readable tables and a directory using the existing shell. */
.technical-sources{font-family:var(--font-mono),monospace;font-size:13px;line-height:1.6;margin:0 0 24px;overflow-wrap:anywhere}
.technical-sources a{text-decoration:underline;text-underline-offset:3px}
.product-catalogue{padding:160px 28px 120px;color:#171717}
.product-catalogue h1{font-size:clamp(58px,9vw,180px);font-weight:600;letter-spacing:-.055em;line-height:.95;margin:32px 0}
.catalogue-intro{font-size:clamp(18px,2vw,28px);max-width:820px;margin:0 0 80px auto;line-height:1.25}
.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}
.catalogue-card{display:flex;flex-direction:column;gap:16px;color:inherit;text-decoration:none;min-width:0}
.catalogue-card img{width:100%;height:320px;object-fit:contain;background:#f2f2f2;transition:transform .35s}
.catalogue-card:hover img{transform:scale(.97)}
.catalogue-card h2{font-size:clamp(26px,2.7vw,48px);font-weight:500;line-height:1.03;letter-spacing:-.04em}
.catalogue-card>p:not(.technical-eyebrow){font-size:18px;line-height:1.4}
.catalogue-more{font-family:var(--font-mono),monospace;font-size:14px;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.catalogue-card:focus-visible{outline:2px solid #83253B;outline-offset:8px}
@media(max-width:900px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-catalogue{padding-top:120px}}
@media(max-width:600px){.product-catalogue{padding:110px 20px 70px}.catalogue-intro{margin-bottom:48px}.catalogue-grid{grid-template-columns:1fr;gap:48px}.catalogue-card img{height:270px}}
@media(prefers-reduced-motion:reduce){.catalogue-card img{transition:none}}

/* Homepage range shares the header catalogue, including long product names. */
#product-range .home-range-desktop{height:auto!important;min-height:67.5rem;padding:3.75rem 0}
#product-range .home-range-list{position:relative;top:0!important}
#product-range .home-range-list li{height:auto!important;min-height:4.25rem;margin-bottom:1.25rem!important;align-items:flex-start}
#product-range .home-range-list li:last-child{margin-bottom:0!important}
#product-range .home-range-list [data-range-index]{font-size:3.6rem!important;line-height:1.08!important;white-space:normal;overflow-wrap:normal}
#product-range [data-range-role],#product-range [data-range-meta]{white-space:normal}
#product-range [data-range-role]{flex-shrink:1}
#product-range [data-range-meta]{flex-shrink:1}

/* Shared product PDF downloads. */
.document-downloads{max-width:74rem;margin:4rem 0 0 auto}
.document-download-list{display:grid;gap:1rem}
.document-download{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid #d5d5d5;color:var(--color-core-black);text-decoration:none;transition:border-color 180ms ease,background 180ms ease}
.document-download:hover{border-color:#83253B;background:#f8f3f5}
.document-download:focus-visible{outline:2px solid #83253B;outline-offset:4px}
.document-download-title{font:500 1.5rem/1.15 var(--font-display);letter-spacing:-.025em}
.document-download-meta{flex-shrink:0;font:400 .8rem/1.4 var(--font-mono);color:#83253B}
.technical-reference>.document-download,.range-drawer-body .document-download{margin-bottom:2rem}
.range-drawer-body .document-download{flex-direction:column;align-items:flex-start}
@media(max-width:767px){.document-download{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.25rem}.document-download-title{font-size:1.25rem}.document-downloads{margin-top:3rem}}
