/* Round 13 (REQ-0070): the Briefing ends on the gold point on the horizon (Higgsfield plate g2, owned render).
   Screen-blended, so the plate's black adds nothing and there is no box edge. No transform or z-index on .b-hf,
   so the blend reaches the field behind the page. Masked to an ellipse around the point; 26 s drift, 6.4 s breath. */
.bsec>.b-hf{position:absolute;inset:0;z-index:auto;overflow:hidden;pointer-events:none;--w:max(1500px,150vw);--pb:clamp(40px,7vh,84px)}
.b-hf .hfplate{position:absolute;width:var(--w);aspect-ratio:2560/1433;left:calc(50% - var(--w) * .65);bottom:calc(var(--pb) - var(--w) * .2066);
  background:url(hf-horizon-2560.jpg) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.92;transform-origin:65% 63%;
  -webkit-mask-image:radial-gradient(ellipse 34% 58% at 65% 63%,#000 22%,rgba(0,0,0,.5) 60%,transparent 100%);mask-image:radial-gradient(ellipse 34% 58% at 65% 63%,#000 22%,rgba(0,0,0,.5) 60%,transparent 100%);
  animation:bhfDrift 26s ease-in-out infinite alternate;will-change:transform}
.b-hf .hfglow{position:absolute;left:50%;bottom:var(--pb);width:340px;height:340px;margin:0 0 -170px -170px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(230,192,123,.3),rgba(230,192,123,.08) 40%,transparent 64%);mix-blend-mode:screen;animation:bhfBreathe 6.4s ease-in-out infinite}
@keyframes bhfDrift{from{transform:scale(1.015) translate3d(-.4%,0,0)}to{transform:scale(1.055) translate3d(.4%,-.5%,0)}}
@keyframes bhfBreathe{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@media (max-width:820px){
  .bsec>.b-hf{--w:max(760px,210vw);--pb:clamp(28px,5vh,56px)}
  .b-hf .hfplate{-webkit-mask-image:radial-gradient(ellipse 30% 52% at 65% 63%,#000 30%,rgba(0,0,0,.5) 62%,transparent 100%);mask-image:radial-gradient(ellipse 30% 52% at 65% 63%,#000 30%,rgba(0,0,0,.5) 62%,transparent 100%)}
  .b-hf .hfglow{width:220px;height:220px;margin:0 0 -110px -110px}
}
@media (prefers-reduced-motion:reduce){.b-hf .hfplate,.b-hf .hfglow{animation:none}}
.rm .b-hf .hfplate,.rm .b-hf .hfglow{animation:none}
/* the constellation caption sits with the art: under the horizon, right-aligned, above the columns (top set by constellation.js) */
@media (max-width:820px){.cst-cap.low{top:6px}}
/* the Future headline breaks before "remembers why." on every desktop width (as at 1440), so the constellation keeps its sky at 1280 */
@media (min-width:821px){.cst-on .future .top-row h2 em::before{content:"\A";white-space:pre}}
/* the horizon plate's line fades out evenly on both sides of the point (the ellipse ends inside the plate; the plate is 150vw) */
/* Who, reduced motion: the still fan-in's cyan-to-gold stroke passes through near-white ice instead of a green midpoint */
@media (prefers-reduced-motion:reduce){#wth stop:nth-child(2){stop-color:#dff4fb}}
.rm #wth stop:nth-child(2){stop-color:#dff4fb}
/* try it: the hand-off is the secondary style (the page's one gold pill stays "Request an executive briefing") */
.try-cg{position:relative;gap:10px;min-height:44px;padding:0 2px;border-radius:0;background:none;box-shadow:none;color:var(--ink,#f4f1ea);font:500 16px/1.2 var(--sans);letter-spacing:0;transition:color .25s var(--ease)}
.try-cg::before,.try-cg::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;pointer-events:none}
.try-cg::before{background:rgba(219,228,242,.3)}
.try-cg::after{background:var(--cyan,#46c8ff);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
.try-cg:hover{filter:none;color:#fff}.try-cg:hover::after{transform:scaleX(1)}
.try-cg:focus-visible{outline:2px solid #8fe8ff;outline-offset:4px}
.try-cg .ar{width:22px;height:22px;background:none;border:1px solid rgba(219,228,242,.35)}
@media (prefers-reduced-motion:reduce){.try-cg::after{transition:none}}
/* try it: the card's placeholder line and the field placeholder read at >= 8:1 on the card (was #9aa5b6, 7.55:1) */
.try-qv.ph{color:#b0bac9}
.try textarea::placeholder,.try-opt input::placeholder{color:#a3adbd}
/* constellation: the MEDIAN label reads at >= 8:1 over the star glow on phones (was #e6c07b, 7.9:1 at 390) */
.cst-md b{color:#f6dca4}
.cst-md{text-shadow:0 0 6px #05070b,0 0 12px #05070b,0 0 20px #05070b}
