body:is([data-concept=veil],[data-concept=horizon]) .hero-inner{text-align:center;padding-top:90px}
body:is([data-concept=veil],[data-concept=horizon]) .hero h1{max-width:1000px;margin-left:auto;margin-right:auto;font-size:clamp(68px,8.3vw,118px)}
body:is([data-concept=veil],[data-concept=horizon]) .hero-sub{margin-left:auto;margin-right:auto;max-width:540px}
body:is([data-concept=veil],[data-concept=horizon]) .hero-actions{justify-content:center}
body[data-concept=veil] #about{border-radius:var(--curve,110px) var(--curve,110px) 0 0}
body[data-concept=horizon] #about{border-radius:50% 50% 0 0 / 70px 70px 0 0}
body[data-concept=horizon] .hero-inner{padding-bottom:150px}
body[data-concept=horizon] .hero h1{font-size:clamp(68px,7.9vw,114px)}
@media(max-width:600px){body:is([data-concept=veil],[data-concept=horizon]) .hero h1{font-size:57px;line-height:1.03;max-width:360px;text-wrap:initial}body:is([data-concept=veil],[data-concept=horizon]) .hero-inner{padding-top:90px;padding-bottom:80px}body[data-concept=horizon] #about{border-radius:50% 50% 0 0 / 28px 28px 0 0}}

/* The entire welcome fades as one surface while navigation stays visible. */
.hero .hero-fade-group{opacity:var(--hero-opacity,1);will-change:opacity}
.hero h1.fade-headline{opacity:1!important;transform:none!important}
body.calm .hero .hero-fade-group{opacity:1!important}
@media(prefers-reduced-motion:reduce){.hero .hero-fade-group{opacity:1!important}}

/* Current production work content within Amber Veil's retained motion layout. */
body[data-concept=veil]:not(.journey) #systems .sys-anything{margin-top:0}
body[data-concept=veil]:not(.journey) .work-grid{gap:22px}
body[data-concept=veil]:not(.journey) .light .sys-anything .anything-body{color:var(--cream)}

/* Two narrow openings reveal the same animated background between reading sections. */
.veil-window{height:clamp(38px,5.5vw,68px);position:relative;background:transparent;border-top:1px solid #d8b79c33;border-bottom:1px solid #d8b79c33;pointer-events:none}

/* Still, softly rounded reading surfaces over the moving amber background. */
body[data-concept=veil]:not(.journey){--section-round:clamp(28px,4.5vw,64px)}
body[data-concept=veil]:not(.journey) #about{border-bottom-left-radius:var(--section-round);border-bottom-right-radius:var(--section-round)}
body[data-concept=veil]:not(.journey) #systems{border-radius:var(--section-round);position:relative;box-shadow:0 14px 26px -20px #170b0a99,0 -10px 24px -20px #170b0a77}
body[data-concept=veil]:not(.journey) #packages{border-top-left-radius:var(--section-round);border-top-right-radius:var(--section-round);box-shadow:0 -10px 24px -20px #170b0a77}
.veil-window{border:0}

/* Production motion control. */

/* Phone readability: a soft, text-local scrim, with waves left at the edges. */
@media(max-width:700px){
 body[data-concept=veil]:not(.journey) .hero-fade-group{isolation:isolate}
 body[data-concept=veil]:not(.journey) .hero-fade-group::before{content:"";position:absolute;inset:20px 0 0;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(32,16,16,.97) 25%,rgba(32,16,16,.91) 55%,rgba(32,16,16,.58) 76%,rgba(32,16,16,0) 100%)}
 body[data-concept=veil]:not(.journey) .hero-sub{color:#F6E7CE}
 body[data-concept=veil]:not(.journey) .hero .btn-ghost{background:rgba(32,16,16,.88);border-color:#D8B79C}
}

/* Compact journey with optional partnership detail. */
.compact-partnership .journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.compact-partnership .journey-step{display:flex;gap:18px;padding:26px;border-radius:24px;background:#faf2e5}
.compact-partnership .journey-number{font:14px 'Space Mono',monospace;color:#B14A28;border:1px solid #B14A2840;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
.compact-partnership .journey-step h3{font:600 24px 'Bricolage Grotesque',sans-serif;margin:2px 0 10px;color:#201010}
.compact-partnership .journey-step p{font-size:16px;line-height:1.55;color:#71452e;margin:0}
.compact-partnership .journey-partner{background:#201010}
.compact-partnership .journey-partner h3{color:#F6E7CE}
.compact-partnership .journey-partner p{color:#D8B79C}
.compact-partnership .journey-partner .journey-number{color:#EBB13E;border-color:#EBB13E66}
.compact-partnership .journey-action{display:flex;align-items:center;gap:22px;margin:26px 0;color:#71452e;font-size:15px}
.compact-partnership .partnership-options{border-top:1px solid #8A5A3B44;border-bottom:1px solid #8A5A3B44}
.compact-partnership summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;cursor:pointer;list-style:none;font-weight:600;color:#201010}
.compact-partnership summary::-webkit-details-marker{display:none}
.compact-partnership summary small{display:block;font-size:14px;font-weight:400;color:#71452e;margin-top:3px}
.compact-partnership summary:focus-visible{outline:2px solid #B14A28;outline-offset:5px;border-radius:4px}
.compact-partnership .options-plus{font-size:28px;font-weight:400;transition:transform .2s}
.compact-partnership details[open] .options-plus{transform:rotate(45deg)}
.compact-partnership .tiers{margin-top:20px}
.compact-partnership .alacarte{margin-bottom:24px}
@media(max-width:700px){
 #packages.compact-partnership{padding:48px 0 52px}
 .compact-partnership .journey-steps{grid-template-columns:1fr;gap:10px;margin-top:24px}
 .compact-partnership .journey-step{padding:20px;gap:14px;border-radius:20px}
 .compact-partnership .journey-step h3{font-size:22px;margin:2px 0 6px}
 .compact-partnership .journey-number{width:32px;height:32px;font-size:12px}
 .compact-partnership .journey-action{flex-direction:column;align-items:stretch;text-align:center;gap:10px;margin:22px 0}
 .compact-partnership summary{font-size:16px;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){.compact-partnership .options-plus{transition:none}}

/* Brighter Amber Veil study: luminous edges with a quiet reading column. */
body.veil-radiant .hero-sub{color:#F6E7CE}
body.veil-radiant .hero .btn-gold{box-shadow:0 0 32px #EBB13E30}
body.veil-radiant .hero .btn-ghost{border-color:#D8B79C;background:#20101099}

/* Champagne direction, kept as a separate preview. */
body.veil-light{background:#F6E7CE}
body.veil-light .nav{background:#F6E7CEE8;border-bottom:1px solid #8A5A3B22}
body.veil-light .nav .ember-mark,body.veil-light .nav-link{color:#201010}
body.veil-light .hero h1{color:#201010}
body.veil-light .hero .grad-ital{color:#B14A28;-webkit-text-fill-color:#B14A28}
body.veil-light .hero .kicker{color:#8A5A3B}
body.veil-light .hero-sub{color:#573529}
body.veil-light .hero .btn-gold{background:#201010;color:#F6E7CE;box-shadow:0 10px 30px #20101018}
body.veil-light .hero .btn-ghost{color:#201010;background:#FAF2E5B8;border-color:#8A5A3B77}
body.veil-light .hero-fade-group::before{background:radial-gradient(ellipse at center,#F6E7CEF5 25%,#F6E7CEE8 55%,#F6E7CE94 76%,#F6E7CE00 100%)!important}
body.veil-light #about,body.veil-light #systems{background:#FAF2E5}
body.veil-light .nav .ember-synth{color:#201010!important;-webkit-text-fill-color:#201010}
body.veil-light .nav .ember-creatives{color:#8A5A3B!important}
body.veil-light .hero .hero-sub{color:#573529!important}
body.veil-light .hero .btn-ghost{background:#FAF2E5E8!important;color:#201010!important;border-color:#8A5A3B77!important}

/* Flush navigation with rounded bottom corners. */
body.veil-light .nav{inset:0 0 auto;border:0;border-bottom:1px solid #8A5A3B22;border-radius:0 0 28px 28px;box-shadow:0 6px 22px #2010100a}
@media(max-width:600px){body.veil-light .nav{inset:0 0 auto;border-radius:0 0 24px 24px;padding:12px 16px}}