/* Mockup composition: dimensional brand geometry, editorial surfaces, unified icons. */
:root{--surface-blue:color-mix(in srgb,var(--story-control) 7%,var(--hos-paper));--surface-rose:color-mix(in srgb,var(--story-scarcity) 7%,var(--hos-paper));--surface-sage:color-mix(in srgb,var(--story-exclusion) 9%,var(--hos-paper));--surface-gold:color-mix(in srgb,var(--hos-gold) 11%,var(--hos-paper))}
.hero{position:relative;background:linear-gradient(115deg,var(--hos-cream-soft),var(--hos-paper) 48%,var(--hos-cream));min-height:650px;padding-top:26px;padding-bottom:48px}
.hero-mark{isolation:isolate}
.hero-mark .glow{inset:-25%;opacity:.95;background:radial-gradient(ellipse at 65% 48%,var(--hos-glow-lavender),transparent 50%),radial-gradient(ellipse at 45% 55%,var(--hos-glow-gold),transparent 60%);filter:blur(22px);z-index:-1}
.hero-mark img{filter:drop-shadow(0 8px 0 color-mix(in srgb,var(--hos-paper) 75%,transparent));right:-285px;width:830px}
.orbit{position:absolute;width:790px;height:790px;right:-265px;top:50%;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--hos-gold-soft) 75%,var(--hos-paper));border-radius:50%;pointer-events:none;z-index:-1}
.orbit-two{width:870px;height:870px;right:-305px;border-color:color-mix(in srgb,var(--hos-white) 85%,transparent);box-shadow:0 0 25px var(--hos-glow-gold)}
.hero-mark:after{display:none}
.orbit-point{position:absolute;width:13px;height:13px;border-radius:50%;background:color-mix(in srgb,var(--hos-glow-lavender) 80%,var(--hos-paper));border:1px solid var(--hos-glow-lavender);z-index:2}
.point-one{top:15%;left:10%}.point-two{bottom:10%;left:3%}
.site-header{background:var(--hos-cream-soft)}
.utility-bar{background:var(--hos-cream-soft)}
.pathway{background:var(--hos-paper);border-top:1px solid var(--hos-line)}
.path-grid{gap:18px}.path-card{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--surface-blue),var(--hos-cream-soft) 70%);border:0!important;border-radius:12px;isolation:isolate;min-height:300px;padding:30px}
.path-card:before,.path-card:after{content:'';position:absolute;pointer-events:none;z-index:-1;width:160%;height:85%;right:-35%;bottom:-28%;border-radius:60% 10% 0 0;transform:rotate(-18deg);background:color-mix(in srgb,var(--hos-navy) 11%,transparent)}
.path-card:after{bottom:58%;right:-60%;transform:rotate(25deg);background:color-mix(in srgb,var(--hos-white) 60%,transparent)}
.path-card:nth-child(2){background:linear-gradient(140deg,var(--hos-cream),var(--surface-gold))}
.path-card:nth-child(2):before,.path-card:nth-child(4):before{background:color-mix(in srgb,var(--hos-gold) 23%,transparent)}
.path-card:nth-child(4){background:linear-gradient(145deg,var(--hos-paper),var(--surface-gold))}
.path-card.dark-card{background:linear-gradient(140deg,var(--hos-navy),var(--hos-navy-deep));color:var(--hos-paper)}
.path-card.dark-card:before{background:color-mix(in srgb,var(--story-control) 45%,transparent)}
.path-card.dark-card:after{background:color-mix(in srgb,var(--hos-white) 8%,transparent)}
.path-card h3{margin-top:32px}.path-card p{min-height:70px}.path-symbol{}.path-card a{position:relative;padding-right:10px}
.path-card a:after{content:'↗';display:grid;place-items:center;border:1px solid var(--hos-line);border-radius:50%;background:var(--hos-paper);color:var(--hos-navy);width:34px;height:34px;margin-left:auto;flex-shrink:0;}
.story-types{background:var(--hos-cream-soft)}
.story-tile .symbol,.related-icon,.story-title-row .symbol{background:radial-gradient(circle at 35% 22%,color-mix(in srgb,var(--story-color) 85%,var(--hos-white)),var(--story-color) 75%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hos-white) 30%,transparent),inset 0 -5px 12px color-mix(in srgb,var(--hos-navy-deep) 12%,transparent)}
.story-title-row .symbol{--story-color:var(--story-control)}
.story-tile:hover .symbol,.story-tile:focus-visible .symbol{transform:translateY(-4px)}.story-tile .symbol{transition:transform .2s}
.story-hover{border-radius:14px}.story-framing{padding-top:28px;border-top:1px solid var(--hos-line)}
.assessment{background:linear-gradient(115deg,var(--hos-paper),var(--hos-cream));position:relative;gap:9%}
.profile-preview{position:relative;background:var(--hos-paper);border:1px solid var(--hos-line);border-radius:24px;padding:28px;box-shadow:0 14px 35px color-mix(in srgb,var(--hos-navy) 6%,transparent);max-width:550px;justify-self:center;width:100%}
.profile-screen-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--hos-line);padding:0 3px 17px;margin-bottom:25px;color:var(--hos-navy)}
.screen-dot{width:8px;height:8px;border-radius:50%;background:var(--hos-gold)}
.profile-label{color:var(--hos-muted);}.profile-title{margin:15px 0 22px;}
.profile-cards{display:grid;gap:12px}.profile-card{border:0;border-radius:14px;padding:24px}.profile-card.false{background:var(--surface-rose)}.profile-card.redeem{background:var(--surface-blue)}.profile-card.calling{background:var(--surface-sage)}.profile-card strong{}.profile-card small{color:var(--hos-navy)}
.parable-feature{background:var(--hos-paper)}.featured-parable{border-top-color:var(--hos-gold-soft);border-bottom-color:var(--hos-gold-soft)}
.daily{background:linear-gradient(120deg,var(--hos-cream),var(--surface-gold));gap:8%}
.daily-card{background:var(--hos-paper);border:1px solid var(--hos-gold-soft);box-shadow:none}.daily-top{color:var(--hos-navy)}
.daily-card:before{content:'✦';display:block;color:var(--hos-gold);margin-bottom:20px}
.content-system{background:var(--hos-cream-soft)}
.story-page-hero{background:radial-gradient(ellipse at 88% 48%,var(--hos-glow-lavender),transparent 50%),radial-gradient(ellipse at 75% 75%,var(--hos-glow-gold),transparent 55%),var(--hos-cream-soft);isolation:isolate;min-height:490px}
.story-page-hero>.story-watermark{opacity:1;width:570px;right:-240px;top:0;z-index:-1;filter:drop-shadow(0 5px 0 var(--hos-paper))}
.story-orbits{position:absolute;right:-285px;top:-100px;width:740px;height:740px;border:1px solid var(--hos-gold-soft);border-radius:50%;z-index:-1;box-shadow:0 0 35px var(--hos-glow-gold)}
.story-orbits:before,.story-orbits:after{content:'';position:absolute;inset:35px;border:1px solid var(--hos-white);border-radius:50%}.story-orbits:after{inset:70px;border-color:var(--hos-gold-soft)}
.story-page-hero .button-row,.story-title-row,.story-page-hero .intro,.back-link,.story-journey{position:relative;max-width:65%}
.story-journey{background:var(--hos-cream-soft);width:fit-content;padding:20px 20px 0 0}.story-title-row h1{}.story-title-row .symbol{width:100px;height:100px}
.story-body{max-width:1250px;gap:60px}.story-chapter{padding-bottom:44px;margin-bottom:44px}.story-chapter .eyebrow{}
#healer-false,#healer-redemptive,#healer-calling,#healer-practices{border:0;border-radius:18px;padding:34px;margin-bottom:28px}
#healer-false{background:var(--surface-rose)}#healer-redemptive{background:var(--surface-blue)}#healer-calling{background:var(--surface-sage)}#healer-practices{background:var(--surface-gold)}
#healer-false h2,#healer-redemptive h2{}
.related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
.related-links a{display:flex;flex-direction:column;gap:12px;align-items:center;border:0;border-radius:0;padding:8px 0;text-align:center;}
.related-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;color:var(--hos-white)}.related-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.final-cta{background:radial-gradient(ellipse at 50% 0,var(--hos-glow-gold),transparent 65%),var(--hos-cream-soft)}
@media(max-width:1180px){.hero-mark img{width:770px;right:-320px}.orbit{right:-305px;width:740px;height:740px}.orbit-two{right:-345px;width:820px;height:820px}.path-card{min-height:280px}.point-one{left:0}.point-two{left:-5%}.story-page-hero>.story-watermark{right:-300px}.story-page-hero .button-row,.story-title-row,.story-page-hero .intro,.back-link,.story-journey{max-width:74%}}
@media(max-width:1000px) and (min-width:721px){.hero-mark img{right:-360px}.orbit{right:-345px}.orbit-two{right:-385px}.point-one,.point-two{display:none}.profile-preview{justify-self:start}.story-page-hero>.story-watermark{opacity:.22}.story-page-hero .button-row,.story-title-row,.story-page-hero .intro,.back-link,.story-journey{max-width:100%}}
@media(max-width:720px){.utility-bar{}.hero{padding-top:28px;min-height:0;padding-bottom:0}.hero-mark{height:270px;min-height:270px;margin-top:15px;overflow:visible}.hero-mark img{width:500px;right:-110px;top:84%;filter:drop-shadow(0 5px 0 var(--hos-paper))}.hero{overflow:hidden}.orbit{width:510px;height:510px;right:-115px;top:84%;border-color:var(--hos-gold-soft)}.orbit-two{width:555px;height:555px;right:-138px}.orbit-point{display:none}.hero-mark .glow{inset:-35% -40%;opacity:.7}.path-card{min-height:270px;padding:30px}.path-card p{min-height:0}.path-card a:after{width:38px;height:38px}.profile-preview{padding:24px}.profile-screen-top{}.profile-title{}.profile-card{padding:22px}.profile-card strong{}.daily-card{padding:28px}.story-framing{}.story-page-hero{padding-top:30px;min-height:0}.story-page-hero>.story-watermark{width:410px;right:-275px;top:20px;opacity:.16}.story-orbits{width:540px;height:540px;right:-370px;top:0;opacity:.5}.story-title-row h1{}.story-title-row .symbol{width:78px;height:78px}.story-page-hero .button-row,.story-title-row,.story-page-hero .intro,.back-link,.story-journey{max-width:100%}.story-page-hero .button-row{gap:12px}.story-journey{padding-top:20px;background:transparent}.story-body{padding-top:35px}.story-chapter{margin-bottom:35px;padding-bottom:35px}#healer-false,#healer-redemptive,#healer-calling,#healer-practices{padding:27px 24px;margin-bottom:25px}#healer-redemptive h2{}.related-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.related-links a{}.related-icon{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.story-tile .symbol{transition:none}}

#story-page-title:focus{outline:none}