/* Restore Opralta's cinematic agency identity; the operating demos are one part of it. */
.agency-site .nav{gap:22px}.agency-site .nav-links{gap:19px}.agency-site .nav-find{max-width:165px}.agency-site .nav>.btn{white-space:nowrap}
.agency-site .film{height:340vh}.agency-site .card-hero h1{font-size:clamp(52px,6.6vw,100px);line-height:1.02;letter-spacing:-.045em;max-width:8.5em}.agency-site .card-hero>p{max-width:42ch}.agency-site .card-hero .hero-ctas{gap:12px}
.agency-site #more{padding-top:100px;padding-bottom:100px}.agency-site .more-head{max-width:1040px}.agency-site .more-head .sec-title{max-width:780px}.agency-site .more-head>p{max-width:650px}.agency-site .more-grid a{min-height:145px}.agency-site .more-grid b{font-size:clamp(19px,1.7vw,26px);line-height:1.2}.agency-site .more-grid i{line-height:1.65}
.agency-site .scene-facts{gap:24px}.agency-site .scene-facts li{border:none;padding:0;flex:0 1 auto}.agency-site .scene-facts b{font-size:clamp(18px,2.5vw,32px)}.agency-site .scene-copy .btn{margin-top:22px}
.agency-site .agency-demo-link{margin:32px 0 0;text-align:center}.agency-site .scard-side video{width:100%;height:100%;min-height:280px;object-fit:cover}.agency-site .scard-in .btn{margin-top:22px}
.agency-catalogue{padding-block:90px}.agency-family{border-top:1px solid var(--line-strong);margin:0}.agency-family:last-child{border-bottom:1px solid var(--line-strong)}.agency-family>summary{padding:26px 4px;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;font-size:clamp(22px,2.5vw,34px);letter-spacing:-.025em}.agency-family>summary::-webkit-details-marker{display:none}.agency-family>summary::after{content:'+';font-weight:400;transition:transform 180ms ease}.agency-family[open]>summary::after{transform:rotate(45deg)}.agency-family>summary small{font-size:12px;letter-spacing:0;margin-left:auto;color:var(--ink-70)}.agency-family-body{padding:0 4px 30px}.agency-family-body>.practice-go{display:inline-block;margin:0 0 22px}.agency-service{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;padding:28px 0;border-top:1px solid var(--line)}.agency-service h3{font-size:21px;line-height:1.3;margin:0 0 12px}.agency-service p{font-size:14px;line-height:1.75;color:var(--ink-70);max-width:68ch}.agency-service>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.agency-service strong{font-size:18px;font-weight:500}.agency-service a{font-size:13px;color:#244fae}.agency-service .agency-availability{font-size:12px}.agency-anchor{display:block;scroll-margin-top:100px}.agency-site .practice{scroll-margin-top:100px}.agency-site .agency-project-media{aspect-ratio:16/10;overflow:hidden}.agency-project-media video{width:100%;height:100%;object-fit:cover}.agency-site .note-body dl{font-size:14px;line-height:1.7}.agency-site .note-body dd a{color:#244fae}.agency-site .note{overflow:hidden}.agency-site .founder figcaption span{display:block;line-height:1.65}.agency-site .focused-builds{margin-top:20px}
@media(min-width:901px) and (max-width:1280px){.agency-site .nav-find span,.agency-site .nav-find kbd{display:none}.agency-site .nav-find{width:34px;flex:0 0 34px;padding:8px}.agency-site .nav-links{gap:13px}.agency-site .nav{gap:17px;padding-inline:24px}.agency-site .nav-links a{font-size:12px}.agency-site .nav-studio{padding-left:12px}}
@media(max-width:900px){.agency-site .film{height:280vh}.agency-site .card-hero h1{font-size:clamp(44px,10.8vw,66px);max-width:9em}.agency-site #more{padding-top:60px;padding-bottom:60px}.agency-site .more-grid a{min-height:140px}.agency-site .agency-catalogue{padding-block:55px}.agency-service{grid-template-columns:1fr;gap:12px}.agency-family>summary{font-size:24px}.agency-family>summary small{font-size:11px}.agency-site .scene-facts b{font-size:22px}.agency-site .scard-side video{min-height:200px}.agency-site .nav{gap:14px}.agency-site .nav>.btn{font-size:12px}.agency-site .scene-copy .btn{margin-top:8px}.agency-site .note-body dd{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.agency-site .film{height:100svh;min-height:720px}.agency-family>summary::after{transition:none}}

.agency-site:not(.in-film) .head-canvas,.agency-site:not(.in-film) .head-fallback{visibility:hidden}.agency-site #more{background:var(--paper)}.agency-site .more-grid li{background:var(--paper)}.agency-site .more-grid a{height:100%}.agency-site .more-grid .more-cta{background:#101a2c}.agency-site .more-cta b{color:#f3f6fc}.agency-site .more-cta i{color:#c2cee0}

.agency-site .practice-go,.agency-site .note-body dt{color:#8a4d24}

.agency-site .trace-when{color:#8a4d24}@media(max-width:900px){.agency-site .scene-copy h2 em{color:#a9c4ff}}

.agency-site .film .card-right::before{background:radial-gradient(ellipse at 60% 50%,#0b1425f5,#0b1425d9 55%,transparent 78%)}

/* One readable text plane, one live head, one light field. */
.agency-site .film .card::before{display:none}
.agency-site .card h1,.agency-site .card h2{letter-spacing:-.02em;word-spacing:.035em;line-height:1.12}
.agency-site .card-hero h1{font-size:clamp(52px,6.2vw,94px);max-width:9.4em}
.agency-site .card p{word-spacing:.035em;line-height:1.7;font-weight:400}
.agency-site .card h2 em{padding-right:.05em}
.agency-site .film .card-right{max-width:min(40vw,560px)}
.agency-site .head-canvas{opacity:0;transition:opacity 500ms cubic-bezier(.23,1,.32,1)}
.agency-site.head-live .head-canvas{opacity:1}
.agency-site .head-fallback{opacity:0;visibility:hidden;transition:none}
.agency-site.head-unavailable.in-film .head-fallback{opacity:1;visibility:visible}
.agency-site .film-foot button{border:0;background:none;color:#b9cbe6;font:inherit;letter-spacing:.04em;cursor:pointer;padding:8px 0}
.agency-site .film-foot button:hover{color:white}
.agency-site .film-foot button:focus-visible{outline:2px solid #a8c3ff;outline-offset:5px}
.agency-site.in-film .qq-pill{visibility:hidden;pointer-events:none}
.agency-site .sky .orb{animation-play-state:running}
.agency-site.motion-paused .sky .orb{animation-play-state:paused}
.agency-site .bar{display:none}
.agency-site .scene-label{display:none}
.agency-site .nav-find{overflow:hidden}.agency-site .nav-find span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.agency-site .nav-find kbd{flex-shrink:0}
@media(min-width:901px){.agency-site .film-foot{bottom:32px}.agency-site .card-left{max-width:39vw}.agency-site .film .card-right{right:4vw}}
@media(max-width:900px){
 .agency-site.menu-open .nav{transform:none}
 .agency-site .film .card-right{max-width:none}
 .agency-site .card-hero h1{font-size:clamp(38px,10.4vw,62px);line-height:1.1;max-width:10em}
 .agency-site .card:not(.card-hero){bottom:18svh}
 .agency-site .card:not(.card-hero) h2{font-size:clamp(28px,7.7vw,42px);line-height:1.18}
 .agency-site.head-unavailable .head-fallback{display:block;top:11svh;left:50%;right:auto;width:43vw;max-height:28svh;object-fit:contain;transform:translateX(-50%)}
 .agency-site .film-foot{display:flex;bottom:18px;left:18px;right:18px;justify-content:flex-end;font-size:10px}
 .agency-site .film-foot>span{display:none}
 .agency-site .card-hero{bottom:max(9svh,55px)}
}
@media(max-width:900px) and (max-height:740px){.agency-site .card-hero h1{font-size:35px}.agency-site .card-hero p{font-size:13px;line-height:1.55}.agency-site .card-hero .eyebrow{font-size:9px}.agency-site .card-hero .hero-ctas{flex-direction:row;gap:8px}.agency-site .card-hero .btn{font-size:11px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.agency-site .head-canvas{transition:none}.agency-site [data-motion-toggle]{display:none}.agency-site .film-stage{height:100svh;min-height:720px}.agency-site .card-hero{position:absolute;left:18px;right:18px;margin:0}.agency-site .sky .orb{animation:none}}
/* Client delivery is a brand chapter, with readable flow at every viewport. */
.agency-delivery-process{padding:clamp(65px,8vw,130px) var(--gutter,5vw);border-block:1px solid var(--line,#dadde2);background:var(--paper,#f3f5f9)}.agency-delivery-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(25px,7vw,110px);align-items:end;margin:30px 0 55px}.agency-delivery-intro .sec-title{margin:0;font-size:clamp(34px,4.5vw,68px);line-height:1.08;letter-spacing:-.035em}.agency-delivery-intro>p{font-size:16px;line-height:1.8;max-width:510px;margin:0}.agency-delivery-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;padding:0;margin:0}.agency-delivery-steps li{padding:25px 0;border-top:1px solid currentColor}.agency-delivery-steps span{font-size:10px;letter-spacing:.09em;text-transform:uppercase}.agency-delivery-steps h3{font-size:21px;letter-spacing:-.02em;font-weight:500;line-height:1.3;margin:27px 0 14px}.agency-delivery-steps p{font-size:13px;line-height:1.8;margin:0;max-width:280px}.agency-delivery-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}@media(max-width:900px){.agency-delivery-intro{grid-template-columns:1fr;gap:25px}.agency-delivery-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}}@media(max-width:520px){.agency-delivery-steps{grid-template-columns:1fr;gap:0}.agency-delivery-intro{margin-bottom:35px}.agency-delivery-intro>p{font-size:14px}.agency-delivery-steps h3{margin-top:18px}.agency-delivery-steps p{max-width:none}.agency-delivery-actions .btn{width:100%;justify-content:space-between}}

/* This atmospheric layer must stay out of flow despite generic band-child rules. */
.agency-site .bigfoot>.bigfoot-media{position:absolute;inset:0;z-index:0}

.agency-site.motion-paused .bigfoot-marq div{animation-play-state:paused}

/* Keep every menu item clear of the fixed header, including short phones. */
@media(max-width:900px){
 .agency-site.menu-open .nav-links{justify-content:flex-start;gap:6px;padding-top:100px;padding-bottom:28px;overflow-y:auto;overscroll-behavior:contain}
 .agency-site .nav-links a{font-size:clamp(28px,7.5vw,42px);padding-block:8px}
 .agency-site .nav-links .nav-studio{padding-top:18px}
}

/* Keep the short-phone caption clear of the original head without changing its pose. */
@media(max-width:360px) and (max-height:620px){
 .agency-site .card-hero{bottom:58px}
 .agency-site .card-hero h1{font-size:32px}
 .agency-site .card-hero p{font-size:12.5px;margin-top:10px}
 .agency-site .card-hero .eyebrow{margin-bottom:8px}
 .agency-site .card-hero .hero-ctas{margin-top:16px}
 /* Leave room for both labels when font metrics differ across browsers. */
 .agency-site .card-hero .btn{padding-inline:10px}
}