/* Harthwyn 26.01.142 — canonical responsive and accessibility authority for all approved landing layouts. */
body.harthwyn-managed-page-key-landing{overflow-x:hidden}
.harthwyn-family-hub-login{max-width:100%;overflow-x:clip}
.harthwyn-family-hub-login img,.harthwyn-family-hub-login video,.harthwyn-family-hub-login svg{max-width:100%}
.harthwyn-family-hub-login a,.harthwyn-family-hub-login button,.harthwyn-family-hub-login input{font:inherit}
.harthwyn-family-hub-login button,.harthwyn-family-hub-login a{touch-action:manipulation}
.harthwyn-family-hub-login__main>*{min-width:0}
.harthwyn-family-hub-login__intro h1,.harthwyn-family-hub-login__access h2,.harthwyn-family-hub-login__lead,.harthwyn-family-hub-login__security,.harthwyn-family-hub-login__footer a,.harthwyn-family-hub-login__footer small{overflow-wrap:anywhere}
.harthwyn-family-hub-login__primary,.harthwyn-family-hub-login__secondary,.harthwyn-family-hub-login__slider-controls button,.harthwyn-family-hub-login__slider-dots button{min-width:44px;min-height:44px}
.harthwyn-family-hub-login__form input[type="text"],.harthwyn-family-hub-login__form input[type="password"]{font-size:max(16px,1rem)}
.harthwyn-family-hub-login__form input:focus-visible,.harthwyn-family-hub-login__remember input:focus-visible,.harthwyn-family-hub-login__primary:focus-visible,.harthwyn-family-hub-login__secondary:focus-visible,.harthwyn-family-hub-login__text-link:focus-visible,.harthwyn-family-hub-login__form-row a:focus-visible,.harthwyn-family-hub-login__footer a:focus-visible,.harthwyn-family-hub-login__slider-controls button:focus-visible,.harthwyn-family-hub-login__slider-dots button:focus-visible,.harthwyn-family-hub-login__slider:focus-visible{outline:3px solid color-mix(in srgb,var(--hw-hub-accent,#b5793b) 76%,#111);outline-offset:3px}
.harthwyn-family-hub-login__form input:focus:not(:focus-visible){outline:none}
.harthwyn-auth-notice{border:1px solid currentColor}
.harthwyn-auth-notice--error{color:#7a1f1f;background:#fff5f5}
.harthwyn-auth-notice--success{color:#245b39;background:#f3fbf6}
.harthwyn-family-hub-login .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Reference-width desktop and compact laptop protection. */
@media (min-width:981px) and (max-width:1360px){
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__main{width:min(1180px,calc(100% - 48px));grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:clamp(28px,4vw,52px)}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__intro{padding-inline:clamp(30px,4vw,50px)}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__access{padding-inline:clamp(36px,4.5vw,58px)}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__footer{grid-template-columns:minmax(200px,250px) minmax(0,1fr) minmax(190px,250px);padding-inline:clamp(28px,5vw,70px)}
}

/* Tablet and 200% zoom behavior: stack without clipping or hidden actions. */
@media (max-width:980px){
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__main{width:min(720px,calc(100% - 32px));min-height:0;padding:58px 0 44px;grid-template-columns:1fr;gap:64px}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__intro{min-height:0;padding:46px 34px 34px}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__access{width:100%;min-height:0;margin:0;padding:88px 42px 32px}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__media,.harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__slider,.harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__slides,.harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__media img,.harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__media video{min-height:0;height:auto;aspect-ratio:4/3}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px;padding:28px 24px}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__footer img{object-position:center;width:min(245px,70vw)}
  .harthwyn-landing-layout--family_hub .harthwyn-family-hub-login__footer small{justify-self:center;white-space:normal}
}

/* Mobile authority shared across all three layouts. */
@media (max-width:620px){
  .harthwyn-family-hub-login__header{height:auto!important;min-height:96px!important;flex-basis:auto!important;padding:16px 18px!important}
  .harthwyn-family-hub-login__header img{width:min(340px,88vw)!important;max-height:78px!important}
  .harthwyn-family-hub-login__main{width:calc(100% - 20px)!important;margin-inline:auto!important;padding-inline:0!important}
  .harthwyn-family-hub-login__intro{border-radius:15px!important;padding-inline:20px!important}
  .harthwyn-family-hub-login__intro h1{font-size:clamp(2.2rem,12vw,3.3rem)!important;line-height:1.04!important}
  .harthwyn-family-hub-login__lead{font-size:1rem!important;line-height:1.55!important}
  .harthwyn-family-hub-login__features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .harthwyn-family-hub-login__features span{border-right:1px solid #eee7df!important;border-bottom:1px solid #eee7df!important;padding:18px 8px!important}
  .harthwyn-family-hub-login__features span:nth-child(2n){border-right:0!important}
  .harthwyn-family-hub-login__features span:last-child{grid-column:1/-1;border-right:0!important;border-bottom:0!important}
  .harthwyn-family-hub-login__access{border-radius:16px!important;padding-inline:20px!important}
  .harthwyn-family-hub-login__badge{max-width:calc(100% - 40px)}
  .harthwyn-family-hub-login__access h2{font-size:clamp(1.9rem,9vw,2.55rem)!important}
  .harthwyn-family-hub-login__form-row{align-items:flex-start!important;gap:12px!important}
  .harthwyn-family-hub-login__footer nav{width:100%;gap:12px 18px!important}
  .harthwyn-family-hub-login__slide-copy{padding:30px 20px 82px}
  .harthwyn-family-hub-login__slider-controls{left:12px;right:12px;bottom:12px}
}

@media (max-width:390px){
  .harthwyn-family-hub-login__main{width:calc(100% - 14px)!important}
  .harthwyn-family-hub-login__access{padding-left:16px!important;padding-right:16px!important}
  .harthwyn-family-hub-login__form-row{display:grid!important;grid-template-columns:1fr!important}
  .harthwyn-family-hub-login__form-row a{justify-self:start}
  .harthwyn-family-hub-login__footer nav{display:grid!important;grid-template-columns:1fr!important}
  .harthwyn-family-hub-login__footer nav a{min-height:44px;display:flex;align-items:center;justify-content:center}
}

/* Media and motion safety. */
@media (prefers-reduced-motion:reduce){
  .harthwyn-family-hub-login *,.harthwyn-family-hub-login *::before,.harthwyn-family-hub-login *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .harthwyn-family-hub-login__primary:hover,.harthwyn-family-hub-login__secondary:hover{transform:none!important}
}
@media (prefers-contrast:more){
  .harthwyn-family-hub-login__access,.harthwyn-family-hub-login__intro,.harthwyn-family-hub-login__privacy,.harthwyn-family-hub-login__features,.harthwyn-family-hub-login__form input{border-color:currentColor!important}
  .harthwyn-family-hub-login__footer a{text-decoration:underline;text-underline-offset:3px}
}
@media (forced-colors:active){
  .harthwyn-family-hub-login__primary,.harthwyn-family-hub-login__secondary,.harthwyn-family-hub-login__badge,.harthwyn-family-hub-login__features,.harthwyn-family-hub-login__privacy,.harthwyn-family-hub-login__access,.harthwyn-family-hub-login__form input{forced-color-adjust:auto!important;border:1px solid CanvasText!important}
  .harthwyn-family-hub-login__primary{background:ButtonFace!important;color:ButtonText!important}
}