/* Round two: The Calling's structure + Living Light's blue family.
   Barlow Condensed and DM Sans carry headlines. The existing serif is restricted to short supporting notes. */
.round-two{
 --paper:#0c1b44;
 --ink:#f0f2f7;
 --muted:#b7c7e5;
 --accent:#b8d4ff;
 --on-accent:#102353;
 --panel:#132956;
 --line:#536d97;
 --portal-line:#7dace8;
 --focus:#c2dcff;
 --error:#ffd0c5;
 --glow-dark:#0c1b44;
 --glow-mid:#1c3f9d;
 --glow-light:#477dd4;
 --glow-hot:#cee5ff;
 --display:'Barlow Condensed',Impact,sans-serif;
 --blue:#203fa5;
 --blue-deep:#112663;
 --blue-light:#d3e3ff;
 --wash:rgba(12,27,68,.8);
 --transparent-line:rgba(184,212,255,.22);
 --support:'Instrument Serif',Georgia,serif; /* unslop-ignore: the owner explicitly requested serif supporting accents, with sans-serif headlines. */
}
.round-two .site-header{border-bottom:1px solid var(--transparent-line)}
.round-two .hero::after{background:linear-gradient(0deg,var(--paper),transparent 45%),linear-gradient(90deg,var(--wash),transparent 65%)}
.round-two h1{font-weight:600;line-height:.94;letter-spacing:-.035em}
.round-two h1 span{animation:calling-type .7s var(--ease) both}
.round-two h1 span:nth-child(2){animation-delay:.08s}
.round-two h2{font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:1.02}
.round-two h3,.round-two .route-answer h3{font-family:var(--body);font-weight:600;font-size:clamp(28px,2.8vw,40px);line-height:1.1;letter-spacing:-.045em}
.round-two .support-serif{font:italic clamp(24px,2.4vw,34px)/1.25 var(--support);text-transform:none;letter-spacing:0}
.round-two .section-opening h2{font-size:clamp(48px,6vw,86px)}
.round-two .route-answer .tiny{font-family:var(--support);font-size:24px;font-style:italic;letter-spacing:0;text-transform:none}
.round-two .route-choice{font-family:var(--body);font-size:clamp(19px,2vw,28px);line-height:1.3}
.round-two .sample{--ink:#f0f2f7;--paper:#0c1b44;--accent:#203fa5;--on-accent:#f0f2f7;--line:#7f96bc;--focus:#203fa5;background:var(--blue-light);color:var(--paper)}
.round-two .sample h2{font-size:clamp(46px,5.4vw,78px);line-height:1.04}
.round-two .sample-symbol{font-family:var(--support);font-size:clamp(64px,7vw,100px);border-color:var(--line)}
.round-two .sample-symbol span{font-style:italic;font-size:.8em}
.round-two .sample .primary:hover{background:var(--paper);color:var(--ink)}
.round-two .about h2{font-size:clamp(56px,6.2vw,90px)}
.round-two .updates h2{font-size:clamp(68px,8.2vw,118px)}
.round-two .signature{font-family:var(--support);font-size:34px}
.round-two .prayer-dialog{--display:'DM Sans',Arial,sans-serif}
.round-two .prayer-body h2{font-family:var(--body);font-weight:600;font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.04em}
.round-two .prayer-controls button{white-space:nowrap;gap:16px;padding:12px 18px;min-height:52px}
.round-two .portal-arch{box-shadow:none}
.round-two .portal-cross{box-shadow:0 0 35px var(--accent)} /* unslop-ignore: explicitly requested sacred light, inherited from the selected direction. */
.round-two .orbital-word{font-size:11px;letter-spacing:.32em}
.round-two .manifesto{padding-top:100px;padding-bottom:100px}
.round-two .manifesto h2{font-size:clamp(82px,10vw,148px);line-height:.98}
.round-two .sample-copy>.tiny{font-family:var(--support);font-style:italic;text-transform:none;letter-spacing:0;font-size:22px}
/* A: conservative combination. A cooler threshold, calmer light, familiar reading order. */
.blue .hero{min-height:clamp(540px,calc(100svh - 146px),780px)}
.blue .blue-portal{transform:rotate(6deg);right:3%;top:-65px}
.blue .portal-arch{animation:blue-breath 18s ease-in-out infinite;animation-delay:calc(var(--i) * -.75s);opacity:calc(.7 - var(--i) * .035)}
.blue #rays{opacity:.72}
.blue .portal-cross{opacity:.68}
.blue .about{background:var(--blue-deep)}
@keyframes blue-breath{0%,100%{transform:translateZ(calc(var(--i) * -65px))}50%{transform:translateZ(calc(var(--i) * -55px))}}
/* B: continuous travel through blue architecture. No scroll capture, no flashing, no delayed action. */
.current{
 --paper:#091c54;--panel:#142e75;--ink:#f2f6ff;--muted:#bdcbed;--accent:#d8e7ff;--on-accent:#122a67;
 --line:#6f8bbe;--portal-line:#c1dbff;--glow-dark:#091c54;--glow-mid:#244bbb;--glow-light:#658ff4;--glow-hot:#d8eeff;
 --wash:rgba(9,28,84,.8);--blue-light:#c9dcff;--focus:#d8e7ff;
}
.current .hero{min-height:clamp(560px,calc(100svh - 146px),820px);perspective:1200px}
.current .hero-copy{z-index:2}
.current h1{font-size:clamp(112px,17.4vw,248px);font-weight:500;letter-spacing:-.045em;line-height:.92}
.current h1 span:nth-child(2){padding-left:8vw}
.current .current-portal{height:790px;width:720px;right:-2%;top:-45px;perspective:900px;transform:rotate(-16deg);transform-style:preserve-3d}
.current .portal-arch{border-radius:380px 380px 8px 8px;opacity:.7;animation:threshold-travel 12s linear infinite;animation-delay:calc(var(--i) * -1s);transform-origin:50% 53%}
.current .portal-cross{top:31%;height:185px;transform:rotate(16deg);opacity:.8}
.current .portal-cross::after{top:53px;left:-48px;width:99px}
.current #rays{opacity:.95}
.current .hero::after{background:linear-gradient(0deg,var(--paper),transparent 45%),linear-gradient(90deg,var(--wash),transparent 85%)}
.halo-orbit{position:absolute;width:75%;height:75%;top:8%;left:14%;border:1px solid var(--portal-line);border-radius:50%;opacity:.35;animation:orbit-plane 22s ease-in-out infinite;transform-style:preserve-3d}
.orbit-two{animation-delay:-11s;animation-direction:reverse}
.current .orbital-word{display:none}
.motion-ribbon{overflow:hidden;border-block:1px solid var(--line);background:var(--blue);color:var(--ink);padding:14px 0}
.motion-ribbon>div{font:500 clamp(44px,6vw,90px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap;width:max-content;animation:prayer-current 28s linear infinite}
.motion-ribbon span{-webkit-text-stroke:1px currentColor;color:transparent;padding-inline:30px}
.current .manifesto{background:var(--panel)}
.current .manifesto h2{font-size:clamp(90px,12vw,172px)}
.current .sample-symbol{border-radius:220px 220px 0 0;position:relative;overflow:hidden}
.current .sample-symbol::after{content:'';position:absolute;inset:20px;border:1px solid var(--line);border-radius:inherit;animation:practice-frame 7s ease-in-out infinite}
@keyframes threshold-travel{0%{transform:translateZ(-1250px) rotateZ(-6deg);opacity:0}15%{opacity:.35}65%{opacity:.75}100%{transform:translateZ(220px) rotateZ(5deg);opacity:0}}
@keyframes orbit-plane{0%,100%{transform:rotateY(64deg) rotateX(10deg) rotateZ(-18deg)}50%{transform:rotateY(-24deg) rotateX(58deg) rotateZ(30deg)}}
@keyframes prayer-current{to{transform:translateX(-33.333%)}}
@keyframes practice-frame{50%{transform:scale(.87)}}
/* C: a ceremonial, public-facing movement identity. Christ, not a founder portrait, remains central. */
.assembly{
 --paper:#102871;--panel:#193785;--ink:#f4f0e3;--muted:#c4d4f4;--accent:#d5e4ff;--on-accent:#102871;
 --line:#738cbe;--portal-line:#9cbae8;--glow-dark:#102871;--glow-mid:#2145aa;--glow-light:#5b85d4;--glow-hot:#c4d8f6;
 --blue-light:#e4eaf5;--wash:rgba(16,40,113,.55);--focus:#d5e4ff;
}
.assembly .site-header{display:grid;grid-template-columns:1fr 1fr;min-height:100px;padding-block:20px;background:var(--paper)}
.assembly .brand{font-family:var(--body);font-weight:700;text-transform:uppercase;font-size:27px;letter-spacing:-.06em}
.assembly .brand svg{height:44px;width:40px}
.assembly .site-header nav{justify-content:end;gap:28px}
.assembly .site-header nav a:first-child{display:none}
.assembly .hero{min-height:clamp(580px,calc(100svh - 145px),820px);text-align:center;padding-top:24px}
.assembly .hero-copy{padding-top:0}
.assembly h1{font-family:var(--body);font-weight:700;font-size:clamp(104px,12.2vw,174px);line-height:.93;letter-spacing:-.085em;text-align:center;max-width:none;position:relative}
.assembly .calling-lower{justify-content:center;align-items:center;gap:40px;max-width:none;margin-top:32px;text-align:left}
.assembly .calling-lower p{font-family:var(--support);font-size:clamp(23px,2.3vw,31px);line-height:1.15;max-width:27ch}
.assembly .calling-lower .primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);min-width:240px}
.assembly .calling-lower .primary:hover{background:var(--paper);color:var(--ink)}
.assembly .hero::after{background:linear-gradient(0deg,var(--paper),transparent 35%)}
.assembly #rays{opacity:.28}
.assembly-art{position:absolute;inset:0;z-index:-2;overflow:hidden;display:flex;justify-content:center;align-items:center}
.sacred-seal{width:min(1000px,90vw);height:min(1000px,90vw);flex-shrink:0;position:absolute;top:-170px;color:var(--portal-line);opacity:.48}
.sacred-seal text{fill:currentColor;font-family:var(--body);font-size:25px;font-weight:500;letter-spacing:11px}
.seal-rays{transform-origin:500px 500px;animation:seal-turn 180s linear infinite}
.beam-column{position:absolute;height:100%;width:1px;background:var(--portal-line);opacity:.4;top:0}
.ceremony-side{position:absolute;top:25%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.34em;opacity:.8}
.ceremony-side.left{left:28px;transform:rotate(180deg)}
.ceremony-side.right{right:28px}
.covenant-band{display:flex;justify-content:space-between;gap:24px;background:var(--ink);color:var(--paper);padding:20px var(--space);font:700 clamp(34px,5.6vw,80px)/1 var(--body);letter-spacing:-.065em;overflow:hidden}
.assembly .manifesto{padding:112px var(--space);background:var(--paper)}
.assembly .manifesto h2{font-family:var(--body);font-size:clamp(64px,7.6vw,108px);font-weight:700;letter-spacing:-.07em;line-height:1}
.assembly .manifesto-text{padding-top:16px}
.assembly .begin-section{background:var(--panel);border-block:1px solid var(--line)}
.assembly .section-opening h2{font-family:var(--body);font-size:clamp(42px,4.5vw,65px);font-weight:700;letter-spacing:-.06em}
.assembly .route-choice{font-size:23px}
.assembly .route-answer{background:var(--paper);border-top:3px solid var(--accent)}
.assembly .sample-symbol{border-radius:0;border:0;font-size:80px;min-height:410px}
.assembly .sample-symbol::before{content:'';position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}
.assembly .sample h2{font-family:var(--body);font-size:clamp(38px,4.3vw,62px);font-weight:700;letter-spacing:-.06em}
.assembly .about{border-block:1px solid var(--line);background:var(--blue-deep)}
.assembly .about h2{font-family:var(--body);font-size:clamp(46px,5.2vw,75px);font-weight:700;letter-spacing:-.065em}
.assembly .updates h2{font-family:var(--body);font-size:clamp(56px,6.6vw,95px);font-weight:700;letter-spacing:-.07em}
@keyframes seal-turn{to{transform:rotate(360deg)}}
/* Native scrolling supplies depth without pinning or trapping the reader. */
@supports(animation-timeline:view()){
 .current .manifesto h2{animation:current-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
 @keyframes current-reveal{from{transform:perspective(900px) rotateX(15deg) translateY(45px);opacity:.35}to{transform:perspective(900px) rotateX(0) translateY(0);opacity:1}}
 .assembly .manifesto h2{animation:assembly-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
 @keyframes assembly-reveal{from{transform:translateY(30px);opacity:.45}to{transform:translateY(0);opacity:1}}
}
.out-of-view *,.out-of-view .seal-rays{animation-play-state:paused!important}
.low-power .portal-arch,.low-power .halo-orbit,.low-power .motion-ribbon>div{animation:none!important}
.motion-off .round-two h1 span,.motion-off .round-two .manifesto h2{animation:none!important;transform:none!important;opacity:1!important}
@media(max-width:1000px){
 .current .current-portal{right:-16%;width:630px;height:720px}
 .current h1{font-size:clamp(112px,17vw,192px)}
 .assembly .site-header nav{gap:18px}
 .assembly .brand{font-size:23px}
 .assembly .calling-lower{gap:24px}
 .assembly .primary{gap:24px}
 .assembly .route-choice{font-size:20px}
 .round-two .sample h2{font-size:49px}
 .assembly .sample h2{font-size:43px}
}
@media(max-width:700px){
 .round-two .hero{min-height:580px}
 .round-two h1{font-size:clamp(94px,25.5vw,178px);line-height:1}
 .round-two .hero-copy{padding-bottom:8px}
 .round-two .calling-lower{margin-top:28px}
 .round-two .calling-lower p{font-size:15px;max-width:30ch}
 .blue .blue-portal{top:-30px;right:-33%;width:360px;height:600px}
 .round-two .manifesto{padding-top:64px;padding-bottom:64px}
 .round-two .manifesto h2{font-size:clamp(80px,17vw,120px)}
 .round-two .section-opening h2{font-size:45px}
 .round-two .sample h2{font-size:40px}
 .round-two .about h2{font-size:52px}
 .round-two .updates h2{font-size:64px}
 .round-two .route-answer h3{font-size:30px}
 .round-two .route-choice{font-size:20px}
 .round-two .sample-copy>.tiny{font-size:21px}
 .current .hero{min-height:610px}
 .current h1{font-size:clamp(94px,25.5vw,178px);line-height:1}
 .current h1 span:nth-child(2){padding-left:0}
 .current .current-portal{right:-55%;top:-10px;width:450px;height:600px}
 .current .portal-cross{height:140px;top:30%}
 .current .portal-cross::after{width:74px;left:-36px;top:42px}
 .current .manifesto h2{font-size:clamp(80px,18vw,125px)}
 .motion-ribbon{padding:14px 0}
 .assembly .site-header{display:flex;min-height:88px;padding-block:12px;gap:16px}
 .assembly .brand{font-size:18px;letter-spacing:-.05em}
 .assembly .brand svg{width:25px;height:36px}
 .assembly .site-header nav{font-size:11px}
 .assembly .hero{min-height:610px;padding-top:0}
 .assembly h1{font-size:clamp(64px,17vw,112px);line-height:1;letter-spacing:-.075em}
 .assembly .calling-lower{display:flex;flex-direction:column;gap:20px;margin-top:28px;text-align:center}
 .assembly .calling-lower p{font-size:24px;max-width:23ch;margin-bottom:0}
 .assembly .calling-lower .primary{min-width:0;padding-inline:22px;gap:20px}
 .sacred-seal{width:630px;height:630px;top:-30px;opacity:.36}
 .ceremony-side{display:none}
 .covenant-band{font-size:clamp(20px,5.9vw,40px);gap:12px;padding:20px 18px;letter-spacing:-.055em}
 .assembly .manifesto h2{font-size:clamp(52px,11.3vw,76px);letter-spacing:-.065em}
 .assembly .section-opening h2{font-size:36px}
 .assembly .sample h2{font-size:35px}
 .assembly .about h2{font-size:40px}
 .assembly .updates h2{font-size:50px}
 .assembly .sample-symbol{min-height:290px;font-size:66px}
 .assembly .sample-symbol svg{width:48px;left:calc(50% - 24px);top:18px}
}
@media(prefers-reduced-motion:reduce){.round-two *, .round-two *::before,.round-two *::after{animation:none!important;transition:none!important}.round-two h1 span,.round-two .manifesto h2{opacity:1!important;transform:none!important}}
@media print{.round-two #rays,.portal,.assembly-art,.motion-ribbon,.covenant-band,.ceremony-side{display:none}.round-two h1 span,.round-two .manifesto h2{opacity:1;transform:none}.round-two{--paper:#fff;--ink:#111;--muted:#333}}
