@font-face {
  font-family:"Noto Sans KR UI";
  src:url("/assets/fonts/noto-sans-kr-ui.woff?v=17555b5fff1b") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
:root {
  --ink:#172333; --muted:#4e6072; --blue:#1245a0; --blue-dark:#0c337b;
  --line:#dbe4ef; --tint:#f1f5fa; --navy:#142c50; --width:1160px;
  --ui-font:"Noto Sans KR UI","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic",sans-serif;
  font-family:Inter,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
  color:var(--ink); background:#fff; font-synthesis:none;
}
*, *::before, *::after { box-sizing:border-box; }
html { scroll-padding-top:102px; }
body { margin:0; font-size:16px; line-height:1.65; word-break:keep-all; overflow-wrap:anywhere; }
h1,h2,h3,p,figure,dl,dd { margin:0; }
h1,h2,h3 { line-height:1.26; letter-spacing:-.045em; }
h2 { font-family:var(--ui-font); font-size:clamp(22px,2.45vw,28px); font-weight:400; }
h3 { font-size:20px; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
img { display:block; max-width:100%; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid #1467de; outline-offset:4px; }
.wrap { width:min(var(--width),calc(100% - 80px)); margin-inline:auto; }
.section { padding-block:64px; }
.skip { position:fixed; top:-80px; left:16px; z-index:30; padding:10px 14px; background:white; }
.skip:focus { top:10px; }
.site-header { position:sticky; top:0; z-index:9; background:#fff; border-bottom:1px solid var(--line); }
.header-inner { --header-gap:26px; --menu-gap:clamp(15px,3vw,38px); display:flex; align-items:center; justify-content:space-between; gap:var(--header-gap); min-height:76px; }
.brand { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; line-height:1.17; font-size:19px; letter-spacing:-.06em; font-weight:800; }
.brand img { object-fit:contain; width:32px; height:36px; }
.brand small { display:block; margin-top:4px; font-size:8px; color:var(--blue-dark); letter-spacing:.085em; }
.navigation { align-self:stretch; display:flex; gap:var(--menu-gap); }
.navigation a { display:flex; align-items:center; padding-inline:2px; border-bottom:2px solid transparent; margin-bottom:-1px; font-size:17px; font-weight:400; }
.navigation a:hover,.navigation a[aria-current] { color:var(--blue); border-color:var(--blue); }
.header-contact { color:var(--blue-dark); border:1px solid #b5c9e7; font-size:16px; font-weight:400; padding:8px 14px; border-radius:6px; white-space:nowrap; }
.header-contact:hover { background:var(--tint); }
.header-contact span { margin-left:4px; }
.hero h1,.navigation a,.header-contact,.button { font-family:var(--ui-font); }
.hero { position:relative; isolation:isolate; display:grid; align-items:center; min-height:clamp(510px,46vw,710px); background:#0a1220; color:#fff; }
.hero-visual,.hero-slide,.hero-visual::after { position:absolute; inset:0; }
.hero-visual::after { content:""; pointer-events:none; background:linear-gradient(90deg,#081221e8 0%,#081221bf 31%,#08122155 50%,transparent 72%),linear-gradient(0deg,#050a1499 0%,transparent 22%); }
.hero-slide img { display:block; width:100%; height:100%; object-fit:cover; object-position:56% 54%; }
.hero-slide:not([hidden]) { animation:slide-reveal .42s ease-out; }
@keyframes slide-reveal { from { opacity:.45; } to { opacity:1; } }
.hero-shell { position:relative; z-index:1; padding-block:75px 116px; }
.hero-copy { max-width:520px; }
.eyebrow { color:var(--blue); font-size:14px; font-weight:750; letter-spacing:.015em; }
.hero .eyebrow { color:#d0dced; letter-spacing:.04em; }
.hero h1 { font-size:clamp(34px,3.45vw,46px); font-weight:400; letter-spacing:-.042em; margin:10px 0 14px; line-height:1.22; }
.hero-description { color:#e1e8f3; max-width:375px; font-size:16px; }
.hero .button { min-height:50px; padding-inline:17px; font-size:17px; }
.hero .hero-call { min-height:61px; min-width:156px; flex-direction:column; align-items:flex-start; gap:3px; line-height:1.22; font-variant-numeric:tabular-nums; }
.hero-call span:first-child { font-size:13px; }
.hero-call span:last-child { white-space:nowrap; }
.hero .button.outline { background:#0b172575; border-color:#aab8cd; }
.hero .button.outline:hover { background:#32445d; }
.hero-controls { position:absolute; z-index:2; inset:auto 0 24px; display:flex; justify-content:flex-end; pointer-events:none; }
.slider-controls { display:flex; pointer-events:auto; align-items:center; gap:1px; padding:2px 4px; color:white; background:#091322bf; border:1px solid #c7d4ef44; border-radius:28px; }
.slider-controls button { border:0; background:none; color:inherit; padding:0; display:grid; place-items:center; border-radius:50%; height:36px; }
.slider-controls button:focus-visible { outline-color:#b8ddff; outline-offset:-3px; }
.slider-controls .slider-arrow,.slider-controls .slider-toggle { width:36px; }
.slider-arrow span { font-size:25px; line-height:1; padding-bottom:3px; }
.slider-controls .slider-dot { width:19px; }
.slider-dot::before { content:""; width:6px; height:6px; background:#acbdd3; border-radius:8px; }
.slider-dot[aria-current="true"]::before { width:15px; background:#fff; }
.slider-controls .slider-toggle { border-left:1px solid #e3eeff33; border-radius:0 18px 18px 0; margin-left:2px; }
.slider-toggle span { height:10px; width:8px; border-inline:2px solid currentColor; }
.slider-toggle[data-paused] span { height:0; width:0; border:6px solid transparent; border-left:8px solid currentColor; border-right:0; margin-left:2px; }
.slider-controls button:hover { background:#ffffff20; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.actions { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-top:24px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; border-radius:6px; padding:9px 16px; font-weight:400; font-size:16px; border:1px solid transparent; line-height:1.4; }
.primary { background:var(--blue); color:#fff; }
.primary:hover { background:var(--blue-dark); }
.secondary { border-color:#b9cbe1; background:#fff; color:var(--blue-dark); }
.secondary:hover { background:#edf4ff; }
.feature-grid figure,.equipment-row figure { overflow:hidden; border-radius:12px; }
.photo { width:100%; height:100%; object-fit:cover; }
.photo-overview { object-position:50% 46%; }
.photo-line { object-position:50% 55%; }
.photo-rotary { object-position:50% 53%; }
.photo-dewater { object-position:61% 49%; }
.photo-heat { object-position:52% 50%; }
.home-image { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.section-head { margin-bottom:25px; }
.section-head p,.feature-grid p,.home-tech p,.contact-grid p,.company-profile p,.equipment-row div>p:not(.eyebrow),.docs p { color:var(--muted); margin-top:9px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.service-grid article { border-top:2px solid #9bb6dc; padding:19px 17px 0 0; }
.service-grid p { color:var(--muted); margin-top:7px; }
.home-feature { background:var(--tint); border-block:1px solid var(--line); padding-block:44px; }
.feature-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(22px,6vw,90px); align-items:center; }
.clean-list { padding-left:20px; margin:14px 0; }
.clean-list li { padding-left:3px; margin:4px 0; }
.clean-list li::marker { color:var(--blue); }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--blue-dark); font-weight:750; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.home-tech { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.cta { display:flex; justify-content:space-between; align-items:center; gap:18px; background:var(--navy); color:white; padding:30px 32px; border-radius:10px; margin-bottom:46px; }
.cta h2 { font-size:25px; }
.cta p { color:#dce8f7; font-size:15px; margin-top:5px; }
.cta .actions { margin:0; }
.white { background:#fff; color:var(--navy); }
.white:hover { background:#d8e9ff; }
.outline { border-color:#91a6c0; color:#fff; }
.outline:hover { background:#314b70; }
.site-footer { border-top:1px solid var(--line); background:#f8fafc; color:var(--muted); font-size:13px; padding:26px 0; }
.footer-copyright { margin-top:2lh; text-align:right; }
.footer-inner { display:flex; justify-content:space-between; gap:18px; align-items:end; }
.footer-inner .brand { color:var(--ink); margin-bottom:6px; font-size:17px; }
.footer-right { text-align:right; }
.footer-right a:hover { text-decoration:underline; }
.titleband { background:#f8fafd; border-bottom:1px solid var(--line); padding-block:18px; }
.titleband h1,.products-page h1 { font-family:var(--ui-font); font-weight:400; font-size:clamp(24px,2.4vw,31px); letter-spacing:-.035em; }
.titleband p { margin-top:5px; color:var(--muted); font-size:14px; }
.titleband + .section { padding-top:32px; }
.tour-main { display:grid; grid-template-columns:minmax(0,2.6fr) minmax(0,1fr); gap:18px; margin-bottom:45px; }
.gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.gallery-item { border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.gallery-open { display:block; width:100%; aspect-ratio:1.64; padding:0; border:0; background:var(--tint); overflow:hidden; position:relative; }
.gallery-open:focus-visible { outline-offset:-5px; }
.gallery-open .photo { transition:transform .22s ease; filter:contrast(1.035) saturate(.9); }
.gallery-open:hover .photo { transform:scale(1.025); }
.gallery-item figcaption { display:flex; flex-direction:column; padding:10px 14px 13px; }
.gallery-item figcaption span { color:var(--muted); font-size:14px; }
.tour-main .gallery-open { aspect-ratio:auto; height:clamp(185px,32vw,370px); }
.zoom { position:absolute; bottom:10px; right:10px; color:white; background:#142c50e8; width:34px; height:34px; line-height:34px; border-radius:50%; font-size:21px; }
.gallery-end { margin-top:24px; }
#photo-dialog { max-width:min(95vw,1120px); width:max-content; border:0; padding:0; border-radius:9px; color:#fff; background:var(--navy); }
#photo-dialog::backdrop { background:#071424de; }
#photo-dialog img { max-height:78vh; width:auto; object-fit:contain; }
#photo-dialog figcaption { padding:10px 16px; }
#photo-dialog form { position:absolute; top:10px; right:10px; }
#photo-dialog button { width:42px; height:42px; border:0; border-radius:50%; color:#fff; background:#142c50ee; font-size:25px; }
.equipment-row { display:grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(20px,5vw,65px); align-items:center; padding:26px 0; border-bottom:1px solid var(--line); }
.equipment-row:first-child { padding-top:0; }
.equipment-row .photo { aspect-ratio:1.64; height:auto; }
.equipment-row h2 { margin-top:4px; }
.equipment-note { margin-top:22px; display:flex; justify-content:space-between; gap:14px; color:var(--muted); }
.docs { padding-block:28px 53px; }
.docs-nav { background:#f8fafd; border-top:1px solid var(--line); }
.docs-nav-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.technical-page { scroll-padding-top:137px; }
.docs-nav a { display:grid; place-items:center; min-height:42px; padding:4px 2px; color:var(--blue-dark); font-family:var(--ui-font); font-size:14px; text-align:center; white-space:nowrap; }
.docs-nav a:hover { background:#e9f0fa; }
.docs-nav a:focus-visible { outline-offset:-3px; }
.docs-content section+section { margin-top:46px; }
.docs-content .data-list { margin:17px 0 12px; }
.data-list { border-top:1px solid var(--line); }
.data-list > div { display:grid; grid-template-columns: minmax(112px,.34fr) minmax(0,1fr); gap:14px; padding:12px 4px; border-bottom:1px solid var(--line); }
.data-list dt { font-weight:740; }
.data-list dd { color:var(--muted); }
.data-list a { color:var(--blue-dark); }
.data-list a:hover { text-decoration:underline; }
.docs .note { font-size:14px; color:var(--muted); }
.company-profile,.contact-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(24px,6vw,85px); }
.company-profile { align-items:center; }
.company-image { overflow:hidden; border-radius:8px; }
.company-image img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.company-details .data-list { margin-top:15px; }
.company-details h2 { font-size:25px; font-family:var(--ui-font); font-weight:400; }
.history { margin-top:48px; }
.history h2 { margin-bottom:16px; }
.certificate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.certificate { border:1px solid var(--line); border-radius:8px; }
.certificate a { display:block; height:100%; border-radius:8px; }
.certificate a:hover h3 { color:var(--blue); }
.certificate-preview { display:grid; place-items:center; background:var(--tint); height:205px; padding:12px; border-bottom:1px solid var(--line); border-radius:7px 7px 0 0; }
.certificate-preview img { height:100%; max-height:181px; width:auto; object-fit:contain; box-shadow:0 2px 7px #142c5024; }
.certificate-caption { padding:13px; }
.certificate-caption h3 { font-size:17px; letter-spacing:-.03em; }
.certificate-caption p { margin-top:5px; color:var(--muted); font-size:13px; }
.certificate-caption > span { display:block; margin-top:8px; color:var(--blue-dark); font-size:13px; font-weight:750; }
.contact-section { background:var(--tint); border-top:1px solid var(--line); }
.contact-grid h2 { margin-top:6px; }
.contact-card { background:#fff; padding:19px; border:1px solid var(--line); border-radius:8px; }
.contact-card .data-list { border-top:0; }
.contact-card .data-list > div { grid-template-columns:85px minmax(0,1fr); }
.contact-card .actions { margin-top:15px; }
.contact-map { display:block; width:100%; height:318px; margin-top:15px; border:1px solid var(--line); border-radius:6px; background:var(--tint); }
@media (min-width:761px) {
  .navigation { margin-inline-start:auto; margin-inline-end:calc(var(--menu-gap) + 6px - var(--header-gap)); }
  .navigation a { padding-top:18px; }
  .site-header .brand { font-size:21px; }
  .site-header .brand img { width:38px; height:43px; }
  .site-header .brand small { font-size:9px; }
}
@media (max-width:940px) {
  .wrap { width:calc(100% - 48px); }
  .header-inner { --header-gap:15px; --menu-gap:16px; }
  .cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width:760px) {
  html { scroll-padding-top:115px; }
  .wrap { width:calc(100% - 32px); }
  .header-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 12px; min-height:auto; }
  .header-inner .brand,.header-contact { grid-row:1; }
  .header-inner .brand { min-height:56px; width:max-content; }
  .header-contact { grid-column:2; font-size:13px; padding:6px 8px; }
  .navigation { grid-area:2 / 1 / 3 / -1; display:grid; grid-template-columns:1fr 1.45fr repeat(3,1fr); gap:0; border-top:1px solid var(--line); }
  .navigation a { min-height:42px; justify-content:center; font-size:clamp(11.5px,3.35vw,15px); white-space:nowrap; padding:4px 1px 0; }
  .brand { font-size:18px; }
  .brand img { width:28px; height:32px; }
  .hero { min-height:clamp(410px,121vw,550px); }
  .hero-shell { padding-block:60px 114px; }
  .hero-visual::after { background:linear-gradient(90deg,#070f1ad9 0%,#070f1a9c 53%,#070f1a38 100%),linear-gradient(0deg,#050a1477 0%,transparent 27%); }
  .hero-slide img { object-position:69% center; }
  .hero h1 { font-size:clamp(28px,7.8vw,39px); margin:10px 0 14px; }
  .hero-description { max-width:310px; font-size:15px; }
  .hero .button { min-height:48px; font-size:16px; padding-inline:14px; }
  .hero-call-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:322px; }
  .hero .hero-call { min-width:0; min-height:58px; padding-inline:11px; }
  .hero-controls { inset-block-end:16px; }
  .actions { margin-top:17px; }
  .section { padding-block:35px; }
  .service-grid { grid-template-columns:1fr; gap:13px; }
  .service-grid article { border-top:1px solid var(--line); padding-top:11px; }
  .service-grid p { margin-top:4px; }
  .feature-grid,.equipment-row,.company-profile,.contact-grid,.docs { grid-template-columns:1fr; }
  .home-feature { padding-block:28px; }
  .home-tech { align-items:flex-start; flex-direction:column; }
  .cta { padding:20px 16px; margin-bottom:30px; }
  .cta h2 { font-size:22px; }
  .footer-inner { flex-direction:column; align-items:flex-start; gap:9px; }
  .footer-right,.footer-copyright { text-align:left; }
  .titleband { padding-block:15px; }
  .titleband + .section { padding-top:22px; }
  .gallery-grid { gap:10px; }
  .gallery-open { aspect-ratio:1; }
  .tour-main .gallery-open { height:clamp(135px,42vw,240px); }
  .tour-main { gap:10px; margin-bottom:28px; }
  .gallery-item figcaption { padding:7px 8px 9px; font-size:14px; line-height:1.35; }
  .gallery-item figcaption span { font-size:12px; margin-top:4px; }
  .zoom { bottom:5px; right:5px; width:27px; height:27px; line-height:27px; font-size:17px; }
  .equipment-note { display:block; }
  .equipment-note a { margin-top:9px; }
  .docs { padding-block:20px 33px; }
  .technical-page { scroll-padding-top:153px; }
  .docs-nav a { min-height:36px; font-size:13px; }
  .docs-content section+section { margin-top:34px; }
  .data-list > div { grid-template-columns:minmax(84px,.38fr) minmax(0,1fr); gap:9px; font-size:14px; }
  .history { margin-top:29px; }
  .certificate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .certificate-preview { height:160px; padding:9px; }
  .certificate-preview img { max-height:142px; }
  .certificate-caption { padding:9px; }
  .certificate-caption h3 { font-size:15px; }
  .contact-card { padding:10px; }
  .contact-map { height:270px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { transition:none !important; animation:none !important; }
}

.technical .docs-content>section>h2 { font-family:var(--ui-font); font-weight:400; font-size:clamp(22px,2.3vw,28px); }
.technical .docs-content>section+section { border-top:1px solid var(--line); padding-top:38px; }
.technical .docs-content>section>.text-link { margin-top:12px; }
.tech-group { margin-top:26px; }
.tech-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:12px; }
.tech-grid.media-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.tech-grid.sample-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tech-card,.compound-card { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#fff; }
.tech-image { overflow:hidden; background:#f7f9fc; aspect-ratio:4/3; }
.tech-image img { width:100%; height:100%; object-fit:contain; }
.machine-grid .tech-image { background:#fff; padding:6px; }
.media-grid .tech-image { aspect-ratio:1.52; }
.media-grid .tech-image img { object-fit:cover; }
.tech-card figcaption { display:grid; gap:2px; padding:8px 10px 10px; border-top:1px solid var(--line); line-height:1.45; }
.tech-card figcaption span { color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.tech-table { width:100%; margin-top:12px; border-collapse:collapse; font-size:14px; text-align:left; font-variant-numeric:tabular-nums; }
.tech-table caption { text-align:left; font-weight:750; margin-bottom:5px; }
.tech-table th,.tech-table td { padding:8px; border-bottom:1px solid var(--line); }
.tech-table thead { background:var(--tint); }
.shape-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
.shape-item { display:grid; grid-template-columns:71px minmax(0,1fr); gap:10px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:7px; }
.shape-item img { border-radius:4px; }
.shape-item figcaption span { color:var(--muted); font-size:13px; display:block; }
.shape-item figcaption p { font-size:13px; margin-top:3px; }
.compound-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:16px; align-items:start; margin-top:12px; }
.compound-intro .tech-card { margin-top:17px; }
.compound-intro .tech-image { aspect-ratio:1.9; }
.compound-intro .tech-image img { object-fit:cover; }
.compound-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.compound-card { padding:11px 12px; }
.compound-card-head { display:flex; flex-wrap:wrap; gap:4px 8px; justify-content:space-between; align-items:center; }
.compound-card-head h4 { margin:0; font-size:16px; }
.compound-card-head span { color:var(--blue-dark); font-size:13px; font-weight:750; }
.compound-card p,.compound-card dl { font-size:13px; }
.compound-card dl { display:grid; grid-template-columns:32px minmax(0,1fr); gap:3px 6px; margin-top:8px; }
.compound-card dt { font-weight:750; }
.compound-card dd { color:var(--muted); }
.sample-card .tech-image { aspect-ratio:3/2; }
.sample-card .tech-image a { display:block; width:100%; height:100%; }
.sample-card .tech-image img { object-fit:contain; }
@media (max-width:930px) {
  .technical .tech-grid.media-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .compound-intro,.shape-list { grid-template-columns:1fr; }
  .technical .docs-content>section+section { padding-top:25px; }
  .technical .tech-grid,.technical .tech-grid.media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .compound-intro { gap:0; }
  .compound-intro .tech-card { max-width:380px; }
  .tech-card figcaption { padding:7px 7px 8px; font-size:14px; }
  .tech-card figcaption span { font-size:12px; }
  .tech-table th,.tech-table td { padding:6px 4px; font-size:12px; }
}
@media (max-width:480px) {
  .compound-grid { grid-template-columns:1fr; }
}


@media (min-width:761px) and (max-width:900px) {
  .header-inner { --header-gap:12px; --menu-gap:12px; }
  .navigation a { font-size:14px; }
  .header-contact { font-size:14px; padding-inline:9px; }
}

.products-page { padding-block:23px 53px; }
.product-group h2 { font-family:var(--ui-font); font-weight:400; letter-spacing:-.035em; }
.products-page h1 { text-align:center; margin-bottom:19px; }
.product-group { padding-block:17px 29px; border-top:1px solid var(--line); }
.product-group:last-child { padding-bottom:0; }
.product-group h2 { font-size:clamp(20px,2.15vw,25px); margin-bottom:12px; }
.product-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.product-tile .gallery-open { aspect-ratio:1; border-radius:8px; background:#e4e7ea; cursor:zoom-in; }
.product-tile img { width:100%; height:100%; object-fit:cover; }
@media (max-width:760px) {
  .products-page { padding-block:17px 35px; }
  .products-page h1 { margin-bottom:15px; }
  .product-group { padding-block:17px 23px; }
  .product-group h2 { margin-bottom:11px; }
  .product-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
}


@media (max-width:510px) {
  .technical-page { scroll-padding-top:182px; }
  .docs-nav-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .docs-nav a { min-height:33px; }
}