/* Approved full-page visual: pagina-principala-v7-fundal-icons.png. */
:root{--blue:#0056cc;--navy:#09213f;--ink:#09213f;--muted:#586b83;--pale:#f3f7fc;--line:#d8e2ed;--gutter:6.5vw;--wrap:1440px}
body{background:#fff}h1,h2,h3{font-family:Inter,Arial,sans-serif}h1,h2{font-weight:600;letter-spacing:-.045em}h1 em,h2 em{font-style:normal;font-weight:inherit}.icon{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle}.button{background:var(--blue);border-color:var(--blue);border-radius:4px}.button-white{background:#fff;color:var(--blue);border-color:#fff}.text-link{color:var(--blue)}
.showroom-header{position:absolute;z-index:20;top:32px;left:var(--gutter);right:var(--gutter);height:80px;padding:12px 30px;display:flex;align-items:center;gap:32px;border:1px solid #ffffff80;border-radius:14px;background:#ffffffde;backdrop-filter:blur(18px);box-shadow:0 3px 16px #08203d0a;max-width:var(--wrap);margin-inline:auto}
.brand{color:var(--navy);flex:none}.brand strong{font-family:Inter,Arial,sans-serif;font-size:25px;letter-spacing:-.045em;font-weight:500;line-height:1}.brand>span{font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:.65em;margin:5px 0 0;text-align:center;color:inherit}.showroom-header nav{display:flex;margin-inline:auto;align-items:center;gap:65px}.showroom-header nav a{font-size:14px;padding:12px 0;font-weight:500}.showroom-header nav a[aria-current=page]:after{bottom:3px}.showroom-header .header-cta{height:52px;min-width:182px;align-self:center;background:var(--blue);color:#fff;padding:12px 22px;border-radius:5px;font-size:14px;gap:14px}.showroom-header .header-cta:hover{background:#003e99}.showroom-header .header-cta svg{width:19px}.showroom-header .mobile-contact{display:none}.menu-toggle{display:none}.menu-close-icon{display:none}
.showroom-hero{height:88vh;height:88svh;max-height:880px;min-height:520px;position:relative;background:var(--navy);color:#fff;isolation:isolate;overflow:hidden}.showroom-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.showroom-hero::after{content:'';position:absolute;inset:0;background:#03152726;z-index:-1}.showroom-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:32px}.showroom-hero h1{font-size:clamp(54px,5.65vw,92px);line-height:1.02;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 18px #081c3c30}.showroom-hero-copy>p{font-size:clamp(18px,2.18vw,31px);line-height:1.4;color:#fff;margin-top:14px;letter-spacing:-.035em}.showroom-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--blue);color:#fff;min-height:64px;padding:18px 30px;border:1px solid var(--blue);border-radius:4px;font-size:16px;font-weight:550;line-height:1.35;transition:background .2s,box-shadow .2s}.showroom-button:hover{background:#003e99;color:#fff;border-color:#003e99}.showroom-button svg{width:21px;height:21px}.showroom-button-outline{color:#fff;background:#0a223632;border-color:#ffffffb3;font-size:15px;min-height:58px;margin-top:22px}.showroom-button-outline:hover{background:#fff;color:var(--navy);border-color:#fff}.hero-caption{font-size:12px;line-height:1.5;margin-top:18px;color:#fff}.showroom-link{display:inline-flex;gap:20px;align-items:center;color:var(--blue);font-size:15px;font-weight:550;line-height:1.5;min-height:30px}.showroom-link .icon{width:21px;height:21px;transition:transform .2s}.showroom-link:hover .icon{transform:translateX(4px)}
.showroom-catalog{padding:48px 0 38px;scroll-margin-top:28px}.showroom-catalog-grid{display:grid;grid-template-columns:24% 1fr;gap:42px}.showroom-catalog-index{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.showroom-catalog h2{font-size:clamp(34px,3.8vw,58px);line-height:1.04;margin:18px 0 30px}.product-index{width:100%}.product-index a{min-height:74px;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-size:17px;letter-spacing:-.03em;font-weight:500}.product-index a>.icon:first-child{width:32px;height:32px;stroke-width:1.5}.product-index a>.icon:last-child{width:20px;height:20px;color:var(--blue)}.product-index a:hover{color:var(--blue);background:#f4f8ff}.showroom-catalog-index>.showroom-link{margin-top:auto;padding-top:28px;padding-bottom:18px}.showroom-products{display:grid;grid-template-columns:1.04fr 1fr;grid-template-rows:1fr 1fr;gap:18px 16px;min-width:0;aspect-ratio:1.28}.showroom-product{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0;font-size:15px;line-height:1.4;letter-spacing:-.035em}.showroom-product img{width:100%;height:0;flex:1;object-fit:cover;min-height:0}.showroom-product-tall{grid-row:span 2}.showroom-product-tall img{object-position:50% 50%}.showroom-product:hover{color:var(--blue)}.showroom-product img,.showroom-work-image img{transition:filter .25s}.showroom-product:hover img,.showroom-work-image:hover img{filter:brightness(1.04)}
.showroom-inquiry{background:var(--blue);color:#fff;padding:46px 0}.showroom-inquiry>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.showroom-inquiry h2{font-size:clamp(28px,3.25vw,49px);font-weight:500;letter-spacing:-.045em;line-height:1.14}.showroom-inquiry p{margin-top:8px;color:#e4edff;font-size:19px;letter-spacing:-.025em}.showroom-button-white{background:#fff;color:var(--blue);border-color:#fff;flex:none}.showroom-button-white:hover{background:#e8f0ff;border-color:#e8f0ff;color:#003a91}
.showroom-work{padding:44px 0 32px}.showroom-eyebrow{display:block;font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--blue);margin-bottom:16px}.showroom-work .showroom-eyebrow{text-align:center}.showroom-work h2{text-align:center;font-size:clamp(30px,3.1vw,47px);line-height:1.15;margin-bottom:28px}.showroom-work-image{display:block}.showroom-work-image img{width:100%;aspect-ratio:3.08;object-fit:cover;object-position:50% 48%}.showroom-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15px;line-height:1.5;margin-top:7px;letter-spacing:-.025em}.showroom-caption .showroom-link{flex:none;font-size:15px}.showroom-caption p{color:inherit}
.showroom-precision{background:var(--blue);color:#fff;padding:46px 0 30px}.showroom-precision-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:28px}.showroom-precision h2{font-size:clamp(34px,3.8vw,58px);line-height:1.08;color:#fff}.showroom-facts{border-left:1px solid #ffffff80;padding-left:40px;display:grid;gap:18px;flex:none}.showroom-facts>span{display:flex;align-items:center;gap:22px;font-size:17px}.showroom-facts strong{font-weight:500}.showroom-facts .icon{width:34px;height:34px;stroke-width:1.4}.showroom-precision-image{width:100%;aspect-ratio:3.15;object-fit:cover;object-position:50% 55%}.showroom-precision .showroom-link{color:#fff}.showroom-precision .showroom-caption{margin-top:12px}
.showroom-faq{padding:48px 0 50px}.showroom-faq>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:45px}.showroom-faq h2{font-size:clamp(30px,3.65vw,55px);line-height:1.12}.showroom-questions details{border-bottom:1px solid var(--line)}.showroom-questions summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:16px;font-weight:500;min-height:65px;line-height:1.45;padding:18px 0}.showroom-questions summary::-webkit-details-marker{display:none}.showroom-questions details:first-child summary{padding-top:0;min-height:38px}.showroom-questions details>p{font-size:15px;line-height:1.6;padding:0 35px 20px 0;margin:0}.faq-symbol{display:flex;color:var(--blue);flex:none}.faq-symbol .icon{width:20px;height:20px}.faq-minus,details[open] .faq-plus{display:none}details[open] .faq-minus{display:block}.showroom-questions summary:hover{color:var(--blue)}
.showroom-contact>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:2px solid var(--blue);padding:26px 0 30px}.showroom-contact h2{font-size:clamp(40px,4.45vw,67px);line-height:1.06}.showroom-contact>.wrap>div{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:320px}.showroom-phone{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--blue);font-size:27px;font-weight:600;line-height:1.35;letter-spacing:-.03em}.showroom-phone .icon{width:28px;height:28px}
.showroom-footer{background:var(--blue);padding:28px 0 0;color:#fff}.showroom-footer-top{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:40px;padding-bottom:28px}.showroom-footer .brand{color:#fff}.showroom-footer .brand>span{color:#fff}.showroom-footer nav{display:flex;align-items:center;justify-content:center;gap:22px;font-size:12px}.showroom-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.showroom-footer address{font-style:normal;display:grid;gap:9px;font-size:12px;justify-self:end}.showroom-footer address a{display:flex;align-items:center;gap:14px}.showroom-footer address .icon{width:18px;height:18px}.showroom-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff65;padding:23px 0;font-size:12px}.showroom-footer-bottom nav{font-size:12px}
/* Interior pages retain their content and working flows in the same visual system. */
.page-inner{padding-top:145px}.page-inner .header{top:24px;background:#f3f7fc;border-color:var(--line)}.hero-inner{background:var(--navy)}.hero-inner h1{color:#fff}.section-label{letter-spacing:.18em}.cta{background:var(--blue)}.cta h2,.cta p{color:#fff}.hero-inner .button-white{color:var(--blue)}.icon-link,.footer-phone{display:inline-flex;align-items:center;gap:10px}.process-top{display:flex;align-items:center;gap:20px}.lightbox-prev .icon{transform:rotate(180deg)}.gallery-item .zoom{line-height:1}.section h2 em{font-style:normal}
@media(min-width:1800px){.showroom-header{left:0;right:0}.showroom-hero-copy{padding-bottom:40px}}
@media(max-width:1200px){.showroom-header{top:24px;height:70px;padding:10px 22px;gap:22px}.brand strong{font-size:21px}.showroom-header nav{gap:42px}.showroom-header .header-cta{min-width:160px;height:47px;font-size:13px}.showroom-catalog-grid{grid-template-columns:24% 1fr;gap:28px}.product-index a{min-height:58px;grid-template-columns:25px 1fr 16px;gap:10px;font-size:14px}.product-index a>.icon:first-child{width:25px;height:25px}.showroom-catalog h2{margin-top:8px;margin-bottom:24px}.showroom-catalog-index>.showroom-link{font-size:13px;padding-bottom:6px}.showroom-product{font-size:13px}.showroom-inquiry{padding:36px 0}.showroom-inquiry p{font-size:16px}.showroom-button{min-height:54px;font-size:14px;padding:15px 23px;gap:15px}.showroom-precision{padding-top:38px}.showroom-facts{padding-left:28px;gap:14px}.showroom-facts>span{font-size:14px;gap:14px}.showroom-facts .icon{width:28px;height:28px}.showroom-caption,.showroom-caption .showroom-link{font-size:13px}.showroom-faq h2{font-size:36px}.showroom-faq>.wrap{gap:32px}.showroom-questions summary{font-size:14px;min-height:56px}.showroom-questions details>p{font-size:13px}.showroom-contact>.wrap>div{min-width:270px}.showroom-phone{font-size:23px}.showroom-footer-top{gap:25px}.showroom-footer nav{gap:17px}.showroom-footer address{font-size:11px}.page-inner{padding-top:122px}}
@media(max-width:850px){.showroom-header{top:18px;height:64px;padding:10px 18px;border-radius:10px;gap:18px}.showroom-header .brand strong{font-size:19px}.showroom-header .brand>span{font-size:8px}.showroom-header nav{gap:24px;position:static;background:none;box-shadow:none;padding:0;flex-direction:row}.showroom-header nav a{font-size:12px;border:0;padding:12px 0}.showroom-header .header-cta{min-width:138px;height:42px;padding-inline:15px;font-size:12px}.showroom-hero{min-height:540px}.showroom-hero h1{font-size:48px}.showroom-hero-copy>p{font-size:19px}.showroom-catalog-grid{grid-template-columns:25% 1fr;gap:22px}.showroom-catalog{padding-block:32px}.showroom-catalog h2{font-size:32px}.product-index a{font-size:12px;min-height:47px;gap:8px;grid-template-columns:22px 1fr 13px}.product-index a>.icon:first-child{width:22px;height:22px}.product-index a>.icon:last-child{width:14px;height:14px}.showroom-products{gap:14px 12px;aspect-ratio:1.17}.showroom-product{font-size:11px}.showroom-catalog-index>.showroom-link{font-size:11px;gap:8px;padding-top:22px}.showroom-inquiry h2{font-size:29px}.showroom-inquiry p{font-size:13px}.showroom-inquiry .showroom-button{font-size:12px;padding:15px;gap:10px}.showroom-work h2{font-size:29px}.showroom-precision h2{font-size:32px}.showroom-precision-heading{gap:20px}.showroom-facts{padding-left:20px}.showroom-facts>span{font-size:12px;gap:10px}.showroom-caption,.showroom-caption .showroom-link{font-size:11px}.showroom-faq h2{font-size:29px}.showroom-faq>.wrap{gap:26px}.showroom-questions summary{font-size:12px}.showroom-questions details>p{font-size:12px}.showroom-contact h2{font-size:43px}.showroom-contact>.wrap>div{min-width:230px}.showroom-phone{font-size:21px}.showroom-footer-top{grid-template-columns:1fr 1fr}.showroom-footer-top>nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.showroom-footer address{grid-column:2;grid-row:1}.page-inner{padding-top:112px}}
@media(max-width:600px){:root{--gutter:22px}html{scroll-padding-top:25px}.showroom-header{top:16px;left:16px;right:16px;height:64px;padding:12px 16px;gap:10px}.showroom-header .brand{margin-right:auto}.showroom-header .header-cta{display:none}.showroom-header .menu-toggle{display:flex;align-items:center;justify-content:center;order:3;width:40px;height:40px;padding:8px;margin:0;background:transparent;border:0;color:var(--navy)}.menu-toggle[aria-expanded=true] .menu-open-icon{display:none}.menu-toggle[aria-expanded=true] .menu-close-icon{display:block}.showroom-header nav{display:none;position:absolute;top:73px;left:0;right:0;background:#fff;padding:12px 20px 20px;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 32px #071c3b1a;flex-direction:column;align-items:stretch;gap:0}.showroom-header nav.open{display:flex}.showroom-header nav a{font-size:17px;padding:14px 0;border-bottom:1px solid var(--line)}.showroom-header nav .mobile-contact{display:flex;align-items:center;justify-content:space-between;color:var(--blue);border:0}.showroom-hero{height:740px;height:92svh;min-height:640px;max-height:860px}.showroom-hero-photo{object-position:48% 50%}.showroom-hero::after{background:#03152740}.showroom-hero-copy{padding-bottom:30px}.showroom-hero h1{font-size:clamp(40px,10.4vw,61px);line-height:1.03}.showroom-hero-copy>p{font-size:18px;max-width:310px;line-height:1.5;margin-top:17px;letter-spacing:-.02em}.showroom-button-outline{margin-top:22px;padding-inline:20px;min-height:50px;font-size:13px}.hero-caption{font-size:10px;margin-top:20px}.showroom-catalog{padding:36px 0}.showroom-catalog-grid{grid-template-columns:1fr;gap:28px}.showroom-catalog-index{display:grid;grid-template-columns:1fr;gap:20px}.showroom-catalog h2{font-size:37px;margin:0}.showroom-catalog h2 br{display:none}.product-index{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.product-index a{min-height:64px;font-size:12px;grid-template-columns:24px 1fr;gap:10px;line-height:1.4}.product-index a>.icon:first-child{width:24px;height:24px}.product-index a>.icon:last-child{display:none}.showroom-catalog-index>.showroom-link{font-size:13px;margin:0;padding:0;justify-self:start;min-height:40px;gap:14px}.showroom-products{aspect-ratio:1.04;gap:15px 12px}.showroom-product{font-size:11px;line-height:1.5}.showroom-inquiry{padding:32px 0}.showroom-inquiry>.wrap{display:block}.showroom-inquiry h2{font-size:31px;max-width:340px}.showroom-inquiry p{font-size:15px;max-width:330px;line-height:1.5;margin-top:12px}.showroom-inquiry .showroom-button{font-size:13px;margin-top:23px;min-height:50px;padding-inline:20px}.showroom-work{padding:36px 0 28px}.showroom-eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.23em}.showroom-work h2{font-size:31px;margin-bottom:24px}.showroom-work-image img{aspect-ratio:1.5;object-position:52% 50%}.showroom-caption{align-items:flex-start;flex-direction:column;gap:5px;font-size:12px;margin-top:10px}.showroom-caption .showroom-link{font-size:12px;gap:14px;min-height:40px}.showroom-precision{padding:32px 0 25px}.showroom-precision-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:24px}.showroom-precision h2{font-size:32px;line-height:1.1}.showroom-facts{border-left:0;border-top:1px solid #ffffff65;padding:20px 0 0;display:flex;gap:20px;flex-wrap:wrap;width:100%}.showroom-facts>span{font-size:12px;gap:9px}.showroom-facts .icon{width:25px;height:25px}.showroom-precision-image{aspect-ratio:1.6;object-position:50% 50%}.showroom-precision .showroom-caption{font-size:13px}.showroom-faq{padding:36px 0}.showroom-faq>.wrap{grid-template-columns:1fr;gap:24px}.showroom-faq h2{font-size:32px}.showroom-questions summary{font-size:14px;min-height:58px}.showroom-questions details>p{font-size:13px}.showroom-questions details:first-child summary{min-height:50px}.showroom-contact>.wrap{display:block;padding:27px 0 30px}.showroom-contact h2{font-size:43px}.showroom-contact>.wrap>div{margin-top:25px;min-width:0;align-items:flex-start;gap:18px}.showroom-contact .showroom-button{min-width:220px;font-size:14px;min-height:52px}.showroom-phone{font-size:24px;min-height:44px;gap:12px}.showroom-footer{padding-top:28px}.showroom-footer-top{grid-template-columns:1fr;gap:24px;padding-bottom:24px}.showroom-footer .brand{justify-self:start}.showroom-footer-top>nav{grid-column:auto;grid-row:auto;gap:25px;flex-wrap:wrap}.showroom-footer address{grid-column:auto;grid-row:auto;justify-self:start;font-size:12px;gap:12px}.showroom-footer address a{min-height:30px}.showroom-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;font-size:11px;padding:20px 0}.showroom-footer-bottom nav{font-size:11px;gap:25px;flex-wrap:wrap}.showroom-footer-bottom nav a{min-height:32px;display:flex;align-items:center}.page-inner{padding-top:104px}.page-inner .header{top:16px}.hero-inner h1{font-size:44px}}
.showroom-footer .brand{justify-self:start}
.showroom-facts a{color:inherit}.showroom-facts a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:851px){.brand strong{font-size:28px}.product-index a{font-size:19px;grid-template-columns:38px 1fr 22px;gap:16px}.product-index a>.icon:first-child{width:38px;height:38px}.showroom-product{font-size:18px}.showroom-link,.showroom-caption,.showroom-caption .showroom-link{font-size:18px}.showroom-button{font-size:18px}.showroom-facts>span{font-size:20px}.showroom-facts .icon{width:39px;height:39px}.showroom-questions summary{font-size:19px}.showroom-questions details>p{font-size:18px}.showroom-footer nav,.showroom-footer address,.showroom-footer-bottom,.showroom-footer-bottom nav{font-size:14px}.showroom-work-image img{object-position:50% 22%}.showroom-header nav a{font-size:16px}.showroom-header .header-cta{font-size:16px}.showroom-hero-copy>.showroom-button{font-size:17px}.hero-caption{font-size:14px}}
@media(min-width:851px) and (max-width:1200px){.brand strong{font-size:22px}.product-index a{font-size:14px;grid-template-columns:27px 1fr 17px;gap:10px}.product-index a>.icon:first-child{width:27px;height:27px}.showroom-product{font-size:13px}.showroom-link,.showroom-caption,.showroom-caption .showroom-link{font-size:14px}.showroom-button{font-size:14px}.showroom-facts>span{font-size:14px}.showroom-facts .icon{width:29px;height:29px}.showroom-questions summary{font-size:14px}.showroom-questions details>p{font-size:13px}.showroom-footer nav,.showroom-footer address,.showroom-footer-bottom,.showroom-footer-bottom nav{font-size:11px}.showroom-header nav a,.showroom-header .header-cta{font-size:13px}}
.portfolio-intro-gallery{grid-template-columns:repeat(3,1fr)}
.showroom-hero-photo{object-position:20% 50%}
.showroom-hero::after{background:linear-gradient(180deg,transparent 35%,#03152730 58%,#03152780 100%)}
@media(max-width:600px){.showroom-hero-photo{object-position:48% 50%}.showroom-hero::after{background:linear-gradient(180deg,#03152710 20%,#03152765 60%,#031527b0 100%)}.portfolio-intro-gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.showroom-link .icon,.showroom-product img,.showroom-work-image img{transition:none}}

/* Keep the desktop headline and primary action within the first screen. */
@media(min-width:851px){.showroom-hero-copy{padding-top:150px;padding-bottom:clamp(32px,5.5vh,64px)}.showroom-hero h1{font-size:clamp(48px,min(5.2vw,8.4svh),84px)}.showroom-hero-copy>p{font-size:clamp(18px,min(2vw,3svh),28px)}}
