*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f6f2;color:#171717}img{display:block;width:100%}a{color:inherit} .brand{width:190px;height:auto}.light .brand{filter:invert(1)}header{height:116px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}header span,footer span,.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase}figure{margin:0;overflow:hidden}figure img{height:100%;object-fit:cover}.light .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:0 6vw;align-items:center}.light .hero-main{height:690px}.light .hero-side{padding:0 0 0 12%;align-self:end}.light .hero-side figure{height:430px}.light .hero-side .eyebrow{margin:0 0 25px}.light .hero-side .small-brand{width:170px;filter:invert(1);margin:35px 0 2px}.light .gallery{padding:120px 6vw 110px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;align-items:start}.light .gallery figure{height:490px}.light .gallery figure:nth-child(2){margin-top:80px}.light .gallery figure:nth-child(3){margin-top:160px}footer{margin:0 6vw;padding:35px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d6d4cd}footer .brand{width:115px}.dark{background:#111;color:#eee}.dark header{border-bottom:1px solid #292929}.dark .hero{display:grid;grid-template-columns:43% 57%;min-height:720px}.dark .hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:70px}.dark .hero-copy .brand{width:100%;max-width:400px}.dark .hero-copy .eyebrow{position:absolute;bottom:48px;color:#a6a6a6}.dark .hero-main{height:760px}.dark .hero-main img{object-position:center 30%}.dark .gallery{padding:100px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:32px}.dark .gallery figure{height:650px}.dark .gallery figure:nth-child(2){margin-top:140px}.dark .wide{margin:0 6vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.dark .wide figure{height:550px}.dark footer{border-color:#333;color:#999}.review{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:6px;background:#fffdf8eF;color:#222;padding:6px;border:1px solid #d9d6ce;border-radius:40px;box-shadow:0 5px 30px #0002;font-size:12px}.review a{text-decoration:none;padding:10px 18px;border-radius:30px;white-space:nowrap}.review .active{background:#222;color:white}.selector{padding:50px 6vw 80px}.selector h1{font-weight:400;font-size:clamp(36px,5vw,68px);letter-spacing:-.06em;margin:65px 0 20px}.selector p{color:#777;font-size:15px;line-height:1.7}.options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}.option{text-decoration:none}.option .preview{height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9e7e0;position:relative}.option img.photo{width:60%;height:100%;object-fit:cover}.option .preview .brand{width:28%;margin:6%;filter:invert(1)}.option:last-child .preview{background:#111}.option:last-child .preview .brand{filter:none}.option h2{font-size:20px;font-weight:400;display:flex;justify-content:space-between;margin-bottom:8px}.option p{margin:0;font-size:13px}.selector footer{margin:65px 0 0;padding-bottom:0}.selector header{padding:0;height:50px}.selector header .brand{filter:invert(1)}@media(min-width:1600px){.light .hero-main{height:820px}.light .hero-side figure{height:530px}}@media(max-width:700px){header{height:90px;padding:0 6vw}.brand{width:148px}header span{font-size:8px}.light .hero{grid-template-columns:1fr;gap:45px}.light .hero-main{height:580px}.light .hero-side{padding-left:22%;}.light .hero-side figure{height:380px}.light .gallery{padding-top:65px;gap:15px;grid-template-columns:1fr 1fr}.light .gallery figure{height:330px}.light .gallery figure:nth-child(2){margin-top:65px}.light .gallery figure:nth-child(3){margin-top:0}.dark .hero{display:flex;flex-direction:column-reverse}.dark .hero-main{height:610px}.dark .hero-copy{min-height:240px;padding:55px 22% 80px}.dark .hero-copy .eyebrow{bottom:30px}.dark .gallery{padding:50px 6vw;gap:16px}.dark .gallery figure{height:350px}.dark .gallery figure:nth-child(2){margin-top:70px}.dark .wide{gap:16px;margin-bottom:60px}.dark .wide figure{height:320px}footer{padding-bottom:95px}footer span{font-size:8px}.options{grid-template-columns:1fr}.option .preview{height:390px}.selector h1{margin-top:45px}.review a{padding:9px 14px}}
.hero-main>figure{height:100%}.light .hero-side figure img{object-position:center top}.gallery figure img,.wide figure img{object-position:center top}
.light .hero-main img{object-position:center top}

/* Third proposal: the dark composition in warm white. */
.light-split{background:#f7f6f2;color:#171717}.light-split .brand{filter:invert(1)}.light-split header{border-color:#dedcd5}.light-split .hero-copy .eyebrow{color:#666}.light-split footer{border-color:#d6d4cd;color:#666}.options{grid-template-columns:repeat(3,minmax(0,1fr))}.option:nth-child(2) .preview{background:#111}.option:nth-child(2) .preview .brand{filter:none}.option.option-light .preview{background:#e9e7e0}.option.option-light .preview .brand{filter:invert(1)}.option .preview{height:380px}.review a{padding:10px 14px}@media(max-width:900px){.options{grid-template-columns:1fr}.option .preview{height:440px}}@media(max-width:700px){.review{gap:2px}.review a{padding:9px 10px;font-size:11px}.option .preview{height:390px}}