/* Figma 11206:140 / 11206:189. Existing dialog and carousel components are reused. */
.hero { min-height:650px; }
.hero-photo { inset:0; width:100%; background:none; overflow:hidden; }
.desktop-render { position:absolute; left:0; top:0; width:125.069444%; height:100%; object-fit:cover; }
.mobile-render { display:none; }
.hero-shade { background:linear-gradient(90deg,#381c17 -14.306%,#381c17d9 8.3436%,#381c17b5 18.431%,#381c1770 31.813%,#381c1705 62.685%,#381c1700 100%); }
.header { top:4.666667%; left:auto; right:2.152778%; }
.place { width:297px; height:50px; min-height:0; gap:12px; border-color:var(--paper); background:var(--wine); backdrop-filter:none; -webkit-backdrop-filter:none; }
.desktop-pin { display:block; flex:none; }
.copy-panel { left:4.375%; top:11.444444%; width:720px; }
.project-tag { width:234px; height:clamp(45px,6.555556vh,59px); font-size:clamp(20px,2.777778vh,25px); }
#hero-title { display:block; margin:clamp(23px,3.333333vh,30px) 0 0 -2px; font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:clamp(70px,10.888889vh,98px); line-height:.795918; letter-spacing:-.025em; color:var(--light); }
#hero-title span { display:block; white-space:nowrap; }
.lead-panel { top:60.333333%; bottom:auto; width:550px; }
.hero-description { font-size:20px; line-height:22.3px; margin:0 0 12.4px; }
.cta { height:55px; min-height:55px; }
.cta-mobile-label { display:none; }
.desktop-arrow { display:block; flex:none; }
.features { bottom:5.777778%; }
.feature-arrows button:disabled { opacity:.48; }
.modal .cta { height:auto; }
.project-disclosure { position:absolute; z-index:3; right:var(--gutter); bottom:8px; max-width:calc(100% - 2 * var(--gutter)); color:#fff; font-size:11px; line-height:1.5; text-align:right; text-shadow:none; }
.project-disclosure p { margin:0; }
.project-disclosure a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; }
.project-disclosure a:hover { color:inherit; }
@media (min-width:761px) and (max-width:1379px) { .features { --visible-cards:3; } }
@media (min-width:761px) and (max-width:1000px) {
  .features { --visible-cards:2; }
  #hero-title { font-size:74px; }
  .hero-description { font-size:17px; line-height:21px; }
  .place { width:260px; }
}
@media (min-width:761px) and (max-height:780px) {
  .hero-description { font-size:17px; line-height:21px; }
  .lead-panel { top:58%; }
  .cta { height:51px; min-height:51px; }
  .features { bottom:4.5%; }
}
@media (min-width:1700px) {
  .feature-copy h2 { font-size:13px; line-height:16px; }
  .feature-copy p { font-size:11px; line-height:15.4px; }
}
@media (max-width:760px) {
  .hero { --description-top:138.461538vw; --art-shift:0px; min-height:max(100svh,216.410256vw); height:auto; padding:0 0 14px; }
  .hero-photo { inset:0; width:100%; height:216.410256vw; background:none; }
  .desktop-render { display:none; }
  .mobile-render { display:block; position:absolute; inset:0; }
  .mobile-render img { position:absolute; object-fit:cover; }
  .mobile-base { inset:0; width:100%; height:100%; }
  .mobile-underlay { left:-2.133333vw; top:-33.589744vw; width:131.025641%; height:283.333333vw; }
  .mobile-final { left:-1.107692vw; top:-4.615385vw; width:102.051282%; height:221.025641vw; }
  .hero-shade { left:-1.187179vw; top:86.4vw; width:102.202821%; height:130.391026vw; background:linear-gradient(0deg,#352617 20.842%,#35261700 87.997%); }
  .header { top:27px; left:auto; right:0; }
  .place { width:157.32px; height:28px; min-height:28px; border:0; background:none; padding:0 0 0 21px; }
  .desktop-pin { display:none; }
  .place .mobile-pin { left:0; top:5.5px; }
  .copy-panel { inset:auto; margin:83px var(--gutter) 0; width:calc(100% - 2 * var(--gutter)); height:146px; }
  .project-tag { width:154px; height:36px; font-size:15px; }
  #hero-title { margin:11px 0 0; width:294px; max-width:100%; font-size:40px; line-height:33px; letter-spacing:0; color:#3e2921; }
  #hero-title span { white-space:normal; }
  .hero-description { margin:calc(var(--description-top) - 229px) var(--gutter) 0; font-size:19px; line-height:23px; width:calc(100% - 2 * var(--gutter)); max-width:350px; }
  .features { inset:auto; margin-top:18.98px; }
  .feature-dots img { opacity:.8; }
  .feature-dots img.is-active { opacity:1; }
  .hero-cta { height:52px; min-height:52px; }
  .cta-desktop-label,.desktop-arrow { display:none; }
  .cta-mobile-label { display:inline; }
  .modal .cta { min-height:52px; }
  .project-disclosure { position:relative; inset:auto; order:5; width:calc(100% - 2 * var(--gutter)); margin:14px var(--gutter) 0; }
}
@media (max-width:360px) {
  .hero { --description-top:calc(138.461538vw + 40px); }
  #hero-title { font-size:36px; line-height:31px; }
  .hero-description { font-size:16px; line-height:21px; }
  .copy-panel { height:140px; }
  .hero-description { margin-top:calc(var(--description-top) - 223px); }
}