.fiber-page .fiber-button,.fiber-pill{border-radius:999px;background:linear-gradient(180deg,#68764c,#526138);color:#fff;box-shadow:inset 0 1px 0 #ffffff30,0 3px 8px #29302112;min-height:48px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1.4;text-align:center}
.fiber-family-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:30px 0 65px;border-bottom:1px solid var(--line)}
.fiber-family-hero h1{font-size:clamp(38px,4.5vw,68px);line-height:1.06;letter-spacing:-.055em;max-width:670px;margin:0 0 26px;text-wrap:balance}
.fiber-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:580px;margin:0 0 26px}
.fiber-studio{position:relative;isolation:isolate;min-width:0;container-type:inline-size;aspect-ratio:1/1.06;width:100%;display:grid;place-items:center;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none}
.fiber-wordmarks{position:absolute;inset:21% 4% auto;text-align:center;color:#d2d9c7;user-select:none;pointer-events:none;z-index:0}
.fiber-wordmarks span{display:block;font:800 19cqw/.91 Arial,Helvetica,sans-serif;letter-spacing:-.035em;white-space:nowrap}
.fiber-wordmarks span:nth-child(2){opacity:.48}.fiber-wordmarks span:nth-child(3){opacity:.24}.fiber-wordmarks span:nth-child(4){opacity:.1}
.fiber-product-image{position:relative;z-index:1;display:block;max-width:100%;width:100%;height:100%;object-fit:contain;padding:3%}
.fiber-choices-section{padding-bottom:60px}.fiber-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fiber-choice{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e4da;border-radius:20px;background:#fff;padding:26px;box-shadow:0 3px 6px #29302105;transition:box-shadow .25s,border-color .25s}
.fiber-choice-top>span{font-size:13px;letter-spacing:.06em;color:var(--muted)}
.fiber-choice-top h3{margin:17px 0 5px!important;font-size:48px!important;line-height:1;color:var(--olive);font-weight:400;letter-spacing:-.045em}
.fiber-choice-top small{font-size:24px}.fiber-choice-top p{font-size:14px;color:var(--muted);margin:0}
.fiber-choice-image{aspect-ratio:1/1.08;margin:16px -8px;min-width:0;overflow:hidden;border-radius:0;box-shadow:none}.fiber-choice-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .4s}
.fiber-choice-specs{margin-top:auto;display:grid;grid-template-columns:1fr;gap:15px;border-top:1px solid var(--line);padding:18px 0 0}
.fiber-choice-specs>span{font-size:14px;line-height:1.5;color:var(--muted);display:flex;flex-direction:column;gap:4px}.fiber-choice-specs strong{font-size:20px;font-weight:400;color:var(--ink)}
.fiber-pill{align-self:center;margin-top:auto}.fiber-note{font-size:14px;line-height:1.65;color:var(--muted);margin:18px 0 0;max-width:960px}
.fiber-comparison{border-top:1px solid var(--line)}.fiber-table-scroll{overflow-x:auto;max-width:100%}.fiber-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed;text-align:start;font-size:16px;line-height:1.5}
.fiber-table th,.fiber-table td{padding:19px 15px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.fiber-table thead{background:var(--panel);color:var(--olive)}.fiber-table th{font-weight:400}.fiber-table th:first-child{width:176px;padding-inline-start:20px}.fiber-table tbody th{color:var(--muted)}.fiber-table thead a{text-decoration:underline;text-underline-offset:5px;min-height:30px;display:inline-flex;align-items:center}
.fiber-technology,.fiber-overview{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.fiber-technology p:not(.kj-eyebrow),.fiber-overview p:not(.kj-eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 20px}.fiber-source{font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;color:var(--olive);display:inline-block;padding-block:10px}
.fiber-application{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;margin-bottom:var(--kj-space);background:#fff;padding:30px;border:1px solid var(--line);border-radius:16px}
.fiber-application figure{margin:0;min-width:0}.fiber-application img{width:100%;height:390px;object-fit:contain;display:block}.fiber-application figcaption{font-size:13px;line-height:1.6;color:var(--muted);max-width:540px}.fiber-application p:not(.kj-eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}
.fiber-model-selector{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 24px;font-size:14px;color:var(--muted)}.fiber-model-selector>div{display:flex;padding:5px;gap:4px;border-radius:999px;background:#edf0e7;border:1px solid #dde3d3}.fiber-model-selector>div a{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;min-height:48px;border-radius:999px;font-size:16px;color:var(--ink)}.fiber-model-selector a[aria-current]{background:var(--olive);color:#fff;box-shadow:0 3px 8px #29302118}.fiber-model-selector>div a:hover:not([aria-current]){background:#fff}
.fiber-hero{grid-template-columns:1fr 1fr;min-height:580px;border-radius:16px}.fiber-hero .kj-hero-copy{padding:38px 10px 38px 34px}.fiber-hero h1{font-size:clamp(27px,3vw,48px);line-height:1.1;letter-spacing:-.055em}.fiber-hero h1>span{display:block;color:var(--olive);font-size:clamp(68px,7vw,98px);margin-top:13px;letter-spacing:-.045em}.fiber-hero h1 small{font-size:.48em}.fiber-hero .kj-headline{font-size:27px}.fiber-hero .kj-hero-art{padding:20px 20px 20px 0}.fiber-hero .fiber-studio{border-radius:0}.fiber-hero-note{margin:14px 0 20px}
.fiber-page .kj-facts dt{font-size:14px}.fiber-page .kj-gallery-stage img{filter:none}.fiber-page .kj-thumb span{font-size:14px}.fiber-page .kj-thumb img{height:125px}.fiber-other{margin:0 0 var(--kj-space)}.fiber-other>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fiber-other-link{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:25px;border:1px solid var(--line);background:#fff;border-radius:14px;font-size:18px}.fiber-other-link bdi{font-size:16px;color:var(--muted)}.fiber-other-link>span:last-child{font-size:14px;color:var(--olive);text-decoration:underline;text-underline-offset:5px;min-height:32px;display:flex;align-items:center}
html[dir="rtl"] .fiber-hero .kj-hero-copy{padding:38px 34px 38px 10px}html[dir="rtl"] .fiber-hero .kj-hero-art{padding:20px 0 20px 20px}html[dir="rtl"] .fiber-family-hero h1{line-height:1.4;letter-spacing:0}html[dir="rtl"] .fiber-wordmarks span{letter-spacing:-.035em!important}
@media(hover:hover){.fiber-choice:hover img{transform:translateY(-4px) scale(1.025)}.fiber-other-link:hover{border-color:#95a481}}
@media(max-width:1000px){.fiber-choices{gap:16px}.fiber-choice{padding:19px}.fiber-hero{grid-template-columns:1fr 1fr}.fiber-hero .kj-headline{font-size:25px}.fiber-hero h1{font-size:29px}.fiber-application img{height:310px}}
@media(max-width:760px){.fiber-family-hero{grid-template-columns:1fr;gap:30px;padding:18px 0 42px}.fiber-family-hero h1{font-size:42px;max-width:590px}.fiber-lead{font-size:16px}.fiber-family-hero .fiber-studio{max-width:540px;aspect-ratio:1.15;margin-inline:auto}.fiber-choices{grid-template-columns:1fr}.fiber-choice{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;padding:22px}.fiber-choice-top{grid-column:1;grid-row:1}.fiber-choice-image{grid-column:2;grid-row:1 / 4;margin:0 -12px 0 0;align-self:center}.fiber-choice-specs{grid-column:1;grid-row:2;margin-top:18px;grid-template-columns:1fr;gap:8px;padding-bottom:17px}.fiber-choice-specs>span{flex-direction:row;justify-content:space-between;align-items:baseline}.fiber-choice-specs strong{font-size:18px}.fiber-pill{grid-column:1;grid-row:3;padding-inline:17px;font-size:15px;justify-self:start}.fiber-choice-top h3{font-size:42px!important}.fiber-choice-top>span{font-size:12px}.fiber-table th,.fiber-table td{padding:15px 12px;font-size:15px}.fiber-technology,.fiber-overview{grid-template-columns:1fr;gap:5px}.fiber-application{grid-template-columns:1fr;padding:25px;gap:26px}.fiber-application img{height:330px}.fiber-model-selector>div{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fiber-model-selector>div a{padding:12px}.fiber-hero{grid-template-columns:1fr}.fiber-hero .kj-hero-copy{padding:30px 24px 12px}.fiber-hero h1{font-size:clamp(25px,6vw,40px)}.fiber-hero .kj-hero-art{padding:10px 18px 20px}.fiber-hero .fiber-studio{max-width:560px;aspect-ratio:1.2;margin-inline:auto}.fiber-page .kj-thumb img{height:90px}.fiber-page .kj-gallery-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.fiber-other>div{grid-template-columns:1fr;gap:14px}html[dir="rtl"] .fiber-hero .kj-hero-copy{padding:30px 24px 12px}html[dir="rtl"] .fiber-hero .kj-hero-art{padding:10px 18px 20px}}
@media(max-width:380px){.fiber-family-hero h1{font-size:35px}.fiber-choice{padding:18px;grid-template-columns:1.1fr .9fr;gap:8px}.fiber-choice-top>span{font-size:12px;letter-spacing:0}.fiber-choice-specs>span{flex-wrap:wrap;gap:0}.fiber-pill{padding:12px 14px;font-size:14px}.fiber-hero .kj-headline{font-size:24px}.fiber-page .kj-facts dd{font-size:25px}.fiber-page .kj-facts{gap:10px;padding:22px 14px}.fiber-page .kj-facts>div+div{padding-inline-start:10px}}
@media(prefers-reduced-motion:reduce){.fiber-choice,.fiber-choice-image img{transition:none}}

.fiber-source+.fiber-source{margin-inline-start:20px}.fiber-page .kj-facts dd bdi{white-space:nowrap}.fiber-page .kj-thumb img{object-fit:cover;border-radius:5px}.fiber-choice-image img{max-width:none}
@media(max-width:760px){.fiber-choice-image{aspect-ratio:3/4;margin:0}.fiber-hero .fiber-studio{aspect-ratio:1}.fiber-page .kj-facts dd{font-size:clamp(24px,5vw,38px)}.fiber-source+.fiber-source{margin-inline-start:0;display:block}}

.fiber-family-hero>div,.fiber-technology>div,.fiber-overview>div,.fiber-hero-copy{min-width:0}.fiber-family-hero h1,.fiber-page h2{overflow-wrap:anywhere;hyphens:auto}

/* Shared studio presentation: the transparent product sits above its model name. */
.fiber-studio--variant .fiber-wordmarks span{font-size:15cqw}
.fiber-choice-image .fiber-studio{height:100%;aspect-ratio:auto;border-radius:0}
.fiber-choice-image .fiber-wordmarks{inset:22% 2% auto}
.fiber-choice-image .fiber-wordmarks span{font-size:15cqw}
.fiber-choice-image .fiber-product-image{padding:0}
.fiber-choice-image .fiber-studio{aspect-ratio:1/1.08}
.fiber-page .kj-navigation{margin-top:26px}
@media(max-width:760px){.fiber-choice-image .fiber-studio{aspect-ratio:3/4}.fiber-choice-image .fiber-wordmarks{inset:26% 1% auto}.fiber-choice-image .fiber-wordmarks span{font-size:15cqw}.fiber-family-hero h1{hyphens:none;overflow-wrap:normal;font-size:clamp(30px,5.6vw,42px)}}

/* Keep six variants readable without turning the cards into navigation controls. */
@media(min-width:761px) and (max-width:1000px){.fiber-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fiber-table tbody th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--paper,#f9faf7)}
.fiber-table thead th:first-child{position:sticky;inset-inline-start:0;z-index:2;background:var(--panel)}
.fiber-table-scroll{overscroll-behavior-inline:contain}
.fiber-availability{font-size:14px;line-height:1.6;color:var(--muted);margin:14px 0 0}
@media(max-width:760px){.fiber-choice-image{grid-row:1 / 3}.fiber-choice-specs{align-self:end;padding-bottom:0}.fiber-table th:first-child{width:145px}}

/* The hero cutout shares the page surface, with a soft product shadow. */
.fiber-family-hero>.fiber-studio{background:transparent;border-radius:0}
.fiber-family-hero .fiber-product-image{filter:drop-shadow(0 10px 9px #29302114)}

@media(max-width:760px){
 .fiber-table-scroll{width:100%;min-width:0;position:relative;scrollbar-width:thin;scrollbar-color:var(--olive) var(--panel);border:1px solid var(--line);border-radius:10px}
 .fiber-table th,.fiber-table td{overflow-wrap:anywhere}
 .fiber-table-scroll:focus-visible{outline-offset:3px}
 .fiber-family-hero h1{overflow-wrap:anywhere;line-height:1.15}
 .fiber-choice-top,.fiber-choice-specs{min-width:0}
 .fiber-application img{height:auto;max-height:360px;object-fit:contain}
 .fiber-family-hero .kj-actions{gap:12px}
}
@media(max-width:520px){
 .fiber-page:not(.fpv-page) .fiber-choice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:20px}
 .fiber-page:not(.fpv-page) .fiber-choice-image{grid-column:2;grid-row:1;aspect-ratio:1;margin:0}
 .fiber-page:not(.fpv-page) .fiber-choice-image .fiber-studio{aspect-ratio:1}
 .fiber-page:not(.fpv-page) .fiber-choice-specs{grid-column:1 / -1;grid-row:2;margin:0;padding-top:16px;gap:12px}
 .fiber-page:not(.fpv-page) .fiber-choice-specs>span{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
 .fiber-page:not(.fpv-page) .fiber-choice-specs strong{font-size:20px}
 .fiber-model-selector>div a{padding:12px 8px;font-size:15px}
 .fiber-application{padding:24px 20px}
 .fiber-application .kj-actions{align-items:stretch;flex-direction:column}
 .fiber-page .kj-facts dd bdi{white-space:normal}
}