.nav nav{flex-wrap:wrap;gap:12px 20px}.commercial-hero{min-height:560px;grid-template-columns:1.1fr 1fr;gap:25px}.commercial-hero .hero-copy{padding-right:0}.commercial-hero h1{font-size:clamp(43px,4.5vw,66px)}.commercial-visual{background:#e7e2da;position:relative;min-height:540px;overflow:hidden;display:flex;align-items:center}.commercial-visual>img{object-fit:contain;width:100%;height:auto}.tone-2{background:#dce0e0}.tone-3{background:#e4e5db}.commercial-links{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #d7d2d5;border-bottom:1px solid #d7d2d5;padding:22px 0}.commercial-links a{padding:8px 14px;font-size:13px;text-decoration:none;border:1px solid #bcb5be}.commercial-links a[aria-current]{background:var(--navy);color:white}.commercial-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.commercial-note{background:#eeebe7;padding:35px;border-top:3px solid var(--pink)}.commercial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.commercial-card{text-decoration:none;padding:22px;background:var(--paper);display:block}.commercial-card p{font-size:14px}.floor-swatch{height:135px;margin-bottom:24px;background:repeating-linear-gradient(93deg,#656b76 0 2px,#5c6370 2px 4px);border-bottom:6px solid #bb789d}.swatch-1{background:repeating-conic-gradient(#6a737b 0 25%,#878b8d 0 50%) 0/68px 68px}.swatch-2{background-color:#b1b7ac;background-image:radial-gradient(#808e85 .7px,transparent 1px);background-size:7px 7px}.commercial-card:hover{box-shadow:0 5px 20px #302e4b19}.commercial-card h3{font-size:28px}.enquiry-form input:focus-visible{outline:3px solid var(--pink)}@media(max-width:950px){.commercial-hero{grid-template-columns:1fr}.commercial-visual{min-height:380px}.commercial-visual>img{max-height:450px}.commercial-detail{gap:25px}.commercial-cards{gap:14px}.commercial-card{padding:18px}.nav nav{gap:10px 15px}}@media(max-width:600px){.nav nav{justify-content:flex-start;gap:9px 17px}.nav nav a{font-size:12px}.commercial-detail,.commercial-cards{grid-template-columns:1fr}.commercial-visual{min-height:350px;margin:0 -5.55%}.commercial-links{gap:7px}.commercial-links a{padding:7px 10px;font-size:12px}.commercial-note{padding:25px}.commercial-hero{gap:0}.commercial-hero .hero-copy{padding-top:25px}.commercial-visual .caption{bottom:15px;left:15px;font-size:11px}.commercial-visual .caption strong{font-size:22px}.floor-swatch{height:105px}}