/* Selected C composition, with the existing brand asset and cream/glow language. */
.hero-profile .profile-lead{line-height:1.9;color:var(--ink);text-wrap:pretty}
.hero-profile strong{font-weight:600;color:var(--ink);white-space:nowrap}
.profile-facts{margin:17px 0 0}
.profile-row{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.profile-row dt{font-size:12px;font-weight:600;line-height:1.9;color:#975b38;padding-top:2px}
.profile-row dd{margin:0;font-size:14px;line-height:1.85;text-wrap:pretty}
@media(max-width:680px){.profile-row{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:11px 0}.profile-row dt{font-size:11px}.profile-row dd{font-size:14px;line-height:1.85}.profile-facts{margin-top:14px}}
.hero-split{background:#fffaf4;text-align:left;padding:65px 0 75px;min-height:calc(100svh - 73px)}
.hero-split .hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero-split .hero-logo{width:min(420px,100%);max-width:none;margin:0 0 43px}
.hero-split .eyebrow{font-size:12px;letter-spacing:.14em;color:#8e4d2f}
.hero-split h1{font-family:'Songti SC','SimSun',serif;font-size:clamp(44px,5.1vw,70px);font-weight:400;line-height:1.42;letter-spacing:.03em;margin-top:17px}
.hero-split h1 em{color:#c7501b}
.hero-split .hero-description{max-width:490px;font-size:15px;line-height:1.95;margin-top:25px}
.hero-split .hero-description span{display:block}
.hero-split .hero-actions{justify-content:flex-start;margin-top:31px;gap:18px}
.hero-split .hero-note{margin-top:27px;font-size:12px;letter-spacing:0}
.hero-atmosphere{position:relative;isolation:isolate;height:530px;min-width:0;pointer-events:none}
.hero-atmosphere .hero-light{z-index:0;left:calc(50% - 290px);top:30px;width:580px;height:450px;border-radius:46% 54% 58% 42%;background:radial-gradient(ellipse at 43% 48%,#ff883c91 0%,#ffa55f6e 25%,#ffbf8d45 48%,#ffce9f1a 64%,transparent 74%);filter:blur(18px)}
.hero-atmosphere .small-light{z-index:0;width:220px;height:210px;filter:blur(12px);background:radial-gradient(ellipse,#ff9b575c,transparent 69%)}
.hero-atmosphere .light-one{left:-25px;top:-22px}
.hero-atmosphere .light-two{right:-48px;bottom:-12px}
@media(max-width:960px){.hero-split{min-height:calc(100svh - 67px);padding-block:55px}.hero-split .hero-content{grid-template-columns:1.15fr .85fr;gap:20px}.hero-split h1{font-size:54px}.hero-split .hero-logo{margin-bottom:35px}.hero-split .hero-description{font-size:14px}.hero-split .hero-actions{gap:12px;flex-wrap:wrap}.hero-split .hero-actions .button{font-size:13px;padding-inline:20px}.hero-atmosphere{height:460px}.hero-atmosphere .hero-light{width:480px;height:400px;left:calc(50% - 240px)}}
@media(max-width:680px){.hero-split{padding:45px 0 40px}.hero-split .hero-content{grid-template-columns:1fr;gap:0}.hero-split .hero-logo{width:min(360px,100%);margin:0 0 28px}.hero-split .eyebrow{font-size:10px}.hero-split h1{font-size:46px;line-height:1.35;margin-top:16px}.hero-split .hero-description{padding:0;margin-top:20px;font-size:14px}.hero-split .hero-actions{margin-top:24px}.hero-split .hero-note{font-size:11px;margin-top:22px}.hero-atmosphere .hero-light{width:390px;height:270px;left:calc(50% - 195px);top:-27px;filter:blur(14px)}.hero-atmosphere .small-light{width:150px;height:150px}.hero-atmosphere .light-one{left:-10px;top:-10px}.hero-atmosphere .light-two{right:-12px;bottom:-24px}}
@media(max-width:360px){.hero-split h1{font-size:41px}.hero-split .hero-actions .button{font-size:12px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere .hero-light{animation:none;opacity:.8}.hero-atmosphere .small-light{animation:none;opacity:0}}

/* Wide desktop hero; reading columns and mobile retain their existing scale. */
@media(min-width:1100px){
  .hero-split .hero-content{width:92%;max-width:1440px;grid-template-columns:1fr 1fr;gap:clamp(48px,5vw,80px)}
  .hero-split .hero-copy{max-width:600px}
  .hero-atmosphere .hero-light{width:clamp(580px,46vw,740px);height:clamp(450px,35vw,550px);left:calc(50% - clamp(290px,23vw,370px));top:0}
  .hero-atmosphere .light-one{left:0;top:-22px}
  .hero-atmosphere .light-two{right:-12px;bottom:-12px}
}
/* Broad liquid motion: overlapping soft fields, with independent color breathing. */
.hero-atmosphere{--flow-x:1;--flow-y:1}
.hero-atmosphere .hero-light{
  background:radial-gradient(ellipse at 38% 43%,#ff813ab0 0%,#ff9c5778 29%,#ffba7b42 50%,transparent 73%);
  filter:blur(22px);transform-origin:48% 53%;
  animation:liquidMain 12s ease-in-out infinite;
}
.hero-atmosphere .hero-light::after{
  content:'';position:absolute;inset:12% 3% 8% 14%;border-radius:50%;
  background:radial-gradient(ellipse at 61% 55%,#f566246b, #ff8d3938 36%,transparent 70%);
  animation:liquidTint 4.6s ease-in-out infinite;
}
.hero-atmosphere .small-light{width:340px;height:300px;filter:blur(20px);opacity:.65}
.hero-atmosphere .light-one{
  left:2%;top:0;
  background:radial-gradient(ellipse at 48% 54%,#ffae627d,#ffb87b42 38%,transparent 72%);
  animation:liquidUpper 10s ease-in-out -3s infinite;
}
.hero-atmosphere .light-two{
  right:-5%;bottom:-15px;
  background:radial-gradient(ellipse at 48% 47%,#f979347f,#ff9b5140 40%,transparent 72%);
  animation:liquidLower 14s ease-in-out -6s infinite;
}
@keyframes liquidMain{
  0%,100%{transform:translate(calc(-48px * var(--flow-x)),calc(-26px * var(--flow-y))) rotate(-16deg) scale(1.02,.87);opacity:.85}
  24%{transform:translate(calc(62px * var(--flow-x)),calc(-52px * var(--flow-y))) rotate(12deg) scale(1.12,.84);opacity:1}
  52%{transform:translate(calc(78px * var(--flow-x)),calc(55px * var(--flow-y))) rotate(32deg) scale(.91,1.14);opacity:.88}
  77%{transform:translate(calc(-66px * var(--flow-x)),calc(46px * var(--flow-y))) rotate(-8deg) scale(1.18,.95);opacity:1}
}
@keyframes liquidTint{
  0%,100%{opacity:.3;transform:translate(-5%,3%) scale(.88,1.06)}
  52%{opacity:.9;transform:translate(8%,-4%) scale(1.12,.9)}
}
@keyframes liquidUpper{
  0%,100%{transform:translate(0,0) rotate(-20deg) scale(1.1,.8);opacity:.42}
  38%{transform:translate(calc(85px * var(--flow-x)),calc(90px * var(--flow-y))) rotate(26deg) scale(.86,1.2);opacity:.85}
  72%{transform:translate(calc(-34px * var(--flow-x)),calc(145px * var(--flow-y))) rotate(48deg) scale(1.2,.9);opacity:.55}
}
@keyframes liquidLower{
  0%,100%{transform:translate(0,0) rotate(16deg) scale(.9,1.15);opacity:.7}
  35%{transform:translate(calc(-130px * var(--flow-x)),calc(-55px * var(--flow-y))) rotate(-24deg) scale(1.25,.8);opacity:.45}
  68%{transform:translate(calc(20px * var(--flow-x)),calc(-135px * var(--flow-y))) rotate(18deg) scale(.9,1.2);opacity:.85}
}
@media(max-width:960px){.hero-atmosphere{--flow-x:.55;--flow-y:.7}.hero-atmosphere .small-light{width:260px;height:250px}}
@media(max-width:680px){
  .hero-atmosphere{--flow-x:.3;--flow-y:.3}
  .hero-atmosphere .hero-light{filter:blur(14px)}
  .hero-atmosphere .hero-light::after{animation:none;opacity:.5}
  .hero-atmosphere .small-light{width:190px;height:165px;filter:blur(12px)}
  .hero-atmosphere .light-one{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-atmosphere .hero-light,.hero-atmosphere .hero-light::after,.hero-atmosphere .small-light{animation:none!important;transform:none}
  .hero-atmosphere .hero-light{opacity:.85}.hero-atmosphere .hero-light::after{opacity:.5}.hero-atmosphere .small-light{opacity:0}
}
/* Mobile poster composition: ambient light sits behind the heading, not in a separate row. */
@media(max-width:680px){
  .hero-split{min-height:0;padding:36px 0 44px;align-items:start}
  .hero-split .hero-content{isolation:isolate}
  .hero-split .hero-atmosphere{
    position:absolute;z-index:0;top:105px;right:-140px;
    width:390px;height:340px;margin:0;opacity:1;
    --flow-x:.22;--flow-y:.22;
    -webkit-mask-image:radial-gradient(ellipse at 68% 50%,#000 28%,transparent 72%);
    mask-image:radial-gradient(ellipse at 68% 50%,#000 28%,transparent 72%);
  }
  .hero-split .hero-atmosphere .hero-light{
    width:390px;height:320px;left:0;top:0;animation-duration:3.5s;
    background:radial-gradient(ellipse at 38% 43%,#ff6414e0 0%,#ff8738b3 29%,#ffa55d70 50%,transparent 73%);
  }
  .hero-split .hero-atmosphere .light-two{right:8px;bottom:0;animation-duration:4s}
}

/* Technology and access: extends the approved cream/orange editorial layout. */
.profile-tech-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;color:#a54113;text-decoration:underline;text-underline-offset:5px}
.hero-split .profile-tech-link span{display:inline}
.technology{background:#fffaf4;border-block:1px solid var(--line)}
.technology .section-heading{margin-bottom:20px}
.technology-intro{max-width:680px;color:var(--muted);font-size:15px;line-height:1.9}
.technology-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);margin-top:48px}
.technology-feature{min-width:0;border-top:1px solid #d9b79e;padding-top:26px}
.technology-feature h3{font-size:27px;line-height:1.4}
.technology-promise{font-size:16px;color:#9d431c;margin-top:8px}
.technology-stats{display:flex;flex-wrap:wrap;gap:24px 36px;margin:29px 0 25px}
.technology-stats>div{display:flex;flex-direction:column;gap:6px}
.technology-stats dt{font-size:12px;color:var(--muted)}
.technology-stats dd{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.3;letter-spacing:-.03em;color:#b84b19;white-space:nowrap}
.technology-stats dd span{font-size:12px;letter-spacing:0;margin-left:5px;color:#795542}
.technology-feature>p:not(.technology-promise){font-size:14px;line-height:1.9;color:var(--muted)}
.technology-capabilities{list-style:none;margin:22px 0 0;padding:0}
.technology-capabilities li{padding:13px 0;border-top:1px solid var(--line)}
.technology-capabilities strong{display:block;font-size:14px;font-weight:600}
.technology-capabilities span{display:block;font-size:13px;color:var(--muted);line-height:1.85;margin-top:4px}
.technology-path{list-style:none;display:flex;flex-wrap:wrap;gap:8px 12px;margin:24px 0 15px;padding:16px 0;border-block:1px solid var(--line);font-size:12px}
.technology-path li:not(:last-child)::after{content:'→';margin-left:12px;color:#ad673e}
.technology-feature>p.technology-footnote{font-size:11px;margin-top:17px;color:#806b5d}
.technology-data-list{font-size:13px!important}
.technology-open{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:46px;padding:32px 36px;background:#ffeddd;border-radius:18px}
.technology-open h3{font-size:23px;line-height:1.65;font-weight:600}
.technology-open p{font-size:14px;line-height:1.95;color:#614a3b}
.technology-open .technology-institutions{font-size:12px;margin-top:12px}
.technology-preview-note{font-size:11px;line-height:1.8;color:#806b5d;margin-top:18px}
@media(max-width:680px){.technology-intro{font-size:14px}.technology-columns{grid-template-columns:1fr;gap:34px;margin-top:28px}.technology-feature{padding-top:21px}.technology-feature h3{font-size:23px}.technology-promise{font-size:14px}.technology-stats{margin:23px 0 20px;gap:18px 28px}.technology-stats dd{font-size:34px}.technology-open{grid-template-columns:1fr;gap:16px;padding:24px 22px;margin-top:32px;border-radius:15px}.technology-open h3{font-size:21px}.technology-open p{font-size:13px}.technology-preview-note{font-size:11px}}

/* Desktop copy moves toward the glow; the logo and mobile alignment stay fixed. */
.hero-message{min-width:0}
@media(min-width:1100px){.hero-message{transform:translateX(clamp(72px,6vw,120px))}}

/* Learning introduction stays visible while public entry points are paused. */
.learning-feature{padding:19px 0}
.learning-feature+.learning-feature{border-top:1px solid var(--line)}
.learning-availability{margin-top:24px;font-size:13px;color:#92512f}
@media(max-width:680px){.learning-feature{padding:17px 0}.learning-availability{margin-top:19px;font-size:12px}}

/* Homepage exemption introduction */
.home-exemption{background:#fffaf6;border-top:1px solid var(--line)}
.home-exemption-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,8vw,110px);align-items:center}
.home-exemption h2{margin-top:15px}.home-exemption-intro{margin-top:22px;max-width:34em;color:var(--muted);font-size:15px;line-height:1.9}
.home-exemption .text-link{margin-top:18px;border-bottom:1px solid #d7a68a}
.home-exemption-list{border-top:1px solid var(--line)}
.home-exemption-item{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8.5em 1fr;gap:16px;align-items:baseline}
.home-exemption-item h3{font-size:17px}.home-exemption-item p{font-size:14px;color:var(--muted);line-height:1.8}
.home-exemption-note{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.8}
@media(max-width:680px){.home-exemption-layout{grid-template-columns:1fr;gap:30px}.home-exemption h2{font-size:31px}.home-exemption-intro{font-size:13px;margin-top:16px}.home-exemption .text-link{margin-top:12px}.home-exemption-item{grid-template-columns:1fr;gap:6px;padding:16px 0}.home-exemption-item h3{font-size:16px}.home-exemption-item p{font-size:13px}.home-exemption-note{font-size:11px}}

/* Approved homepage brand colors, confirmed 2026-10-28. */
.site-header .nav-contact,.footer-portal .button{background:#ff6b1a;border-color:#fff;color:#fff}
.site-header .nav-contact:hover,.footer-portal .button:hover{background:#ff7930;border-color:#fff;color:#fff}
.courses{background:#ffe8dc}
.course-card{border-color:#ffbc97}
.course-card .card-number{color:#ba4309}
.technology-open{background:#ff6b1a}
.technology-open h3,.technology-open p,.technology-open .technology-institutions{color:#fff}
#hero-title em,#main .eyebrow,#main .eyebrow span{color:#ff6b1a}
.button-primary:not(:disabled){color:#fff}
/* End homepage brand colors. */
