:root{--red:#c92332;--navy:#102b59;--yellow:#f7c928;--ink:#182235;--muted:#647084;--paper:#f7f8fb;--white:#fff;--line:#e4e8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}.topbar{background:var(--navy);color:#fff;font-size:.9rem;padding:9px 5%;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar a{font-weight:700}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav-wrap{max-width:1180px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:230px;max-height:92px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:24px;font-weight:700;color:var(--navy);flex-wrap:wrap}.nav a:hover,.nav a.active{color:var(--red)}.nav .contact-link{background:var(--red);color:#fff;padding:10px 16px;border-radius:7px}.hero{background:linear-gradient(120deg,#f5f7fb 0%,#fff 58%,#fff8df 100%);padding:70px 24px}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.eyebrow{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.05;margin:12px 0 18px;color:var(--navy)}.hero h1 span{color:var(--red)}.hero p{font-size:1.15rem;color:#4c586b;max-width:620px}.hero-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 18px 50px #102b5912}.hero-panel img{width:100%;height:260px;object-fit:contain}.hero-panel p{font-size:.95rem;margin:8px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:13px 20px;border-radius:8px;font-weight:800;background:var(--red);color:#fff;border:2px solid var(--red)}.btn.secondary{background:#fff;color:var(--navy);border-color:var(--navy)}.section{padding:66px 24px}.section.soft{background:var(--paper)}.container{max-width:1180px;margin:auto}.section-heading{text-align:center;max-width:760px;margin:0 auto 34px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--navy);margin:8px 0}.section-heading p{color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #102b590d;display:flex;flex-direction:column}.choice-visual{min-height:190px;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#eaf0f8,#fff)}.choice-visual.materials{background:linear-gradient(135deg,#fff4d3,#fff)}.choice-symbol{font-size:4rem;color:var(--red)}.choice-body{padding:26px}.choice h3{color:var(--navy);font-size:1.5rem;margin:0 0 8px}.choice p{color:var(--muted);margin:0 0 18px}.text-link{color:var(--red);font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.feature .icon{font-size:1.8rem}.feature h3{color:var(--navy);margin:8px 0}.page-hero{padding:58px 24px;background:linear-gradient(110deg,#f4f6fa,#fff)}.page-hero .container{max-width:1180px}.page-hero h1{color:var(--navy);font-size:clamp(2.2rem,4vw,3.5rem);margin:8px 0}.page-hero p{color:var(--muted);font-size:1.1rem;max-width:760px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff;box-shadow:0 10px 28px #102b590c}.price-card h3{color:var(--navy);margin:0}.price{font-size:2rem;font-weight:900;color:var(--red);margin:14px 0}.price-card p{color:var(--muted);font-size:.95rem}.notice{background:#fff7d9;border-left:4px solid var(--yellow);padding:17px 20px;border-radius:8px;margin:22px 0}.brand-list,.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.list-card{border:1px solid var(--line);border-radius:12px;padding:20px}.list-card h3{color:var(--navy);margin:0 0 6px}.list-card p{color:var(--muted);margin:0}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.material-card h3{color:var(--navy)}.contact-band{background:var(--navy);color:#fff;padding:42px 24px}.contact-band .container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.contact-band h2{margin:0 0 5px}.contact-band p{margin:0;color:#e3eaf5}.contact-band .btn{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.footer{background:#0b1d3b;color:#dce4f1;padding:34px 24px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer strong{color:#fff}.footer small{color:#b8c4d8}.footer a{color:#fff}.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.smallprint{font-size:.85rem;color:#b8c4d8;margin-top:18px}
@media(max-width:800px){.nav-wrap{align-items:flex-start;flex-direction:column}.nav{gap:14px}.hero-inner{grid-template-columns:1fr}.hero{padding:48px 20px}.hero-panel img{height:210px}.choice-grid,.price-grid,.material-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.brand-list,.service-list{grid-template-columns:1fr}.section{padding:48px 20px}.topbar{padding:9px 20px}}

.choice-visual.photo{padding:0;min-height:0;height:290px;overflow:hidden;background:#f1f3f6}.choice-visual.photo img{display:block;width:100%;height:100%;object-fit:cover}.choice{transition:transform .2s ease,box-shadow .2s ease}.choice:hover{transform:translateY(-3px);box-shadow:0 18px 38px #102b5918}

/* Homepage office portrait */
.hero-panel.portrait-panel{padding:12px;overflow:hidden}.hero-panel.portrait-panel img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 28%;border-radius:11px}.hero-panel.portrait-panel p{padding:5px 10px 8px}
@media(max-width:800px){.hero-panel.portrait-panel img{height:360px}}

/* Make the homepage portrait more modest in scale */
.hero-panel.portrait-panel{max-width:390px;width:100%;justify-self:center;padding:10px}
.hero-panel.portrait-panel img{height:300px;object-fit:contain;object-position:center}
@media(max-width:800px){.hero-panel.portrait-panel{max-width:330px}.hero-panel.portrait-panel img{height:260px}}