@import url("media-text-layout.css?v=20261024-1");
/* Product collection layouts; shared search controls live in components.css. */
.seamless-page { background:#fff;color:var(--color-text) }
.seamless-page main { overflow:clip }
.sc-opening { background:var(--color-surface) }
.seamless-page main figure { margin:0 }
:where(.seamless-page main) svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;flex:none }
.sc-context { padding-top:26px }
.sc-breadcrumb { display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:#77776f;margin-bottom:24px }
.sc-breadcrumb>a:hover { text-decoration:underline;text-underline-offset:4px }
.sc-breadcrumb>span:last-child { color:var(--color-text) }
.sc-series-nav { display:flex;flex-wrap:wrap;align-items:center;gap:4px 27px;border-bottom:1px solid #deded8;padding:10px 0 19px }
.sc-series-nav>a { position:relative;font-size:var(--font-tab-compact);line-height:22px;min-height:38px;display:inline-flex;align-items:center;white-space:nowrap;color:var(--color-muted);font-weight:400 }
.sc-series-nav>a::after { content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-muted);transform:scaleX(0);transition:transform .2s }
.sc-series-nav>a:hover::after, .sc-series-nav>a[aria-current=page]::after { transform:scaleX(1) }
.sc-series-nav>a:is(:hover,:focus-visible,[aria-current=page]) { font-weight:600;font-size:var(--font-tab-compact) }
.sc-series-nav>a[aria-current=page] { color:var(--color-text) }
.sc-series-nav>a[aria-current=page]::after { background:var(--color-accent) }
.sc-eyebrow { font-size:13px;line-height:1.6;letter-spacing:.11em;color:#797970;font-weight:400 }
.sc-intro { display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:7%;padding:52px 0 64px;scroll-margin-top:20px }
.sc-intro h1 { font-size:clamp(64px,6.4vw,90px);font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:18px 0 26px }
.sc-intro h2 { font-size:clamp(25px,2.2vw,32px);font-weight:400;line-height:1.65;letter-spacing:-.025em;word-break:keep-all }
.sc-intro-description { font-size:16px;line-height:1.9;color:var(--color-muted);max-width:415px;margin:24px 0 28px;word-break:keep-all }
.sc-hero-photo { position:relative;aspect-ratio:1.07;overflow:hidden;background:#dedbd5;min-width:0 }
.sc-hero-photo>img { position:absolute;top:-10%;left:0;width:100%;height:110%;object-fit:cover;object-position:center 65% }
.sc-hero-photo::after { position:absolute;content:'';inset:70% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.3)) }
.sc-hero-photo>figcaption { position:absolute;z-index:1;left:25px;right:25px;bottom:25px;color:#fff;font-size:9px;letter-spacing:.12em;display:flex;justify-content:space-between }
.sc-section { scroll-margin-top:20px }
.sc-features { padding:95px 0 80px }
.sc-heading { display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:80px;margin-bottom:45px }
.sc-heading h2 { font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.45;letter-spacing:-.03em;word-break:keep-all;margin-top:17px }
.sc-heading>p { font-size:15px;line-height:1.9;color:var(--color-muted);max-width:360px;justify-self:end;word-break:keep-all }
.sc-benefits { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-bottom:48px }
.sc-benefits article { border-top:1px solid #aaa99f;padding-top:23px }
.sc-index { font-size:11px;color:#929289 }
.sc-benefits h3 { font-size:21px;font-weight:500;line-height:1.5;letter-spacing:-.015em;margin:19px 0 16px;word-break:keep-all }
.sc-benefits p { font-size:15px;line-height:1.9;color:var(--color-muted);word-break:keep-all }
.sc-benefits .sc-tech-name { font-size:12px;font-weight:500;line-height:1.7;color:var(--color-text);margin:-6px 0 12px;word-break:keep-all }
.sc-tech-note { font-size:12px;line-height:1.8;color:var(--color-muted);margin:-20px 0 24px;word-break:keep-all }
.sc-detail-images { display:grid;grid-template-columns:1.4fr 1fr;gap:24px }
.sc-detail-images>figure { position:relative;overflow:hidden;background:#f2f2ed;min-width:0 }
.sc-hand-photo { aspect-ratio:1.25 }
.sc-hand-photo>img { width:100%;height:auto;position:absolute;bottom:-3%;left:0 }
.sc-drain-photo>img { width:100%;height:116%;position:absolute;top:-16%;left:0;object-fit:cover;object-position:center 70% }
.sc-detail-images figcaption { position:absolute;bottom:0;left:0;right:0;padding:60px 26px 24px;font-size:11px;line-height:1.6;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.3)) }
.sc-drain-photo figcaption { font-size:9px;letter-spacing:.12em }
.sc-image-note { font-size:11px;line-height:1.8;color:#85857c;margin-top:16px;word-break:keep-all }
.sc-message { background:#fff;padding:62px 0 70px;border-top:1px solid #eaeae4;text-align:center }
.sc-message-copy { max-width:840px;margin:auto }
.sc-message h2 { margin-top:26px;font-size:clamp(32px,3.4vw,48px);font-weight:400;line-height:1.5;letter-spacing:-.03em;word-break:keep-all }
.sc-message-body { font-size:16px;line-height:1.95;color:var(--color-muted);word-break:keep-all;margin:30px 0 32px }
.sc-signature { font-family:var(--font-display);font-weight:400;font-size:21px;line-height:1.6;letter-spacing:0 }
.sc-models { padding:48px 0 64px }
.sc-model-search { display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 18px;margin-bottom:20px }
.sc-model-heading { margin-bottom:var(--product-list-heading-gap) }
.sc-model-heading .sc-result-count { line-height:20px }
.sc-result-count { font-size:13px;color:var(--color-muted);white-space:nowrap }
.sc-result-name { color:var(--color-text);font-weight:var(--weight-medium) }
.sc-result-count [data-sc-count] { color:var(--color-text);font-weight:500 }
.sc-model-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px }
.sc-model { min-width:0;border:1px solid #e6e5df;background:#fff }
.sc-model>a { display:flex;flex-direction:column;height:100%;padding:18px }
.sc-model-image { position:relative;aspect-ratio:1.45;background:#fff;min-width:0 }
.sc-model-image>img { position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;padding:12px;object-fit:contain;object-position:center;transform:none }
.sc-model-copy { flex:1;border-top:1px solid #eeede7;padding:20px 0 0 }
.sc-model-copy h3 { font-size:27px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 }
.sc-model-copy dl { display:grid;gap:2px;font-size:14px;line-height:1.7;margin:20px 0 0 }
.sc-model-copy dl>div { display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px }
.sc-model-copy dt { color:#85857c;font-size:13px }
.sc-model-copy dd { margin:0;color:var(--color-text);overflow-wrap:anywhere;word-break:keep-all }
.sc-model-end { display:flex;justify-content:space-between;align-items:center;gap:45px;padding-top:42px;margin-top:50px;border-top:1px solid #deded8 }
.sc-model-end>p { font-size:12px;color:#85857a;line-height:1.8;max-width:560px;word-break:keep-all }
.sc-model-end .sc-text-link { flex:none }
.sc-model-empty { padding:80px 24px;text-align:center;background:var(--color-surface) }
.sc-model-empty>p { font-size:19px;margin-bottom:22px }
.sc-motion-ready [data-sc-reveal] { opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .9s cubic-bezier(.22,.68,0,1) }
.sc-motion-ready [data-sc-reveal].is-visible { opacity:1;transform:none }
.sc-benefits [data-sc-reveal]:nth-child(2) { transition-delay:.08s }
.sc-benefits [data-sc-reveal]:nth-child(3) { transition-delay:.16s }
.sc-intro:lang(en) h1 { font-family:var(--font-display);font-weight:400;letter-spacing:-.025em }
.sc-intro:lang(en) h2 { letter-spacing:0;font-size:29px }
.sc-series-nav:lang(en) { gap:3px 20px }
@media(max-width:1200px) {
.sc-series-nav { gap:3px 22px }
.sc-intro { gap:6%;padding:42px 0 54px }
.sc-intro h1 { font-size:70px;margin-bottom:20px }
.sc-intro h2 { font-size:26px }
.sc-intro-description { font-size:15px;margin-top:20px }
.sc-hero-photo { aspect-ratio:.94 }
.sc-benefits { gap:30px }
.sc-benefits h3 { font-size:19px }
.sc-heading { gap:45px }
.sc-model-grid { gap:18px 16px }
.sc-model-copy dl { font-size:13px }
.sc-model-copy dl>div { grid-template-columns:59px 1fr;gap:8px }
.sc-model-copy dt { font-size:12px }
}
@media(max-width:800px) {
.sc-context { padding-top:22px }
.sc-breadcrumb { font-size:9px;margin-bottom:18px;gap:9px }
.sc-series-nav { gap:3px 22px;padding:8px 0 15px }
.sc-series-nav>a, .sc-series-nav>a:is(:hover,:focus-visible,[aria-current=page]) { font-size:var(--font-tab-compact);min-height:34px }
.sc-intro { grid-template-columns:1fr;gap:30px;padding:38px 0 42px }
.sc-intro h1 { font-size:60px;margin:13px 0 22px }
.sc-intro h2 { font-size:25px;line-height:1.6 }
.sc-intro-description { font-size:15px;max-width:480px;margin:20px 0 }
.sc-hero-photo { aspect-ratio:1.25;max-height:460px }
.sc-hero-photo>figcaption { font-size:8px;left:20px;right:20px;bottom:20px }
.sc-heading { grid-template-columns:1fr;gap:19px;margin-bottom:30px }
.sc-heading h2 { font-size:30px;margin-top:13px }
.sc-heading>p { justify-self:start;max-width:460px;font-size:14px;line-height:1.8 }
.sc-features { padding:60px 0 55px }
.sc-benefits { grid-template-columns:1fr;gap:25px;margin-bottom:30px }
.sc-benefits article { display:grid;grid-template-columns:30px 1fr;gap:12px 16px;padding-top:20px }
.sc-index { grid-row:1/3;padding-top:4px;font-size:10px }
.sc-benefits h3 { font-size:20px;margin:0 }
.sc-benefits p { grid-column:2;font-size:14px;line-height:1.8 }
.sc-detail-images { gap:14px;grid-template-columns:1.25fr 1fr }
.sc-hand-photo { aspect-ratio:.8 }
.sc-detail-images figcaption { font-size:9px;left:0;bottom:0;padding:50px 14px 14px }
.sc-drain-photo figcaption { font-size:7px }
.sc-image-note { font-size:10px;line-height:1.7 }
.sc-message { padding:65px 0 }
.sc-message h2 { margin-top:26px;font-size:31px;line-height:1.55 }
.sc-message-body { font-size:14px;line-height:1.95;margin:25px 0 }
.sc-message-body br { display:none }
.sc-message-body span { display:block;margin-bottom:4px }
.sc-signature { font-size:19px }
.sc-models { padding:34px 0 48px }
.sc-model-search { gap:16px;padding-bottom:16px;margin-bottom:18px }
.sc-model-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px }
.sc-model>a { padding:16px }
.sc-model-image { aspect-ratio:1.4 }
.sc-model-copy { padding-top:18px }
.sc-model-copy h3 { font-size:25px;margin-bottom:0 }
.sc-model-copy dl { font-size:13px;gap:8px }
.sc-model-copy dl>div { grid-template-columns:60px minmax(0,1fr);gap:8px }
.sc-model-copy dt { font-size:12px }
.sc-model-end { display:block;padding-top:27px;margin-top:35px }
.sc-model-end>p { font-size:11px }
.sc-model-end .sc-text-link { margin-top:18px }
.sc-intro:lang(en) h1 { font-size:68px }
.sc-intro:lang(en) h2 { font-size:26px }
}
@media(max-width:800px) {
.sc-benefits .sc-tech-name { font-size:12px;line-height:1.6;margin:0 }
.sc-tech-note { font-size:11px;margin:-8px 0 20px }
}
@media(max-width:520px) {
.sc-model-grid { grid-template-columns:1fr;gap:16px }
.sc-model>a { padding:18px }
.sc-model-search { gap:12px }
.sc-result-count { font-size:12px }
.sc-model-copy dl { font-size:14px }
.sc-model-copy dt { font-size:13px }
.sc-model-copy dl>div { grid-template-columns:72px minmax(0,1fr) }
.sc-model-image { aspect-ratio:1.5 }
}
@media(max-width:380px) {
.sc-series-nav { gap:2px 18px }
.sc-intro h1 { font-size:56px }
.sc-intro h2 { font-size:23px }
.sc-message h2 { margin-top:26px;font-size:28px }
.sc-benefits h3 { font-size:18px }
}
@media(prefers-reduced-motion:reduce) {
.seamless-page main * { scroll-behavior:auto!important;transition:none!important;animation:none!important }
.sc-motion-ready [data-sc-reveal] { opacity:1;transform:none }
}
.sc-intro { grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:7%;padding:60px 0 72px }
.sc-intro h1, .sc-intro:lang(en) h1 { font-family:var(--font-display);font-size:clamp(62px,6.5vw,90px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:22px 0 30px }
.sc-intro h2 { font-size:clamp(25px,2.35vw,34px);line-height:1.55;letter-spacing:-.025em;font-weight:500 }
.sc-intro-description { font-size:16px;line-height:1.85;max-width:440px;margin:24px 0 30px }
.sc-intro-links { display:flex;gap:28px;flex-wrap:wrap }
.sc-hero-photo { aspect-ratio:1.04;background:#242a29 }
.sc-hero-photo>img { top:-13%;height:113%;object-position:center 70% }
.sc-hero-photo>figcaption { font-size:9px;left:22px;right:22px;bottom:22px }
.sc-structure { padding:104px 0 100px }
.sc-structure .sc-heading { margin-bottom:40px }
.sc-structure-photo { position:relative;overflow:hidden;background:#d3d3cf;aspect-ratio:1.8 }
.sc-structure-photo>img { width:100%;height:100%;object-fit:cover }
.sc-structure-photo>figcaption { display:flex;justify-content:space-between;gap:24px;position:absolute;inset:auto 0 0;padding:58px 26px 24px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.42));font-size:12px }
.sc-structure-photo>figcaption>span:first-child { font-size:10px;letter-spacing:.1em }
.sc-dual { padding:98px 0 80px;background:var(--color-surface) }
.sc-dual-layout { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:start }
.sc-dual-copy h2, .sc-craft-copy h2 { font-size:clamp(29px,2.85vw,42px);font-weight:500;line-height:1.45;letter-spacing:-.035em;margin:20px 0 26px;word-break:keep-all }
.sc-dual-lead { font-size:18px;line-height:1.8;letter-spacing:-.02em;word-break:keep-all;margin-bottom:16px }
.sc-body { font-size:15px;line-height:1.9;color:var(--color-muted);word-break:keep-all }
.sc-surface-list { list-style:none;padding:0;margin:30px 0 0;display:grid;gap:0 }
.sc-surface-list li { display:flex;gap:17px;padding:18px 0;border-top:1px solid #d9d9d2 }
.sc-number { font-size:11px;line-height:26px;color:#7b7b73;min-width:20px }
.sc-surface-list h3 { font-size:16px;line-height:1.6;font-weight:500;word-break:keep-all }
.sc-surface-list p { font-size:13px;line-height:1.8;color:var(--color-muted);margin-top:5px;word-break:keep-all }
.sc-dual-photo { position:relative;aspect-ratio:1;overflow:hidden;background:#b8b9b7 }
.sc-dual-photo>img { position:absolute;bottom:0;left:0;width:100%;height:auto;max-width:none }
.sc-photo-mark { position:absolute;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:11px;letter-spacing:.025em }
.mark-base { left:24%;top:83% }
.mark-wall { left:70%;top:23% }
.mark-joint { left:47%;top:57% }
.sc-dual .sc-image-note { margin-top:23px;font-size:12px;color:var(--color-muted) }
.sc-craft { padding:80px 0;background:var(--color-text);color:#fff }
.sc-craft-layout { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:start }
.sc-craft-copy .sc-eyebrow { color:#bebeb8 ;font-size:13px;line-height:1.6;}
.sc-craft-copy>p:not(.sc-eyebrow) { font-size:15px;line-height:1.95;color:#d5d5ce;margin-top:20px;max-width:450px;word-break:keep-all }
.sc-craft-signature { display:block;font:400 20px/1.6 var(--font-display);margin-top:36px;color:#e5e5df }
.sc-craft-window { position:relative;aspect-ratio:1;overflow:hidden;background:#080b0d }
.sc-craft-window>img { position:absolute;left:0;top:-165%;width:100%;height:auto;max-width:none }
.sc-craft-photo figcaption { font-size:11px;color:#bfbfb8;margin-top:14px;line-height:1.7 }
.sc-technology { padding:96px 0 82px;background:var(--color-surface) }
.sc-technology .sc-heading { margin-bottom:42px }
.sc-technology-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px }
.sc-technology-item { border-top:1px solid #d5d5ce;padding:27px 0 30px;min-width:0 }
.sc-tech-icon { display:grid;place-items:center;width:64px;height:64px;background:#eeeeea;border-radius:50%;margin-bottom:20px;color:#4b4b46 }
.seamless-page main .sc-tech-icon svg { width:43px;height:43px;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round }
.sc-tech-icon svg text { fill:currentColor;stroke:none;font:500 11px Arial,sans-serif }
.sc-technology-item h3 { font-size:19px;line-height:1.6;letter-spacing:-.015em;font-weight:500;margin:0 0 9px;word-break:keep-all }
.sc-technology-item p { font-size:14px;line-height:1.8;color:var(--color-muted);word-break:keep-all;max-width:235px }
.sc-technology .sc-tech-note { margin:12px 0 0;font-size:12px;line-height:1.8;color:var(--color-muted) }
.sc-models { padding:86px 0 76px }
.sc-model-heading { display:flex;align-items:end;justify-content:space-between;gap:30px }
.sc-model-heading h2 { font-size:36px;line-height:1.5;font-weight:500;letter-spacing:-.03em;margin-top:14px;word-break:keep-all }
.sc-model-heading>p { font-size:14px;line-height:1.8;color:var(--color-muted);word-break:keep-all }
.sc-model-image { background:transparent }
.sc-model-image img { mix-blend-mode:normal }
.sc-model { border-color:#e3e3dd }
@media(max-width:1100px) {
.sc-intro { gap:5%;padding-top:44px }
.sc-intro-description { font-size:15px }
.sc-intro-links { gap:20px }
.sc-dual-layout, .sc-craft-layout { gap:5% }
.sc-dual-copy h2, .sc-craft-copy h2 { font-size:32px }
.sc-dual-lead { font-size:16px }
.sc-surface-list { margin-top:22px }
.sc-surface-list li { padding:14px 0 }
.sc-technology-grid { column-gap:24px }
.sc-technology-item h3 { font-size:17px }
.sc-model-heading h2 { font-size:32px }
}
@media(max-width:800px) {
.sc-intro { grid-template-columns:1fr;padding:38px 0 46px;gap:30px }
.sc-intro h1, .sc-intro:lang(en) h1 { font-size:64px;margin:17px 0 23px }
.sc-intro h2, .sc-intro:lang(en) h2 { font-size:27px }
.sc-intro-description { max-width:500px;margin:22px 0 }
.sc-intro-links { gap:30px }
.sc-hero-photo { aspect-ratio:1.35;max-height:none }
.sc-structure { padding:62px 0 }
.sc-structure .sc-heading { margin-bottom:28px }
.sc-structure-photo { aspect-ratio:1.45 }
.sc-structure-photo figcaption { padding:38px 17px 17px;font-size:11px;align-items:end }
.sc-structure-photo figcaption>span:first-child { font-size:9px }
.sc-dual { padding:62px 0 48px }
.sc-dual-layout, .sc-craft-layout { grid-template-columns:1fr;gap:30px }
.sc-dual-copy h2, .sc-craft-copy h2 { font-size:31px;margin:15px 0 22px }
.sc-dual-lead { font-size:17px }
.sc-body { font-size:14px }
.sc-surface-list { margin-top:25px }
.sc-surface-list li { padding:16px 0 }
.sc-dual-photo { width:100%;max-width:620px;justify-self:center }
.sc-craft { padding:56px 0 }
.sc-craft-copy>p:not(.sc-eyebrow) { font-size:14px;max-width:550px }
.sc-craft-signature { font-size:19px;margin-top:25px }
.sc-craft-photo { max-width:620px;width:100%;justify-self:center }
.sc-technology { padding:60px 0 48px }
.sc-technology .sc-heading { margin-bottom:28px }
.sc-technology-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px }
.sc-technology-item { padding:22px 0 24px }
.sc-tech-icon { width:57px;height:57px;margin-bottom:17px }
.seamless-page main .sc-tech-icon svg { width:39px;height:39px }
.sc-technology-item h3 { font-size:17px }
.sc-technology-item p { font-size:13px }
.sc-technology .sc-tech-note { font-size:11px;margin-top:7px }
.sc-models { padding:56px 0 }
.sc-model-heading { display:block }
.sc-model-heading h2 { font-size:30px;margin-top:12px }
.sc-model-heading>p { font-size:13px;margin-top:12px }
}
@media(max-width:380px) {
.sc-intro h1, .sc-intro:lang(en) h1 { font-size:56px }
.sc-intro h2 { font-size:24px }
.sc-dual-copy h2, .sc-craft-copy h2 { font-size:27px }
.sc-dual-lead { font-size:16px }
.sc-technology-grid { column-gap:18px }
.sc-technology-item h3 { font-size:16px }
.sc-technology-item p { font-size:12px }
.sc-photo-mark { width:29px;height:29px;font-size:10px }
}
.sc-model { transition:border-color .22s ease }
.sc-model>a { cursor:pointer }
.sc-model-image { overflow:hidden }
.sc-model-image>img { transition:transform .35s ease }
.sc-model:focus-within { border-color:#77776f }
.sc-model>a:focus-visible { outline:2px solid var(--color-muted);outline-offset:3px }
.sc-model>a:focus-visible .sc-model-image>img { transform:scale(1.035) }
.sc-model>a:focus-visible h3 { text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px }
@media(hover:hover) and (pointer:fine) {
.sc-model:hover { border-color:#77776f }
.sc-model>a:hover .sc-model-image>img { transform:scale(1.035) }
.sc-model>a:hover h3 { text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px }
}
@media(max-width:640px) {
.sc-model-search { flex-direction:column;align-items:stretch;gap:14px }
}
@media(prefers-reduced-motion:reduce) {
.sc-model, .sc-model-image>img { transition:none }
.sc-model>a:is(:hover,:focus-visible) .sc-model-image>img { transform:none }
}
.sc-intro h1, .sc-intro:lang(en) h1 { margin-top:0 }
.sc-hero-photo::after { display:none }
.sc-models { padding-top:54px;padding-bottom:64px }
.sc-surface-list li { position:relative }
.sc-surface-list .sc-number { position:relative;transition:color .25s }
.sc-surface-list .sc-number::before { content:'';position:absolute;left:-12px;top:6px;width:2px;height:14px;background:var(--color-text);transform:scaleY(0);transform-origin:center;transition:transform .25s ease }
.sc-surface-list li.is-active .sc-number { color:var(--color-text);font-weight:600 }
.sc-surface-list li.is-active .sc-number::before { transform:scaleY(1) }
.sc-surface-list li.is-active h3 { font-weight:600 }
.sc-photo-mark { width:44px;height:var(--control-height);padding:0;border:1px solid currentColor;font-family:inherit;font-size:12px;font-weight:500;line-height:1;cursor:pointer;z-index:1; }
.sc-photo-mark::after { content:'';position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.85);border-radius:50%;opacity:0;pointer-events:none }
.sc-dual-photo.is-visible .sc-photo-mark::after { animation:sc-mark-ring 1.2s ease-out var(--mark-delay) both }
@keyframes sc-mark-ring { 0%{opacity:0;transform:scale(.7)}25%{opacity:.9}100%{opacity:0;transform:scale(1.65)} }
.sc-technology-item { position:relative;transition:border-color .25s }
.sc-technology-item::before { content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:#4b4b46;transform:scaleX(0);transform-origin:left;transition:transform .45s ease }
.sc-tech-icon { position:relative;transition:background-color .3s,color .3s,transform .35s;box-shadow:inset 0 0 0 1px rgba(75,75,70,.05) }
.sc-tech-icon svg { transition:transform .35s }
.sc-technology-item p { transition:color .3s }
.sc-technology-item:focus-visible { outline:1px solid #9c9c92;outline-offset:8px }
.sc-technology-item:focus-visible::before { transform:scaleX(1) }
.sc-technology-item:focus-visible .sc-tech-icon { background:var(--color-text);color:var(--color-surface);transform:translateY(-3px) }
.sc-technology-item:focus-visible .sc-tech-icon svg { transform:scale(1.04) }
.sc-technology-item:focus-visible p { color:var(--color-text) }
.sc-motion-ready .sc-technology-item { transition-delay:var(--sc-delay) }
.sc-motion-ready .sc-technology-item:focus-visible { opacity:1;transform:none;transition-delay:0ms }
.sc-motion-ready .sc-technology-item.is-visible .sc-tech-icon svg :is(path,rect) { stroke-dasharray:200;animation:sc-tech-trace 1.1s ease var(--sc-delay) both }
.sc-motion-ready .sc-technology-item.is-visible .sc-tech-icon svg circle { transform-box:fill-box;transform-origin:center;animation:sc-tech-dot .7s ease var(--sc-delay) both }
.sc-motion-ready .sc-technology-item.is-visible .sc-tech-icon svg circle:nth-child(3n+2) { animation-delay:calc(var(--sc-delay) + 90ms) }
.sc-motion-ready .sc-technology-item.is-visible .sc-tech-icon svg circle:nth-child(3n) { animation-delay:calc(var(--sc-delay) + 180ms) }
@keyframes sc-tech-trace { from{stroke-dashoffset:200;opacity:.3}to{stroke-dashoffset:0;opacity:1} }
@keyframes sc-tech-dot { from{opacity:.2;transform:scale(.55)}to{opacity:1;transform:scale(1)} }
@media(hover:hover) and (pointer:fine) {
.sc-technology-item:hover::before { transform:scaleX(1) }
.sc-technology-item:hover .sc-tech-icon { background:var(--color-text);color:var(--color-surface);transform:translateY(-3px) }
.sc-technology-item:hover .sc-tech-icon svg { transform:scale(1.04) }
.sc-technology-item:hover p { color:var(--color-text) }
}
@media(max-width:800px) {
.sc-models { padding-top:36px;padding-bottom:48px }
.sc-technology-item:nth-child(odd) { --sc-delay:0ms!important }
.sc-technology-item:nth-child(even) { --sc-delay:90ms!important }
}
@media(prefers-reduced-motion:reduce) {
.sc-photo-mark, .sc-tech-icon, .sc-tech-icon svg, .sc-tech-icon svg * { animation:none!important;transform:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important }
.sc-photo-mark::after { animation:none!important }
.sc-technology-item { opacity:1!important;transform:none!important }
}

/* Common pagination across collection, accessory and search product lists. */
.sc-model-grid > [hidden], .product-list-more[hidden] { display:none }
.product-list-more { display:flex;justify-content:center;margin-top:32px;width:100% }

/* Shared mobile eyebrow size. */
@media (max-width:800px) {
.sc-craft-copy .sc-eyebrow,
.sc-eyebrow { font-size:12px; }
}