/* V9 REVIEW refinements agreed with Elena on 2026-09-11. */

.site-nav{gap:clamp(13px,1.55vw,28px)}

.v9-story-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:clamp(40px,6vw,90px) var(--v8-pad);background:#050505}
.v9-story-mosaic figure{position:relative;aspect-ratio:1;min-width:0;background:#111}
.v9-story-mosaic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.v9-story-mosaic .v9-simple-luxury img{object-position:center 42%}
.v9-simple-luxury figcaption{position:absolute;left:10%;top:10%;font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,50px);line-height:.78;text-transform:uppercase;color:#080808}

.v9-technology{padding:clamp(95px,11vw,180px) var(--v8-pad)}
.v9-technology h2,.v9-directions>header h2{max-width:13ch;margin:0 0 34px;font-size:clamp(48px,5.7vw,92px);line-height:.93;font-weight:400;letter-spacing:-.045em}
.v9-technology .v8-columns{margin-top:66px}.v9-technology .v8-columns p{color:rgba(255,255,255,.76)}

.v9-directions{padding:clamp(95px,11vw,180px) var(--v8-pad);background:#fff}
.v9-directions>header{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-bottom:100px}
.v9-direction{margin-top:78px}
.v9-direction:first-of-type{margin-top:0}
.v9-direction>div:first-child{margin-bottom:22px}
.v9-direction h3{margin:0;font-size:clamp(26px,3vw,48px);font-weight:400;letter-spacing:-.035em}
.v9-direction .eyebrow{margin:5px 0 0;color:#4d9fd1;font-size:9px}
.v9-direction-media{display:grid;gap:0;overflow:hidden;background:#f1f0ee}
.v9-direction-media-three{grid-template-columns:repeat(3,1fr);height:clamp(280px,29vw,475px)}
.v9-direction-media-six{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(220px,24vw,390px)}
.v9-direction-media img{width:100%;height:100%;object-fit:cover}

.v9-logo-matrix{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--v8-pad) clamp(100px,12vw,180px);background:#fff}
.v9-logo-matrix>img{display:block;width:100%;height:auto}
.v9-logo-hotspots{position:absolute;inset:0 var(--v8-pad) clamp(100px,12vw,180px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}
.v9-logo-hotspots a{display:block;border:1px solid transparent}
.v9-logo-hotspots a:focus-visible{border-color:#111;background:rgba(255,255,255,.24)}
.v9-anchor-target{position:absolute;transform:translateY(-80px)}
.v8-editorial-grid{position:relative}

.newsletter-v2 .newsletter-status{max-width:760px;margin:34px auto 12px;font-size:clamp(19px,2vw,30px);line-height:1.25;color:#111}

.v9-process{padding-bottom:0}
.v9-process-list{margin:80px calc(var(--v8-pad) * -1) 0}
.v9-process-list article{display:grid;grid-template-columns:1.15fr .85fr;min-height:610px;background:#fff}
.v9-process-list article:nth-child(even) figure{order:2}
.v9-process-list article:nth-child(even)>div{order:1;background:#090909;color:#fff}
.v9-process-list figure{min-width:0;min-height:610px}
.v9-process-list figure img{width:100%;height:100%;object-fit:cover}
.v9-process-list article>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(58px,8vw,130px)}
.v9-process-list span{font-size:11px;letter-spacing:.14em}
.v9-process-list h3{margin:52px 0 18px;font-size:clamp(48px,5.7vw,88px);font-weight:400;letter-spacing:-.045em;line-height:.9}
.v9-process-list p{max-width:34ch;margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.65;color:#5b5b58}
.v9-process-list article:nth-child(even) p{color:rgba(255,255,255,.7)}

@media(max-width:900px){
  .v9-story-mosaic{grid-template-columns:repeat(2,1fr);gap:10px}
  .v9-directions>header{grid-template-columns:1fr;gap:10px;margin-bottom:70px}
  .v9-direction-media-three{height:360px}
  .v9-direction-media-six{grid-auto-rows:270px}
  .v9-process-list article{grid-template-columns:1fr;min-height:0}
  .v9-process-list article:nth-child(even) figure,.v9-process-list article:nth-child(even)>div{order:initial}
  .v9-process-list figure{min-height:0;aspect-ratio:4/3}
  .v9-process-list article>div{min-height:360px;padding:70px var(--page-pad)}
}

@media(max-width:620px){
  .site-nav{gap:16px}
  .v9-story-mosaic{padding-inline:18px}.v9-story-mosaic figure{aspect-ratio:4/5}
  .v9-simple-luxury figcaption{font-size:28px}
  .v9-technology .v8-columns{margin-top:42px}
  .v9-directions{padding-inline:18px}
  .v9-direction{margin-top:58px}
  .v9-direction-media-three{grid-template-columns:1fr;height:auto}.v9-direction-media-three img{aspect-ratio:4/3}
  .v9-direction-media-six{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.v9-direction-media-six img{aspect-ratio:1}
  .v9-logo-matrix{padding-inline:0}.v9-logo-matrix>img{width:100%}.v9-logo-hotspots{inset:0 0 clamp(100px,12vw,180px)}
  .v9-process-list{margin-inline:-18px}
  .v9-process-list figure{aspect-ratio:1}
  .v9-process-list article>div{min-height:330px}
}
