/* Fiber laser service page. Shared navigation, footer, and typography stay global. */
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body:is(.fiber-laser-page,.service-page) { --laser-ink:#20211f; --laser-muted:#606560; --laser-line:#d9dcd7; --laser-paper:#f3f4f0; --laser-nav-height:80px; --xeon-title-size:clamp(50px,6.4vw,106px); --xeon-section-size:clamp(30px,3.2vw,52px); margin:0; color:var(--laser-ink); background:#fff; font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
:is(.fiber-laser-page,.service-page) #announce-bar { margin:0; padding:10px 24px; background:#fff; color:#000; text-align:center; font-size:13px; font-weight:500; letter-spacing:.02em; position:relative; z-index:100; }
:is(.fiber-laser-page,.service-page) #announce-bar a { color:inherit; }
:is(.fiber-laser-page,.service-page) #main-nav { position:sticky; top:0; }
.laser-layout { display:grid; grid-template-columns:192px minmax(0,1fr); max-width:1920px; margin:auto; }
.laser-rail { background:#fff; border-right:1px solid var(--laser-line); min-width:0; }
.laser-rail-inner { position:sticky; top:calc(var(--laser-nav-height) + 32px); padding:0 22px 32px; margin-top:38px; }
.laser-back { color:var(--laser-muted); text-decoration:none; font-size:11px; }
.laser-back:hover { color:var(--laser-ink); text-decoration:underline; }
.laser-rail-title { font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.08em; margin:38px 0 18px; }
.laser-section-nav { display:flex; flex-direction:column; gap:3px; }
.laser-section-nav a { display:flex; align-items:center; gap:10px; min-height:40px; padding:9px 0; border-bottom:1px solid transparent; text-decoration:none; color:#696e69; font-size:11px; line-height:1.4; }
.laser-section-nav a span { font:10px 'IBM Plex Mono',monospace; color:#858a84; }
.laser-section-nav a:hover { color:#20211f; }
.laser-section-nav a[aria-current] { color:#20211f; border-bottom-color:#20211f; font-weight:600; }
.laser-section-nav a[aria-current] span { color:#20211f; }
.laser-rail-quote { display:flex; justify-content:space-between; gap:8px; margin-top:32px; padding:16px 0; border-top:1px solid var(--laser-line); color:inherit; font-size:11px; text-decoration:none; }
.laser-rail-note { font-size:11px; color:#7a7f78; line-height:1.6; margin:22px 0 0; }
#laser-main { min-width:0; }
.laser-section { padding:64px clamp(24px,4vw,76px); border-bottom:1px solid var(--laser-line); scroll-margin-top:calc(var(--laser-nav-height) + 16px); }
.laser-section p { font-size:15px; line-height:1.75; color:var(--laser-muted); margin:0 0 22px; }
.laser-section h1,.laser-section h2,.laser-section figure,.laser-section dl { margin:0; }
.laser-section h2 { font-size:var(--xeon-section-size); margin-bottom:26px; }
.laser-section a { text-underline-offset:4px; }
.laser-section a:focus-visible,.laser-section button:focus-visible,.laser-rail a:focus-visible { outline:2px solid #6d8aa7; outline-offset:5px; }
.laser-eyebrow { display:flex; gap:18px; justify-content:space-between; font:10px/1.5 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.1em; color:var(--laser-muted); }
.laser-hero { background:var(--laser-paper); padding-top:36px; padding-bottom:0; }
.laser-hero-head { display:grid; grid-template-columns:1.35fr 1fr; gap:32px; align-items:end; padding:40px 0 36px; }
.laser-hero h1 span { color:#737972; }
.laser-hero-intro { max-width:400px; padding-bottom:5px; }
.laser-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.laser-button { display:inline-flex; justify-content:space-between; align-items:center; gap:35px; background:#20211f; color:white; border:1px solid #20211f; text-decoration:none; padding:14px 18px; min-height:48px; font-size:12px; line-height:1.4; transition:background .18s; }
.laser-button:hover { background:#444a43; }
.laser-text-link { display:inline-flex; gap:22px; align-items:center; color:inherit; text-decoration:none; font-size:12px; line-height:1.5; padding:8px 0; }
.laser-text-link:hover { text-decoration:underline; }
.laser-hero-media { position:relative; background:#151615; aspect-ratio:2.45; overflow:hidden; }
.laser-hero-media video { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 100%; }
.laser-hero-media::after { content:''; position:absolute; inset:45% 0 0; pointer-events:none; background:linear-gradient(transparent,#0009); }
.laser-hero-media figcaption { position:absolute; left:25px; bottom:23px; z-index:1; display:flex; align-items:center; gap:18px; color:#e9eee7; font:10px/1.7 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.06em; }
.laser-hero-media figcaption b { font-weight:400; color:#c7cdc5; }
.laser-cross { font:300 27px/1 monospace; }
.laser-video-toggle { position:absolute; z-index:2; bottom:24px; right:24px; color:#fff; border:1px solid #ffffff70; background:#171a17b3; padding:11px 15px; font-size:11px; cursor:pointer; }
.laser-video-toggle span { margin-left:16px; }
[hidden] { display:none !important; }
.laser-facts { display:grid; grid-template-columns:repeat(3,1fr); }
.laser-facts > div { padding:26px 0; }
.laser-facts > div + div { border-left:1px solid var(--laser-line); padding-left:30px; }
.laser-facts dt { text-transform:uppercase; font:9px/1.4 'IBM Plex Mono',monospace; letter-spacing:.1em; color:var(--laser-muted); margin-bottom:9px; }
.laser-facts dd { font-size:32px; line-height:1.2; letter-spacing:-.055em; margin:0; }
.laser-facts dd span { font-size:13px; letter-spacing:0; color:var(--laser-muted); }
.laser-facts dd.laser-fact-files { font-size:24px; padding-top:5px; }
.laser-section-top { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:42px; }
.laser-section-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:start; margin-bottom:32px; }
.laser-section-heading h2 { margin-bottom:0; }
.laser-section-heading p { max-width:490px; margin-bottom:0; }
.laser-split { display:grid; grid-template-columns:1fr 1.25fr; gap:clamp(28px,4vw,64px); align-items:center; }
.laser-copy { min-width:0; }
.laser-split-reverse { grid-template-columns:1.25fr 1fr; }
.laser-split-reverse > .laser-copy { order:2; }
.laser-figure img { display:block; width:100%; aspect-ratio:1.2; object-fit:cover; background:#191a19; }
.laser-figure figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; border-top:1px solid var(--laser-line); padding-top:14px; margin-top:14px; color:var(--laser-muted); font:9px/1.5 'IBM Plex Mono',monospace; text-transform:uppercase; }
.laser-callout { border-top:1px solid var(--laser-line); padding:22px 0; display:flex; flex-direction:column; gap:7px; }
.laser-callout strong { font-size:46px; font-weight:400; letter-spacing:-.05em; }
.laser-callout span { font:10px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.06em; color:var(--laser-muted); }
.laser-section p.laser-note { font-size:12px; line-height:1.7; }
.laser-soft { background:var(--laser-paper); }
.laser-material-links { border-top:1px solid var(--laser-line); margin:26px 0 16px; }
.laser-material-links a { display:grid; grid-template-columns:1fr auto; color:inherit; border-bottom:1px solid var(--laser-line); padding:17px 0; gap:6px; text-decoration:none; }
.laser-material-links a span { font-size:15px; }
.laser-material-links a small { grid-column:1; color:var(--laser-muted); font-size:10px; line-height:1.5; }
.laser-material-links a b { grid-column:2; grid-row:1 / 3; align-self:center; font-weight:400; }
.laser-material-links a:hover span { text-decoration:underline; }
.laser-gallery { min-width:0; }
.laser-gallery-stage { aspect-ratio:1.1; background:#e6e8e3; }
.laser-gallery-stage img { display:block; height:100%; width:100%; object-fit:cover; }
.laser-gallery-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:16px; }
.laser-gallery-caption { color:var(--laser-muted); font-size:11px; line-height:1.5; }
.laser-gallery-controls { display:flex; gap:8px; align-items:center; flex-shrink:0; }
.laser-gallery-count { font:10px 'IBM Plex Mono',monospace; margin-right:8px; color:var(--laser-muted); }
.laser-gallery-controls button { width:40px; height:40px; background:transparent; border:1px solid var(--laser-line); color:inherit; font-size:18px; cursor:pointer; }
.laser-gallery-controls button:hover { background:var(--laser-line); }
.laser-spec-table { border-top:1px solid var(--laser-ink); }
.laser-spec-table > div { display:grid; grid-template-columns:1fr 2fr; gap:30px; padding:24px 0; border-bottom:1px solid var(--laser-line); }
.laser-spec-table dt { font-size:12px; line-height:1.6; color:var(--laser-muted); }
.laser-spec-table dd { display:flex; flex-direction:column; gap:8px; margin:0; font-size:12px; line-height:1.65; color:var(--laser-muted); }
.laser-spec-table strong { font-size:15px; font-weight:500; color:var(--laser-ink); }
.laser-spec-table a { color:var(--laser-ink); }
.laser-resource-row { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.laser-resource-row a { display:flex; justify-content:space-between; gap:16px; color:inherit; font-size:11px; text-decoration:none; border-bottom:1px solid var(--laser-line); padding:14px 0; }
.laser-resource-row a:hover { border-color:var(--laser-ink); }
.laser-dark { --laser-ink:#f0f5fa; --laser-muted:#b0bfd0; --laser-line:#35485c; color:var(--laser-ink); background:#101f30; }
.laser-small-label { display:inline-block; font:10px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.1em; border:1px solid var(--laser-line); padding:10px 12px; margin-top:22px; }
.laser-gallery-wide .laser-gallery-stage { aspect-ratio:2; background:#101110; }
.laser-gallery-wide img { object-fit:contain; }
.laser-detail-list > div { border-top:1px solid var(--laser-line); padding:20px 0; }
.laser-detail-list dt { font-size:16px; margin-bottom:8px; }
.laser-detail-list dd { font-size:12px; line-height:1.7; color:var(--laser-muted); margin:0; }
.laser-source-figure img { object-fit:contain; aspect-ratio:1.3; background:transparent; }
.matcat-stats { display:flex; flex-wrap:wrap; gap:40px; padding:24px 0; border-top:1px solid var(--laser-line); border-bottom:1px solid var(--laser-line); margin-bottom:28px; }
.matcat-stat-num { font-size:28px; letter-spacing:-.05em; }
.matcat-stat-label { font:9px 'IBM Plex Mono',monospace; text-transform:uppercase; color:var(--laser-muted); margin-top:7px; }
.matcat-tabs { display:flex; flex-wrap:wrap; gap:8px; }
.matcat-tab { display:flex; align-items:center; gap:12px; background:transparent; color:#454b44; border:1px solid #c8cdc6; padding:12px 14px; font-size:11px; cursor:pointer; min-height:44px; }
.matcat-tab:hover { border-color:#20211f; }
.matcat-tab.active { background:#20211f; color:#fff; border-color:#20211f; }
.matcat-tab-count { font:10px 'IBM Plex Mono',monospace; opacity:.75; }
.laser-section .laser-stock-status { font-size:10px; margin:18px 0; color:var(--laser-muted); }
.matcat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.matcat-card { background:#fff; border:1px solid var(--laser-line); min-width:0; padding:18px; }
.matcat-photo-wrap { display:block; height:96px; margin:-18px -18px 18px; border-bottom:1px solid var(--laser-line); overflow:hidden; }
.matcat-photo { display:block; width:100%; height:100%; object-fit:cover; }
.matcat-card-top { display:flex; justify-content:space-between; gap:15px; color:inherit; text-decoration:none; }
.matcat-card-name { font-size:17px; line-height:1.3; letter-spacing:-.025em; }
.matcat-card-top:hover .matcat-card-name { text-decoration:underline; }
.matcat-card-alloy { font-size:10px; color:var(--laser-muted); margin-top:6px; }
.matcat-arrow { font-size:17px; }
.matcat-finish { display:inline-block; color:#4e554c; background:#f1f3ee; border:1px solid #dfe3da; padding:5px 7px; font:9px/1.3 'IBM Plex Mono',monospace; margin:14px 0; }
.matcat-thk-label { color:#70776e; font:8px 'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase; margin:6px 0 10px; }
.matcat-chips { display:flex; flex-wrap:wrap; gap:6px; }
.matcat-chip { display:inline-flex; align-items:center; flex-wrap:wrap; gap:3px; min-height:34px; padding:7px 8px; color:#3b4239; border:1px solid #cdd3c9; text-decoration:none; font:10px/1.3 'IBM Plex Mono',monospace; }
.matcat-chip.is-live { background:#e5eadf; border-color:#c3cfb8; }
.matcat-chip:hover { color:#fff; background:#252a23; border-color:#252a23; }
.matcat-ga { opacity:.65; font-size:8px; }
.matcat-legend { display:flex; flex-wrap:wrap; gap:10px 26px; font-size:10px; line-height:1.6; color:var(--laser-muted); padding-top:24px; }
.matcat-legend i { display:inline-block; width:10px; height:10px; background:#e5eadf; border:1px solid #c3cfb8; margin-right:6px; }
.matcat-legend a { color:inherit; }
.laser-cta { padding-top:72px; padding-bottom:72px; }
.laser-cta .laser-section-heading { margin:30px 0 0; }
.laser-cta p { margin-bottom:24px; }
.laser-button-light { background:#f2f4ee; color:#20211f; border-color:#f2f4ee; }
.laser-button-light:hover { background:#dce3d5; }
.laser-skip { position:fixed; top:10px; left:20px; padding:14px; background:white; color:black; z-index:2000; transform:translateY(-200%); }
.laser-skip:focus { transform:none; }
/* Deep navy anchors the page; light surfaces match the material catalog. */
body:is(.fiber-laser-page,.service-page) { --laser-ink:#192a3b; --laser-muted:#586878; --laser-line:#d5dde3; --laser-paper:#f2f5f7; }
.laser-hero h1 span { color:#64798c; }
.laser-figure img,.laser-gallery-stage img { object-fit:contain; background:#090c10; }
.laser-section-nav a[aria-current] { color:#142b43; border-bottom-color:#234d73; }
.laser-section-nav a[aria-current] span { color:#234d73; }
.laser-button { background:#172e47; border-color:#172e47; }
.laser-button:hover { background:#294a6c; }
.laser-hero-media { background:#0d1723; }
.laser-video-toggle { background:#102337ce; border-color:#8197ae; }
.laser-gallery-stage { background:#e3eaf0; }
.laser-dark .laser-gallery-stage { background:#0b1623; }
.laser-button-light { color:#172e47; background:#f0f5fa; border-color:#f0f5fa; }
.laser-button-light:hover { background:#cedce9; }
.matcat-tab.active { background:#172e47; border-color:#172e47; }
.matcat-finish { background:#f0f4f7; border-color:#dce4ea; color:#4a6075; }
.matcat-chip.is-live,.matcat-legend i { background:#e4edf5; border-color:#bdcfdf; }
.matcat-chip:hover { background:#172e47; border-color:#172e47; }
@media(max-width:900px) { :is(.fiber-laser-page,.service-page) #announce-bar { display:none; } :is(.fiber-laser-page,.service-page) #main-nav { min-height:64px !important; } }
@media(min-width:1600px) { .laser-layout { grid-template-columns:220px minmax(0,1fr); } .laser-rail-inner { padding-left:30px; padding-right:30px; } }
@media(max-width:1200px) { .laser-layout { grid-template-columns:164px minmax(0,1fr); } .laser-rail-inner { padding:0 16px 24px; } .laser-rail-title { font-size:10px; } .laser-section-nav a { font-size:10px; gap:8px; } .laser-hero-head { gap:26px; grid-template-columns:1.2fr 1fr; } .laser-section { padding-left:30px; padding-right:30px; } .laser-section p { font-size:14px; } .laser-split { gap:30px; } .matcat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:950px) { .laser-hero-head { grid-template-columns:1fr; gap:24px; } .laser-hero-intro { max-width:550px; } .laser-hero h1 br { display:none; } .laser-hero h1 span::before { content:' '; } .laser-hero-media { aspect-ratio:1.8; } .laser-split,.laser-split-reverse { grid-template-columns:1fr; gap:28px; } .laser-split-reverse > .laser-copy { order:0; } .laser-figure img,.laser-gallery-stage { aspect-ratio:1.6; } .laser-section-heading { grid-template-columns:1fr; gap:24px; } .laser-facts dd { font-size:25px; } .laser-facts dd.laser-fact-files { font-size:19px; } .laser-facts > div + div { padding-left:18px; } }
@media(max-width:700px) { body:is(.fiber-laser-page,.service-page) { --xeon-title-size:clamp(44px,10vw,64px); --xeon-section-size:clamp(30px,7vw,42px); } .laser-layout { display:block; } .laser-rail { position:sticky; top:var(--laser-nav-height); z-index:50; border:0; border-bottom:1px solid var(--laser-line); } .laser-rail-inner { position:static; margin:0; padding:0 18px; } .laser-back,.laser-rail-title,.laser-rail-quote,.laser-rail-note { display:none; } .laser-section-nav { flex-direction:row; gap:22px; overflow-x:auto; scrollbar-width:thin; } .laser-section-nav a { white-space:nowrap; min-height:48px; flex-shrink:0; padding:12px 0; } .laser-section-nav a span { display:none; } .laser-section { padding:42px 22px; scroll-margin-top:calc(var(--laser-nav-height) + 62px); } .laser-hero { padding-top:24px; padding-bottom:0; } .laser-eyebrow { font-size:8px; gap:12px; } .laser-hero-head { padding:26px 0; } .laser-hero h1 br { display:block; } .laser-hero h1 span::before { content:none; } .laser-hero-media { aspect-ratio:1.25; } .laser-hero-media figcaption { left:15px; bottom:17px; font-size:8px; gap:8px; max-width:58%; } .laser-hero-media .laser-cross { display:none; } .laser-video-toggle { right:12px; bottom:15px; padding:10px; font-size:9px; } .laser-video-toggle span { margin-left:6px; } .laser-facts { gap:0; } .laser-facts > div { padding:20px 8px 23px 0; } .laser-facts > div + div { padding-left:12px; } .laser-facts dt { font-size:7px; letter-spacing:.03em; } .laser-facts dd { font-size:21px; white-space:nowrap; } .laser-facts dd span { font-size:9px; } .laser-facts dd.laser-fact-files { font-size:14px; padding-top:5px; } .laser-section-top { margin-bottom:28px; } .laser-section-top .laser-text-link { font-size:9px; gap:10px; } .laser-section p { font-size:14px; } .laser-spec-table > div { grid-template-columns:1fr; gap:8px; padding:20px 0; } .laser-spec-table strong { font-size:14px; } .laser-resource-row { grid-template-columns:1fr; gap:0; margin-top:18px; } .laser-resource-row a { min-height:44px; } .laser-gallery-wide .laser-gallery-stage { aspect-ratio:1.25; } .laser-gallery-bar { gap:10px; } .laser-gallery-count { font-size:8px; margin-right:0; } .laser-gallery-controls { gap:5px; } .laser-gallery-controls button { width:38px; height:38px; } .laser-gallery-caption { font-size:10px; } .matcat-stats { gap:18px; justify-content:space-between; } .matcat-stat-num { font-size:24px; } .matcat-stat-label { font-size:8px; } .matcat-tab { padding:10px; font-size:10px; gap:8px; } .matcat-grid { grid-template-columns:1fr; } .matcat-chip { min-height:38px; font-size:11px; } .matcat-photo-wrap { height:110px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; } }
@media print { #main-nav,#announce-bar,.laser-rail,.laser-video-toggle,.site-footer,.laser-gallery-controls { display:none !important; } .laser-layout { display:block; } .laser-section { break-inside:avoid; background:white; color:black; padding:24px; --laser-muted:#444; } .laser-dark { --laser-ink:#222; --laser-line:#ccc; } }