*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:var(--accent)}.site{max-width:var(--max);margin:auto;padding:24px}.topline{font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:14px 0;border-bottom:2px solid var(--accent)}.content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:22px}.section{grid-column:span 12;background:var(--panel);padding:clamp(16px,3vw,32px);border-radius:var(--rad);box-shadow:var(--shadow)}h1{font-size:clamp(28px,4vw,48px);line-height:1.12;margin:10px 0}h2{font-size:21px;margin:0 0 12px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.subtitle{margin:0;color:var(--muted)}.price{font-size:clamp(24px,3vw,38px);font-weight:800;color:var(--accent)}.contact{display:flex;flex-direction:column;gap:9px}.email{font-weight:bold;overflow-wrap:anywhere}.btn{display:inline-block;align-self:start;text-decoration:none;background:var(--accent);color:white;padding:11px 19px;border-radius:var(--rad)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo{margin:0;overflow:hidden;border-radius:calc(var(--rad)/2);background:#ddd;min-height:125px}.photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}.gallery-0 .p0,.gallery-3 .p0{grid-column:span 2;grid-row:span 2}.gallery-0 .p0 img,.gallery-3 .p0 img{height:100%}.gallery-1{grid-template-columns:repeat(2,1fr)}.gallery-2{grid-template-columns:repeat(6,1fr)}.gallery-2 .photo{grid-column:span 2}.gallery-2 .p0,.gallery-2 .p1{grid-column:span 3}.gallery-4{grid-template-columns:repeat(4,1fr)}.gallery-4 .p0,.gallery-4 .p1{grid-column:span 2}.gallery-5{grid-template-columns:repeat(2,1fr)}.gallery-5 .p0{grid-column:span 2}.details ul{margin:0;padding-left:20px;columns:2}footer{text-align:center;padding:24px;color:var(--muted)}
/* 5 layout families, each with 6 distinct section arrangements = 30 */
.pattern-1 .section-title,.pattern-1 .section-price,.pattern-1 .section-contact{grid-column:span 6}.pattern-1 .section-gallery{grid-column:span 6}.pattern-1 .section-description,.pattern-1 .section-details{grid-column:span 6}
.pattern-2 .section-title,.pattern-2 .section-description{grid-column:span 8}.pattern-2 .section-price,.pattern-2 .section-contact{grid-column:span 4}.pattern-2 .section-gallery{grid-column:span 8}.pattern-2 .section-details{grid-column:span 4}
.pattern-3 .section-title,.pattern-3 .section-gallery{grid-column:span 9}.pattern-3 .section-price,.pattern-3 .section-contact{grid-column:span 3}.pattern-3 .section-description,.pattern-3 .section-details{grid-column:span 6}
.pattern-4 .section-gallery,.pattern-4 .section-description,.pattern-4 .section-details{grid-column:span 6}.pattern-4 .section-title{grid-column:span 8}.pattern-4 .section-price{grid-column:span 4}
.variant-0{--bg:#f4f6f9;--panel:#ffffff;--ink:#1a2433;--accent:#2458a6;--muted:#1a2433;--rad:0px;--max:1120px;--shadow:0 3px 18px #00000012}
.variant-1{--bg:#101827;--panel:#1b283b;--ink:#edf3ff;--accent:#6b9ef8;--muted:#edf3ff;--rad:4px;--max:1200px;--shadow:0 3px 18px #00000012}
.variant-2{--bg:#f8f4ed;--panel:#ffffff;--ink:#3e3025;--accent:#a85b27;--muted:#3e3025;--rad:9px;--max:1080px;--shadow:0 3px 18px #00000012}
.variant-3{--bg:#eef7f3;--panel:#ffffff;--ink:#153b31;--accent:#18805d;--muted:#153b31;--rad:14px;--max:1160px;--shadow:0 3px 18px #00000012}
.variant-4{--bg:#f8f1f4;--panel:#ffffff;--ink:#3d2633;--accent:#a23f70;--muted:#3d2633;--rad:20px;--max:1240px;--shadow:0 3px 18px #00000012}
.variant-5{--bg:#f3f3f3;--panel:#ffffff;--ink:#222222;--accent:#d14c24;--muted:#222222;--rad:28px;--max:1100px;--shadow:0 3px 18px #00000012}
.variant-6{--bg:#f5f3fa;--panel:#ffffff;--ink:#302644;--accent:#6950b3;--muted:#302644;--rad:3px;--max:1180px;--shadow:0 3px 18px #00000012}
.variant-7{--bg:#f1f7fb;--panel:#ffffff;--ink:#193446;--accent:#167f9d;--muted:#193446;--rad:16px;--max:1220px;--shadow:0 3px 18px #00000012}
.variant-8{--bg:#fff8e9;--panel:#ffffff;--ink:#403323;--accent:#b07815;--muted:#403323;--rad:24px;--max:1140px;--shadow:0 3px 18px #00000012}
.variant-9{--bg:#eef1f6;--panel:#ffffff;--ink:#1d2b42;--accent:#445d88;--muted:#1d2b42;--rad:7px;--max:1260px;--shadow:0 3px 18px #00000012}
@media(max-width:750px){.content .section{grid-column:span 12}.gallery,.gallery-2,.gallery-4{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .photo{grid-column:auto;grid-row:auto}.gallery .photo img{height:auto;aspect-ratio:4/3}.details ul{columns:1}.site{padding:12px}}