/* Harthwyn 26.01.140 — approved Family Story visual authority. */
.harthwyn-landing-layout--family_story{
  --hw-story-forest:#182a20;
  --hw-story-forest-deep:#122219;
  --hw-story-cream:#f5efe7;
  --hw-story-paper:#fffdf9;
  --hw-story-gold:#b47b31;
  --hw-story-ink:#173126;
  position:relative;
  min-height:100svh;
  background:var(--hw-story-cream);
  color:var(--hw-story-ink);
  overflow-x:clip;
}
.harthwyn-landing-layout--family_story::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:260px 0 148px;
  pointer-events:none;
  background:
    radial-gradient(ellipse 85% 16% at 50% 0%,var(--hw-story-cream) 0 48%,transparent 49%),
    linear-gradient(180deg,var(--hw-story-forest) 0%,var(--hw-story-forest-deep) 100%);
}
.harthwyn-landing-layout--family_story::after{
  content:"family   memories   legacy   together   forever";
  position:absolute;
  z-index:0;
  inset:400px 0 auto;
  height:360px;
  overflow:hidden;
  pointer-events:none;
  color:rgba(255,255,255,.045);
  font:italic 3.2rem/2.1 Georgia,"Times New Roman",serif;
  letter-spacing:.03em;
  word-spacing:2.2em;
  transform:rotate(-6deg) scale(1.08);
  white-space:normal;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__header{
  position:relative;
  z-index:2;
  height:auto;
  min-height:250px;
  flex-basis:auto;
  padding:46px 24px 28px;
  border:0;
  background:transparent;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__header img{
  width:min(360px,76vw);
  max-height:126px;
  object-fit:contain;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__main{
  position:relative;
  z-index:2;
  display:block;
  width:min(512px,calc(100% - 32px));
  min-height:620px;
  margin:0 auto;
  padding:0 0 118px;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__intro{display:none!important}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access{
  width:100%;
  min-height:0;
  margin:0 auto;
  padding:86px 31px 28px;
  border:1px solid rgba(93,72,50,.12);
  border-radius:22px;
  background:rgba(255,253,249,.98);
  box-shadow:0 24px 54px rgba(12,24,17,.22);
  text-align:center;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__badge{
  top:20px;
  width:54px;
  min-height:54px;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--hw-story-forest);
  color:#f2c874;
  box-shadow:0 3px 10px rgba(18,34,25,.12);
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__badge span{width:25px;height:25px}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__badge svg{display:none}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__badge span::before{
  content:"";
  display:block;
  width:18px;
  height:15px;
  margin-top:8px;
  border:2px solid currentColor;
  border-radius:3px;
  box-sizing:border-box;
  background:linear-gradient(currentColor,currentColor) 50% 68%/3px 3px no-repeat;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__badge span::after{
  content:"";
  position:absolute;
  top:10px;
  left:50%;
  width:11px;
  height:10px;
  transform:translateX(-50%);
  border:2px solid currentColor;
  border-bottom:0;
  border-radius:8px 8px 0 0;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__badge strong{display:none}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access h2{
  max-width:320px;
  margin:14px auto 12px!important;
  color:var(--hw-story-ink)!important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.78rem,5vw,2.25rem);
  font-weight:600;
  line-height:1.07;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access>p:not(.harthwyn-family-hub-login__security){
  max-width:34ch;
  margin:0 auto 25px!important;
  color:#29362f!important;
  font-size:.88rem;
  line-height:1.45;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form{gap:15px}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form>label{font-size:0;gap:0}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form input[type=text],
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form input[type=password]{
  height:48px;
  padding:0 16px;
  border:1px solid #ded7ce;
  border-radius:6px;
  background:#fffefa;
  color:#1f2a23;
  font-size:.9rem;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form input:focus{
  border-color:var(--hw-story-gold);
  outline:3px solid rgba(180,123,49,.18);
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form-row{font-size:.8rem}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__form-row a{color:#213128;text-decoration:none;font-weight:500}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__primary{
  min-height:48px;
  border-color:var(--hw-story-forest)!important;
  border-radius:5px;
  background:var(--hw-story-forest)!important;
  color:#fff!important;
  box-shadow:none;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__secondary{
  min-height:48px;
  border:1px solid var(--hw-story-forest);
  border-radius:5px;
  background:#fffdfa;
  color:#182a20!important;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__or{color:#6d716c;font-size:.8rem}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__security{
  position:relative;
  width:calc(100% + 62px);
  margin:54px -31px -146px!important;
  padding:66px 25px 34px;
  border:0;
  color:#fff!important;
  background:transparent;
  font-size:.82rem;
  line-height:1.5;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__security::before{
  content:"";
  position:absolute;
  top:22px;
  left:50%;
  width:19px;
  height:17px;
  transform:translateX(-50%);
  border:2px solid #d4a952;
  border-radius:3px;
  background:linear-gradient(#d4a952,#d4a952) 50% 70%/3px 3px no-repeat;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__security::after{
  content:"";
  position:absolute;
  top:12px;
  left:50%;
  width:12px;
  height:11px;
  transform:translateX(-50%);
  border:2px solid #d4a952;
  border-bottom:0;
  border-radius:8px 8px 0 0;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer{
  position:relative;
  z-index:2;
  min-height:148px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:22px;
  padding:25px 20px 20px;
  border:0;
  border-top:1px solid rgba(80,65,50,.08);
  background:var(--hw-story-cream);
  color:var(--hw-story-ink);
  text-align:center;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer img{display:none}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(480px,100%);
  margin:auto;
  gap:0;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav a{
  position:relative;
  min-height:68px;
  padding:41px 8px 0;
  border-right:1px solid rgba(43,58,48,.17);
  color:#213128;
  font-size:.72rem;
  font-weight:500;
  text-decoration:none;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav a:last-child{border-right:0}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav a:nth-child(4){display:none}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav a::before{
  content:"";
  position:absolute;
  top:4px;
  left:50%;
  width:27px;
  height:27px;
  transform:translateX(-50%);
  border:1.8px solid currentColor;
  border-radius:50%;
}
.harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer small{
  width:min(480px,100%);
  margin:auto;
  padding-top:15px;
  border-top:1px solid rgba(43,58,48,.10);
  color:#38463e;
  font-size:.72rem;
  white-space:normal;
}
@media(min-width:760px){
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__header{min-height:270px;padding-top:56px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__main{width:min(560px,calc(100% - 48px));min-height:650px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access{padding-inline:40px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__security{width:calc(100% + 80px);margin-left:-40px;margin-right:-40px}
}
@media(max-width:620px){
  .harthwyn-landing-layout--family_story::before{inset:230px 0 142px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__header{min-height:220px;padding:34px 18px 20px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__header img{width:min(330px,82vw)}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__main{width:calc(100% - 24px);padding-bottom:110px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access{padding:84px 20px 24px;border-radius:18px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__security{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-bottom:-134px;padding-inline:16px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__footer nav a{border-right:0}
}
@media(max-width:390px){
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__main{width:calc(100% - 16px)}
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access h2{font-size:1.7rem}
}
@media(prefers-reduced-motion:reduce){.harthwyn-landing-layout--family_story *{transition:none!important}}
@media(forced-colors:active){
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__access,
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__primary,
  .harthwyn-landing-layout--family_story .harthwyn-family-hub-login__secondary{border:1px solid CanvasText}
}