.wd-main {
  --ink:#10213c; --muted:#53657b; --rule:#bac8d8; --paper:#eff4fb; --accent:#b54613;
  background:transparent!important;
  color:var(--ink); font-family:Manrope,'DM Sans',sans-serif; overflow:clip;
}
html[data-theme=dark] .wd-main {
  --ink:#f7f9ff; --muted:#becbe0; --rule:#37496b; --paper:#051744; --accent:#ff994f;
  background:transparent!important;
}
.wd-wrap {width:min(89%,1440px);margin-inline:auto}
.wd-main :is(h1,h2,h3,p,figure,blockquote,ol){margin:0}
.wd-main :is(h1,h2,h3){font-family:inherit;color:inherit;text-wrap:balance}
.wd-main h1,.wd-main h2{letter-spacing:-.072em;line-height:1.02;font-weight:750}
.wd-main h1{font-size:clamp(60px,8.9vw,152px)}
.wd-main h2{font-size:clamp(42px,5.35vw,88px)}
.wd-main h3,.wd-main summary{font-size:clamp(21px,2vw,33px);font-weight:650;letter-spacing:-.045em;line-height:1.22}
.wd-main p{font:inherit;color:var(--muted);font-size:clamp(16px,1.18vw,20px);line-height:1.62}
.wd-main em{font-style:normal;font-weight:400;color:var(--muted)}
.wd-main figure{overflow:hidden}
.wd-main img{width:100%;height:auto;display:block}
.wd-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;display:inline-flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:24px}
.wd-label:before{content:'';width:23px;height:3px;background:#f57629}
.wd-main a{color:inherit;text-decoration:none}
.wd-main :is(a,button,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.wd-link{display:inline-flex;align-items:center;gap:18px;font-weight:700;border-bottom:1px solid var(--rule);padding-bottom:7px}
.wd-link span,.wd-work h3 span{color:var(--accent);transition:transform .25s}
.wd-link:hover span,.wd-work:hover h3 span{transform:translate(3px,-3px)}
.wd-hero{padding-top:clamp(38px,4.6vw,80px)}
.wd-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:5%;margin-bottom:clamp(26px,3.3vw,65px)}
.wd-intro{max-width:360px;margin-left:auto;padding-bottom:.4em}
.wd-intro p,.wd-team p{margin-bottom:22px}
.wd-hero-shot{position:relative;isolation:isolate;border-radius:4px}
.wd-hero-shot img{height:clamp(265px,36vw,590px);object-fit:cover;object-position:center 49%}
.wd-jump{position:absolute;bottom:20px;left:20px;background:#f7f9ff;color:#10213c!important;font-size:13px;padding:12px 17px;border-radius:30px;font-weight:700}
.wd-section,.wd-manifest,.wd-rec,.wd-end,.wd-quote{padding-block:clamp(62px,7.7vw,130px)}
.wd-top,.wd-work h3{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.wd-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,65px) 3.2%;margin-top:42px}
.wd-work{min-width:0}.wd-browser{overflow:hidden;background:#dce5f1;border:1px solid var(--rule);border-radius:6px}
.wd-browser img{aspect-ratio:1.85;object-fit:cover;object-position:top;transition:transform .6s}
.wd-work:hover img{transform:scale(1.035)}
.wd-bar{display:flex;align-items:center;gap:4px;height:25px;padding:0 11px;background:#e4ebf4;color:#344b64}
.wd-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#98a8bc}
.wd-bar small{margin-left:8px;font:10px monospace}.wd-work h3{font-size:clamp(17px,1.7vw,27px);margin-top:14px}
.wd-manifest,.wd-notes,.wd-end,.wd-rec,.wd-quote{border-top:1px solid var(--rule)}
.wd-manifest h2{max-width:18em}.wd-manifest .wd-link,.wd-rec .wd-link,.wd-end .wd-link{margin-top:28px}
.wd-split,.wd-team,.wd-process,.wd-notes{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}
.wd-split figure,.wd-team figure,.wd-process img{border-radius:4px}
.wd-split figure img{height:clamp(300px,34vw,550px);object-fit:cover}
.wd-split h2,.wd-team h2,.wd-process h2{margin-bottom:30px}
.wd-main details{border-bottom:1px solid var(--rule);padding-block:20px}
.wd-main summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
.wd-main summary::-webkit-details-marker{display:none}
.wd-main summary i::after{content:'+';font:400 25px Manrope,sans-serif;color:var(--accent)}
.wd-main details[open] summary i::after{content:'−'}
.wd-main details p{padding:14px 30px 0 0}
.wd-strip{border-block:1px solid var(--rule);overflow:hidden;padding:16px 0}
.wd-strip>div,.wd-strip>div>div{display:flex;width:max-content;align-items:center}
.wd-strip>div{animation:wd-tape 45s linear infinite}
.wd-strip span{font-size:clamp(24px,3.8vw,60px);letter-spacing:-.055em;white-space:nowrap}
.wd-strip b{color:var(--accent);margin:0 .6em;font-size:.65em}
@keyframes wd-tape{to{transform:translateX(-25%)}}
.wd-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--rule);padding-block:30px;gap:18px}
.wd-metrics strong,.wd-metrics span{display:block}.wd-metrics strong{font-size:clamp(35px,5.3vw,85px);letter-spacing:-.07em}.wd-metrics span{color:var(--muted)}
.wd-process,.wd-notes{align-items:start}.wd-process>div{position:sticky;top:40px}
.wd-process ol{padding:0;list-style:none;counter-reset:phase}
.wd-process li{counter-increment:phase;position:relative;border-top:1px solid var(--rule);padding:22px 0 25px 44px}
.wd-process li:before{content:counter(phase,decimal-leading-zero);position:absolute;left:0;top:26px;color:var(--accent);font:13px monospace}
.wd-process li p{margin-top:8px}
.wd-quote blockquote{max-width:24em;font-size:clamp(25px,3.35vw,54px);letter-spacing:-.045em;line-height:1.2}
.wd-quote figcaption{margin-top:20px;color:var(--muted)}
.wd-controls{display:flex;gap:10px;margin-top:22px}.wd-controls button{cursor:pointer;border:1px solid var(--rule);background:transparent;color:inherit;border-radius:50%;width:45px;height:45px;font:22px sans-serif}
.wd-end h2{font-size:clamp(52px,7vw,112px)}
@media(prefers-reduced-motion:reduce){.wd-strip>div{animation:none}.wd-work img,.wd-link span{transition:none}}
@media(max-width:740px){
.wd-wrap{width:90%}.wd-hero-grid,.wd-split,.wd-team,.wd-process,.wd-notes{grid-template-columns:1fr;gap:26px}
.wd-intro{margin-left:0;max-width:460px}.wd-main h1{font-size:clamp(54px,12.5vw,89px)}
.wd-hero-shot img{height:clamp(220px,55vw,400px)}.wd-jump{left:12px;bottom:12px}
.wd-top{align-items:start;flex-direction:column}.wd-gallery{grid-template-columns:1fr;margin-top:24px}
.wd-split figure img{height:auto}.wd-process>div{position:static}
.wd-metrics span{font-size:13px}.wd-process li{padding-left:34px}
}
/* The frame stays in the document flow while the oversized photo travels behind it. */
.wd-hero-shot{height:clamp(265px,36vw,590px);overflow:hidden}
.wd-hero-shot img{position:absolute;inset:-14% 0 auto;height:128%;transform:translate3d(0,var(--photo-shift,0px),0)}
body.uv-site:has(.wd-stack){overflow-x:clip!important;overflow-y:visible!important}
.wd-stack{display:grid;gap:clamp(28px,5vw,84px);margin-top:clamp(28px,4vw,64px);align-items:start;isolation:isolate}
.wd-project{position:sticky;top:calc(3vh + var(--order)*9px);display:block;z-index:var(--order);scroll-margin-top:90px;border-radius:26px}
.wd-project-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:5%;min-height:clamp(300px,55vh,594px);padding:clamp(26px,4vw,72px);color:var(--ink);background:#fdfefe;border:1px solid var(--rule);border-radius:inherit;box-shadow:0 14px 40px #00143118;transform-origin:50% 0;transform:scale(var(--panel-scale,1));transition:box-shadow .35s}
.wd-project:nth-child(even) .wd-project-panel{background:#e7effc}
html[data-theme=dark] .wd-project-panel{background:#0e2346}
html[data-theme=dark] .wd-project:nth-child(even) .wd-project-panel{background:#192f51}
.wd-project-copy{display:flex;align-items:flex-start;flex-direction:column}
.wd-project-sector{font-size:clamp(11px,.9vw,14px);text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted)}
.wd-project-copy h3{font-size:clamp(32px,3.8vw,66px);letter-spacing:-.06em;margin:.48em 0 .7em}
.wd-visit{display:inline-flex;gap:12px;align-items:center;font-size:14px;border-bottom:1px solid var(--rule);padding-bottom:5px;font-weight:700}.wd-visit b{color:var(--accent)}
.wd-project .wd-browser{box-shadow:0 12px 32px #00173129}.wd-project .wd-browser img{height:clamp(200px,35vh,360px);object-fit:cover;object-position:top}
@media(hover:hover) and (pointer:fine){
 .wd-project:hover .wd-project-panel{box-shadow:0 18px 52px #00143130}
 .wd-project:hover .wd-browser img{transform:scale(1.025);transform-origin:center top}
 .wd-main summary:hover,.wd-link:hover{color:var(--accent)}
 .wd-team img,.wd-split img,.wd-controls button,.wd-jump{transition:transform .55s,background .3s}
 .wd-team figure:hover img,.wd-split figure:hover img{transform:scale(1.025)}
 .wd-controls button:hover,.wd-jump:hover{transform:translateY(-2px);background:var(--paper)}
}
@media(max-width:740px){
 .wd-hero-shot{height:clamp(220px,55vw,400px)}
 .wd-hero-shot img{height:128%}
 .wd-project{top:calc(12px + var(--order)*6px);border-radius:18px}
 .wd-project-panel{grid-template-columns:1fr;gap:16px;min-height:0;padding:20px}
 .wd-project-copy h3{font-size:clamp(26px,6vw,36px);margin:6px 0}
 .wd-project .wd-browser img{height:clamp(132px,25vh,210px)}
}
@media(max-height:460px),(prefers-reduced-motion:reduce){.wd-project{position:relative;top:auto}.wd-project-panel{transform:none}}
@media(prefers-reduced-motion:reduce){.wd-hero-shot img{transform:none}}

/* One ambient body layer under the navigation, service content, and footer. */
html[data-theme] body.wd-service #vuxora-reimagined-header,
html[data-theme] body.wd-service #vuxora-reimagined-header .vx-topnav,
html[data-theme] body.wd-service footer.footer {
  background:transparent!important;
  border-block:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.wd-service #vuxora-reimagined-header::before,
body.wd-service #vuxora-reimagined-header::after,
body.wd-service footer.footer::before,
body.wd-service footer.footer::after {content:none!important}
.wd-service .wd-hero {padding-top:clamp(22px,3vw,46px)}
.wd-service .wd-section,.wd-service .wd-manifest,.wd-service .wd-rec,.wd-service .wd-quote {
  padding-block:clamp(30px,4.25vw,70px);
}
.wd-service .wd-stack {gap:clamp(22px,3.2vw,52px);margin-top:clamp(20px,2.5vw,38px)}
.wd-service .wd-hero-shot img {inset:-33% 0 auto;height:166%;will-change:transform}
@media(prefers-reduced-motion:no-preference){
  .wd-service .wd-reveal {
    opacity:0;
    translate:0 32px;
    transition:opacity .82s ease,translate .95s cubic-bezier(.18,.72,.22,1);
  }
  .wd-service .wd-reveal:is(.wd-arrived,:focus-within) {opacity:1;translate:0 0}
  .wd-service :is(.wd-team,.wd-split) > .wd-reveal:nth-child(2),
  .wd-service .wd-project .wd-browser.wd-reveal {transition-delay:90ms}
}
@media(prefers-reduced-motion:reduce){
  .wd-service .wd-hero-shot img {inset:0;height:100%;will-change:auto}
}
@media print {
  .wd-service .wd-reveal {opacity:1!important;translate:none!important}
}
@media(max-width:740px) and (prefers-reduced-motion:no-preference){
  .wd-service .wd-hero-shot{height:clamp(155px,45vw,295px)}
  .wd-service .wd-hero-shot img{object-position:36% center}
}