:root{--ink:#122c3d;--muted:#526775;--navy:#0d2533;--teal:#0b8c99;--aqua:#c7f5e9;--pale:#f0f6f7;--line:#d9e4e9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}img{max-width:100%;display:block}a{color:var(--teal)}.shell{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-500px;top:0;background:white;padding:12px;z-index:99}.skip:focus{left:5px}.header{background:var(--navy);color:white;border-bottom:1px solid #294959}.hrow{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:.5px;line-height:1.1}.brand b{color:#72e4d9}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:#b7ced8;margin-top:5px}.brand-mark{border:2px solid #49ccce;display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:#88f4d8;font-size:14px}.hrow nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.hrow nav a{color:#d7e4e9;text-decoration:none;font-weight:600;font-size:13px}.hrow nav a:hover,.hrow nav a[aria-current]{color:#91f7e8}.hrow nav .nav-cta{background:#8df0e0;color:#082b31;padding:11px 15px;border-radius:7px}.crumbs{font-size:13px;display:flex;flex-wrap:wrap;gap:11px;color:#59717d;margin-bottom:29px}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span[aria-hidden]{opacity:.5}.lead-hero,.inner-hero{background:linear-gradient(155deg,#f3fafa,#e8f0f3 85%);padding:52px 0 64px}.hero-grid,.inner-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:45px}.eyebrow{font-size:12px!important;letter-spacing:2.3px;text-transform:uppercase;font-weight:850;color:var(--teal);margin:0 0 13px}.lead-hero h1,.inner-hero h1{font-size:clamp(38px,5.3vw,66px);letter-spacing:-2.5px;line-height:1.09;margin:0 0 25px;max-width:730px}.inner-hero h1{font-size:clamp(35px,4.2vw,57px)}h1 em{color:var(--teal);font-style:normal}.large{font-size:18px;line-height:1.75;max-width:690px;color:#3e5867}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 18px;border-radius:7px;font-size:14px;font-weight:800;text-decoration:none;border:1px solid var(--teal);transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:white}.outline{background:transparent;color:var(--navy)}.ghost{border-color:#afdee1;color:white}.muted-mini{font-size:11px;letter-spacing:.8px;color:#5b737d}.hero-mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:440px}.hero-mosaic figure,.hero-visual{margin:0;border-radius:14px;overflow:hidden;background:#d7e4e4;box-shadow:0 18px 38px #123c4e19}.hero-mosaic figure{position:relative}.hero-mosaic .hero-one{grid-row:span 2}.hero-mosaic img{height:100%;width:100%;object-fit:cover}.hero-mosaic figcaption{position:absolute;bottom:0;left:0;right:0;padding:26px 12px 11px;color:white;font-size:12px;font-weight:700;background:linear-gradient(transparent,#102d3dc9)}.hero-visual img{width:100%;max-height:475px;aspect-ratio:1.1;object-fit:cover}.section{padding:74px 0}.muted-section{background:var(--pale)}h2{font-size:clamp(28px,3.1vw,42px);line-height:1.2;letter-spacing:-1px;margin:0 0 18px}h3{font-size:21px;line-height:1.3;margin:0 0 12px}.section-intro{max-width:750px;margin:0 0 28px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.collection-card,.sample-card{display:block;text-decoration:none;color:inherit;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #173c4b08}.collection-card:hover,.sample-card:hover{box-shadow:0 14px 32px #173c4b1f;transform:translateY(-2px)}.collection-card .visual{aspect-ratio:1.3;background:#e2eaed;overflow:hidden}.visual img,.sample-photo img{width:100%;height:100%;object-fit:cover}.collection-body,.sample-text{padding:22px}.index{font-size:11px;letter-spacing:1px;font-weight:800;text-transform:uppercase;color:var(--teal)}.collection-body h3,.sample-text h3{margin:10px 0}.collection-body p,.sample-text p{color:var(--muted);font-size:14px;line-height:1.7}.readmore{font-size:13px;font-weight:800;color:var(--teal)}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin-bottom:25px}.split-heading>p{color:var(--muted);margin:0;font-size:16px}.checks,.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.checks article,.focus-item{padding:25px;border-radius:12px;background:white;border:1px solid var(--line)}.checks span,.focus-item span{font-size:14px;color:var(--teal);font-weight:800}.checks p,.focus-item p{color:var(--muted);margin-bottom:0}.related{margin-top:30px;font-size:14px;color:var(--muted);line-height:2}.related a{font-weight:700}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.sample-photo{aspect-ratio:1.6;overflow:hidden;background:#dce8ed}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.photo{margin:0}.photo a{position:relative;display:block;overflow:hidden;border-radius:8px;background:#e4eaed}.photo img{width:100%;aspect-ratio:1/1;object-fit:cover}.photo a span{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 8px;background:linear-gradient(transparent,#102d3dca);font-size:11px;font-weight:800;color:white}.photo figcaption{color:#586c76;font-size:12px;margin-top:8px}.small-note{color:#697d88;font-size:12px;margin-top:19px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:55px}.article-grid article>p{max-width:750px;color:#425969}.article-grid article h2:not(:first-child){margin-top:44px}.detail-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:30px 0}.detail-photos figure{margin:0}.detail-photos img{width:100%;aspect-ratio:1.14;object-fit:cover;border-radius:10px;background:#e4ebee}.detail-photos figcaption{font-size:13px;color:#5c727c;padding:7px 0 0}.spec-list{padding-left:24px}.spec-list li{margin:12px 0}.qabox{background:#f3f8f9;border-left:4px solid var(--teal);padding:23px;margin:28px 0}.qabox h3{font-size:18px}.qabox p{margin:0;color:#526b76}.sidepanel{border:1px solid var(--line);border-radius:12px;padding:25px;background:var(--pale);position:sticky;top:20px}.sidepanel ul{padding-left:20px}.sidepanel li{font-size:14px;margin-bottom:10px}.sidepanel .button{margin:12px 0;display:flex}.sidepanel>a:not(.button){font-weight:750;font-size:13px}.sidepanel hr{border:0;border-top:1px solid #c7d6dd;margin:24px 0}.contact-band{background:#102b3a;color:white;padding:60px 0}.contact-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:45px;align-items:center}.contact-band .eyebrow{color:#85e7d4}.contact-band h2{max-width:720px}.contact-band p{color:#bfd1d9;max-width:730px}.contact-actions{display:flex;flex-direction:column;gap:12px}.footer{background:#071d29;color:#bfced6;padding:40px 0 20px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.fgrid p{font-size:13px;max-width:390px}.fgrid a{display:block;color:#c5dce4;font-size:13px;text-decoration:none;margin-bottom:9px}.fgrid strong{color:white;letter-spacing:2px}.copyright{margin-top:32px;border-top:1px solid #2d4550;padding-top:15px;font-size:11px}@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}.hrow{padding:14px 0}.hrow nav{gap:13px}}@media(max-width:760px){.shell{width:min(100% - 30px,1180px)}.hrow{flex-direction:column;align-items:flex-start;gap:15px}.hrow nav{gap:13px}.hrow nav a{font-size:12px}.hrow nav .nav-cta{padding:8px}.hero-grid,.inner-grid,.split-heading,.contact-grid,.article-grid{grid-template-columns:1fr;gap:27px}.lead-hero,.inner-hero{padding:33px 0 45px}.hero-mosaic{min-height:330px}.section{padding:52px 0}.checks,.focus-grid,.collection-grid,.sample-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.detail-photos{grid-template-columns:1fr 1fr}.sidepanel{position:static}.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:span 2}}@media(max-width:420px){.hero-mosaic{min-height:245px}.detail-photos{grid-template-columns:1fr}.lead-hero h1,.inner-hero h1{letter-spacing:-1.2px}.photo-grid{gap:9px}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* OEMCAPS V2: show complete hats without cropping; keep proportion and mobile width. */
.hero-grid>*,.inner-grid>*,.collection-grid>*,.sample-grid>*,.article-grid>*,.detail-photos>*,.photo-grid>*,.new-product-grid>*,.v2-detail-grid>*{min-width:0}
.hero-mosaic{height:clamp(330px,39vw,480px);min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}
.hero-mosaic figure{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#edf3f5}
.hero-mosaic figure img{display:block;flex:1 1 auto;width:100%;height:0;min-height:0;object-fit:contain!important;object-position:center;padding:6px;background:#edf3f5}
.hero-mosaic figcaption{position:static;flex:0 0 auto;background:#183849;color:#fff;padding:7px 11px;font-size:12px;line-height:1.4}
.hero-visual img{width:100%;height:auto;aspect-ratio:5/4;object-fit:contain!important;padding:12px;background:#eef4f6}
.collection-card .visual{aspect-ratio:5/4;background:#f1f5f6;display:grid;place-items:center}
.collection-card .visual img,.sample-photo img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;padding:9px;background:#f1f5f6}
.sample-photo{aspect-ratio:5/4;background:#f1f5f6}
.photo a{aspect-ratio:5/4;display:grid;place-items:center;background:#edf3f5}
.photo img{display:block;aspect-ratio:auto;width:100%;height:100%;object-fit:contain!important;padding:6px;background:#edf3f5}
.photo a span{position:static;padding:7px 8px;background:#183849;font-size:11px;line-height:1.3;min-height:36px;align-self:end;width:100%;box-sizing:border-box}
.detail-photos img{aspect-ratio:5/4;object-fit:contain!important;padding:7px;background:#edf3f5;height:auto}
img{max-width:100%;} .collection-card,.sample-card,.new-product-card{overflow:hidden}
a:focus-visible{outline:3px solid #008e96;outline-offset:3px}
.v2-section{padding:78px 0;background:#f5f9fa}.v2-section h2{font-size:clamp(27px,3.2vw,42px);letter-spacing:-.9px;margin:0 0 17px}
.v2-section .v2-lead{max-width:820px;color:#4a6571;line-height:1.75}
.new-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:29px 0}
.new-product-card{display:flex;flex-direction:column;border:1px solid #d7e3e7;border-radius:12px;background:#fff;text-decoration:none;color:#123243;box-shadow:0 8px 22px #142f4010}
.new-product-card:hover{box-shadow:0 15px 30px #12324320;transform:translateY(-2px)}
.new-product-card .v2-photo-frame{width:100%;height:auto;min-height:0;aspect-ratio:auto;background:#f1f5f6;display:block;overflow:visible;padding:12px}
.new-product-card .v2-photo-frame img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
.new-product-card .v2-card-copy{padding:20px 21px 23px;flex:1;display:flex;flex-direction:column}
.v2-kicker{font-size:11px;letter-spacing:1.2px;font-weight:850;color:#0c8795;text-transform:uppercase}
.new-product-card h3{font-size:19px;margin:9px 0 10px}
.new-product-card p{font-size:14px;line-height:1.7;color:#536e79;flex:1;margin:0 0 12px}
.new-product-card .v2-action{font-size:13px;font-weight:850;color:#047e8f;margin-top:7px}
.v2-diagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.v2-diagram{background:#fff;border:1px solid #d5e2e7;border-radius:12px;padding:23px}
.v2-diagram h3{font-size:20px}
.v2-angles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v2-angles figure{min-width:0;margin:0}
.v2-angles a{display:grid;place-items:center;background:#eef4f6;border-radius:8px;aspect-ratio:5/4;overflow:hidden;padding:5px}
.v2-angles img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain!important}
.v2-angles figcaption{font-size:12px;color:#556e78;line-height:1.55;padding-top:7px}
.v2-diagram p,.v2-diagram li{color:#506975;font-size:14px;line-height:1.7}
.v2-table-wrap{overflow-x:auto;margin-top:26px}
.v2-table{border-collapse:collapse;width:100%;min-width:620px;background:white}
.v2-table th,.v2-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #d7e3e7;font-size:14px}
.v2-table th{background:#173c4d;color:white;font-size:12px;letter-spacing:.3px}
.v2-table td:first-child{font-weight:800;min-width:165px}
.v2-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v2-notes article{padding:22px;background:white;border:1px solid #d5e2e7;border-radius:10px}
.v2-notes h3{font-size:18px}.v2-notes p{font-size:14px;color:#4e6874}
.v2-category-feature{background:#edf6f7;padding:38px 0;margin-top:6px}
.v2-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.v2-detail-grid figure{margin:0;background:white;border:1px solid #d7e4e7;border-radius:11px;padding:12px}
.v2-detail-grid a{display:grid;place-items:center;aspect-ratio:5/4;background:#f0f4f6;border-radius:8px;overflow:hidden}
.v2-detail-grid img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain!important}
.v2-detail-grid figcaption{font-size:13px;color:#4e6672;line-height:1.6;margin-top:11px}
.v2-category-feature .v2-lead{max-width:850px;color:#456473}
@media(max-width:1100px){.new-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-mosaic{height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:9px}.hero-mosaic .hero-one{grid-column:1/-1;grid-row:auto}.hero-mosaic figure{height:auto}.hero-mosaic figure img{flex:none;height:clamp(145px,39vw,240px)}.hero-mosaic .hero-one img{height:clamp(225px,65vw,355px)}.hero-mosaic figcaption{font-size:11px}.v2-section{padding:55px 0}.v2-diagram-grid{grid-template-columns:1fr}.v2-notes{grid-template-columns:1fr}.v2-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.new-product-grid{grid-template-columns:1fr}.v2-detail-grid{grid-template-columns:1fr}.v2-angles{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-angles figure:last-child{grid-column:auto}.detail-photos{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.hero-visual img{aspect-ratio:4/3}.v2-diagram{padding:17px}.v2-category-feature{padding:30px 0}}

/* Final responsive photograph sizing: captions never overlap the brim. */
.photo a{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}
.photo img{display:block;flex:0 0 auto;width:100%;height:auto;aspect-ratio:5/4;object-fit:contain!important;padding:7px}
.photo a span{position:static;display:block;flex:0 0 auto;padding:8px 10px;width:100%;min-height:0}
.hero-mosaic .hero-one img{object-position:center}
@media(max-width:760px){.hero-mosaic figure img{object-fit:contain!important}.hero-mosaic figure{border-radius:10px}}


/* Image geometry: complete hats at natural width/height on PC and mobile */
.new-product-card .v2-photo-frame{display:block!important;width:100%;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible;padding:12px;background:#f0f5f7}
.new-product-card .v2-photo-frame img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;position:static!important;transform:none!important;padding:0!important}
.collection-card .visual,.sample-photo,.v2-detail-grid a,.v2-angles a{height:auto;min-height:0;aspect-ratio:auto;overflow:hidden;background:#f0f5f7}
.collection-card .visual img,.sample-photo img,.v2-detail-grid img,.v2-angles img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;padding:8px}
.hero-visual img,.detail-photos img,.photo img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.hero-mosaic{height:auto;min-height:0;grid-template-rows:auto auto}
.hero-mosaic figure{min-height:0;display:flex;flex-direction:column}
.hero-mosaic img,.hero-mosaic .hero-one img{width:100%;height:auto!important;max-height:470px;aspect-ratio:auto!important;object-fit:contain!important;flex:0 1 auto;min-height:0}
.hero-mosaic figcaption{position:static;background:#183a4b;padding:9px 11px}
.photo a{display:block;aspect-ratio:auto;min-height:0}
.photo a img{width:100%;height:auto!important;aspect-ratio:auto!important}
.photo a span{position:static;display:block;min-height:0;padding:8px}
.new-product-grid>*,.hero-grid>*,.inner-grid>*,.photo-grid>*,.v2-detail-grid>*,.collection-grid>*,.sample-grid>*{min-width:0}
@media(max-width:760px){.hero-mosaic{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.hero-mosaic .hero-one{grid-column:1/-1;grid-row:auto}.hero-mosaic img,.hero-mosaic .hero-one img{height:auto!important;max-height:390px}.new-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.new-product-grid,.v2-detail-grid,.photo-grid{grid-template-columns:minmax(0,1fr)}.new-product-card .v2-photo-frame img{width:100%!important;height:auto!important;max-height:none!important}.v2-angles{grid-template-columns:repeat(2,minmax(0,1fr))}}