/* Phone composition: one message, one action, a quiet image. */
.phone-intro{display:none}
@media(max-width:640px), (max-height:500px) and (pointer:coarse){
 html{scroll-padding-top:80px}.topic-page [id]{scroll-margin-top:80px}
 .topic-header{min-height:64px;padding:10px max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));gap:12px;flex-wrap:nowrap}
 .topic-header .topic-brand{font-size:29px;line-height:1.2}.topic-header .topic-brand span{display:none}
 .site-menu-toggle{min-width:44px;width:44px;height:44px;min-height:44px;padding:12px;border:0;background:transparent;gap:0}
 .site-menu-toggle .menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .topic-header .site-navigation{position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;padding:8px 20px 20px;max-height:calc(100svh - 80px);border-bottom:1px solid #dce2d4;box-shadow:0 18px 25px #34452f12;overscroll-behavior:contain}
 .topic-header .site-navigation a{padding:13px 12px;min-height:50px}.topic-header .site-navigation a[aria-current=page]{background:#f0f3eb}
 .topic-header:has(.site-menu-toggle[hidden]){flex-wrap:wrap}.topic-header:has(.site-menu-toggle[hidden]) .site-navigation{position:static;box-shadow:none}
 .home-hero{min-height:0;background:#dfe7cc var(--hero-image) 65% center/cover no-repeat}
 .home-hero:before{background:linear-gradient(90deg,rgba(247,249,238,.94),rgba(239,245,222,.76) 60%,rgba(228,239,199,.32))}
 .home-hero .home-motion,.home-hero .home-flower,.home-hero .home-motion-toggle{display:none!important}
 .home-hero-copy{padding:42px 24px 44px}.home-kicker,.home-secondary,.desktop-intro{display:none}.phone-intro{display:inline}
 .home-hero h1{font-size:clamp(30px,8vw,36px);line-height:1.2;letter-spacing:-.02em;margin-bottom:20px;max-width:100%;font-weight:300}
 .home-hero-copy>.home-intro-text{font-size:16px;line-height:1.65;max-width:100%}
 .home-actions{margin-top:26px;display:block}.home-actions .topic-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:48px;padding:12px 20px;font-size:16px}
 .wishes{padding-top:36px}.wishes .intro>.eyebrow{display:none}.wishes .intro{margin-bottom:25px}.wishes h2{font-size:26px;line-height:1.35;margin-bottom:12px}.wishes .intro>p:last-child{font-size:15px}
 .topic-breadcrumb{padding:12px 24px;font-size:14px}.topic-hero-copy{padding:30px 24px 38px}.topic-hero .topic-kicker{display:none}
 .topic-hero h1{font-size:clamp(31px,8.6vw,38px);margin-bottom:18px}.topic-hero .topic-lead{font-size:25px;line-height:1.35;margin-bottom:0}.topic-hero-copy>p:not(.topic-lead){display:none}
 .topic-hero .topic-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:48px;margin-top:25px;padding:12px 18px;font-size:16px}
 .topic-jumps{padding-block:8px}.topic-hero:after{background:linear-gradient(90deg,rgba(250,248,240,.95),rgba(243,247,231,.77))}
}
@media(max-width:360px){.home-hero-copy{padding:34px 20px 36px}.home-hero h1{font-size:30px}.topic-hero-copy{padding-inline:20px}.topic-breadcrumb{padding-inline:20px}}
@media(max-height:500px) and (pointer:coarse){.home-hero-copy{padding-block:25px}.home-hero h1{font-size:30px}.home-actions{margin-top:18px}.topic-header .site-navigation{grid-template-columns:1fr 1fr}}

/* Give the phone's opening scene its own viewport and a distinct next chapter. */
@media(max-width:640px) and (orientation:portrait){
 .home-hero{min-height:calc(100vh - 64px);min-height:calc(100svh - 64px);align-items:center}
 .home-hero-copy{padding-top:64px;padding-bottom:80px}
 .home-hero:before{background:linear-gradient(90deg,rgba(247,249,238,.94),rgba(239,245,222,.73) 60%,rgba(228,239,199,.28))}
 .wishes{padding-top:72px;padding-bottom:36px}
 .wishes .intro{margin-bottom:34px}
}

.site-menu-toggle,.topic-button,.site-navigation a{touch-action:manipulation;-webkit-tap-highlight-color:#b9c7a633}
/* Preserve the installed consent controls and make their layout fit the new theme. */
#cookie-law-info-bar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:16px 22px!important;background:#f7f8f2!important;color:#283d33!important;font:400 14px/1.55 Manrope,Arial,sans-serif!important;max-height:65dvh;overflow:auto}
#cookie-law-info-bar .cli_messagebar_head{margin:0 0 10px;font:500 16px/1.4 Manrope,Arial,sans-serif}
#cookie-law-info-bar .cli-bar-container{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;width:100%!important}
#cookie-law-info-bar .cli-bar-message{flex:1 1 260px!important;width:auto!important;min-width:0!important;margin:0!important;text-align:left!important}
#cookie-law-info-bar .cli-bar-btn_container{display:flex!important;flex:1 1 340px!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important;min-width:0!important}
#cookie-law-info-bar .cli-bar-btn_container>div{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
#cookie-law-info-bar .cli-plugin-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;margin:0!important;padding:10px 14px!important;background:#283d33!important;color:#f7f8f2!important;font:500 13px/1.35 Manrope,Arial,sans-serif!important;border-radius:6px!important;white-space:normal!important;text-align:center}
#cookie-law-info-bar .cli_settings_button,#cookie-law-info-bar .cli-plugin-main-link{color:#283d33!important;text-decoration:underline;min-height:44px;display:inline-flex!important;align-items:center;padding:8px 4px!important;margin:0!important}
@media(max-width:600px){#cookie-law-info-bar{padding:14px 18px!important}#cookie-law-info-bar .cli-bar-container{gap:10px!important}#cookie-law-info-bar .cli-bar-btn_container{flex-basis:100%!important}#cookie-law-info-bar .cli-plugin-button{padding:9px 10px!important;font-size:12px!important}.autides-generic h1{font-size:42px}}

