.fc-atmosphere-hero{--atmosphere-accent:#efb09b;--atmosphere-second:#d78d58;position:relative;isolation:isolate;overflow:hidden;background:#0c1017;border-bottom:1px solid #ffffff20}
.atmosphere-contact{--atmosphere-accent:#92c5d9;--atmosphere-second:#739bdd}
.atmosphere-background{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#38232088,transparent 60%),#090c13}
.atmosphere-contact .atmosphere-background{background:radial-gradient(ellipse at 75% 50%,#142c4d99,transparent 60%),#090e17}
.atmosphere-glow{position:absolute;width:55%;height:80%;border-radius:50%;opacity:.13;filter:blur(70px);animation:atmosphere-drift 16s ease-in-out infinite alternate;pointer-events:none}
.glow-primary{left:45%;top:5%;background:var(--atmosphere-accent)}.glow-secondary{left:65%;top:30%;background:var(--atmosphere-second);opacity:.08;animation-delay:-7s}
.atmosphere-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:clamp(38px,4vw,150px) clamp(38px,4vw,150px);mask-image:linear-gradient(90deg,transparent,#000)}
.atmosphere-particles{position:absolute;inset:0;background:radial-gradient(circle,#f2ddd999 1px,transparent 2px) 0 0/181px 157px,radial-gradient(circle,#c2daee77 1px,transparent 2px) 50px 20px/271px 233px;opacity:.35;animation:atmosphere-stars 15s ease-in-out infinite alternate}
.atmosphere-layout{min-height:calc(100vh - 80px);min-height:calc(100svh - var(--fc-header));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:1fr auto;align-items:center;gap:var(--fc-gap);padding-top:clamp(45px,5svh,130px);padding-bottom:clamp(20px,1.8vw,65px)}
.atmosphere-copy{padding-block:clamp(24px,3svh,70px)}
.atmosphere-copy h1{font:600 var(--fc-title)/1.3 "Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:-.045em;color:#edf0f4;margin:0 0 clamp(24px,2vw,72px)}
.atmosphere-copy h1 em{font-style:normal;color:var(--atmosphere-accent)}
.atmosphere-copy>p:not(.business-eyebrow){max-width:30em;font-size:var(--fc-text);line-height:1.9;color:#acb9c9;margin:0}
.atmosphere-contact .atmosphere-copy .business-button{background:var(--atmosphere-accent);border-color:var(--atmosphere-accent)}
.atmosphere-art{position:relative;display:grid;place-items:center;min-width:0;height:var(--fc-art);color:var(--atmosphere-accent)}
.atmosphere-ring{position:absolute;left:50%;top:50%;width:85%;height:85%;translate:-50% -50%;border:1px solid #b792783b;border-radius:50%;animation:atmosphere-spin 55s linear infinite}
.atmosphere-contact .atmosphere-ring{border-color:#92c5d93b}
.ring-outer::before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;background:var(--atmosphere-accent);border-radius:50%;box-shadow:0 0 20px var(--atmosphere-accent)}
.ring-inner{width:63%;height:63%;border-style:dashed;animation-direction:reverse;animation-duration:80s}
.ring-cross{width:100%;height:48%;transform:rotate(-25deg);animation:atmosphere-tilt 14s ease-in-out infinite alternate}
.atmosphere-maple{width:62%;height:70%;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 0 20px #eaa78f44);animation:atmosphere-leaf 8s ease-in-out infinite}
.atmosphere-contact .atmosphere-maple{filter:drop-shadow(0 0 20px #80b5df66)}
.atmosphere-art-tag{position:absolute;padding:clamp(8px,.8vw,30px) clamp(12px,1vw,36px);border:1px solid #ffffff24;border-radius:4px;background:#0d131ed9;backdrop-filter:blur(10px);font:var(--fc-label)/1.8 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.08em;white-space:nowrap;animation:atmosphere-tag 9s ease-in-out infinite}
.tag-first{left:0;top:15%}.tag-second{right:0;top:55%;animation-delay:-3s}.tag-third{left:10%;bottom:7%;animation-delay:-6s}
.atmosphere-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:clamp(18px,1.5vw,54px);border-top:1px solid #ffffff20;font:var(--fc-label)/1.7 Arial,sans-serif;letter-spacing:.13em;color:#9eacbd}
.atmosphere-motion-toggle{display:flex;align-items:center;gap:9px;min-height:clamp(36px,2.6vw,94px);padding:clamp(6px,.5vw,18px) clamp(9px,.8vw,29px);border:1px solid #ffffff30;border-radius:3px;background:#0b111a99;color:#cad5e1;font:var(--fc-label)/1.7 "Microsoft YaHei",sans-serif;cursor:pointer}
.atmosphere-paused :is(.atmosphere-background *, .atmosphere-art *){animation-play-state:paused!important}
@keyframes atmosphere-spin{to{transform:rotate(360deg)}}
@keyframes atmosphere-tilt{to{transform:rotate(15deg)}}
@keyframes atmosphere-leaf{50%{transform:translateY(-12px) rotate(-4deg)}}
@keyframes atmosphere-tag{50%{transform:translateY(-8px)}}
@keyframes atmosphere-drift{to{transform:translate(-8%,8%) scale(1.12)}}
@keyframes atmosphere-stars{to{opacity:.7;transform:translateY(-12px)}}
@media(max-width:980px) and (min-width:761px){.atmosphere-copy h1{font-size:clamp(40px,4.65vw,48px)}.atmosphere-art-tag{font-size:10px;padding:7px 9px}}
@media(max-width:760px){.atmosphere-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(var(--fc-mobile-art),1fr) auto;padding-top:38px;gap:18px}.atmosphere-copy{padding:0}.atmosphere-copy h1{font-size:var(--fc-title);margin-bottom:24px}.atmosphere-copy>p:not(.business-eyebrow){font-size:16px;max-width:28em}.atmosphere-art{height:var(--fc-mobile-art);width:100%;max-width:440px;justify-self:center}.atmosphere-maple{width:47%;height:70%}.atmosphere-ring{width:75%;height:85%}.ring-inner{width:55%;height:63%}.ring-cross{width:93%;height:48%}.atmosphere-art-tag{font-size:9px;padding:7px 10px}.tag-first{left:0;top:18%}.tag-second{right:0;top:52%}.tag-third{left:10%;bottom:9%}.atmosphere-footer{font-size:9px;padding-top:16px;gap:8px}.atmosphere-motion-toggle{font-size:11px}.atmosphere-glow{width:100%;height:70%;left:15%;top:30%}}
@media(prefers-reduced-motion:reduce){.fc-atmosphere-hero *{animation:none!important;transition:none!important}}
/* Keep both headline lines intact on narrow phones. */
@supports (overflow:clip){.fc-atmosphere-hero{overflow:clip}}
@media(max-width:760px){
  .atmosphere-copy h1{font-size:clamp(30px,9.2vw,64px)}
  body.fc-business .atmosphere-copy .business-heading-links{flex-direction:row;align-items:center;gap:16px}
  body.fc-business .atmosphere-copy .business-button{gap:22px;padding:12px 16px}
}
/* Position rings without individual transforms in older browser versions. */
@supports not (translate:-50% -50%){
  .atmosphere-ring{left:7.5%;top:7.5%}
  .ring-inner{left:18.5%;top:18.5%}
  .ring-cross{left:0;top:26%}
  @media(max-width:760px){.atmosphere-ring{left:12.5%}.ring-inner{left:22.5%}.ring-cross{left:3.5%}}
}