/* Visual scale refinement — architecture and canonical content preserved. */
:root{--section-space:clamp(6rem,8vw,7.5rem)}
body{}
.site-header{height:104px;padding-inline:4%;gap:22px}
.brand img{width:56px;height:56px}
.brand strong{white-space:nowrap}
.brand small{}
.desktop-nav{gap:23px}
.submenu-toggle{padding-inline:3px}
.submenu{min-width:240px;padding:16px}
.submenu a,.submenu button{padding:13px}
.search-button{min-width:48px;min-height:48px}
.search-button svg{width:23px}
.button,.header-cta{min-height:54px;padding:14px 28px;gap:18px;}
.button-primary{min-height:54px}
.utility-bar{padding:10px 4%;}
.hero{padding-top:24px;padding-bottom:52px;min-height:670px;grid-template-columns:1.15fr 1fr;gap:20px}
.hero h1{max-width:700px}
.hero .eyebrow{margin-bottom:27px;color:var(--hos-gold)}
.hero .lede{max-width:42rem;margin-block:28px 30px}
.hero .microcopy{margin-top:20px}
.hero-mark{min-height:560px}
.hero-mark img{width:855px;right:-290px}
.hero-mark:after{width:750px;height:750px;right:-280px;opacity:.28}
.hero .glow{inset:-10%;background:radial-gradient(circle,var(--hos-glow-gold) 0%,var(--hos-glow-lavender) 35%,transparent 70%);opacity:.55}
.hero{background:linear-gradient(var(--hos-cream-soft),var(--hos-cream))}
h2,.section-heading h2,.assessment h2{}
.section-heading{margin-bottom:40px}
.section-heading p{}
.split-heading>p{}
.eyebrow,.hero-copy .eyebrow{color:var(--hos-gold);margin-bottom:24px}
.eyebrow span:after{width:75px;opacity:.75}
.groups .eyebrow{color:var(--hos-gold-soft)}
.path-grid{gap:22px}
.path-card{padding:34px;min-height:330px;border-radius:20px}
.path-card h3{margin-top:35px}
.path-card h4{margin:13px 0}
.path-card p{min-height:80px;margin-block:5px 20px}
.path-card a{min-height:44px;}
.path-symbol{}.step{}
.story-grid{gap:18px}
.story-tile .symbol{width:84px;height:84px;margin-bottom:21px}
.story-tile .symbol svg{width:46px;height:46px}
.story-tile h3{min-height:20px}
.story-tile small{color:var(--hos-navy);margin-top:9px;}
.story-tile .story-hover{width:280px;padding:26px}
.story-hover span{}
.story-hover b{}
.story-framing{margin-top:36px;max-width:700px;margin-inline:auto}
.center-action{margin-top:30px}
.assessment{gap:7%;grid-template-columns:1fr 1.1fr}
.assessment-copy>p,.daily-copy>p{max-width:60ch}
.product-brand{gap:16px;margin-bottom:24px}
.product-brand img{width:54px;height:54px}
.profile-preview{padding:42px;border-radius:22px}
.profile-label{}
.profile-title{margin:22px 0 28px}
.profile-card{padding:24px 18px}
.profile-card small{}
.profile-card strong{margin-top:12px}
.profile-card span{margin-top:8px}
.profile-link{margin-top:23px}
.meta-row{margin-top:22px}
.featured-parable{grid-template-columns:120px minmax(0,1fr) 245px;gap:38px;padding-block:40px}
.parable-index{}.parable-index strong{}
.parable-body small{}.parable-body h3{}
.scripture-reference{margin:16px 0 22px}
.parable-body blockquote{}
.paring-chip{margin-top:22px}
.parable-actions a{padding-block:12px}
.daily{gap:7%;grid-template-columns:1fr 1.1fr}
.daily-card{padding:40px;border-radius:22px}
.daily-top{gap:15px}
.daily-card h3{}
.daily-grid{gap:24px;margin-top:30px;padding-top:25px}
.daily-grid small{}
.daily-grid p{}
.practice-tools{}
.daily-copy .button-text{text-align:left;justify-content:flex-start}
.testimony-grid{gap:38px}.testimony blockquote{margin:25px 0}
.portrait{width:62px;height:62px;}
.testimony p{}.testimony a{}
.sample-note{margin-top:-10px}
.content-grid{gap:40px 48px}
.content-grid h3{}
.content-grid small{}
.content-grid article>span{margin-bottom:20px}
.content-grid p{min-height:80px}
.content-grid a{display:inline-flex;min-height:44px;align-items:center}
.group-options{gap:28px}.group-options h3{}
.group-options p{min-height:110px}
.group-options small{}.group-options a{}
.link-list{gap:20px 25px}.link-list a,.link-list button{min-height:44px;display:flex;align-items:center}
.final-cta h2{max-width:900px;}
.final-cta p{}.final-cta img{width:125px;margin-bottom:30px}
.footer-brand img{width:52px}.footer-brand strong{}.footer-brand small{}.footer-links{}.footer-note{}
dialog{padding:40px;border-radius:20px}dialog h2{}dialog h3{}dialog p,dialog li{}.detail-meta h3{}.detail-meta p{}.dialog-journey{gap:20px}.search-results a{}.search-results small{}.save-status{}
.story-page-hero{padding-top:38px;padding-bottom:60px}.story-title-row h1{}.story-page-hero .intro{}.story-journey{}.back-link{margin-bottom:30px}.story-aside{}.story-aside strong{}.story-chapter h2{}.story-chapter p{}.story-chapter .eyebrow{}.story-chapter.practices li{}.related-links a{}.story-chapter .status-note{}
@media(min-width:1550px){.site-header{padding-inline:max(4%,calc((100vw - 1440px)/2));gap:30px}.hero{padding-inline:max(6%,calc((100vw - 1390px)/2))}.hero-mark img{right:-250px}}
@media(max-width:1350px){.desktop-nav{gap:16px;}.brand strong{}.site-header{gap:15px;padding-inline:3%}.header-cta{padding-inline:24px}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.story-tile .symbol{width:84px;height:84px}.story-tile h3{}.story-tile small{}}
@media(max-width:1180px){.desktop-nav{display:none}.menu-button{display:block;min-width:48px;min-height:48px;border:1px solid var(--hos-line);background:none;color:var(--hos-navy)}.search-button{margin-left:auto}.header-cta{margin-left:0}.hero{min-height:640px;padding-top:20px}.hero h1{}.hero-mark img{width:750px;right:-320px}.hero-mark:after{width:650px;height:650px;right:-300px}.path-grid{grid-template-columns:1fr 1fr;gap:22px}.path-card{min-height:290px}.path-card p{min-height:55px}.mobile-menu{top:104px;max-height:calc(100dvh - 104px)}.groups{grid-template-columns:1fr}.group-options{grid-template-columns:repeat(3,1fr)}.featured-parable{grid-template-columns:85px minmax(0,1fr) 210px;gap:25px}}
@media(min-width:721px) and (max-width:1000px){.hero h1{}.hero .lede{}.hero{grid-template-columns:1.2fr 1fr}.hero-mark img{width:690px;right:-340px}.assessment,.daily{grid-template-columns:1fr;gap:40px}.profile-preview,.daily-card{max-width:700px;width:100%}.featured-parable{grid-template-columns:70px minmax(0,1fr)}.parable-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:20px}.content-grid{gap:35px}}
@media(max-width:720px){body{}.site-header{height:88px;padding-inline:5%;gap:10px}.brand img{width:42px;height:42px}.brand strong{}.brand small{}.search-button{min-width:42px;min-height:48px}.search-button svg{width:21px}.menu-button{min-width:44px;min-height:44px}.header-cta{display:none}.utility-bar{top:88px;padding:8px 5%;}.mobile-assessment{min-height:48px!important;padding:12px 22px}.utility-bar>a:last-child{}.mobile-menu{top:88px;max-height:calc(100dvh - 88px)}.mobile-menu a,.mobile-menu button{min-height:48px}.hero{padding:25px 6% 0;min-height:auto;gap:0}.hero h1{}.hero .eyebrow,.eyebrow{}.hero .eyebrow{margin-bottom:24px}.eyebrow span:before{margin-right:8px}.eyebrow span:after{width:25px;margin-left:10px}.hero .lede{max-width:60ch;margin-block:25px}.hero .microcopy{margin:20px 0 0}.hero .button-row{gap:12px;align-items:stretch;flex-direction:column;width:100%}.hero .button-row .button{align-self:flex-start}.button,.header-cta{min-height:50px;padding:13px 24px;}.hero-mark{height:285px;min-height:285px;margin-top:12px}.hero-mark img{width:520px;right:-115px;top:79%}.hero-mark:after{display:none}.section{padding-block:85px}h2,.section-heading h2,.assessment h2{}.section-heading p,.split-heading>p{}.section-heading{margin-bottom:32px}.path-grid{grid-template-columns:1fr;gap:18px}.path-card{padding:30px;min-height:270px}.path-card h3{margin-top:28px}.path-card p{min-height:0}.path-card h4{}.path-card a{}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.story-tile{display:flex;flex-direction:column;text-align:center;align-items:center;padding:12px 0 20px;border:0;gap:0;min-width:0}.story-tile .symbol{width:80px;height:80px;margin:0 0 18px;flex-shrink:0}.story-tile .symbol svg{width:44px;height:44px}.story-tile h3{min-height:18px;align-self:auto;overflow-wrap:normal}.story-tile small{margin-top:8px;align-self:auto;color:var(--hos-navy)}.story-tile:after{display:none}.story-framing{margin-top:25px}.assessment,.daily{grid-template-columns:1fr;gap:35px}.assessment-copy>p,.daily-copy>p{}.profile-preview{padding:28px;border-radius:20px}.profile-title{}.profile-title span{margin-inline:6px}.profile-card{padding:22px 12px}.profile-card strong{}.profile-link{}.product-brand{}.product-brand img{width:48px;height:48px}.meta-row{}.featured-parable{grid-template-columns:1fr;gap:25px;padding-block:32px}.parable-index{display:flex;align-items:baseline;justify-content:flex-start;gap:14px;}.parable-index br{display:none}.parable-index strong{}.parable-body h3{}.parable-body blockquote{}.parable-actions{grid-column:auto;display:grid;gap:4px}.parable-actions a{min-height:48px}.daily-card{padding:28px;border-radius:20px}.daily-card h3{}.daily-top{}.daily-grid{display:block}.daily-grid>div{grid-template-columns:75px minmax(0,1fr);gap:15px}.daily-grid p{}.practice-tools{}.testimony-grid{gap:30px}.testimony blockquote{}.testimony p,.testimony a{}.sample-note{}.content-grid{grid-template-columns:1fr;gap:25px}.content-grid h3{}.content-grid p{min-height:0;max-width:60ch}.content-grid a{}.group-options{grid-template-columns:1fr;gap:28px}.group-options h3{}.group-options p{min-height:0}.group-options a{min-height:48px;display:inline-flex;align-items:center}.link-list a,.link-list button{}.final-cta h2{}.final-cta p{}.final-cta img{width:110px}.footer-brand strong{}.footer-links{gap:18px}.footer-note{}.story-page-hero{padding-top:25px;padding-bottom:45px}.story-title-row{gap:18px}.story-title-row h1{}.story-title-row .eyebrow{}.story-page-hero .intro{}.story-journey{gap:16px}.story-aside{}.story-chapter h2{}.story-chapter p{}.story-chapter .eyebrow{}.story-chapter.practices li{}.related-links a{}.story-title-row .symbol{width:78px;height:78px}.back-link{}.story-chapter{scroll-margin-top:175px}html{scroll-padding-top:165px}dialog{padding:28px;border-radius:20px}dialog h2{}.detail-meta p{}}
@media(max-width:370px){.brand strong{}.brand img{width:36px;height:36px}.site-header{gap:7px}.hero h1{}.hero .eyebrow{}.hero .eyebrow span:after{width:18px}.story-tile h3{}.story-tile small{}.story-title-row{gap:12px}.story-title-row h1{}.story-title-row .symbol{width:65px;height:65px}}
