/* Mobile maison experience. Desktop presentation remains unchanged. */
.mobile-nav-footer,.carousel-controls { display: none; }
@media (max-width:760px) {
 html { scroll-padding-top: 96px; }
 .site-header { position: sticky; top: 0; height: 76px; padding: 0 20px; justify-content: center; z-index: 30; background: var(--paper); border-bottom: 1px solid #dcd5c94d; }
 .site-header .wordmark { width: 154px; }
 .menu-toggle { left: 14px; right: auto; top: 16px; width: 44px; height: 44px; }
 .menu-toggle span { width: 20px; }
 .header-call { right: 15px; top: 16px; width: 44px; height: 44px; padding: 12px; justify-content: center; }
 .header-call svg { width: 17px; height: 17px; }
 .site-header nav { position: fixed; inset: 76px 0 0; width: 100%; height: calc(100dvh - 76px); max-height: none; padding: 28px 30px 36px; overflow-y: auto; overscroll-behavior: contain; box-shadow: none; border: 0; background: var(--paper); }
 .site-header nav.open { display: flex; gap: 0; }
 .site-header nav>a,.site-header .nav-group summary { font-family: var(--serif); font-size: 32px; font-weight: 400; letter-spacing: -.035em; line-height: 1.2; padding: 13px 0; border: 0; }
 .site-header .nav-group summary { justify-content: space-between; }
 .site-header .nav-dropdown { position: static; transform: none; width: 100%; padding: 8px 0 19px 15px; margin: 0; border: 0; border-left: 1px solid #c9b99d; background: none; box-shadow: none; display: flex; flex-direction: column; gap: 0; }
 .site-header .nav-dropdown>.eyebrow { display: none; }
 .site-header .nav-dropdown a { font-size: 13px; font-family: var(--sans); padding: 13px 0; border: 0; }
 .mobile-nav-footer { display: flex; flex-direction: column; align-items: flex-start; margin-top: 30px; padding-top: 27px; border-top: 1px solid var(--line); gap: 14px; }
 .mobile-nav-footer .eyebrow { font-size: 8px; }
 .site-header .mobile-nav-footer a { font-family: var(--sans); font-size: 13px; padding: 7px 0; border: 0; }
 .site-header .mobile-nav-footer a[href^="tel:"] { font-family: var(--serif); font-size: 29px; }

 /* One cinematic screen, followed by the visible SEO introduction. */
 .home-page .hero { --film-height: clamp(560px,calc(100svh - 76px),950px); display: block; height: auto; padding-top: var(--film-height); overflow: hidden; background: var(--paper); }
 .hero-photo { inset: 0 0 auto; height: var(--film-height); aspect-ratio: auto; z-index: 0; background: #29261f; }
 .hero-photo .inline-film { object-position: 54% center; }
 .hero-photo:after { background: linear-gradient(180deg,#16130c10 25%,#16130c24 44%,#16130c9c 72%,#16130cce); }
 .hero-copy { position: static; width: 100%; margin: 0; height: auto; padding: 48px 30px 43px; align-items: center; text-align: center; background: var(--paper); }
 .hero-copy>.eyebrow { position: absolute; z-index: 2; top: calc(var(--film-height) - 258px); left: 30px; right: 30px; color: #fff; text-align: left; font-size: 8px; letter-spacing: .18em; line-height: 1.6; }
 .hero .editorial-title { position: absolute; z-index: 2; top: calc(var(--film-height) - 220px); left: 28px; right: 25px; margin: 0; color: #fff; text-align: left; font-size: clamp(45px,13.5vw,64px); line-height: 1.01; letter-spacing: -.035em; text-shadow: 0 1px 18px #0002; }
 .hero h1.seo-heading { font-family: var(--serif); font-size: 25px; line-height: 1.3; font-weight: 400; letter-spacing: -.025em; max-width: 390px; margin: 0 0 20px; text-wrap: balance; }
 .hero-description { font-size: 13px; line-height: 1.85; max-width: 340px; }
 .hero-actions { display: contents; }
 .hero-actions .button { position: absolute; z-index: 3; top: calc(var(--film-height) - 79px); left: 30px; min-height: 44px; padding: 7px 0; background: transparent; color: #fff; font-size: 12px; border: 0; border-bottom: 1px solid #ffffff9c; gap: 17px; }
 .hero-actions .text-link { margin-top: 25px; font-size: 12px; }
 .hero-motto { display: none; }
 .hero-controls { left: auto; right: 17px; bottom: 30px; gap: 0; }
 .hero-controls .film-label,.hero-controls .media-progress { display: none; }
 .hero-controls .media-toggle,.hero-controls .media-expand { width: 40px; height: 44px; border: 0; background: transparent; }
 .hero-controls .media-state { transform: scale(.8); }
 .hero-controls .media-expand svg { width: 15px; height: 15px; }
 .trust-rail { padding: 24px 23px 27px; font-size: 9px; gap: 22px 12px; border-top: 1px solid var(--line); }

 /* Full-width collection films, with a single clear destination. */
 .collection-heading { display: block; text-align: center; padding: 55px 28px 45px; }
 .collection-heading h2 { font-size: 41px; margin-top: 16px; line-height: 1.06; }
 .collection-heading .uppercase { display: none; }
 .collection-grid { display: block; }
 .collection-card { position: relative; margin: 0; scroll-margin-top: 76px; }
 .collection-image,.watches-image { aspect-ratio: auto; height: clamp(510px,76svh,700px); }
 .collection-card .media-shade { background: linear-gradient(180deg,transparent 42%,#16130c25 58%,#16130ccc); }
 .collection-copy,.collection-card:first-child .collection-copy { position: absolute; left: 0; right: 0; bottom: 75px; padding: 0 30px; min-height: 0; color: white; pointer-events: none; }
 .collection-copy h3 { font-size: clamp(36px,10vw,54px); margin: 0 0 20px; line-height: 1.1; }
 .collection-copy h3 a { pointer-events: auto; display: inline-block; padding-bottom: 11px; border-bottom: 1px solid #ffffff8a; }
 .collection-copy h3 a:hover { color: #eee2c8; }
 .collection-copy h3 a:after { content: '↗'; font-family: var(--sans); font-size: 20px; margin-left: 19px; vertical-align: middle; }
 .collection-copy .eyebrow { color: #fff; font-size: 8px; line-height: 1.9; letter-spacing: .17em; }
 .collection-card .media-controls { left: auto; right: 21px; bottom: 18px; gap: 2px; }
 .collection-card .media-progress { display: none; }
 .collection-card .media-toggle,.collection-card .media-expand { border: 0; background: none; }

 .section-space { padding: 57px 30px; }
 .editorial-section-heading { text-align: center; margin-bottom: 31px; }
 .editorial-section-heading h2,.client-experiences h2,.map-copy h2 { font-size: 36px; line-height: 1.12; }
 .editorial-section-heading>p { margin: 20px auto 0; font-size: 12px; max-width: 300px; }
 .editorial-section-heading .eyebrow { font-size: 8px; letter-spacing: .18em; }
 .featured { overflow: hidden; }
 .featured .pieces-grid,.featured .pieces-grid.count-2 { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 86%; max-width: none; margin-inline: -30px; padding: 0 30px 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: 30px; overscroll-behavior-x: contain; gap: 23px; scrollbar-width: none; }
 .featured .pieces-grid::-webkit-scrollbar { display: none; }
 .piece-card { scroll-snap-align: start; }
 .piece-image { aspect-ratio: 4/5; }
 .piece-card>.eyebrow { margin-top: 22px; font-size: 8px; }
 .piece-card h3 { font-size: 30px; margin: 9px 0 14px; }
 .piece-card .text-link { font-size: 11px; min-height: 40px; align-items: center; }
 .carousel-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
 .carousel-count { font-size: 10px; color: #746857; letter-spacing: .16em; }
 .carousel-buttons { display: flex; gap: 8px; }
 .carousel-controls button { width: 44px; height: 44px; border: 1px solid #bcae99; border-radius: 50%; background: transparent; display: grid; place-items: center; }
 .carousel-controls button:disabled { opacity: .3; cursor: default; }
 .carousel-controls svg { width: 19px; height: 19px; }
 .carousel-controls [data-slide=prev] svg { transform: rotate(180deg); }
 .closer { height: clamp(510px,80svh,720px); }
 .closer-copy { padding: 0 30px 58px; }
 .closer h2 { font-size: 53px; }
 .closer-copy>p { font-size: 17px; margin-top: 16px; }
 .watch-film { font-size: 12px; }
 .services { padding: 54px 30px 25px; }
 .services-intro { padding-bottom: 35px; }
 .services-intro h2 { font-size: 40px; }
 .services article h3 { font-size: 28px; }
 .services article p { font-size: 13px; }
 .assurance-grid { gap: 33px; }
 .assurance-grid h3 { font-size: 29px; }
 .client-experiences { text-align: center; gap: 30px; }
 .client-experiences>div>p:not(.eyebrow) { margin-inline: auto; }
 .google-rating { align-items: center; text-align: center; }
 .visit-image { aspect-ratio: 4/5; }
 .visit-copy { padding: 47px 30px 52px; text-align: center; }
 .visit h2 { font-size: 42px; }
 .visit-copy .address,.visit-copy .text-link { justify-content: center; }
 .visit-copy .button { font-size: 13px; }
 .map-copy { text-align: center; }
 .map-copy>p:not(.eyebrow),.map-copy .opening-hours { margin-inline: auto; }
 .map-copy .opening-hours { text-align: left; }
 .map-frame { margin-inline: -30px; height: 340px; }
 .home-journal .journal-feature { margin-inline: 0; margin-bottom: 0; }
 .journal-feature-copy { padding: 36px 30px 43px; }
 .trust-strip { padding: 46px 30px; }
 .trust-intro { text-align: center; }
 .site-footer { padding: 46px 30px 30px; }
 .footer-brand { text-align: center; }
 .footer-brand .wordmark { width: 176px; }
 .social-links { justify-content: center; gap: 24px; }
 .footer-columns { gap: 35px 25px; }
 .footer-columns nav { font-size: 11px; }
 .footer-bottom { line-height: 1.8; }

 /* Collection and service pages share the same mobile photographic rhythm. */
 .breadcrumbs { padding: 17px 30px; font-size: 8px; }
 .page-hero-image,.page-hero-image.image-authentication { order: -1; height: clamp(420px,68svh,650px); }
 .editorial-film .media-controls { left: 20px; right: 20px; gap: 10px; }
 .editorial-film .media-progress { display: none; }
 .editorial-film .film-label { flex: 1; min-width: 0; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .editorial-film .media-toggle,.editorial-film .media-expand { flex: 0 0 44px; width: 44px; height: 44px; }
 .page-hero-copy { padding: 44px 30px 45px; text-align: center; align-items: center; }
 .page-hero .editorial-title { font-size: clamp(43px,12vw,66px); line-height: 1.04; margin: 18px 0 25px; }
 .page-hero h1.seo-heading { font-size: 14px; line-height: 1.7; }
 .page-hero .lead { font-size: 14px; line-height: 1.85; }
 .page-actions { justify-content: center; gap: 20px; width: 100%; }
 .hero-signature { font-size: 7px; }
 .detail-image { height: 430px; margin-inline: -30px; }
 .detail-copy h2,.editorial-intro h2 { font-size: 36px; }
 .appointment { padding: 48px 30px; }
 .appointment-actions { justify-self: start; }
 .journal-heading>.editorial-title,.contact-heading>.editorial-title { font-size: 46px; }
 .contact-layout .contact-info { padding: 40px 30px; }
 .contact-visual .editorial-film { height: 380px; }
 .form-grid { gap: 25px; }
 .inquiry-section { padding-inline: 30px; }
 .dialog-header { padding-inline: 17px; }
}
@media (max-width:360px) {
 .site-header .wordmark { width: 139px; }
 .hero .editorial-title { left: 25px; right: 20px; font-size: 45px; }
 .hero-copy>.eyebrow,.hero-actions .button { left: 26px; }
 .hero-controls { right: 9px; }
 .hero-actions .button { font-size: 11px; gap: 12px; }
 .collection-copy,.collection-card:first-child .collection-copy { padding-inline: 26px; }
 .collection-copy h3 { font-size: 33px; }
 .collection-copy h3 a:after { margin-left: 12px; }
}

/* Readability correction: headings and desktop typography are unchanged. */
@media (max-width:760px) {
 .home-page p:not(.eyebrow,.editorial-title,.rating-number,.rating-stars,.finance-rate,.article-lead),
 .inner-page p:not(.eyebrow,.editorial-title,.rating-number,.rating-stars,.finance-rate,.article-lead) {
   font-size: 17px; line-height: 1.75; color: #514b42;
 }
 .home-page .eyebrow,.inner-page .eyebrow { font-size: 12px; line-height: 1.6; letter-spacing: .1em; color: #625749; }
 .home-page .hero-copy>.eyebrow,.home-page .collection-copy .eyebrow { color: #fff; }
 .home-page .closer-copy>p,.inner-page .appointment p:not(.eyebrow) { color: #f0e9df; }
 .inner-page .appointment .eyebrow { color: #d6c4a7; }
 .home-page .text-link,.inner-page .text-link,
 .home-page .button,.inner-page .button,.home-page .watch-film,
 .care-secondary,.contact-email,#copy-inquiry {
   font-size: 16px; line-height: 1.5; min-height: 44px;
 }
 .home-page .button,.inner-page .button { max-width: 100%; padding-inline: 16px; white-space: normal; }
 .home-page .hero-actions .button { padding-inline: 0; font-size: 16px; gap: 12px; }
 .hero-description { max-width: 360px; }
 .editorial-section-heading>p { max-width: 350px; }
 .trust-rail { font-size: 14px; letter-spacing: 0; line-height: 1.5; gap: 22px 0; padding: 25px 20px; }
 .trust-rail a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 48px; padding-inline: 9px; }
 .trust-rail span { display: block; font-size: 14px; margin: 3px 0 0; color: #6f5938; }
 .social-links { font-size: 16px; gap: 20px; }
 .social-links a { display: inline-flex; align-items: center; min-height: 44px; }
 .footer-columns nav,.footer-contact { font-size: 16px; line-height: 1.6; gap: 15px; }
 .footer-columns nav>a { display: inline-flex; align-items: center; min-height: 44px; }
 .footer-contact .footer-phone { font-size: 24px; }
 .footer-contact>a { min-height: 44px; }
 .footer-bottom { font-size: 14px; line-height: 1.7; color: #62584b; }
 .footer-bottom>span:last-child { font-size: 12px; letter-spacing: .09em; }
 .home-page .trust-mark p:not(.eyebrow),.inner-page .trust-mark p:not(.eyebrow) { font-size: 16px; }
 .trust-detail,.google-rating small,.hero-signature,.read-time,.article-meta,
 .article-photo figcaption,.form-note,.form-grid label,.draft-details>div,
 .finance-numbers>div>span,.carousel-count,.care-list li span {
   font-size: 14px; line-height: 1.65; color: #625749;
 }
 .hero-signature,.read-time,.carousel-count { letter-spacing: .06em; }
 .opening-hours>div { font-size: 16px; gap: 12px; line-height: 1.6; }
 .opening-hours dd { color: #554b3f; }
 .care-list li { font-size: 16px; line-height: 1.65; }
 .home-page .address { font-size: 16px; line-height: 1.65; }
 .breadcrumbs { font-size: 13px; line-height: 1.6; }
 .site-header .nav-dropdown a,.site-header .mobile-nav-footer a:not([href^="tel:"]) { font-size: 16px; line-height: 1.5; min-height: 44px; }
 .editorial-film .film-label,.film-label { font-size: 12px; line-height: 1.5; }
 .collection-copy .eyebrow { max-width: 330px; }
 .dialog-footer { font-size: 14px; line-height: 1.6; }
}
@media (max-width:360px) {
 .footer-columns { grid-template-columns: 1fr; }
 .footer-columns nav { grid-column: 1/-1; }
 .home-page .hero-actions .button { top: calc(var(--film-height) - 100px); }
 .hero-controls { bottom: 8px; }
 .social-links { gap: 15px; }
 .opening-hours>div { flex-wrap: wrap; gap: 4px 12px; }
}