/* Generated: approved dir-2 + theme-integration.css; edit sources and regenerate. */
:where(.sg-root) [data-home-dir2] button{-webkit-tap-highlight-color:transparent}
:where(.sg-root) [data-home-dir2].story{height:calc(100svh + 2900px);position:relative}
:where(.sg-root) [data-home-dir2] .stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#021d3a}
:where(.sg-root) [data-home-dir2] .stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 40%,#143b60 0,transparent 59%);pointer-events:none}
:where(.sg-root) [data-home-dir2] .scene{position:absolute;inset:0;z-index:1}
:where(.sg-root) [data-home-dir2] .scene canvas{display:block;width:100%;height:100%}
:where(.sg-root) [data-home-dir2] .copy{position:absolute;left:8%;top:29%;width:40%;max-width:620px;z-index:2;pointer-events:none}
:where(.sg-root) [data-home-dir2] .copy h1,:where(.sg-root) [data-home-dir2] .copy h2{font-size:clamp(44px,4.5vw,72px);font-weight:800;line-height:1.04;letter-spacing:-.055em;margin:20px 0}
:where(.sg-root) [data-home-dir2] .copy em{font-style:normal;color:#ff6210}
:where(.sg-root) [data-home-dir2] .copy p{font-size:16px;line-height:1.6;color:#c3ced8;max-width:340px;margin:24px 0 0}
:where(.sg-root) [data-home-dir2] .copy .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:#c3ced8}
:where(.sg-root) [data-home-dir2] .chapter{position:absolute;inset:0;visibility:hidden;opacity:0}
:where(.sg-root) [data-home-dir2] .chapter:first-child{visibility:visible;opacity:1}
:where(.sg-root) [data-home-dir2] .chapter .subtitle{max-width:320px}
:where(.sg-root) [data-home-dir2] .footer-line{position:absolute;z-index:3;inset:auto 8% 40px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #416079;padding-top:20px;pointer-events:none;font-size:12px;color:#a3b4c4}
:where(.sg-root) [data-home-dir2] .footer-line b{display:block;font-size:14px;color:white;margin-bottom:6px;font-weight:500}
:where(.sg-root) [data-home-dir2] .progress{height:2px;width:96px;background:#3a536b;position:relative;margin-top:12px}
:where(.sg-root) [data-home-dir2] .progress i{position:absolute;inset:0;background:#ff6210;transform:scaleX(0);transform-origin:left}
:where(.sg-root) [data-home-dir2] .stage:before{background:radial-gradient(ellipse at 65% 45%,#173e61 0,transparent 62%)}
:where(.sg-root) [data-home-dir2] .copy{top:20%;left:8%;width:45%}
:where(.sg-root) [data-home-dir2] .copy h1,:where(.sg-root) [data-home-dir2] .copy h2{font-size:clamp(48px,5.2vw,80px)}
:where(.sg-root) [data-home-dir2] .footer-line{inset:auto 8% 40px}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].story{height:calc(100svh + 2300px)}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .stage{min-height:620px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy,:where(.sg-root) [data-home-dir2] .copy{left:24px;top:16%;width:calc(100% - 48px);max-width:none}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy h1,:where(.sg-root) [data-home-dir2] .copy h2{font-size:42px;letter-spacing:-.055em;line-height:1.05;margin:16px 0}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy p{font-size:14px;line-height:1.5;max-width:292px;margin-top:16px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy .eyebrow{font-size:11px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy h1,:where(.sg-root) [data-home-dir2] .copy h2{font-size:43px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line,:where(.sg-root) [data-home-dir2] .footer-line{inset:auto 24px 34px;padding-top:14px;font-size:11px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line b{font-size:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line .right{max-width:145px;text-align:right;line-height:1.5}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .progress{width:64px;margin-top:8px}}
@media(max-height:700px) and (min-width:768px){:where(.sg-root) [data-home-dir2] .copy,:where(.sg-root) [data-home-dir2] .copy{top:23%}}
@media(max-height:700px) and (min-width:768px){:where(.sg-root) [data-home-dir2] .copy h1,:where(.sg-root) [data-home-dir2] .copy h2{font-size:48px}}
@media(max-height:700px) and (min-width:768px){:where(.sg-root) [data-home-dir2] .footer-line{bottom:24px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].story{height:100svh;min-height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .stage{position:relative;min-height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .scene{display:none}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .progress{display:none}}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .copy{max-width:560px}}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .scene{mask-image:linear-gradient(90deg,transparent 40%,#000 54%)}}
:where(.sg-root) [data-home-dir2].story{height:calc(100svh + 1200px)}
:where(.sg-root) [data-home-dir2] .stage{min-height:650px}
:where(.sg-root) [data-home-dir2] .hero-actions{position:absolute;left:8%;top:57%;z-index:5;display:flex;align-items:center;gap:24px}
:where(.sg-root) [data-home-dir2] .hero-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:0 20px;border-radius:7px;background:#ff6210;color:white;text-decoration:none;font-size:14px;font-weight:650}
:where(.sg-root) [data-home-dir2] .hero-actions a:hover{background:#ed5705}
:where(.sg-root) [data-home-dir2] .hero-actions .hero-skip{padding:0;background:transparent;border-radius:0;font-size:13px;border-bottom:1px solid #8094a5}
:where(.sg-root) [data-home-dir2] .hero-actions .hero-skip:hover{background:transparent;color:#fff}
:where(.sg-root) [data-home-dir2] .footer-line{pointer-events:auto}
:where(.sg-root) [data-home-dir2] .footer-line .right a{display:inline-block;min-height:44px;padding-top:14px;text-decoration:none;color:#fff}
:where(.sg-root) [data-home-dir2].product-interlude{position:relative;padding:34px 0;isolation:isolate}
:where(.sg-root) [data-home-dir2].product-interlude .interlude-panel{position:relative;min-height:420px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#072b52;color:white;perspective:1100px}
:where(.sg-root) [data-home-dir2] .interlude-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 73% 46%,#254a66,transparent 66%);z-index:-1}
:where(.sg-root) [data-home-dir2] .interlude-copy{padding:48px 56px;position:relative;z-index:2}
:where(.sg-root) [data-home-dir2] .interlude-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#afc3d4;display:block;font-weight:600;margin-bottom:18px}
:where(.sg-root) [data-home-dir2] .interlude-copy h2{font-size:44px;line-height:1.06;letter-spacing:-.045em;margin:0 0 20px;font-weight:780}
:where(.sg-root) [data-home-dir2] .interlude-copy h2 em{color:#ff6210;font-style:normal}
:where(.sg-root) [data-home-dir2] .interlude-copy p{font-size:14px;color:#c8d4df;line-height:1.6;max-width:290px}
:where(.sg-root) [data-home-dir2] .interlude-copy a{display:inline-flex;gap:30px;align-items:center;color:white;min-height:44px;margin-top:10px;border-bottom:1px solid #788b9d;font-size:13px}
:where(.sg-root) [data-home-dir2] .interlude-scene{position:relative;height:100%;min-height:420px;transform-style:preserve-3d;perspective:900px}
:where(.sg-root) [data-home-dir2] .interlude-scene img{position:absolute;object-fit:contain;pointer-events:none;transform-origin:center;will-change:transform,opacity}
:where(.sg-root) [data-home-dir2] .case-open{width:80%;left:6%;top:24%;z-index:2}
:where(.sg-root) [data-home-dir2] .case-closed{width:80%;left:6%;top:32%;opacity:0;z-index:3}
:where(.sg-root) [data-home-dir2] .case-upright{width:29%;left:36%;top:15%;height:76%;opacity:0;z-index:4}
:where(.sg-root) [data-home-dir2] .object-shadow{position:absolute;left:12%;right:18%;height:28px;bottom:16%;border-radius:50%;background:radial-gradient(ellipse,#0009,transparent 68%);transform:rotateX(20deg);filter:blur(2px)}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-panel{background:#fff1e7;color:#021d3a;grid-template-columns:1fr 1fr}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-panel:before{background:radial-gradient(ellipse at 70% 55%,#ffdec4,transparent 64%)}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-kicker{color:#936144}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-copy p{color:#4d6275}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-copy a{color:#021d3a;border-color:#c6a18c}
:where(.sg-root) [data-home-dir2] .brico-scene .object-shadow{left:9%;right:12%;bottom:12%;background:radial-gradient(ellipse,#b87a4c40,transparent 67%)}
:where(.sg-root) [data-home-dir2] .brico-wd40{width:48%;height:62%;left:5%;top:22%;z-index:2}
:where(.sg-root) [data-home-dir2] .brico-loctite{width:23%;height:54%;left:50%;top:27%;z-index:1}
:where(.sg-root) [data-home-dir2] .brico-bostik{width:20%;height:78%;left:73%;top:8%;z-index:3}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].story{height:calc(100svh + 1000px)}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .stage{min-height:650px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy{top:14%;left:24px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy h1,:where(.sg-root) [data-home-dir2] .copy h2{font-size:39px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy p{max-width:290px;font-size:13px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions{top:auto;bottom:13.4%;left:24px;gap:18px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions a{font-size:12px;gap:14px;padding:0 14px;min-height:42px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions .hero-skip{display:none}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line{inset:auto 24px 24px;padding-top:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line b{font-size:11px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line .right{max-width:130px;font-size:10px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].product-interlude{padding:18px 0}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].product-interlude .interlude-panel,:where(.sg-root) [data-home-dir2].brico-interlude .interlude-panel{grid-template-columns:1fr;min-height:560px;border-radius:10px;align-items:start}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy{padding:28px 26px 0}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-kicker{font-size:10px;margin-bottom:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy h2{font-size:34px;margin:0 0 14px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy p{font-size:13px;margin-bottom:0;max-width:260px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy a{margin-top:8px;font-size:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-scene{height:300px;min-height:300px;width:100%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .case-open{width:78%;left:10%;top:12%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .case-closed{width:78%;left:10%;top:20%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .case-upright{width:27%;left:37%;top:0;height:85%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .object-shadow{bottom:10%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .brico-scene{height:320px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .brico-wd40{width:47%;height:60%;left:6%;top:26%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .brico-loctite{width:24%;left:49%;height:53%;top:30%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .brico-bostik{height:82%;width:20%;left:74%;top:8%}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].story{height:auto;min-height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .stage{position:relative;min-height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].product-interlude img{will-change:auto}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .case-open{opacity:0}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .case-upright{opacity:1}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .hero-actions{top:auto;bottom:15%}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .case-open{opacity:1;width:60%;left:0;top:30%;transform:none}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .case-upright{opacity:1;width:22%;left:72%;top:12%;transform:none}}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .case-open{width:74%;top:20%}}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .case-closed{width:74%;top:28%}}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .brico-loctite{left:52%}}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .brico-bostik{left:75%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .brico-loctite{left:54%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .brico-bostik{left:78%}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .case-open{width:60%;left:0;top:30%}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .case-upright{width:22%;left:72%;top:12%}}
:where(.sg-root) [data-home-dir2].eyewear-interlude{--eye-panel:480px;--eye-hold:820;min-height:0}
:where(.sg-root) [data-home-dir2].eyewear-interlude .interlude-panel{height:var(--eye-panel);min-height:0}
:where(.sg-root) [data-home-dir2].eyewear-interlude .interlude-scene{height:100%;min-height:0}
:where(.sg-root) [data-home-dir2].eyewear-interlude .eyewear-front{width:48%;left:4%;top:8%;z-index:5}
:where(.sg-root) [data-home-dir2].eyewear-interlude .eyewear-side{width:78%;left:11%;top:22%;opacity:0;z-index:5}
:where(.sg-root) [data-home-dir2].eyewear-interlude .case-open,:where(.sg-root) [data-home-dir2].eyewear-interlude .case-closed{width:62%;left:34%;top:44%;height:51%}
:where(.sg-root) [data-home-dir2].eyewear-interlude .case-upright{width:28%;left:61%;top:19%;height:76%}
:where(.sg-root) [data-home-dir2].eyewear-interlude .object-shadow{left:35%;right:7%;bottom:3%}
:where(.sg-root) [data-home-dir2].has-scroll-hold{height:calc(var(--eye-panel) + var(--eye-hold)*1px + 68px)}
:where(.sg-root) [data-home-dir2].has-scroll-hold>.wide-container{position:sticky;top:max(24px,calc((100svh - var(--eye-panel))/2))}
:where(.sg-root) [data-home-dir2].has-scroll-hold .eyewear-front{width:88%;left:6%;top:28%}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].eyewear-interlude{--eye-panel:min(600px,calc(100svh - 48px));--eye-hold:880}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].eyewear-interlude .interlude-panel{grid-template-rows:auto 1fr}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].eyewear-interlude .interlude-copy{padding-bottom:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].has-scroll-hold{height:calc(var(--eye-panel) + var(--eye-hold)*1px + 36px)}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].eyewear-interlude{height:auto}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].eyewear-interlude>.wide-container{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].eyewear-interlude .case-upright{opacity:0}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].eyewear-interlude img{transform:none}}
:where(.sg-root) [data-home-dir2] .ambient-effect{position:absolute;pointer-events:none;overflow:visible;z-index:0;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
:where(.sg-root) [data-home-dir2] .stage>.ambient-effect{left:47%;top:9%;width:50%;height:77%}
:where(.sg-root) [data-home-dir2] .trace-base{stroke:#9ac9e1;opacity:.68;stroke-width:1.7}
:where(.sg-root) [data-home-dir2] .trace-echo{stroke:#88abc3;opacity:.32;stroke-dasharray:2 9}
:where(.sg-root) [data-home-dir2] .trace-signal{stroke:#f8af6d;stroke-width:2.2;stroke-dasharray:.15 .85;opacity:.92}
:where(.sg-root) [data-home-dir2] .charge-mark{stroke:#a1bfd2;opacity:.48}
:where(.sg-root) [data-home-dir2] .charge-dust circle{fill:#a6cadf;stroke:none}
:where(.sg-root) [data-home-dir2] .rack-field{stroke:#91b4cf;stroke-width:1.4;opacity:0}
:where(.sg-root) [data-home-dir2] .rack-ticks{stroke:#f3b576;opacity:.65}
:where(.sg-root) [data-home-dir2] .interlude-scene>.ambient-effect{inset:0;width:100%;height:100%;opacity:.75}
:where(.sg-root) [data-home-dir2] .lens-trace,:where(.sg-root) [data-home-dir2] .tool-trace{transform-origin:50% 50%}
:where(.sg-root) [data-home-dir2] .lens-back{stroke:#91bed4;opacity:.5;stroke-width:1.4}
:where(.sg-root) [data-home-dir2] .lens-front{stroke:#a3c7d9;opacity:.35;stroke-width:1.3}
:where(.sg-root) [data-home-dir2] .lens-flare{stroke:#f8c596;opacity:.85;stroke-width:2}
:where(.sg-root) [data-home-dir2] .lens-trace circle{fill:#e9c2a2;stroke:none;opacity:.5}
:where(.sg-root) [data-home-dir2] .tool-trace{stroke:#9c6e4b;opacity:.72;stroke-width:1.3}
:where(.sg-root) [data-home-dir2] .tool-measure{opacity:.8}
:where(.sg-root) [data-home-dir2] .tool-accent{stroke:#df671b;stroke-width:2.2}
:where(.sg-root) [data-home-dir2] .tool-trace circle{fill:#df8c53;stroke:none}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .stage>.ambient-effect{left:0;top:36%;width:100%;height:46%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .ambient-effect{stroke-width:1.15}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-scene>.ambient-effect{width:115%;left:-8%}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .ambient-effect{display:none}}
:where(.sg-root) [data-home-dir2] .interlude-scene>.ambient-effect{transform:translateZ(-1px);will-change:transform,opacity}
:where(.sg-root) [data-home-dir2].brico-interlude{--eye-panel:480px;--eye-hold:620}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-panel{height:var(--eye-panel);min-height:0}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-scene{height:100%;min-height:0}
:where(.sg-root) [data-home-dir2].brico-interlude .brico-wd40{width:48%;height:62%;left:16%;top:35%;z-index:2}
:where(.sg-root) [data-home-dir2].brico-interlude .brico-loctite{width:20%;height:48%;left:64%;top:44%;z-index:3}
:where(.sg-root) [data-home-dir2].brico-interlude .brico-bostik{width:16%;height:76%;left:81%;top:12%;z-index:4}
:where(.sg-root) [data-home-dir2].brico-interlude .object-shadow{bottom:5%;left:9%;right:4%}
:where(.sg-root) [data-home-dir2] .brico-scene .tool-trace{stroke:#557c91;stroke-width:1.4;opacity:.75}
:where(.sg-root) [data-home-dir2] .draft-floor,:where(.sg-root) [data-home-dir2] .draft-partition,:where(.sg-root) [data-home-dir2] .draft-walls,:where(.sg-root) [data-home-dir2] .draft-openings{stroke-dasharray:1}
:where(.sg-root) [data-home-dir2] .draft-partition{opacity:.55}
:where(.sg-root) [data-home-dir2] .draft-openings{stroke:#cf793d;stroke-width:1.8}
:where(.sg-root) [data-home-dir2] .draft-dim{stroke:#ac8065;stroke-width:1}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].brico-interlude{--eye-panel:min(600px,calc(100svh - 48px));--eye-hold:700}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].brico-interlude .interlude-panel{grid-template-rows:auto 1fr}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].brico-interlude .interlude-copy{padding-bottom:12px}}
:where(.sg-root) [data-home-dir2]{box-sizing:border-box;font-family:Inter,Arial,sans-serif;--dir2-stage:clamp(480px,calc(100svh - 140px),760px);--dir2-sticky:var(--sg-sticky-header-offset,140px)}
:where(.sg-root) [data-home-dir2] *{box-sizing:border-box}
:where(.sg-root) [data-home-dir2] a:focus-visible{outline:2px solid #ff6210;outline-offset:5px}
:where(.sg-root) [data-home-dir2] a{touch-action:manipulation}
:where(.sg-root) [data-home-dir2] .sg-external-arrow{display:inline-flex;flex:0 0 1em;width:1em;height:1em;align-items:center;justify-content:center}
:where(.sg-root) [data-home-dir2] .sg-external-arrow svg{display:block;width:100%;height:100%}
:where(.sg-root) [data-home-dir2].story{height:auto;min-height:820px;margin:0;color:#fff;background:#021d3a}
:where(.sg-root) [data-home-dir2] .stage{position:relative;top:auto;height:820px;min-height:0}
:where(.sg-root) [data-home-dir2].is-enhanced.story{height:calc(var(--dir2-stage) + 1200px);min-height:0}
:where(.sg-root) [data-home-dir2].is-enhanced .stage{position:sticky;top:var(--dir2-sticky);height:var(--dir2-stage)}
:where(.sg-root) [data-home-dir2] .copy{top:9%;left:8%;width:42%;max-width:560px;pointer-events:auto}
:where(.sg-root) [data-home-dir2] .copy .home-dir2-definition{font-size:18px;line-height:1.35;letter-spacing:-.02em;font-weight:600;margin:0 0 24px;color:#d5e1ec;max-width:440px}
:where(.sg-root) [data-home-dir2] .chapter{position:relative;inset:auto;visibility:visible;opacity:1;margin:0 0 28px}
:where(.sg-root) [data-home-dir2] .chapter:not(:nth-child(2)){margin-top:90px}
:where(.sg-root) [data-home-dir2] .copy h2{font-size:clamp(44px,4.7vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.055em;margin:16px 0}
:where(.sg-root) [data-home-dir2] .copy p{font-size:15px;line-height:1.55;margin-top:16px;max-width:340px}
:where(.sg-root) [data-home-dir2].is-enhanced .chapter{position:absolute;inset:70px 0 auto;margin:0;opacity:0;visibility:hidden}
:where(.sg-root) [data-home-dir2].is-enhanced .chapter:nth-child(2){opacity:1;visibility:visible}
:where(.sg-root) [data-home-dir2] .hero-actions{top:370px;left:8%;gap:24px;z-index:5}
:where(.sg-root) [data-home-dir2].is-enhanced .hero-actions{top:calc(9% + 340px)}
:where(.sg-root) [data-home-dir2] .hero-actions a{min-height:46px;background:#ff6210;color:#fff;font-size:14px}
:where(.sg-root) [data-home-dir2] .hero-actions .hero-skip{background:transparent}
:where(.sg-root) [data-home-dir2] .footer-line{inset:auto 8% 20px;align-items:center;gap:16px;font-size:11px}
:where(.sg-root) [data-home-dir2] .footer-line b{margin:0;font-size:12px}
:where(.sg-root) [data-home-dir2] .progress{margin:0;width:72px}
:where(.sg-root) [data-home-dir2] .static-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;left:54%;right:6%;top:14%;height:70%;align-items:center}
:where(.sg-root) [data-home-dir2] .static-gallery img{width:auto;height:auto;max-width:100%;max-height:145px;margin:auto;object-fit:contain}
:where(.sg-root) [data-home-dir2].is-enhanced .static-gallery{visibility:hidden;pointer-events:none}
:where(.sg-root) [data-home-dir2] .scene{display:none}
:where(.sg-root) [data-home-dir2].is-enhanced .scene{display:block}
:where(.sg-root) [data-home-dir2].product-interlude{margin:0;--eye-panel:480px;scroll-margin-top:calc(var(--dir2-sticky) + 16px)}
:where(.sg-root) [data-home-dir2] .wide-container{width:100%;max-width:1280px;padding-inline:32px;margin-inline:auto}
:where(.sg-root) [data-home-dir2] .interlude-actions{display:flex;flex-wrap:wrap;gap:8px 24px}
:where(.sg-root) [data-home-dir2] .interlude-actions a{min-height:44px;margin-top:0;text-decoration:none}
:where(.sg-root) [data-home-dir2] .interlude-actions .hero-skip{font-size:12px}
:where(.sg-root) [data-home-dir2].has-scroll-hold>.wide-container{top:max(var(--dir2-sticky),calc((100svh - var(--eye-panel))/2))}
:where(.sg-root) [data-home-dir2] .interlude-scene img{will-change:auto}
:where(.sg-root) [data-home-dir2].has-scroll-hold .interlude-scene img{will-change:transform,opacity}
:where(.sg-root) [data-home-dir2]:not(.has-scroll-hold) .eyewear-side{opacity:1;width:43%;left:51%;top:8%}
:where(.sg-root) [data-home-dir2]:not(.has-scroll-hold) .case-open{opacity:1;width:48%;left:2%;top:43%}
:where(.sg-root) [data-home-dir2]:not(.has-scroll-hold) .case-closed{opacity:1;width:36%;left:55%;top:45%}
:where(.sg-root) [data-home-dir2]:not(.has-scroll-hold) .case-upright{opacity:1;width:16%;left:72%;top:65%;height:32%}
:where(.sg-root) .elementor-widget-supergros-home-hero,:where(.sg-root) .elementor-widget-supergros-home-eyewear,:where(.sg-root) .elementor-widget-supergros-home-brico{width:100%;margin:0;--container-widget-width:100%;--container-widget-flex-grow:1}
@media(min-width:768px){:where(.sg-root) [data-home-dir2].is-enhanced .scene{mask-image:linear-gradient(90deg,transparent 40%,#000 54%)}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2]{--dir2-stage:clamp(440px,calc(100svh - 205px),640px);--dir2-sticky:calc(var(--sg-mobile-sticky-bar-height,3.25rem) + env(safe-area-inset-top,0px))}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].story{min-height:1060px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .stage{height:1060px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].is-enhanced.story{height:calc(var(--dir2-stage) + 1000px);min-height:0}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy{top:18px;left:24px;width:calc(100% - 48px)}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy .home-dir2-definition{font-size:15px;line-height:1.3;max-width:300px;margin-bottom:14px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy h2{font-size:34px;margin:10px 0;line-height:1.04}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy p{font-size:12px;line-height:1.45;max-width:290px;margin-top:10px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy .eyebrow{font-size:9px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].is-enhanced .chapter{inset:51px 0 auto}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .chapter:not(:nth-child(2)){margin-top:330px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .chapter:last-child{margin-top:30px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions,:where(.sg-root) [data-home-dir2].is-enhanced .hero-actions{top:225px;bottom:auto;left:24px;gap:14px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions a{font-size:12px;min-height:44px;padding:0 14px;gap:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions .hero-skip{display:none}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .static-gallery{position:absolute;left:24px;right:24px;top:295px;height:275px;gap:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .static-gallery img{max-width:75px;max-height:80px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .scene{inset:300px 0 10px;mask-image:none}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .stage>.ambient-effect{left:0;top:300px;width:100%;height:calc(100% - 310px);overflow:hidden}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line{inset:auto 24px 8px;padding-top:7px;gap:8px;font-size:9px;min-height:24px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line b{font-size:10px;margin:0}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .footer-line span{display:none}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].product-interlude{--eye-panel:min(600px,calc(100svh - 145px));}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .wide-container{padding-inline:16px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy{padding:24px 24px 12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy h2{font-size:30px;margin-bottom:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-copy p{font-size:12px;margin-bottom:4px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-kicker{font-size:9px;margin-bottom:12px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-actions{gap:2px 18px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-actions a{font-size:11px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .interlude-actions .hero-skip{font-size:10px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].has-scroll-hold{height:calc(var(--eye-panel) + var(--eye-hold)*1px + 36px)}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].is-enhanced.story{height:auto}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].is-enhanced .stage{position:relative;top:auto;height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .ambient-effect{display:none}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2] .progress{display:none}}
:where(.sg-root) [data-home-dir2] .copy h2,:where(.sg-root) [data-home-dir2] .interlude-copy h2{color:#fff}
:where(.sg-root) [data-home-dir2].brico-interlude .interlude-copy h2{color:#021d3a}
:where(.sg-root) [data-home-dir2] .static-gallery picture{display:flex;align-items:center;justify-content:center;min-width:0;height:100%}
:where(.sg-root) [data-home-dir2] .static-gallery picture img{max-height:145px}
:where(.sg-root) [data-home-dir2] .interlude-scene picture{display:contents}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .static-gallery picture img{max-width:75px;max-height:80px}}
:where(.sg-root) [data-home-dir2].story:where(.sg-dir2-js *):not(.is-static){height:calc(var(--dir2-stage) + 1200px);min-height:0}
:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .stage{position:sticky;top:var(--dir2-sticky);height:var(--dir2-stage)}
:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .chapter{position:absolute;inset:70px 0 auto;margin:0;opacity:0;visibility:hidden}
:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .chapter:nth-child(2){opacity:1;visibility:visible}
:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .hero-actions{top:calc(9% + 340px)}
:where(.sg-root) [data-home-dir2] .static-gallery{grid-template-rows:repeat(3,minmax(0,1fr))}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].story:where(.sg-dir2-js *):not(.is-static){height:calc(var(--dir2-stage) + 1000px)}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .chapter{inset:51px 0 auto}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .hero-actions{top:225px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].story:where(.sg-dir2-js *){height:auto;min-height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .stage{position:relative;top:auto;height:820px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .chapter{position:relative;inset:auto;opacity:1;visibility:visible;margin:0 0 28px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .chapter:not(:nth-child(2)){margin-top:90px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .hero-actions{top:370px}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2].story:where(.sg-dir2-js *){min-height:1060px}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .stage{height:1060px}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .chapter:not(:nth-child(2)){margin-top:330px}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .chapter:last-child{margin-top:30px}}
@media(max-width:767px) and (prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .hero-actions{top:225px}}
:where(.sg-root) [data-home-dir2] .opening-frame{display:none;position:absolute;inset:0;z-index:1;pointer-events:none}
:where(.sg-root) [data-home-dir2] .opening-frame img{display:block;width:100%;height:100%;object-fit:fill}
:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .opening-frame{display:block}
:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .static-gallery{display:none}
:where(.sg-root) [data-home-dir2].is-enhanced .opening-frame{visibility:hidden}
@media(min-width:768px){:where(.sg-root) [data-home-dir2] .opening-frame{mask-image:linear-gradient(90deg,transparent 40%,#000 54%)}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .opening-frame{inset:300px 0 10px}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .opening-frame{display:none}}
@media(prefers-reduced-motion:reduce){:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *) .static-gallery{display:grid}}
:where(.sg-root) [data-home-dir2] .opening-frame img{position:absolute;width:auto;height:56.666666666666664%;max-width:none;left:calc(50% + var(--dir2-stage)*0.22894736842105262);top:60.526315789473685%;transform:translate(-50%,-50%);object-fit:contain}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .opening-frame img{height:89.7872340425532%;left:calc(50% + (var(--dir2-stage) - 305px)*0.002127659574468085);top:53.829787234042556%}}
:where(.sg-root) [data-home-dir2] .opening-frame img{aspect-ratio:844/646}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .opening-frame img{aspect-ratio:307/211}}
:where(.sg-root) [data-home-dir2] .dir2-live-picture{display:none}
:where(.sg-root) [data-home-dir2] .static-gallery>.dir2-live-picture{display:none}
:where(.sg-root) [data-home-dir2].dir2-media-ready .dir2-live-picture{display:contents}
:where(.sg-root) [data-home-dir2] .static-gallery>noscript{display:contents}
:where(.sg-root) [data-home-dir2].dir2-media-ready .static-gallery .dir2-live-picture{display:flex}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .copy h2{font-size:39px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .hero-actions,:where(.sg-root) [data-home-dir2].is-enhanced .hero-actions,:where(.sg-root) [data-home-dir2]:where(.sg-dir2-js *):not(.is-static) .hero-actions{top:240px}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2] .opening-frame img{height:72%}}
@media(max-width:767px){:where(.sg-root) [data-home-dir2].has-scroll-hold>.wide-container{top:calc(var(--dir2-sticky) + max(0px,(100svh - var(--dir2-sticky) - var(--sg-mobile-bottom-nav-inset) - var(--eye-panel))/2))}}