.venetian-page{--vb-navy:#22223e;--vb-red:#d71920;--vb-ink:#191a35;--vb-muted:#62657a;--vb-line:#dedee4;--vb-soft:#f5f3ef;background:#fff;color:var(--vb-ink)}
.venetian-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.vb-breadcrumbs{padding:18px 0 0;font-size:12px}.vb-breadcrumbs ol{display:flex;gap:8px;list-style:none;margin:0;padding:0}.vb-breadcrumbs li+li:before{content:"/";margin-right:8px;color:#999}.vb-breadcrumbs a{color:inherit}
.vb-hero{padding:42px 0 54px}.vb-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:58px;align-items:center}.vb-hero-copy h1{font-size:clamp(38px,4vw,62px);line-height:1.05;margin:.2em 0 .45em;max-width:760px}.vb-lead{font-size:20px;line-height:1.5;max-width:650px}.vb-hero-copy>p:not(.eyebrow):not(.vb-lead){font-size:15px;line-height:1.7;max-width:650px;color:#44475b}.vb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.vb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.02em}.vb-btn-red{background:var(--vb-red);color:#fff}.vb-btn-outline{border:1px solid var(--vb-navy);color:var(--vb-navy)}.vb-btn-light{background:#fff;color:var(--vb-navy)}.vb-btn-outline-light{border:1px solid rgba(255,255,255,.6);color:#fff}
.vb-hero-media{margin:0;border:1px solid var(--vb-line);background:#f7f7f7}.vb-hero-media img{display:block;width:100%;height:500px;object-fit:cover;object-position:center 50%}.vb-hero-media figcaption{padding:12px 14px;font-size:12px;color:#666}
.vb-nav{border-top:1px solid var(--vb-line);border-bottom:1px solid var(--vb-line);display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding:15px 20px;font-size:12px}.vb-nav a{color:var(--vb-ink);text-decoration:none}
.vb-section{padding:76px 0}.vb-heading-row{display:grid;grid-template-columns:1fr .78fr;gap:60px;align-items:start;margin-bottom:30px}.vb-heading-row h2,.vb-story-copy h2,.vb-area-grid h2,.vb-faq-grid h2,.vb-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:.25em 0}.vb-heading-row>p,.vb-area-grid p,.vb-story-copy p,.vb-faq-grid>div>p{font-size:15px;line-height:1.7;color:var(--vb-muted)}.venetian-page .eyebrow{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--vb-red)!important;font-weight:700}
.vb-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vb-feature-grid article{border-top:2px solid var(--vb-red);padding:22px 22px 18px;background:var(--vb-soft);min-height:170px}.vb-feature-grid h3{font-size:20px;margin:0 0 12px}.vb-feature-grid p{font-size:14px;line-height:1.65;color:#55586b;margin:0}
.vb-navy{background:var(--vb-navy);color:#fff}.vb-navy .vb-heading-row>p{color:#d7d7e3}.vb-navy .eyebrow{color:#ff6b70!important}.vb-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vb-finish-card{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;color:var(--vb-ink);min-height:360px}.vb-finish-card figure{margin:0;min-height:360px;overflow:hidden;background:#eee}.vb-finish-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%}.vb-finish-card>div{padding:34px 30px;align-self:center}.vb-finish-card h3{font-size:24px;line-height:1.2;margin:.3em 0 .6em}.vb-finish-card p:not(.eyebrow){font-size:14px;line-height:1.7;color:#5c5f73}
.vb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vb-project{margin:0;border:1px solid var(--vb-line);background:#fff}.vb-project img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 45%}.vb-project:nth-child(4) img{object-position:center 52%}.vb-project figcaption{padding:16px 16px 18px}.vb-project strong,.vb-project span{display:block}.vb-project strong{font-size:16px;margin-bottom:7px}.vb-project span{font-size:13px;line-height:1.5;color:#646779}
.vb-story{background:var(--vb-soft)}.vb-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:center}.vb-story-grid figure{margin:0;border:1px solid var(--vb-line);background:#fff;overflow:hidden}.vb-story-grid img{display:block;width:100%;height:420px;object-fit:cover;object-position:center 50%}.vb-story-copy{padding:12px 10px}.vb-story-copy h2{font-size:clamp(27px,2.6vw,38px)}.vb-text-link{display:inline-block;margin-top:10px;color:var(--vb-ink);font-weight:700;text-underline-offset:4px}.vb-story-reverse{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}.vb-story-reverse figure{order:2}.vb-contrast .vb-story-grid img{height:390px;object-fit:contain;background:#f0f0f0}
.vb-area{border-top:1px solid var(--vb-line)}.vb-area-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.vb-faq{background:#fafafa}.vb-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.vb-faq-list{border-top:1px solid var(--vb-line)}.vb-faq-list details{border-bottom:1px solid var(--vb-line);padding:18px 0}.vb-faq-list summary{cursor:pointer;font-weight:700;font-size:16px}.vb-faq-list p{font-size:14px;line-height:1.7;color:var(--vb-muted);max-width:720px}
.vb-cta{background:var(--vb-navy);color:#fff;padding:50px 0}.vb-cta .eyebrow{color:#ff6b70!important}.vb-cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.vb-cta h2{margin-bottom:8px}.vb-cta p{color:#d8d8e4;max-width:700px}
@media(max-width:980px){.vb-hero-grid,.vb-heading-row,.vb-finish-grid,.vb-story-grid,.vb-story-reverse,.vb-area-grid,.vb-faq-grid,.vb-cta-inner{grid-template-columns:1fr}.vb-hero-media{max-width:760px}.vb-finish-card{grid-template-columns:1fr 1fr}.vb-gallery-grid{grid-template-columns:1fr 1fr}.vb-story-reverse figure{order:0}.vb-cta-inner .vb-actions{margin-top:0}.vb-hero-grid{gap:34px}}
@media(max-width:680px){.venetian-page .container{width:min(100% - 28px,1180px)}.vb-hero{padding-top:28px}.vb-hero-copy h1{font-size:38px}.vb-hero-media img{height:380px}.vb-nav{gap:18px}.vb-section{padding:56px 0}.vb-feature-grid,.vb-gallery-grid{grid-template-columns:1fr}.vb-finish-card{grid-template-columns:1fr}.vb-finish-card figure{min-height:280px}.vb-project img{height:280px}.vb-story-grid img,.vb-contrast .vb-story-grid img{height:auto;max-height:420px}.vb-heading-row{gap:20px;margin-bottom:24px}}

/* Typography alignment only — matched to the Pergolas page scale. */
.venetian-page h1{font-size:32px!important}
.venetian-page h2{font-size:24px!important}
.venetian-page h3{font-size:18px!important}
.venetian-page .eyebrow{font-size:10px!important}
@media(max-width:680px){.venetian-page h1{font-size:27px!important}.venetian-page h2{font-size:22px!important}}
