/* Alex Royal — minimal five-star introduction, homepage only */
#about.ar-about-enhanced {
   isolation: isolate;
}

#about.ar-about-enhanced .ar-about-minimal,
#about.ar-about-enhanced .ar-about-minimal * {
   box-sizing: border-box;
}

#about.ar-about-enhanced .ar-about-minimal {
   position: relative;
   display: grid;
   width: 100%;
   color: #231f19;
}

#about.ar-about-enhanced .ar-about-head {
   display: grid;
   grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
   gap: clamp(48px, 7vw, 112px);
   align-items: end;
   padding: clamp(58px, 7vw, 108px) clamp(8px, 1.2vw, 18px)
      clamp(42px, 5vw, 72px);
}

#about.ar-about-enhanced .ar-about-title {
   max-width: 990px;
   margin: 0;
   font-family: var(--font-salina-trial), Georgia, "Times New Roman", serif;
   font-size: clamp(58px, 7.4vw, 112px);
   font-weight: 400;
   line-height: 0.91;
   letter-spacing: -0.045em;
   color: #231f19;
   text-align: left;
   text-wrap: balance;
}

#about.ar-about-enhanced .ar-about-title-line {
   display: block;
}

/* Restrained editorial reveal: movement is enabled only after JS is ready. */
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-title-line,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-brief-label,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-brief p,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-rooms-link,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-fact {
   opacity: 0;
   transform: translate3d(0, 22px, 0);
}

#about.ar-about-enhanced .ar-about-motion-ready .ar-about-title-line {
   transform: translate3d(0, 112%, 0);
   filter: blur(2px);
}

#about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo-stage {
   clip-path: inset(0 0 100% 0);
}

#about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo {
   transform: scale(1.045);
}

#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-title-line,
#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-brief-label,
#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-brief p,
#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-rooms-link,
#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-fact {
   opacity: 1;
   transform: translate3d(0, 0, 0);
}

#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-title-line {
   filter: blur(0);
}

#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-photo-stage {
   clip-path: inset(0 0 0 0);
}

#about.ar-about-enhanced .ar-about-motion-ready.is-visible .ar-about-photo {
   transform: scale(1);
}

#about.ar-about-enhanced .ar-about-motion-ready .ar-about-title-line,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-brief-label,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-brief p,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-rooms-link,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-fact,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo-stage,
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo {
   transition-duration: 1.4s;
   transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
   transition-property: opacity, transform, filter, clip-path;
   will-change: opacity, transform, clip-path;
}

#about.ar-about-enhanced .ar-about-motion-ready .ar-about-title-line:nth-child(2) { transition-delay: 0.14s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-brief-label { transition-delay: 0.34s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-brief p { transition-delay: 0.49s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-rooms-link { transition-delay: 0.64s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo-stage { transition-delay: 0.28s; transition-duration: 1.9s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo { transition-delay: 0.28s; transition-duration: 2.35s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-fact:nth-child(1) { transition-delay: 0.62s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-fact:nth-child(2) { transition-delay: 0.74s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-fact:nth-child(3) { transition-delay: 0.86s; }
#about.ar-about-enhanced .ar-about-motion-ready .ar-about-fact:nth-child(4) { transition-delay: 0.98s; }

#about.ar-about-enhanced .ar-about-brief {
   display: grid;
   gap: 0;
   justify-items: start;
   padding-bottom: 7px;
}

#about.ar-about-enhanced .ar-about-brief-label {
   font-family: var(--font-manrope), Arial, sans-serif;
   font-size: 9px;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: 0.22em;
   color: #9a713a;
   text-transform: uppercase;
}

#about.ar-about-enhanced .ar-about-brief p {
   max-width: 340px;
   margin: 16px 0 0;
   font-family: var(--font-manrope), Arial, sans-serif;
   font-size: clamp(13px, 1vw, 16px);
   font-weight: 400;
   line-height: 1.72;
   color: #6a6257;
   text-align: left;
}

#about.ar-about-enhanced .ar-about-rooms-link {
   display: inline-flex;
   align-items: center;
   gap: 18px;
   margin-top: clamp(28px, 2.5vw, 38px);
   padding: 0 0 9px;
   border-bottom: 1px solid #a57a3e;
   font-family: var(--font-manrope), Arial, sans-serif;
   font-size: 10px;
   font-weight: 700;
   line-height: 1;
   letter-spacing: 0.2em;
   color: #2c261f;
   text-decoration: none;
   text-transform: uppercase;
   transition: gap 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

#about.ar-about-enhanced .ar-about-rooms-link span:last-child {
   color: #a57a3e;
   font-size: 17px;
   line-height: 0.65;
}

#about.ar-about-enhanced .ar-about-showcase {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   align-items: stretch;
   border-top: 1px solid rgba(72, 57, 38, 0.18);
   border-bottom: 1px solid rgba(72, 57, 38, 0.18);
}

#about.ar-about-enhanced .ar-about-photo-stage {
   position: relative;
   min-height: 0;
   aspect-ratio: 4 / 3;
   margin: 0;
   overflow: hidden;
   background: #e7e1d8;
}

#about.ar-about-enhanced .ar-about-photo {
   position: absolute;
   inset: 0;
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center center;
   transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1);
}

#about.ar-about-enhanced .ar-about-facts {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: repeat(2, minmax(0, 1fr));
   margin: 0;
   border-left: 1px solid rgba(72, 57, 38, 0.18);
   background: rgba(247, 244, 238, 0.72);
}

#about.ar-about-enhanced .ar-about-fact {
   display: grid;
   min-height: 0;
   place-content: center;
   gap: 10px;
   margin: 0;
   padding: 28px 18px;
   text-align: center;
}

#about.ar-about-enhanced .ar-about-fact:nth-child(odd) {
   border-right: 1px solid rgba(72, 57, 38, 0.18);
}

#about.ar-about-enhanced .ar-about-fact:nth-child(-n + 2) {
   border-bottom: 1px solid rgba(72, 57, 38, 0.18);
}

#about.ar-about-enhanced .ar-about-fact dt {
   margin: 0;
   font-family: var(--font-salina-trial), Georgia, "Times New Roman", serif;
   font-size: clamp(42px, 4.8vw, 72px);
   font-weight: 400;
   line-height: 0.9;
   letter-spacing: -0.02em;
   color: #9a713a;
}

#about.ar-about-enhanced .ar-about-fact dd {
   margin: 0;
   font-family: var(--font-manrope), Arial, sans-serif;
   font-size: 9px;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: 0.2em;
   color: #6d6254;
   text-transform: uppercase;
}

@media (min-width: 981px) {
   #about.ar-about-enhanced .ar-about-facts {
      padding: clamp(18px, 1.8vw, 28px);
      gap: 1px;
      border-left: 0;
      background:
         radial-gradient(circle at 82% 12%, rgba(181, 140, 80, 0.12), transparent 40%),
         linear-gradient(145deg, #f8f5ef 0%, #eee7dc 100%);
      box-shadow: inset 0 0 0 1px rgba(121, 96, 63, 0.18);
   }

   #about.ar-about-enhanced .ar-about-fact {
      position: relative;
      place-content: end start;
      gap: 14px;
      padding: clamp(34px, 3.2vw, 50px);
      overflow: hidden;
      text-align: left;
      background: rgba(255, 255, 255, 0.24);
   }

   #about.ar-about-enhanced .ar-about-fact:nth-child(odd) {
      border-right-color: rgba(121, 96, 63, 0.18);
   }

   #about.ar-about-enhanced .ar-about-fact:nth-child(-n + 2) {
      border-bottom-color: rgba(121, 96, 63, 0.18);
   }

   #about.ar-about-enhanced .ar-about-fact dt {
      font-size: clamp(50px, 4.4vw, 68px);
      color: #9a713a;
      text-shadow: 0 12px 30px rgba(154, 113, 58, 0.08);
   }

   #about.ar-about-enhanced .ar-about-fact dd {
      position: relative;
      padding-top: 13px;
      color: #615649;
   }

   #about.ar-about-enhanced .ar-about-fact dd::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 26px;
      height: 1px;
      background: #ad7d3e;
   }
}

@media (hover: hover) and (pointer: fine) {
   #about.ar-about-enhanced .ar-about-rooms-link:hover {
      gap: 25px;
      border-color: #2c261f;
      color: #9a713a;
   }

   #about.ar-about-enhanced .ar-about-minimal:hover .ar-about-photo {
      transform: scale(1.015);
   }
}

@media (max-width: 980px) {
   #about.ar-about-enhanced .ar-about-head {
      grid-template-columns: 1fr;
      gap: 30px;
      align-items: start;
   }

   #about.ar-about-enhanced .ar-about-brief {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 28px;
      align-items: end;
   }

   #about.ar-about-enhanced .ar-about-showcase {
      display: block;
      border-top: 0;
   }

   #about.ar-about-enhanced .ar-about-facts {
      border-left: 0;
   }
}

@media (max-width: 760px) {
   #about.ar-about-enhanced .ar-about-head {
      gap: 28px;
      width: 100%;
      padding: 38px 2px 34px;
      overflow: hidden;
   }

   #about.ar-about-enhanced .ar-about-title {
      width: 100%;
      max-width: 100%;
      font-size: clamp(38px, 10.8vw, 48px);
      line-height: 0.98;
      letter-spacing: -0.035em;
      text-wrap: wrap;
      overflow-wrap: normal;
   }

   #about.ar-about-enhanced .ar-about-brief {
      grid-template-columns: 1fr;
      gap: 0;
      padding-bottom: 0;
   }

   #about.ar-about-enhanced .ar-about-brief p {
      max-width: 100%;
      font-size: 13px;
      line-height: 1.65;
   }

   #about.ar-about-enhanced .ar-about-photo-stage {
      aspect-ratio: 16 / 10;
      min-height: 0;
   }

   #about.ar-about-enhanced .ar-about-photo {
      object-position: center center;
   }

   #about.ar-about-enhanced .ar-about-facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   #about.ar-about-enhanced .ar-about-fact {
      min-height: 122px;
      gap: 8px;
      padding: 24px 10px;
   }

   #about.ar-about-enhanced .ar-about-fact:nth-child(2) {
      border-right: 0;
   }

   #about.ar-about-enhanced .ar-about-fact:nth-child(-n + 2) {
      border-bottom: 1px solid rgba(72, 57, 38, 0.18);
   }

   #about.ar-about-enhanced .ar-about-fact dt {
      font-size: clamp(38px, 12vw, 54px);
   }

   #about.ar-about-enhanced .ar-about-fact dd {
      font-size: 8px;
      letter-spacing: 0.17em;
   }
}

@media (prefers-reduced-motion: reduce) {
   #about.ar-about-enhanced .ar-about-photo,
   #about.ar-about-enhanced .ar-about-rooms-link {
      transition: none;
   }

   #about.ar-about-enhanced .ar-about-motion-ready *,
   #about.ar-about-enhanced .ar-about-motion-ready .ar-about-photo-stage {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
      clip-path: none !important;
      transition: none !important;
   }
}