:root{--navy:#072f69;--green:#07996f;--line:#dcecf0}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f6fbfd;font-family:Arial,Helvetica,sans-serif}.reference-home{padding:18px 0 42px}.design-canvas{position:relative;width:min(100%,1440px);margin:auto;background:#fff;box-shadow:0 18px 54px rgba(8,47,91,.12);overflow:hidden}.reference-image{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;border:0;background:transparent;color:transparent;cursor:pointer;outline-offset:3px}.hotspot:focus-visible{outline:3px solid #0a9d72;border-radius:8px}.hotspot-nav{position:absolute;top:1.02%;left:50%;width:48.5%;height:2.75%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 8px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(248,253,254,.66);box-shadow:0 16px 34px rgba(16,77,111,.15),inset 0 1px 0 rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);z-index:8}.nav-orb{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;color:#087f6d;background:rgba(222,247,239,.92);box-shadow:inset 0 0 0 1px rgba(9,153,111,.14)}.hotspot-nav>button{display:flex;align-items:center;gap:4px;height:100%;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#123f68;font-size:12px;font-weight:700;letter-spacing:.005em;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.hotspot-nav>button:hover,.hotspot-nav>button[aria-expanded=true]{color:#056d61;background:rgba(255,255,255,.8);box-shadow:0 4px 12px rgba(17,68,102,.09)}.hotspot-nav>button:focus-visible{outline:2px solid #059b70;outline-offset:2px}.mega-panel{position:absolute;top:calc(100% + 11px);left:50%;width:min(655px,82vw);transform:translateX(-50%);padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(246,252,253,.9);-webkit-backdrop-filter:blur(26px) saturate(155%);backdrop-filter:blur(26px) saturate(155%);box-shadow:0 24px 54px rgba(5,44,78,.24),inset 0 1px 0 rgba(255,255,255,.92);color:var(--navy);z-index:12}.mega-intro{display:flex;align-items:flex-end;gap:15px;padding:4px 5px 17px;border-bottom:1px solid rgba(69,132,157,.18)}.mega-intro p{margin:0 0 4px;color:#07996f;font-size:10px;font-weight:800;letter-spacing:.13em}.mega-intro h2{margin:0;color:#062e65;font-size:25px;letter-spacing:-.03em}.mega-intro span{margin-left:auto;max-width:210px;color:#52728a;font-size:11px;line-height:1.45}.mega-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:15px 0}.mega-links button{display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:8px;gap:8px;min-height:51px;padding:10px 11px;border:1px solid transparent;border-radius:12px;background:rgba(234,247,248,.6);color:#0c426b;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.mega-links button:hover{border-color:rgba(9,153,111,.26);background:rgba(255,255,255,.9);transform:translateY(-1px);color:#007c68}.mega-links small{color:#0b9d7b;font-size:10px;font-weight:800}.mega-links strong{font-size:12px;line-height:1.25}.mega-footer{justify-content:space-between;padding:13px 6px 2px;border-top:1px solid rgba(69,132,157,.18);color:#55768b}.mega-footer,.mega-footer button{display:flex;align-items:center;font-size:11px}.mega-footer button{gap:4px;border:0;background:transparent;color:#087f6d;font-weight:800;cursor:pointer}.mega-footer button:hover{color:#005d57}.quote-top{top:1.16%;left:72.6%;width:9.1%;height:2.3%}.quote-hero{top:17.1%;left:5.7%;width:11.6%;height:2.25%}.catalog-link{top:17.2%;left:29.4%;width:11.1%;height:2.1%}.form-submit{top:91.25%;left:43.4%;width:50%;height:1.55%}.quote-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(3,34,66,.48);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.quote-card{position:relative;width:min(620px,100%);padding:34px;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(3,34,66,.3);color:#274d70}.close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#274d70;font-size:28px;cursor:pointer}.kicker{font-size:11px;font-weight:700;letter-spacing:.09em;color:#07996f}.quote-card h2{margin:7px 0;color:var(--navy);font-size:28px}.quote-card>p:not(.kicker){font-size:14px;line-height:1.5}.quote-card form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:22px}.quote-card label{display:grid;grid-gap:6px;gap:6px;color:var(--navy);font-size:12px;font-weight:700}.quote-card input,.quote-card select,.quote-card textarea{width:100%;border:1px solid #cddfe4;border-radius:7px;padding:11px;color:#23486b;background:#fff;font:inherit;font-size:13px}.quote-card textarea{height:85px;resize:vertical}.wide{grid-column:span 2}.send,.thanks button{border:0;border-radius:8px;padding:13px 18px;background:#07996f;color:#fff;font-weight:700;cursor:pointer}.send{grid-column:span 2}.thanks{text-align:center;padding:28px}.thanks span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e1f5ed;color:#07996f;font-size:24px;font-weight:700}.thanks h2{margin-top:14px}@media(max-width:700px){.reference-home{padding:0;background:#fff}.design-canvas{width:100%;box-shadow:none}.hotspot-nav{width:64%;gap:0;padding:3px 5px}.hotspot-nav>button{padding:0 5px;font-size:7px}.hotspot-nav>button svg{width:8px}.nav-orb{width:16px;height:16px;flex-basis:16px}.nav-orb svg{width:9px}.mega-panel{width:92vw;padding:14px;border-radius:16px}.mega-intro{display:block;padding-bottom:12px}.mega-intro h2{font-size:20px}.mega-intro span{display:block;margin:6px 0 0;max-width:none}.mega-links{grid-template-columns:1fr;padding:11px 0}.mega-links button{min-height:42px}.mega-footer{padding-top:10px}.quote-card{padding:25px 20px;border-radius:12px}.quote-card form{grid-template-columns:1fr}.send,.wide{grid-column:auto}.quote-modal{padding:12px}}.section-visual{position:absolute;display:block;z-index:2;object-fit:cover;box-shadow:0 10px 26px rgba(6,48,87,.09)}.hero-visual{top:0;left:34.4%;width:65.6%;height:22.45%;object-position:73% 50%}.manufacturing-visual{top:42.95%;left:30%;width:66%;height:9.55%;object-position:50% 48%}.hotspot{z-index:4}.contact-page{min-height:100vh;background:#f4fafb;color:#0a3963}.contact-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:18px 28px}.contact-brand{display:block;width:138px;height:58px;overflow:hidden}.contact-brand img{width:100%;height:100%;object-fit:contain}.contact-header nav{display:flex;gap:28px}.contact-header a{color:#17496d;text-decoration:none;font-size:13px;font-weight:700}.header-inquiry{display:flex;align-items:center;gap:7px;padding:11px 15px;border-radius:999px;background:#087d70!important;color:#fff!important;box-shadow:0 9px 18px rgba(8,125,112,.17)}.contact-hero{display:grid;grid-template-columns:1.02fr .98fr;max-width:1240px;min-height:455px;margin:0 auto 62px;overflow:hidden;border:1px solid rgba(203,226,229,.9);border-radius:28px;background:#fff;box-shadow:0 22px 55px rgba(12,56,86,.12)}.contact-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px}.eyebrow{margin:0 0 12px;color:#078b73;font-size:11px;font-weight:800;letter-spacing:.12em}.contact-hero h1{max-width:520px;margin:0;color:#07366d;font-size:52px;line-height:1.04;letter-spacing:-.045em}.contact-hero-copy>p:not(.eyebrow){max-width:445px;margin:20px 0 28px;color:#54768d;font-size:17px;line-height:1.6}.hero-location{display:flex;align-items:center;gap:8px;color:#087d70;font-size:14px;font-weight:800;text-decoration:none}.contact-hero-image{position:relative;min-height:455px;background:#dceff1}.contact-hero-image img{object-fit:cover;object-position:64% center}.contact-details{display:grid;grid-template-columns:.88fr 1.12fr;grid-gap:26px;gap:26px;max-width:1240px;margin:0 auto 72px;padding:0 28px}.address-card{padding:43px;border-radius:22px;background:#07396f;color:#fff;box-shadow:0 20px 44px rgba(5,42,79,.18)}.contact-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:28px;border:1px solid rgba(164,235,215,.42);border-radius:14px;color:#aaf0d2;background:rgba(42,156,144,.19)}.address-card .eyebrow{color:#7ce8c5}.address-card h2{margin:0 0 20px;font-size:30px;letter-spacing:-.025em}.address-card address{font-style:normal;color:#d8e8f2;font-size:15px;line-height:1.7}.travel-note{display:flex;gap:9px;margin:25px 0;padding-top:22px;border-top:1px solid rgba(185,222,241,.2);color:#bcd4e2;font-size:13px;line-height:1.45}.travel-note svg{flex:0 0 auto;color:#75e2bf}.map-link{display:inline-flex;align-items:center;gap:7px;color:#a9f1d4;font-size:14px;font-weight:800;text-decoration:none}.map-wrap{position:relative;min-height:420px;overflow:hidden;border:1px solid #d4e8e9;border-radius:22px;background:#e4eef0;box-shadow:0 18px 42px rgba(10,52,83,.12)}.map-wrap iframe{display:block;width:100%;height:100%;min-height:420px;border:0;filter:saturate(.84) contrast(1.04)}.map-caption{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 8px 22px rgba(11,58,83,.16);color:#17496d;font-size:12px;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-caption svg{color:#07946f}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1184px;margin:0 auto 46px;padding:42px 48px;border-radius:22px;background:#e1f3ee}.contact-cta h2{margin:0;color:#07396f;font-size:32px;letter-spacing:-.035em}.contact-cta p:not(.eyebrow){max-width:530px;margin:10px 0 0;color:#57758a;font-size:14px;line-height:1.6}.cta-actions{display:grid;grid-gap:12px;gap:12px;flex:0 0 auto}.cta-actions a{display:flex;align-items:center;gap:9px;padding:14px 17px;border-radius:10px;background:#078d72;color:#fff;font-size:14px;font-weight:800;text-decoration:none}.cta-actions span{display:flex;align-items:center;gap:7px;color:#4f7480;font-size:12px}.contact-footer{display:flex;justify-content:space-between;max-width:1184px;margin:auto;padding:22px 0 38px;color:#668092;font-size:12px}.contact-footer a{color:#087d70;font-weight:800;text-decoration:none}@media(max-width:800px){.contact-header{padding:15px 18px}.contact-header nav{display:none}.header-inquiry{font-size:11px}.contact-hero{grid-template-columns:1fr;margin:0 14px 42px;border-radius:20px}.contact-hero-copy{padding:46px 31px}.contact-hero h1{font-size:39px}.contact-hero-image{min-height:300px}.contact-details{grid-template-columns:1fr;margin-bottom:42px;padding:0 14px}.address-card{padding:32px}.map-wrap,.map-wrap iframe{min-height:340px}.contact-cta{display:block;margin:0 14px 32px;padding:32px}.cta-actions{margin-top:24px}.contact-footer{margin:0 18px;padding:18px 0 28px}.contact-footer span{max-width:210px}}.mega-links .mega-link{display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:8px;gap:8px;min-height:51px;padding:10px 11px;border:1px solid transparent;border-radius:12px;background:rgba(234,247,248,.6);color:#0c426b;text-align:left;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.mega-links .mega-link:hover{border-color:rgba(9,153,111,.26);background:rgba(255,255,255,.9);transform:translateY(-1px);color:#007c68}.google-map-card{border:1px solid rgba(246,201,36,.88);background:#080d11;box-shadow:0 20px 48px rgba(4,11,18,.28),0 0 0 5px rgba(246,201,36,.08)}.google-map-card iframe{filter:saturate(.82) contrast(1.08) brightness(.9)}.google-map-card:before{position:absolute;z-index:2;top:0;left:0;width:100%;height:5px;background:#f6c924;content:""}.google-map-card .map-caption{right:16px;bottom:16px;border-color:rgba(246,201,36,.56);border-radius:7px;background:rgba(7,12,17,.88);box-shadow:0 8px 22px rgba(0,0,0,.38);color:#f7d550;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.google-map-card .map-caption svg{color:#f6c924}.google-map-action{position:absolute;z-index:3;right:16px;top:16px;display:flex;align-items:center;gap:7px;padding:11px 13px;border:1px solid #f6c924;border-radius:7px;background:#10171d;color:#f7d550;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .18s ease,background .18s ease}.google-map-action:hover{transform:translateY(-1px);background:#1b252d}@media(max-width:800px){.google-map-action{top:12px;right:12px}.google-map-card .map-caption{right:12px;bottom:12px;max-width:70%}}