/* Brand-forward layer derived from the Ateliers Poilly presentation language. */
.site-header { background: linear-gradient(to bottom, rgba(28,29,26,.34), transparent); }
.brand-lockup img { width: 46px; height: 46px; }
.hero { grid-template-columns: 53% 47%; background: #30312d; }
.hero-copy { position: relative; padding-top: 118px; }
.hero-monogram { width: clamp(180px, 22vw, 340px); height: auto; filter: brightness(0) invert(1); margin: 0 0 28px -1.5vw; opacity: .98; }
.hero h1 { font-size: clamp(52px, 5.6vw, 88px); }
.hero .eyebrow { margin-bottom: 24px; }
.hero-intro { margin-top: 28px; }
.hero-visual { margin-top: 0; padding: 0; position: relative; display: block; }
.hero-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; display: block; }
.hero-visual:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(48,49,45,.18), transparent 35%); pointer-events: none; }
.hero-visual > p,.showroom-visual > p { position: absolute; left: 30px; right: 30px; bottom: 24px; z-index: 1; display: flex; justify-content: space-between; color: #fff; margin: 0; text-transform: uppercase; letter-spacing: .14em; font-size: 10px; }
.hero-visual small,.showroom-visual small { font-size: inherit; }
.project-placeholder { overflow: hidden; background: #d6d0c6; }
.project-placeholder img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s ease; }
.project:hover .project-placeholder img { transform: scale(1.018); }
.project-one .project-placeholder img { object-position: center 58%; }
.project-two .project-placeholder img { object-position: center 44%; }
.project-three .project-placeholder img { object-position: center 52%; }
.material-study { background: #ebe7df; isolation: isolate; }
.stone-texture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.material-study:after { content: ""; position: absolute; inset: 0; background: rgba(246,243,237,.16); }
.pendant { position: absolute; z-index: 2; width: min(62%, 440px); height: auto; right: -3%; top: -4%; }
.material-study span { z-index: 3; color: #2f302c; background: rgba(249,247,242,.8); padding: 9px 13px; }
.showroom-visual { padding: 0; display: block; position: relative; }
.showroom-visual > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.showroom-visual:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(25,24,21,.33), transparent 40%); }
@media (max-width: 900px) {
  .hero { display: grid; grid-template-columns: 1fr; }
  .hero-copy { padding-top: 125px; }
  .hero-monogram { width: min(62vw, 280px); margin-left: -6px; }
  .hero-visual { height: 540px; }
}
@media (max-width: 560px) {
  .brand-lockup img { width: 44px; height: 44px; }
  .hero h1 { font-size: 50px; }
  .hero-visual { height: 460px; }
  .hero-visual > p,.showroom-visual > p { display: block; left: 20px; bottom: 18px; }
  .hero-visual small,.showroom-visual small { display: block; margin-top: 4px; }
}