/* Career2 motion polish, kept separate from the underlying scene. */
#stage .copy { will-change: opacity, transform; }
#stage .copy p { line-height: 1.55; }
#feather { filter: drop-shadow(12px 18px 18px #00000016); }
#feather .black { filter: brightness(1.35); }
#swarm .small-feather:nth-child(3n) { filter: blur(1px); }
#swarm .small-feather:nth-child(5n) { filter: blur(2px); }
#paper { background: radial-gradient(ellipse at 66% 36%, #e0dcd7 0%, #d0ccca 70%); }
#rings i { border-color: #746f663d; transform-origin: center; }
#progress { background: #fff; }
#skip, #replay, .join, #join > a { transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease; }
#skip:hover, #replay:hover, .join:hover { color: #e7c52e; }
#join > a:hover { color: #e7c52e; border-color: currentColor; }
#skip { min-height: 44px; min-width: 90px; }
@media (prefers-reduced-motion: reduce) {
  html:not(.force-motion) #stage .copy { will-change: auto; transform: none !important; }
  html:not(.force-motion) :is(#skip, #replay, .join, #join > a) { transition: none; }
}


@font-face{font-family:CareerDisplay;src:url('/wp-content/themes/digitoria-motion/assets/media/career2/tasaorbiterdisplay-regular-webfont.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:CareerDisplay;src:url('/wp-content/themes/digitoria-motion/assets/media/career2/tasaorbiterdisplay-medium-webfont.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}
body{font-family:CareerDisplay,Arial,Helvetica,sans-serif}
@media(min-width:701px){
.brand{font-size:clamp(14px,1.45vw,28px)}
header{padding-top:2.5vh}
#chapter,.join{font-size:clamp(8px,.65vw,12px)}
#chapter{padding-top:12px}
.structure h2{left:2.3%;top:45%;font-size:4.4vw}
.structure h2::first-line{line-height:1}
.beauty h2{left:2.3%;top:22%}
.fusion h2{left:55%;top:25%}
}

.brand{letter-spacing:-.045em}

/* A complete career message accompanies the feather's flight. */
#landing .flight-copy{position:absolute;left:63%;top:24%;width:32%;max-width:600px}
#landing .flight-eyebrow{display:block;font-size:11px;letter-spacing:.16em;margin-bottom:24px;color:#595950}
#landing .flight-copy h2{position:static;font-size:clamp(42px,4.8vw,94px);line-height:.89}
#landing .flight-copy h2 span{margin-bottom:.04em}
#landing .flight-copy h2 span:last-child{color:#806900}
#landing .flight-copy p{font-size:clamp(14px,1vw,19px);line-height:1.5;margin:28px 0 20px;max-width:380px;color:#4b4b44}
.flight-link{pointer-events:auto;display:inline-flex;align-items:center;gap:24px;min-height:48px;font-size:11px;font-weight:500;letter-spacing:.06em;border-bottom:1px solid #77766b;padding:4px 0 10px}
.flight-link>span{display:grid;place-items:center;border-radius:50%;background:#e7c52e;color:#171717;width:36px;height:36px;font-size:20px;transition:transform .2s}
.flight-link:hover>span{transform:rotate(45deg)}
.flight-note{position:absolute;top:22%;left:5%;width:28%;border-top:1px solid #a6a398;padding-top:16px;color:#52534a}
.flight-note>span{font-size:10px;letter-spacing:.13em}
.flight-note i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b39413;margin-right:10px}
.flight-note small{display:block;font-size:12px;line-height:1.4;margin-top:12px;letter-spacing:.01em}
.flight-disciplines{position:absolute;left:5%;bottom:14%;color:#53544b}
.flight-disciplines>span{font-size:9px;letter-spacing:.16em}
#landing .flight-disciplines p{font-size:12px;letter-spacing:.04em;margin:10px 0 0}
.flight-disciplines b{font-weight:400;color:#9a8010;padding:0 9px}
@media(max-width:700px){
 #landing .flight-copy{left:6%;top:14%;width:88%;max-width:none}
 #landing .flight-eyebrow{font-size:9px;margin-bottom:12px}
 #landing .flight-copy h2{font-size:11vw;max-width:100%;line-height:.95}
 #landing .flight-copy h2 span{display:inline;margin:0 .12em 0 0}
 #landing .flight-copy p{font-size:13px;margin:14px 0;max-width:300px}
 .flight-link{font-size:9px;min-height:44px;gap:20px}
 .flight-note{display:none}
 .flight-disciplines{left:6%;bottom:12%}
 #landing .flight-disciplines p{font-size:10px}
}
.flight-note>span{display:inline;margin:0}

#arrival{color:#20211c;text-align:center}
.arrival-title{position:absolute;top:17%;left:4%;width:92%}
.arrival-kicker{font-size:10px;letter-spacing:.17em;display:block;margin-bottom:22px;color:#5b5c50}
.arrival-kicker i{display:inline-block;width:7px;height:7px;background:#b2930d;border-radius:50%;margin-right:10px}
#arrival h2{font-size:clamp(35px,5.8vw,112px);letter-spacing:-.065em;line-height:1.05}
#arrival h2 em{font-style:normal;color:#806900}
.arrival-action{position:absolute;top:64%;left:15%;width:70%}
#arrival .arrival-action p{font-size:clamp(14px,1.05vw,20px);line-height:1.5;color:#53544c;margin:0 0 20px}
.arrival-action a{pointer-events:auto;display:inline-flex;gap:28px;align-items:center;padding:8px 9px 8px 24px;background:#20211c;color:#f6f3e9;border-radius:40px;font-size:11px;letter-spacing:.06em;min-height:52px;transition:background .2s}
.arrival-action a span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7c52e;color:#20211c;font-size:21px;transition:transform .2s}
.arrival-action a:hover{background:#3c3d33}
.arrival-action a:hover span{transform:rotate(45deg)}
.arrival-coordinate{position:absolute;bottom:9%;left:4%;font-size:9px;letter-spacing:.08em;color:#646457}
.arrival-coordinate b{font-weight:400;color:#917600;padding:0 12px}
#stage.is-settled #rings i{border-color:#a98d2859}
@media(max-width:700px){
 .arrival-title{top:17%;left:6%;width:88%}
 .arrival-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:18px}
 #arrival h2{font-size:10.5vw;line-height:1}
 #arrival h2 em{display:block}
 .arrival-action{top:64%;left:6%;width:88%}
 #arrival .arrival-action p{font-size:13px;margin-bottom:18px}
 .arrival-action a{font-size:9px;gap:18px;min-height:48px;padding-left:20px}
 .arrival-coordinate{display:none}
}

/* Keep the moving flock above both organic transition surfaces. */
#swarm{z-index:4}
#together h2,#together p,#possibilities h2>span{will-change:transform}
#intro{overflow:hidden;background:#11120f}
.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,#b59b2526,transparent 49%),linear-gradient(115deg,#11120f 35%,#20221a)}
.hero-atmosphere:after{content:"";position:absolute;inset:0;background:url('/wp-content/themes/digitoria-motion/assets/img/career2/wide.jpg') center/cover;opacity:.035}
.hero-content{position:absolute;left:6%;top:25%;width:64%;z-index:2}
.hero-eyebrow{font-size:10px;letter-spacing:.15em;color:#c6c6b5;margin-bottom:26px}
#intro h1{position:static;font-size:clamp(48px,7.8vw,150px);line-height:.96;white-space:normal;letter-spacing:-.065em;width:auto}
#intro h1 span{display:block;transform-origin:left center}#intro h1 span+span{text-align:left;margin-top:0}#intro h1 em{font-style:normal;color:#e7c52e}
#intro p{position:static;font-size:clamp(15px,1.2vw,21px);line-height:1.55;margin:28px 0 25px;color:#bdbfb2;letter-spacing:0}
.hero-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:35px;min-height:52px;padding:7px 8px 7px 24px;border-radius:40px;background:#e7c52e;color:#191b12;font-size:11px;font-weight:600;letter-spacing:.05em;transition:background .2s,transform .2s}
.hero-cta b{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#202219;color:#eeeacb;font-size:22px;font-weight:400}.hero-cta:hover{background:#f6d951;transform:translateY(-3px)}
.hero-tags{margin-top:26px;font-size:9px;letter-spacing:.14em;color:#a7aa99}
.hero-art{position:absolute;inset:12% 0 10% 60%;perspective:900px}
.hero-plume{position:absolute;width:72%;height:100%;left:10%;top:0;background:url('/wp-content/themes/digitoria-motion/assets/img/career2/white.png') center/contain no-repeat;mask:url('/wp-content/themes/digitoria-motion/assets/img/career2/alpha.jpg') center/contain no-repeat luminance;transform:rotate(25deg);animation:hero-float 7s ease-in-out infinite}
.hero-orbit{position:absolute;width:95%;height:45%;left:-2%;top:32%;border:1px solid #dfc35b35;border-radius:50%;transform:rotate(-28deg)}
.hero-orbit:after{content:"";position:absolute;width:9px;height:9px;background:#e7c52e;border-radius:50%;left:15%;top:9%;box-shadow:0 0 22px #e7c52e66}
.hero-art-label{position:absolute;right:9%;bottom:3%;font-size:9px;line-height:1.7;letter-spacing:.13em;color:#a3a68e}.hero-footnote{position:absolute;bottom:5%;left:6%;font-size:9px;letter-spacing:.12em;color:#929683}
@keyframes hero-float{0%,100%{transform:translate3d(0,-10px,0) rotate(22deg) rotateY(-9deg)}50%{transform:translate3d(10px,12px,0) rotate(29deg) rotateY(9deg)}}
@media(max-width:700px){.hero-content{left:6%;top:19%;width:88%}.hero-eyebrow{font-size:8px;margin-bottom:20px}#intro h1{font-size:12.5vw;line-height:1.02}#intro p{font-size:14px;margin:24px 0 20px;max-width:85%}.hero-art{inset:50% -2% 8% 47%;opacity:.85}.hero-plume{width:85%;left:0}.hero-art-label{display:none}.hero-cta{font-size:10px;gap:20px;min-height:48px}.hero-tags{font-size:8px;letter-spacing:.07em;max-width:160px;line-height:2;margin-top:22px}.hero-footnote{bottom:12%;font-size:8px;max-width:40%;line-height:1.7}.hero-orbit{height:40%;top:33%}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .hero-plume{animation:none}}