/* A spatial showcase, inside the existing reversible scroll walls. */
.service-scenes-ready .service-panel[data-service-scene="0"]{--scene-start:#5d6961;--scene-end:#545f57;--scene-light:#ddfb4d;--scene-halo:#ddfb4d45;--scene-shadow:#252c27;--scene-ink:#f4faed;--scene-muted:#f4faed;--scene-rule:#f4faed4d;--feature-button-bg:#f5f9e9;--feature-button-ink:#29332a;--feature-image-frame:#ffffff26}
.service-scenes-ready .service-panel[data-service-scene="1"]{--scene-start:#1c2420;--scene-end:#19201d;--scene-light:#ddfb4d;--scene-halo:#ddfb4d38;--scene-shadow:#0a100c;--scene-ink:#f4f8ed;--scene-muted:#dce6d7;--scene-rule:#eff6e947;--feature-button-bg:#f5f9e9;--feature-button-ink:#293b25;--feature-image-frame:#ffffff26}
.service-scenes-ready .service-panel[data-service-scene="2"]{--scene-start:#657144;--scene-end:#5b663d;--scene-light:#ddfb4d;--scene-halo:#ddfb4d47;--scene-shadow:#263019;--scene-ink:#f9fcef;--scene-muted:#f9fcef;--scene-rule:#f9fcef4d;--feature-button-bg:#f5f9e9;--feature-button-ink:#2b3420;--feature-image-frame:#ffffff4d}
.service-scenes-ready .service-panel[data-service-scene="3"]{--scene-start:#123e32;--scene-end:#10382d;--scene-light:#bde6b7;--scene-halo:#bde6b75c;--scene-shadow:#07271e;--scene-ink:#f5fbf0;--scene-muted:#deeddc;--scene-rule:#f4ffe34d;--feature-button-bg:#f5fbe9;--feature-button-ink:#173d2d;--feature-image-frame:#ffffff26}
html{--service-backdrop:#fff}
html[data-site-theme="dark"]{--service-backdrop:#080a08}
.service-scenes-ready .service-stack,
.service-scenes-ready .service-panel,
.service-scenes-ready .service-panel[data-service-scene]>.service-scene{background:var(--service-backdrop)}
.service-scenes-ready .service-panel{border-top-color:transparent}
.service-scenes-ready .service-panel .service-surface{
 border-radius:34px 34px 0 0;
 background:radial-gradient(ellipse at 85% 38%,var(--scene-halo),transparent 76%),linear-gradient(135deg,var(--scene-start),var(--scene-end));
 box-shadow:none;
 isolation:isolate;
}
/* Keep the brightest lime below the small copy on the two midtone surfaces. */
.service-scenes-ready .service-panel[data-service-scene="0"] .service-surface,
.service-scenes-ready .service-panel[data-service-scene="2"] .service-surface{
 background:radial-gradient(ellipse 70% 60% at 82% 85%,var(--scene-halo),transparent 80%),linear-gradient(135deg,var(--scene-start),var(--scene-end));
}
html.service-scenes-ready[data-service-band="2"][data-service-frame="covered"] .header-reference>.brand img{filter:brightness(0) invert(1)}
.service-scenes-ready .service-surface>.service-top{position:relative;z-index:2;align-items:center}
.service-scenes-ready .service-scene .service-top h2{font-weight:500;letter-spacing:-.065em}
.service-scenes-ready .service-scene .service-index{color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--scene-ink) 32%,transparent);font-weight:400;letter-spacing:-.085em}
.service-scenes-ready .service-scene .service-copy{position:relative;z-index:3;gap:18px}
.service-scenes-ready .service-scene .service-copy>.service-kicker,
.service-scenes-ready .service-scene .service-copy>p{border:0;padding-top:0}
.service-scenes-ready .service-scene .service-copy>.service-kicker{font-weight:500;letter-spacing:-.045em}
.service-scenes-ready .service-scene .service-copy>p{line-height:1.55}
.service-scenes-ready .service-scene .service-copy>.detail-link{gap:20px;padding:7px 7px 7px 19px;min-height:46px;box-shadow:0 8px 24px #05291a14,inset 0 1px 0 #fff;transition:background .25s,box-shadow .25s}
.service-scenes-ready .service-copy>.detail-link>.icon{width:32px;height:32px;flex:0 0 32px;padding:8px;border-radius:50%;background:#ddfb4d;color:#173321;transition:rotate .3s}
.service-scenes-ready .service-copy>.detail-link:hover{box-shadow:0 12px 30px #05291a25}
.service-scenes-ready .service-copy>.detail-link:hover>.icon{rotate:45deg}
.service-scenes-ready .service-scene .bridge-service-stage{
 border:0;border-radius:32px;background:transparent;box-shadow:none;overflow:hidden;
 mask-image:none;-webkit-mask-image:none;
}
.service-scenes-ready .bridge-service-stage:before{
 content:"";position:absolute;z-index:-1;pointer-events:none;inset:13% 4% 6%;border-radius:50%;
 background:radial-gradient(ellipse at 48% 38%,#ffffff28,transparent 67%);
 box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #0a342012;rotate:-12deg;
}
.service-scenes-ready .bridge-service-stage:after{
 content:"";position:absolute;z-index:-1;pointer-events:none;left:16%;right:9%;bottom:8%;height:16%;
 background:radial-gradient(ellipse,color-mix(in srgb,var(--scene-shadow) 52%,transparent),transparent 68%);filter:blur(14px);border-radius:50%;
}
.service-scenes-ready .bridge-service-stage .concept-caption{left:5%;bottom:9px;font-size:8px;letter-spacing:.08em;opacity:.7}
/* Beveled device edges and soft shadows separate the objects from their setting. */
.service-scenes-ready .scene-browser,.service-scenes-ready .service-scene-pinned .scene-browser{left:4%;top:13%;width:84%;rotate:-3deg;border-radius:20px;box-shadow:0 30px 55px #12321b30,0 5px 10px #10281b16}
.service-scenes-ready .bridge-service-stage .browser-concept{border:3px solid #f9fcf1;border-radius:20px;box-shadow:0 2px 0 #7b8b6180,0 0 0 1px #25462b26}
.service-scenes-ready .bridge-service-stage .browser-chrome{background:linear-gradient(#f5f7ed,#e9eee0);height:25px}
.service-scenes-ready .scene-phone,.service-scenes-ready .service-scene-pinned .scene-phone{left:79%;top:32%;width:18%;rotate:7deg;border:2px solid #8b9870;box-shadow:0 26px 40px #12321b45,0 0 0 1px #193323}
.service-scenes-ready .scene-hub-board,.service-scenes-ready .service-scene-pinned .scene-hub-board{left:9%;top:13%;width:83%;rotate:-3deg}
.service-scenes-ready .scene-hub-board .hub-concept{border:3px solid #ecf2e7;border-radius:22px;box-shadow:0 35px 60px #001b1859,0 3px 0 #b1bca6,0 0 0 1px #ffffff35;overflow:hidden}
.service-scenes-ready .scene-hub-board .hub-concept aside{border-radius:18px 0 0 18px}
.service-scenes-ready .scene-hub-board .hub-metrics>div{border-radius:14px;background:linear-gradient(140deg,#fff,#f6f9ef);box-shadow:0 5px 12px #153c2010}
.service-scenes-ready .scene-hub-board .hub-columns article{border-radius:12px;box-shadow:0 5px 12px #153c200c}
.service-scenes-ready .scene-floating-card{border-radius:22px;background:linear-gradient(140deg,#fff,#eff6e9);box-shadow:0 20px 40px #001b1859,inset 0 1px 0 #fff;border-color:#ffffffb3}
.service-scenes-ready .scene-floating-card.one{left:0;top:7%;rotate:-7deg}
.service-scenes-ready .scene-floating-card.two{right:0;bottom:11%;rotate:5deg}
.service-scenes-ready .scene-floating-card .scene-card-dot{border-radius:50%;background:#ddfb4d}
.service-scenes-ready .scene-flow{padding:32px 5% 40px;gap:5%}
.service-scenes-ready .scene-flow-panel,.service-scenes-ready .service-scene-pinned .scene-flow-panel{border-radius:28px;border:1px solid #ffffffcc;background:linear-gradient(145deg,#fffffff7,#f6faeceb);box-shadow:0 22px 38px #2c51272b,inset 0 2px 0 #fff;padding:22px 16px;gap:16px;min-height:244px}
.service-scenes-ready .scene-flow-panel.one{rotate:-6deg;translate:0 15px}
.service-scenes-ready .scene-flow-panel.two{background:linear-gradient(145deg,#285c43,#103d2e);border-color:#7caa8459;box-shadow:0 30px 48px #1a492b40,inset 0 1px 0 #bfe0b83d;translate:0 -20px}
.service-scenes-ready .scene-flow-panel.three{rotate:6deg;translate:0 15px}
.service-scenes-ready .scene-flow-panel .flow-card-icon{border-radius:22px;box-shadow:inset 0 2px 0 #ffffff9c,0 5px 12px #294a1612}
.service-scenes-ready .scene-flow-panel.two .flow-card-icon{border-radius:50%;box-shadow:inset 0 2px 0 #f8ffc0,0 8px 18px #09251c38}
.service-scenes-ready .scene-flow-connector{top:52%;left:12%;right:12%;background:#476a3140}
/* An open, staggered photo composition instead of a framed gallery sheet. */
.service-scenes-ready .branding-panel .brand-scene-gallery{background:none;border-radius:0;box-shadow:none;gap:18px;padding:26px 18px 42px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;align-items:start}
.service-scenes-ready .branding-panel .brand-scene-card{border-radius:23px;border:5px solid #e6ecdf;background:#e6ecdf;box-shadow:0 20px 34px #001b1a42,0 2px 0 #abbba6;overflow:hidden}
.service-scenes-ready .branding-panel .brand-scene-card:nth-child(1){margin-top:0;rotate:-5deg}
.service-scenes-ready .branding-panel .brand-scene-card:nth-child(2){margin-top:22px;rotate:4deg}
.service-scenes-ready .branding-panel .brand-scene-card:nth-child(3){margin-top:-16px;rotate:-3deg}
.service-scenes-ready .branding-panel .brand-scene-card:nth-child(4){margin-top:9px;rotate:5deg}
.service-scenes-ready .branding-panel .brand-scene-photo{aspect-ratio:16/10;border-radius:17px;object-fit:cover}
.service-scenes-ready .branding-panel .brand-scene-card figcaption{color:#244334;font-size:10px;padding:9px 8px 5px}
.service-scenes-ready .branding-panel .scene-brand .concept-caption{left:5%;bottom:7px}
@media(min-width:801px){
 .service-scenes-ready .service-panel .service-surface{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(20px,4vw,64px);row-gap:12px;padding-bottom:35px}
 .service-scenes-ready .service-surface>.service-top{grid-column:1/-1}
 .service-scenes-ready .service-scene .service-copy{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-self:center;align-items:flex-start;max-width:360px;width:100%;margin:0 0 25px}
 .service-scenes-ready .service-scene .service-copy>.service-kicker{font-size:clamp(27px,2.6vw,39px);line-height:1.12;padding:0}
 .service-scenes-ready .service-scene .service-copy>p{font-size:clamp(16px,1.4vw,19px);padding:0;line-height:1.55}
 .service-scenes-ready .service-scene .service-copy>.detail-link{margin-top:13px;justify-self:start;font-size:12px}
 .service-scenes-ready .service-scene .bridge-service-stage{grid-column:2;grid-row:2;height:clamp(360px,62svh,620px);max-height:100%;min-height:0;align-self:center;margin:0;flex:none}
 .service-scenes-ready .bridge-service-stage .browser-content{padding:19px 22px}
 .service-scenes-ready .bridge-service-stage .browser-nav{gap:12px;margin-bottom:20px}
 .service-scenes-ready .bridge-service-stage .browser-nav img{width:70px}
 .service-scenes-ready .browser-nav .demo-nav-links{font-size:7px;gap:12px}
 .service-scenes-ready .browser-nav .demo-nav-cta{font-size:7px;padding:5px 8px}
 .service-scenes-ready .bridge-service-stage .browser-layout{min-height:175px;gap:18px}
 .service-scenes-ready .wire-copy>.website-demo-title{font-size:clamp(23px,2.4vw,34px)}
 .service-scenes-ready .wire-copy>.website-demo-body{font-size:9px}
 .service-scenes-ready .bridge-service-stage .brand-sculpture{min-height:175px}
 .service-scenes-ready .scene-hub-board .hub-board{padding:21px 20px}
 .service-scenes-ready .scene-hub-board .hub-concept aside{width:51px;padding:22px 8px}
 .service-scenes-ready .scene-hub-board .hub-metrics{gap:9px}
 .service-scenes-ready .scene-hub-board .hub-metrics>div{padding:12px 10px}
 .service-scenes-ready .scene-hub-board .hub-metrics b{font-size:14px}
 .service-scenes-ready .scene-floating-card{width:27%;min-width:0;padding:14px 12px;gap:9px}
 .service-scenes-ready .scene-flow-panel>strong{font-size:15px}
 .service-scenes-ready .flow-detail-line{grid-template-columns:1fr;gap:4px}
 .service-scenes-ready .flow-detail-line>span:last-child{text-align:left;max-width:none}
 .service-scenes-ready .scene-flow-panel .flow-card-icon{width:58px;height:58px}
 .service-scenes-ready .branding-panel .scene-brand{min-height:0}
 .service-scenes-ready .branding-panel .brand-scene-gallery{max-width:min(100%,calc(62svh * 1.2));padding-block:14px 32px}
 .service-scenes-ready .branding-panel .brand-scene-photo{aspect-ratio:16/9}
}
@media(min-width:801px) and (max-width:1050px){
 .service-scenes-ready .service-panel .service-surface{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);column-gap:20px}
 .service-scenes-ready .service-scene .service-copy>.service-kicker{font-size:27px}
 .service-scenes-ready .scene-flow{gap:4%;padding-inline:3%}
 .service-scenes-ready .scene-flow-panel,.service-scenes-ready .service-scene-pinned .scene-flow-panel{padding:18px 10px}
 .service-scenes-ready .scene-hub-board .hub-board{padding:18px 12px}
 .service-scenes-ready .scene-hub-board .hub-columns article{padding:10px 8px}
}
@media(max-width:800px){
 .service-scenes-ready .service-panel .service-surface{border-radius:26px 26px 0 0;gap:18px}
 .service-scenes-ready .service-scene .service-top h2{font-size:clamp(31px,8vw,52px);max-width:82%;letter-spacing:-.06em}
 .service-scenes-ready .service-scene .service-index{font-size:58px}
 .service-scenes-ready .service-scene .service-copy{gap:12px}
 .service-scenes-ready .service-scene .service-copy>.service-kicker{font-size:24px;line-height:1.14;padding-top:0}
 .service-scenes-ready .service-scene .service-copy>p{font-size:15px;line-height:1.5;padding-top:0}
 .service-scenes-ready .service-scene .service-copy>.detail-link{justify-self:start;margin-top:3px;min-height:43px;font-size:12px;padding:6px 6px 6px 16px;gap:18px}
 .service-scenes-ready .service-copy>.detail-link>.icon{width:30px;height:30px;flex-basis:30px;padding:8px}
 .service-scenes-ready .service-scene .bridge-service-stage{height:clamp(320px,43svh,370px);min-height:0;border-radius:24px;margin-top:2px}
 .service-scenes-ready .scene-browser,.service-scenes-ready .service-scene-pinned .scene-browser{left:3%;top:12%;width:88%;border-radius:15px}
 .service-scenes-ready .bridge-service-stage .browser-concept{border-radius:15px;border-width:2px}
 .service-scenes-ready .scene-phone,.service-scenes-ready .service-scene-pinned .scene-phone{left:75%;top:32%;width:23%;border-width:1px}
 .service-scenes-ready .scene-hub-board,.service-scenes-ready .service-scene-pinned .scene-hub-board{left:5%;top:13%;width:90%}
 .service-scenes-ready .scene-hub-board .hub-concept{border-radius:17px;border-width:2px}
 .service-scenes-ready .scene-hub-board .hub-concept aside{border-radius:13px 0 0 13px}
 .service-scenes-ready .scene-hub-board .hub-metrics>div{border-radius:9px}
 .service-scenes-ready .scene-hub-board .hub-columns article{border-radius:8px}
 .service-scenes-ready .scene-floating-card{border-radius:15px;padding:9px;gap:6px}
 .service-scenes-ready .scene-floating-card.one{top:4%}
 .service-scenes-ready .scene-floating-card.two{bottom:9%}
 .service-scenes-ready .scene-flow{padding:25px 2% 35px;gap:5%}
 .service-scenes-ready .scene-flow-panel,.service-scenes-ready .service-scene-pinned .scene-flow-panel{border-radius:20px;min-height:190px;gap:12px;padding:13px 9px}
 .service-scenes-ready .scene-flow-panel.two{translate:0 -10px}
 .service-scenes-ready .scene-flow-panel.one,.service-scenes-ready .scene-flow-panel.three{translate:0 10px}
 .service-scenes-ready .scene-flow-panel .flow-card-icon{width:42px;height:42px;border-radius:15px}
 .service-scenes-ready .scene-flow-panel.two .flow-card-icon{border-radius:50%}
 .service-scenes-ready .branding-panel .scene-brand{height:auto;min-height:0;padding-bottom:18px}
 .service-scenes-ready .branding-panel .brand-scene-gallery{gap:13px;padding:12px 12px 30px}
 .service-scenes-ready .branding-panel .brand-scene-card{border-width:4px;border-radius:18px}
 .service-scenes-ready .branding-panel .brand-scene-photo{border-radius:12px;aspect-ratio:3/2}
 .service-scenes-ready .branding-panel .brand-scene-card:nth-child(2){margin-top:17px}
 .service-scenes-ready .branding-panel .brand-scene-card:nth-child(3){margin-top:-9px}
 .service-scenes-ready .branding-panel .brand-scene-card:nth-child(4){margin-top:9px}
 .service-scenes-ready .branding-panel .brand-scene-card figcaption{font-size:9px;padding:7px 6px 4px}
}
@media(max-width:360px){
 .service-scenes-ready .service-scene .service-top h2{font-size:29px}
 .service-scenes-ready .service-scene .service-index{font-size:49px}
 .service-scenes-ready .service-scene .service-copy>.service-kicker{font-size:21px}
 .service-scenes-ready .service-scene .service-copy>p{font-size:14px}
 .service-scenes-ready .service-scene .bridge-service-stage{height:290px}
 .service-scenes-ready .scene-flow-panel,.service-scenes-ready .service-scene-pinned .scene-flow-panel{padding-inline:7px;min-height:181px}
 .service-scenes-ready .branding-panel .brand-scene-gallery{gap:10px;padding-inline:8px}
 .service-scenes-ready .branding-panel .brand-scene-card figcaption{font-size:8px;padding-inline:3px}
}
@media(prefers-reduced-motion:reduce){.service-scenes-ready .service-copy>.detail-link,.service-scenes-ready .service-copy>.detail-link>.icon{transition:none}}