/* First-screen proposal for review. Desktop copy and composition are preserved. */
.approved-experience[data-experience="home"] .hero-lead-mobile { display: none; }
@media (max-width: 760px) {
  .approved-experience[data-experience="home"] .hero {
    min-height: max(640px, 100svh);
    align-items: flex-end;
    background: #24231f;
  }
  .approved-experience[data-experience="home"] .hero-image {
    background-size: auto 100%;
    background-position: 48% top;
    background-color: #24231f;
    animation: mobile-hero-in 1.8s var(--motion-ease) both;
    transform-origin: 50% 35%;
  }
  .approved-experience[data-experience="home"] .hero .hero-image--rotating {
    opacity: 0;
    animation: none;
    transform: none;
    transition: opacity 3.6s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
  }
  .approved-experience[data-experience="home"] .hero .hero-image--rotating.is-visible { opacity: 1; }
  .approved-experience[data-experience="home"] .hero-photo-control {
    position: absolute;
    z-index: 3;
    left: 20px;
    bottom: max(8px, env(safe-area-inset-bottom));
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: none;
    color: #dfd8cc;
    opacity: .75;
  }
  .approved-experience[data-experience="home"] .hero-photo-control svg { width: 18px; height: 18px; }
  .approved-experience[data-experience="home"] .hero-photo-control:hover,
  .approved-experience[data-experience="home"] .hero-photo-control:focus-visible { opacity: 1; }
  .approved-experience[data-experience="home"] .hero-scrim {
    background: linear-gradient(180deg, rgba(28,27,23,.26), transparent 23%), linear-gradient(0deg, rgba(28,27,23,.96), rgba(28,27,23,.86) 20%, rgba(28,27,23,.58) 43%, rgba(28,27,23,.12) 70%, transparent 90%);
  }
  .approved-experience[data-experience="home"] .hero .hero-content {
    width: calc(100% - 48px);
    padding-block: 180px max(128px, calc(env(safe-area-inset-bottom) + 112px));
  }
  .approved-experience[data-experience="home"] .hero-content .eyebrow { display: none; }
  .approved-experience[data-experience="home"] .hero-content h1 {
    margin: 0 0 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(36px, 10.8vw, 46px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
    text-shadow: 0 2px 20px rgba(5,20,14,.18);
  }
  .approved-experience[data-experience="home"] .hero-content h1 em {
    font-weight: 400;
    font-style: italic;
    color: #efd49a;
    background: none;
    -webkit-text-fill-color: currentColor;
  }
  .approved-experience[data-experience="home"] .hero-lead-desktop { display: none; }
  .approved-experience[data-experience="home"] .hero-lead-mobile { display: inline; }
  .approved-experience[data-experience="home"] .hero .hero-lead { max-width: 330px; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.55; font-weight: 400; color: #eee7dd; }
  .approved-experience[data-experience="home"] .hero .hero-actions { width: 100%; max-width: 390px; margin-top: 22px; gap: 12px; flex-direction: row; flex-wrap: wrap; align-items: center; }
  .approved-experience[data-experience="home"] .hero .hero-actions .button,
  .approved-experience[data-experience="home"] .hero .hero-actions .button:hover {
    width: auto;
    min-height: 48px;
    padding: 0 18px;
    gap: 12px;
    justify-content: center;
    border: 1px solid rgba(245,241,230,.75);
    background: #f5f1e6;
    box-shadow: none;
    color: #173d2c;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
  }
  .approved-experience[data-experience="home"] .hero .hero-actions .button > span[aria-hidden] { display: inline; font-size: 17px; font-weight: 400; }
  .approved-experience[data-experience="home"] .hero .hero-actions .text-link {
    align-self: center;
    min-height: 44px;
    border: 0;
    padding: 10px 0;
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    gap: 7px;
    color: #dfd8cc;
  }
  .approved-experience[data-experience="home"] .hero .hero-actions .text-link > span { font-size: 14px; }
  .approved-experience[data-experience="home"] .hero .hero-actions .button:hover { background: #fffdf6; }
  .approved-experience[data-experience="home"] .hero-bottom { bottom: max(20px, env(safe-area-inset-bottom)); }
}
@media (min-width: 361px) and (max-width: 760px) {
  .approved-experience[data-experience="home"] .hero .hero-actions .text-link { font-size: 12px; }
}
@keyframes mobile-hero-in { from { transform: scale(1.025); } to { transform: scale(1); } }
@media (max-width: 760px) and (max-height: 700px) {
  .approved-experience[data-experience="home"] .hero .hero-content { padding-top: 180px; padding-bottom: 76px; }
  .approved-experience[data-experience="home"] .hero-content h1 { font-size: clamp(36px, 10.5vw, 44px); }
}
@media (prefers-reduced-transparency: reduce) {
  .approved-experience[data-experience="home"] .hero .hero-actions .button { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
/* A shared, quiet action treatment for the four mobile scenes. */
@media (max-width: 760px) {
  .approved-experience[data-experience="home"] :is(.hero-actions,.product-copy,.bergen-actions,.ready-content) .button.mobile-primary-cta {
    position: relative; overflow: hidden; isolation: isolate; border-radius: 14px;
    min-height: 44px; gap: 12px; font-weight: 500;
  }
  .approved-experience[data-experience="home"] :is(.hero-actions,.product-copy,.bergen-actions,.ready-content) .button.mobile-primary-cta > :is(span[aria-hidden],.cta-arrow) {
    display: inline-flex; align-items: center; width: 18px; height: 18px; flex: 0 0 18px;
    font-size: 0; padding: 0; border: 0; border-radius: 0; background: none; color: inherit; box-shadow: none;
  }
  .approved-experience[data-experience="home"] .mobile-primary-cta > :is(span[aria-hidden],.cta-arrow) svg { display: none; }
  .approved-experience[data-experience="home"] .mobile-primary-cta > :is(span[aria-hidden],.cta-arrow)::after {
    content: ''; width: 18px; height: 18px; background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .approved-experience[data-experience="home"] .mobile-primary-cta::before {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(110deg, transparent 30%, #fff9 50%, transparent 70%);
    transform: translateX(-130%);
  }
  .approved-experience[data-experience="home"] .mobile-primary-cta.cta-entered::before { animation: mobile-cta-shine 850ms ease-out 250ms both; }
  .approved-experience[data-experience="home"] .mobile-primary-cta:active { transform: scale(.98); }
}
@keyframes mobile-cta-shine { to { transform: translateX(130%); } }
@media (prefers-reduced-motion: reduce) {
  .approved-experience[data-experience="home"] .mobile-primary-cta::before { display: none; animation: none; }
}