/* Real content, one owned video decoder, and a crisp petrol action colour. */
.hero-invitation .text-link,.inquiry-mail.m-button,.service-card .text-link{background:var(--accent-ice);color:#102e30;border-color:var(--accent-ice);box-shadow:0 8px 35px #73d7cd20}
.hero-invitation .text-link:hover,.inquiry-mail.m-button:hover{background:#c3f8ed;color:#102e30;box-shadow:0 12px 40px #73d7cd40}
.case-copy .text-link{color:var(--accent-ice);border-bottom-color:#9fe3de66}
.reel-video{width:100%;height:100%;object-fit:cover}.reel-final-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.reel-quotes{display:grid;gap:14px;margin-top:24px}.reel-quotes blockquote,.evidence-quotes blockquote{margin:0;padding:16px 18px;border:1px solid #9fe3de33;border-radius:18px 18px 18px 3px;background:linear-gradient(125deg,#9fe3de13,#ffffff06);font-size:clamp(13px,1.2vw,17px);line-height:1.5;color:#f8f7f3}
.metric-row{gap:18px;flex-wrap:wrap}.metric-row b{display:block;color:#f4fbf9;font-size:20px;margin-top:4px}
.studio-team .studio-person-making{margin-top:0;padding-top:0}.studio-team .tail-people{align-items:start}.studio-person h3{white-space:nowrap}
.social-process-slide{background:#171c24!important;border:1px solid #9fe3de44;border-radius:21px;overflow:hidden;color:#fff}
.social-post-author{color:#eee!important;background:#151b21!important}.social-post-author strong{color:#9fe3de!important}
.social-process .social-process-copy{background:#171c24;color:#f9f4ee}.social-process .social-process-copy h3{color:#fff}.social-process .social-process-copy p{color:#d6dfe3}.social-process .social-process-copy .text-link{color:#9fe3de}
.social-process .branded-art{position:relative;isolation:isolate;height:330px;overflow:hidden;background:#9f302a}.social-process.is-scroll-driven .branded-art{height:clamp(240px,31vh,330px)}
.branded-art>img{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;transform:rotate(7deg) scale(1.17);z-index:-2}.branded-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#9b302b 5%,#9b302bd9 30%,#17262a10 82%)}
.process-direction .branded-art{background:#244b4c}.process-direction .branded-art:after{background:linear-gradient(90deg,#244b4c 8%,#244b4cd9 38%,#244b4c05)}
.process-create .branded-art:after{background:linear-gradient(90deg,#1c2632 5%,#1c2632d9 40%,#1c263205)}
.social-process .branded-art>strong{position:absolute;left:6%;top:28%;font-size:clamp(43px,4.7vw,65px);line-height:.96;letter-spacing:-.055em;font-weight:800;color:#fff8f1;transform:rotate(-3deg);text-shadow:0 3px 20px #0003}
.branded-art .art-index{position:absolute;top:7%;left:6%;font-size:10px;letter-spacing:.12em;font-weight:700;color:#fff}
.social-process .branded-art>svg{position:absolute;bottom:8%;left:6%;width:36px;height:36px;color:#a9e8df}
.cut-ready .cut-before{left:7%;width:50%;top:49%;font-size:.92em;text-align:left;white-space:normal;line-height:1}.cut-ready .cut-before>span{display:block}
.cut-phone{left:72%;top:51%;height:min(580px,65svh)}
.cut-energy{left:22%;right:-22%}.cut-trace{width:5px;box-shadow:0 0 13px #9fe3de,0 0 38px #73d7cd99}.cut-tip{width:8px;height:88px;margin-left:-2px;box-shadow:0 0 15px 4px #c1fff0,0 0 44px #73d7cddd}.cut-spark{width:3px}
.cut-after strong{font-weight:800;letter-spacing:-.055em;font-size:1.32em;-webkit-text-stroke:1px currentColor}.moment-underline{height:5px}
@media(max-width:760px){
 .case-proof .metric-row{gap:12px}.mobile-metrics{flex-wrap:wrap;gap:8px!important}.mobile-metrics>span:not(.mobile-views){font-size:9px}.mobile-metrics .mobile-views{width:100%}
 .reel-quotes blockquote{font-size:13px}.studio-team .studio-person-making{margin-top:0;padding-left:0}.studio-person h3{white-space:normal}
 .social-process.is-scroll-driven .branded-art{height:190px}.social-process .branded-art>strong{font-size:42px}.branded-art .art-index{font-size:8px}
 .cut-phone{left:70%;top:52%;height:min(370px,43svh)}.cut-ready .cut-before{left:5%;width:42%;top:48%;font-size:.83em;line-height:1.13}.cut-energy{left:20%;right:-20%}.cut-after strong{font-size:1.2em}
 .moment-underline{height:4px}
}
.studio-team .studio-person{padding-top:30px}
@media(max-width:760px){.studio-team .studio-person{padding-top:0}}
@media(max-width:760px){html:not([data-motion=reduced]):not([data-layout=compact]) .device-wrap{width:min(58vw,calc((100svh - 330px)*.475));top:47%}html[data-feed=reels]:not([data-motion=reduced]):not([data-layout=compact]) .mobile-context{bottom:64px}html[data-feed=reels] .mobile-context p{display:none}}
/* One perceptual phone: hold the live stage through the handoff, then cut its final frame. */
html.enhanced:not([data-motion=reduced]):not([data-layout=compact]) .feed-stage{position:fixed;inset:0;margin-bottom:0}
html.enhanced:not([data-motion=reduced]):not([data-layout=compact]):not(.portal-arrived) .cut-phone{visibility:hidden}
