/* Digitoria: bright ideas, expressed as a glowing bulb. */
.hero-plume,.small-feather,.vane{background-image:url('/wp-content/themes/digitoria-motion/assets/img/career2/bulb.svg')!important;mask:none!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.hero-plume{filter:drop-shadow(0 0 24px #e7c52e35)}
html[data-bulb-model="ready"] .hero-plume{visibility:hidden}
.hero-atmosphere:after,#field{background-image:radial-gradient(circle,#edcd5040 1px,transparent 1.5px)!important;background-size:32px 32px!important}
.hero-atmosphere:after{opacity:.22}
#field{opacity:.15!important}
.fringe{display:none}
#paper{background:radial-gradient(ellipse at 50% 35%,#fff7db,#d0ccca 70%);border-radius:0 0 50% 50%/0 0 12% 12%;box-shadow:0 20px 70px #f5cc5440}
.small-feather{filter:drop-shadow(0 0 8px #f7cc5044)!important;width:8vh;height:12vh}
#feather{filter:drop-shadow(0 0 28px #e7c52e44)}
#feather .black{filter:none}
.hero-orbit{border-color:#dfc35b55}
@media(min-width:701px){#intro h1{font-size:clamp(48px,6.8vw,132px)}}
/* Quiet editorial layout; the lamp and message have separate space. */
#paper{background:radial-gradient(ellipse at 28% 40%,#fffaf0,#e9e6df 70%);border-radius:0;box-shadow:none}
#swarm{mask:linear-gradient(90deg,#000,transparent 50%);opacity:.3}
.small-feather:nth-child(n+5){display:none}
#field{opacity:.045!important}
#together h2{left:55%;top:29%;font-size:clamp(34px,4vw,78px);line-height:1.03;letter-spacing:-.05em}
#together p{left:55%;top:59%;width:34%;font-size:clamp(14px,1.1vw,19px);color:#b9bbaf}
#arrival{text-align:left}
#arrival .arrival-title{left:54%;top:29%;width:41%}
#arrival h2{font-size:clamp(35px,4.7vw,86px);line-height:1.03;letter-spacing:-.05em}
#arrival h2 em{display:block}
#arrival .arrival-action{left:54%;top:57%;width:40%}
#arrival .arrival-action p{max-width:400px;font-size:clamp(14px,1.1vw,19px);margin-bottom:25px}
#arrival .arrival-kicker{margin-bottom:20px}
#stage.is-settled #shadow{width:20vw;margin-left:6vw;opacity:.07!important}
#stage.is-settled #rings{width:26vw;opacity:.25!important}
@media(max-width:700px){
 #together h2{left:8%;top:17%;width:84%;font-size:8.5vw;line-height:1.05}
 #together p{left:8%;top:73%;width:84%;font-size:13px}
 #arrival{text-align:center}
 #arrival .arrival-title{left:6%;top:53%;width:88%}
 #arrival .arrival-kicker{font-size:8px;margin-bottom:12px}
 #arrival h2{font-size:9vw;line-height:1.02}
 #arrival .arrival-action{left:6%;top:70%;width:88%}
 #arrival .arrival-action p{font-size:12px;line-height:1.45;margin-bottom:13px}
 .arrival-action a{min-height:44px}
 #stage.is-settled #shadow{width:30vw;margin-left:1vw}
 #stage.is-settled #rings{width:48vw}
}
/* Immediate, legible copy and a new editorial opening. */
#intro{opacity:1;background:#151714}
.hero-atmosphere{background:linear-gradient(115deg,#151714,#1b1e18)}
.hero-atmosphere:after{display:none}
.hero-content{left:6%;top:23%;width:56%}
.hero-eyebrow{display:inline-block;padding:9px 13px;border:1px solid #7b816555;border-radius:20px;color:#d0d6bd;font-size:9px;letter-spacing:.13em;margin-bottom:26px}
#intro h1{font-size:clamp(54px,8.1vw,155px);line-height:.94;letter-spacing:-.055em;font-weight:500}
#intro h1 em{color:#eddd94}
#intro p{font-size:clamp(14px,1.1vw,19px);line-height:1.6;margin:24px 0 20px;color:#afb6a5}
.hero-cta{background:#eddd94;border-radius:4px;padding:8px 9px 8px 21px;min-height:51px;gap:32px}
.hero-cta b{border-radius:2px;background:#2e3428}
.hero-tags{padding-top:16px;border-top:1px solid #a6b09933;width:max-content;max-width:90%;font-size:9px;margin-top:24px;color:#9fa990}
.hero-art{inset:15% 6% 13% 61%;background:radial-gradient(ellipse at 50% 42%,#faf4db,#d5d6c5);border-radius:180px 180px 12px 12px;overflow:hidden}
.hero-orbit{display:none}
.hero-art-label{left:9%;right:9%;bottom:5%;text-align:center;color:#5b6252;font-size:8px;line-height:1.8;letter-spacing:.11em}
.hero-plume{width:80%;height:80%;top:3%;left:10%}
.hero-footnote{font-size:8px;letter-spacing:.15em;color:#7f8b75}
@media(max-width:700px){
 .hero-content{top:17%;left:7%;width:86%}
 .hero-eyebrow{font-size:7px;margin-bottom:20px;padding:7px 10px}
 #intro h1{font-size:15vw;line-height:.98}
 #intro p{font-size:13px;line-height:1.6;margin:21px 0 18px;max-width:95%}
 .hero-cta{min-height:46px;font-size:9px;gap:20px;padding-left:14px}
 .hero-tags{font-size:7px;max-width:43%;line-height:1.9;margin-top:24px}
 .hero-art{inset:55% 5% 10% 53%;border-radius:100px 100px 8px 8px}
 .hero-art-label{display:none}
 .hero-footnote{max-width:40%;bottom:15%;font-size:7px}
}
@media(max-height:700px) and (min-width:701px){.hero-content{top:19%}.hero-eyebrow{margin-bottom:17px}#intro h1{font-size:7.2vw}#intro p{margin:16px 0}.hero-tags{margin-top:15px}}
/* Open, centre-led art direction. */
#intro{background:#101210}
.hero-atmosphere{background:radial-gradient(ellipse at 50% 53%,#39403155,transparent 45%),#101210}
.hero-content{inset:0;width:100%;text-align:center}
.hero-eyebrow{position:absolute;top:17%;left:0;width:100%;border:0;padding:0;margin:0;font-size:9px;letter-spacing:.23em;color:#a6af9d}
#intro h1{position:absolute;top:23%;left:0;width:100%;font-size:clamp(48px,7vw,134px);line-height:.97;letter-spacing:-.055em}
#intro h1 span,#intro h1 span+span{text-align:center}
#intro h1 em{color:#e6e8de}
#intro h1 span+span{margin-top:0}
#intro p{position:absolute;left:25%;width:50%;top:74%;margin:0;font-size:clamp(13px,1vw,18px);line-height:1.5;color:#a7b09f}
.hero-cta{position:absolute;top:84%;left:50%;transform:translateX(-50%);min-height:44px;border-radius:28px;padding:5px 7px 5px 20px;font-size:10px;gap:22px;background:#dce9b2}
.hero-cta:hover{transform:translate(-50%,-3px);background:#e8f5c8}
.hero-cta b{border-radius:50%;width:32px;height:32px;font-size:18px}
.hero-tags{position:absolute;left:5%;bottom:6%;max-width:25%;border:0;margin:0;padding:0;line-height:1.8;text-align:left;font-size:8px;letter-spacing:.1em}
.hero-art{inset:43% 36% 25%;background:none;border-radius:0;overflow:visible}
.hero-art-label{display:none}
.hero-plume{top:0;left:10%;width:80%;height:100%}
.hero-footnote{display:none}
#intro~#skip{bottom:3.5%}
@media(max-width:700px){
 .hero-eyebrow{top:17%;font-size:7px;letter-spacing:.17em}
 #intro h1{top:23%;font-size:10.8vw;line-height:1.07;padding:0 4%;width:100%}
 #intro p{left:8%;width:84%;top:70%;font-size:13px}
 .hero-cta{top:79%;font-size:9px;min-height:44px}
 .hero-tags{display:none}
 .hero-art{inset:39% 27% 32%}
}
@media(max-height:700px) and (min-width:701px){.hero-eyebrow{top:16%}#intro h1{top:22%;font-size:6vw}#intro p{top:73%;margin:0}.hero-cta{top:83%}.hero-tags{margin:0}}
@media(min-width:701px){#intro h1{top:22%;font-size:clamp(48px,6.1vw,116px)}}
.hero-cta{background:#efdb8b}.hero-cta:hover{background:#f5e5a8}
/* Editorial hero: strong asymmetric rhythm, with distinct text/art zones. */
.hero-content{text-align:left}
.hero-eyebrow{left:6%;top:17%;width:auto;text-align:left;font-size:9px;letter-spacing:.14em}
#intro h1{left:6%;top:24%;width:49%;padding:0;font-size:clamp(58px,8.2vw,154px);line-height:.83;letter-spacing:-.045em}
#intro h1 span,#intro h1 span+span{text-align:left}
#intro h1 span+span{margin-top:.07em}
#intro h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em;color:#efd87c}
#intro p{left:60%;top:72%;width:33%;text-align:left;font-size:clamp(13px,1.1vw,19px);line-height:1.55;border-top:1px solid #80866b44;padding-top:18px}
.hero-cta{left:6%;top:80%;transform:none;min-height:50px;padding-left:20px;font-size:10px;background:#efd87c}
.hero-cta:hover{transform:translateY(-3px)}
.hero-art{inset:17% 8% 33% 57%;border-radius:50%;border:1px solid #89927324;background:radial-gradient(ellipse,#6f724019,transparent 70%)}
.hero-art:after{content:'01 / A BRIGHTER CHAPTER';position:absolute;left:0;right:0;bottom:-17%;text-align:center;font-size:8px;letter-spacing:.16em;color:#8b957e}
.hero-plume{left:20%;width:60%;height:100%}
.hero-tags{left:6%;bottom:6%;font-size:8px;max-width:42%}
header{padding-left:3%!important;padding-right:3%!important}
@media(max-width:700px){
 .hero-eyebrow{left:7%;top:17%;font-size:7px;letter-spacing:.06em}
 #intro h1{left:7%;top:26%;width:60%;font-size:16vw;line-height:.88}
 #intro p{left:7%;top:65%;width:86%;font-size:13px;padding-top:15px}
 .hero-cta{left:7%;top:81%;min-height:46px;font-size:9px}
 .hero-art{inset:34% 1% 38% 53%}
 .hero-art:after{display:none}.hero-tags{display:none}
}
@media(max-height:700px) and (min-width:701px){#intro h1{top:23%;font-size:7.3vw}.hero-cta{top:82%}#intro p{top:70%;font-size:13px}}
.hero-art:after{display:none}
/* Reference-led opening: architecture and a quiet bulb, no headline overlay. */
#intro{background:transparent}
#intro .hero-atmosphere,#intro .hero-art,#intro .hero-footnote{display:none}
#intro .hero-content{position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:none;pointer-events:none}
#intro .hero-cta{visibility:visible;pointer-events:auto}

/* Keep the reference backdrop while restoring a complete, readable invitation. */
#intro .hero-atmosphere{display:block;background:linear-gradient(90deg,rgba(13,15,13,.94) 0%,rgba(13,15,13,.70) 44%,transparent 76%)}
#intro .hero-eyebrow{left:6%;top:23%;color:#b7bcac}
#intro h1{left:6%;top:30%;width:55%;font-size:clamp(48px,6.2vw,118px);line-height:.98;letter-spacing:-.045em}
#intro h1 span+span{margin-top:.05em}
#intro h1 em{font-family:inherit;font-style:normal;color:#efd87c;letter-spacing:inherit}
#intro p{left:6%;top:59%;width:42%;padding:0;border:0;font-size:clamp(14px,1.15vw,20px);line-height:1.6;color:#c0c4b6}
#intro .hero-cta{left:6%;top:75%;min-height:50px}
#intro .hero-tags{display:block;left:6%;bottom:7%;color:#969e88}
@media(max-width:700px){
 #intro .hero-eyebrow{top:18%;left:7%;font-size:7px}
 #intro h1{top:25%;left:7%;width:86%;font-size:12vw;line-height:1.04}
 #intro p{top:64%;left:7%;width:86%;font-size:13px;line-height:1.6}
 #intro .hero-cta{left:7%;top:80%;min-height:46px}
 #intro .hero-tags{display:none}
 #intro .hero-atmosphere{background:linear-gradient(180deg,#10120fe6,transparent 62%)}
}