/* Isolated story preview. Production index and demo assets are unchanged. */
.campaign-opening{padding:90px 24px 100px;background:#fff;text-align:center}
.campaign-opening .life-signoff{margin:0 auto;padding:0;border:0;max-width:620px}
.campaign-opening .life-signoff p{font-size:21px;line-height:1.6;color:#747971;margin:30px auto 0;max-width:540px}
.campaign-opening .life-campaign-mark{margin:0 auto}
.life-campaign{padding:90px max(28px,calc((100% - 1024px)/2)) 110px}
.life-intro{max-width:740px;margin:0 auto 100px}
.life-intro h2{font-size:clamp(34px,4vw,54px);line-height:1.12;margin:0 auto 36px;max-width:700px}
.life-explanation{max-width:650px;margin:auto;font-size:19px;line-height:1.7;color:#747971}
.life-explanation p+p{margin-top:20px}
.life-scenes{display:flex;flex-direction:column;gap:100px}
.life-scene{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:64px}
.life-scene figure{margin:0;aspect-ratio:3/2}
.life-scene:nth-child(2){grid-template-columns:1fr 1.25fr}
.life-scene:nth-child(2) figure{order:2}
.life-scene h3{font-size:clamp(22px,2.3vw,30px);line-height:1.3;font-weight:500;max-width:380px;margin:0 auto;text-align:center}
.life-scene h3 span{display:inline-block;margin-top:2px}
#leave-out{padding:96px 0 110px}
#leave-out h2{margin-bottom:28px}
.absence-intro{max-width:650px;margin:0 auto 60px;text-align:center;color:#747971;font-size:19px;line-height:1.7}
#leave-out .absence-layout{max-width:900px;margin:auto}
#leave-out .absence-feature-col{width:74%}
#leave-out .absence-answer-col{width:26%}
#leave-out thead th{font-family:Plex,Arial,sans-serif;font-size:17px;letter-spacing:0;text-transform:none;padding:18px 12px;vertical-align:middle}
#leave-out thead th:first-child{text-align:left;padding-left:40px}
#leave-out thead th:not(:first-child){text-align:center}
#leave-out tbody th{font-size:20px;padding:24px 12px 24px 40px}
#leave-out tbody tr{height:106px}
#leave-out tbody th,#leave-out tbody td{vertical-align:middle}
#leave-out tbody th{text-align:left}
#leave-out .absence-feature{display:flex;align-items:center;gap:18px;text-align:left}
#leave-out .absence-feature .absence-icon{flex:0 0 58px;width:58px;height:56px;margin:0;display:inline-flex}
#leave-out .absence-feature>span:last-child{display:block;min-width:0;text-align:left}
#leave-out .absence-no{font-family:Plex,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.3;gap:8px}
#leave-out .absence-no>span{font-size:inherit;line-height:inherit}
#maker{grid-template-columns:1fr 1fr;gap:52px;padding-block:110px}
#maker .maker-story{padding-top:0}
#maker h2{max-width:440px;font-size:42px}
#maker .founder-story{font-size:18px;line-height:1.75;margin:0 0 24px}
#maker .maker-illustration{margin-top:20px}
.membership-signin .app-store-button{zoom:.75;box-shadow:inset 0 1px 0 #ffffff30,0 4px 8px #1c24191a,0 14px 24px -10px #1c241969}
@media(max-width:700px){
 .membership-signin .app-store-button{zoom:1}
 .campaign-opening{padding:62px 24px 64px}
 .campaign-opening .life-signoff p{font-size:18px;max-width:340px}
 .life-campaign{padding:50px 24px 64px}
 .life-intro{margin-bottom:54px}
 .life-intro h2{font-size:34px;margin-bottom:28px}
 .life-explanation{font-size:17px;line-height:1.65;text-align:left}
 .life-scenes{gap:60px;max-width:none}
 .life-scene{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 .life-scene:nth-child(2) figure{order:0}
 .life-scene figure{width:100%;margin:0}
 .life-scene h3{font-size:24px;max-width:100%}
 #leave-out{padding:60px 0 70px}
 #leave-out h2{font-size:34px;margin-bottom:24px}
 .absence-intro{font-size:17px;line-height:1.65;text-align:left;margin-bottom:34px}
 #leave-out .absence-feature-col{width:70%}
 #leave-out .absence-answer-col{width:30%}
 #leave-out thead th{font-size:16px;padding:15px 5px}
 #leave-out thead img{width:46px;height:auto}
 #leave-out thead th:first-child{padding-left:24px}
 #leave-out tbody th{font-size:16px;padding:20px 5px 20px 24px}
 #leave-out tbody td{padding:20px 5px}
 #leave-out .absence-feature{gap:12px}
 #leave-out .absence-feature .absence-icon{flex-basis:38px;width:38px;height:38px;margin:0}
 #leave-out .absence-no{font-size:16px;font-weight:600}
 #maker{display:block;padding-block:60px}
 #maker h2{font-size:34px;margin-bottom:32px}
 #maker .founder-story{font-size:17px;line-height:1.7}
 #maker .maker-illustration{margin:32px 0 0}
 #maker .maker-illustration img{width:100%;max-width:none}
}

/* Keep the hero camera movement from extending the tablet page width. */
.quiet-hero{overflow-x:clip}