/*
DESIGN INTENT: The complete agency offer beneath the approved heart and orbit
What: A layered headline, one supporting sentence, and pixel cues into the existing service clouds.
Why: Let the gallery remain the visual lead while making the offer and next step immediately clear.
Where: aesthera99/site/agency-world.css
*/
@import url('./agency-pitch.css');
/* Jackson selected specimen 2: the exact LT Saeada Medium file for the gallery sentence. */
@font-face{font-family:"LT Saeada";src:url('./public/fonts/LTSaeada-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
.agency-world{position:absolute;inset:0;z-index:4;color:#003a7e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 450ms ease,visibility 450ms}
.agency-world::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 64%,rgba(255,255,255,.7) 79%,rgba(255,255,255,.76));pointer-events:none}
.work-sky.is-agency-view .agency-world{opacity:1;visibility:visible}
.work-sky.is-live.is-agency-view .agency-world{pointer-events:auto}
.work-sky.is-agency-view .work-sky__portfolios{opacity:0!important;pointer-events:none}
.agency-world__art{position:absolute;top:9%;left:0;width:100%;height:76%;pointer-events:none}
.agency-world__reading{position:absolute;top:70%;left:5%;right:5%;z-index:4;text-align:center;font-family:Arial,sans-serif;pointer-events:none}
/* Keep the selected sentence prominent at the larger reviewed size. */
.agency-world__copy{max-width:1000px;margin:10px auto 0;font:500 clamp(30px,2.5vw,36px)/1.22 "LT Saeada",Arial,sans-serif;text-wrap:balance}
.has-depth-pitch .agency-world__reading .agency-world__pitch{opacity:0}
.agency-world__services{position:absolute;left:6%;right:6%;bottom:max(12px,env(safe-area-inset-bottom));z-index:4;display:flex;justify-content:space-between;gap:20px;mix-blend-mode:multiply}
.agency-world__services button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:100px;margin:0;padding:8px 12px;background:none;border:0;color:#536c93;cursor:pointer;font:400 clamp(15px,1.65vw,23px)/1.2 "Aeogo Pixel",monospace;text-transform:uppercase;letter-spacing:.035em}
.agency-world__services button:nth-child(2){color:#876284}.agency-world__services button:nth-child(3){color:#68746a}
.agency-world__services svg{width:14px;height:9px;fill:currentColor;animation:agency-cue-down 2.8s ease-in-out infinite}
.agency-world__services button:nth-child(2) svg{animation-delay:.15s}.agency-world__services button:nth-child(3) svg{animation-delay:.3s}
.agency-world__services button:hover{color:#003a7e}.agency-world__services button:focus-visible{color:#003a7e;outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
.agency-world[data-pitch-phase="waiting"] .agency-world__copy,.agency-world[data-pitch-phase="waiting"] .agency-world__services{opacity:0}
@keyframes agency-cue-down{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(3px)}}
.agency-world__background,.agency-world__gallery{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.agency-world__background{z-index:0;pointer-events:none}.agency-world__gallery{z-index:2}
@media(max-height:800px) and (min-width:701px){.agency-world__reading{top:68%}}
@media(max-width:700px){
 .agency-world__reading{top:64%;left:6%;right:6%}
 .agency-world__copy{font-size:24px;line-height:1.3;margin-top:14px;max-width:440px}
 .agency-world__services{left:3%;right:3%;gap:5px;bottom:max(16px,env(safe-area-inset-bottom))}.agency-world__services button{font-size:clamp(11px,3vw,17px);min-width:0;min-height:52px;padding:8px 4px;letter-spacing:0;gap:12px}
 .agency-world::before{background:linear-gradient(transparent 56%,rgba(255,255,255,.8) 68%,rgba(255,255,255,.9))}
}
@media(max-height:680px){
 .agency-world__reading{top:67%}.agency-world__copy{font-size:22px;line-height:1.22;margin-top:10px}
}
@media(max-height:680px) and (max-width:700px){
 .agency-world__reading{top:58%;left:5%;right:5%}.agency-world__copy{font-size:20px;margin-top:10px;line-height:1.22}
}
@media(prefers-reduced-motion:reduce){.agency-world{transition:none}.work-transition.is-before-cloud .work-transition__field{opacity:0}}
@media(prefers-reduced-motion:reduce){.agency-world__services svg{animation:none}}
.work-portfolios-contact{z-index:4;bottom:4%;opacity:1}
.work-sky.is-agency-view .work-portfolios-contact,.work-portfolios-contact[aria-hidden=true]{opacity:0;pointer-events:none}
.work-portfolios-contact button{background:rgba(255,255,255,.84)}
.project-cloud-open .work-portfolios-contact{opacity:0;pointer-events:none;visibility:hidden}
/* Restore the original cloud-film runway; the earlier gallery/pixel coordinates stay explicit in index.html. */
.work-transition{height:400svh}
@media(prefers-reduced-motion:reduce){.work-sky__deep-blue{opacity:0}}