/* A page-wide studio of dimensional objects. Scoped away from shared navigation/footer. */
#wd-page.wd-depth-page{--depth-shadow:0 25px 40px -28px #153b4c85;--tilt-x:0deg;--tilt-y:0deg}
.wd-depth-page .wd-section{position:relative;isolation:isolate}.wd-depth-page .wd-section>.wd-container{position:relative;z-index:1}
.wd-depth-page .wd-display{text-shadow:1px 2px 0 #ffffff80,2px 3px 0 #17384612}
.wd-depth-page .wd-intro{background:radial-gradient(ellipse at 50% 68%,#fff9ed 0,transparent 65%),#f8ead0}
.wd-depth-story{position:relative;display:grid;grid-template-columns:.85fr 1.2fr .85fr;gap:36px;align-items:center;margin:70px auto 55px;max-width:990px;padding:10px 0 55px;perspective:1300px;text-align:left}
.wd-depth-story-card{position:relative;border-radius:12px;border:1px solid #bcbdb0;background:#fffaf0;padding:24px;box-shadow:5px 7px 0 #c7c8b7,var(--depth-shadow);transform:perspective(1000px) rotateX(var(--tilt-x,4deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s;min-width:0}
.wd-depth-caption{font-size:8px;letter-spacing:.12em;font-weight:bold;display:block}.wd-depth-story-card p{font-size:11px;margin:17px 0 0}.wd-depth-brand{rotate:-8deg}.wd-depth-brand strong{display:flex;justify-content:space-between;font-size:90px;line-height:1.3;letter-spacing:-.08em}.wd-depth-brand strong span{font-size:36px;font-weight:400;align-self:center}.wd-depth-colours{display:flex;height:31px;border-radius:4px;overflow:hidden}.wd-depth-colours i{width:33.33%;background:#173846}.wd-depth-colours i:nth-child(2){background:#f28a13}.wd-depth-colours i:nth-child(3){background:#c5dde0}.wd-depth-web{margin-top:-40px;z-index:2;rotate:3deg}.wd-depth-mini-browser{display:flex;gap:4px;padding:16px 0 8px}.wd-depth-mini-browser i{width:5px;height:5px;background:#b4c0b8;border-radius:50%}.wd-depth-web img{width:100%;height:170px;object-fit:cover;object-position:top;border:1px solid #cbd4ca;border-radius:4px}.wd-depth-launch{rotate:8deg;background:#f5a943;box-shadow:5px 7px 0 #c88937,var(--depth-shadow)}.wd-depth-arrow{font-size:122px;font-weight:bold;line-height:1.35;text-align:center;color:#fff7e2;text-shadow:1px 1px #e7c992,2px 2px #e7c992,3px 3px #b9792a,5px 6px #bd772988;transform:rotateY(-15deg)}.wd-depth-story-floor{position:absolute;left:0;right:0;bottom:15px;height:85px;background:#d7d1b94d;border:1px solid #c7c1ac70;border-radius:50%;z-index:-1;box-shadow:0 10px 0 #cec6ac55}
.wd-depth-page .wd-capabilities span{background:#fff9ed;border-color:#d0c5ab;box-shadow:0 4px 0 #d4c8ac;font-weight:700;transition:transform .25s}.wd-depth-page .wd-capabilities span:hover{transform:translateY(-4px)}
.wd-depth-page .wd-impact{background:radial-gradient(ellipse at 25% 30%,#ffb75d,transparent 60%),#ef8e24}
.wd-depth-page .wd-feature-image{overflow:visible;transform:perspective(1300px) rotateX(var(--tilt-x,5deg)) rotateY(var(--tilt-y,-5deg)) rotateZ(-2deg);background:#e7d9ba;border:1px solid #fce5b8;box-shadow:8px 12px 0 #ba945f,0 40px 55px -35px #6d39059c;transition:transform .55s;margin-top:72px;margin-bottom:76px;height:520px;padding-bottom:0}
.wd-depth-page .wd-feature-image>.wd-browser{height:100%;border-radius:9px 9px 0 0;box-shadow:8px -6px 0 #baaa8e60;overflow:hidden}.wd-depth-page .wd-feature-image>.wd-browser img{height:auto;min-height:100%;object-fit:cover;object-position:top}
.wd-depth-float-tag{position:absolute;right:-18px;top:-24px;border:1px solid #c6d2c9;border-radius:6px;padding:19px;background:#eef1df;font-size:9px;font-weight:bold;letter-spacing:.08em;box-shadow:4px 5px 0 #aab8aa;rotate:6deg;z-index:2;animation:wd-depth-bob 7s ease-in-out infinite}.wd-depth-float-tag span{font-size:25px;margin-left:18px}.wd-depth-page .wd-stamp{box-shadow:6px 7px 0 #cbb38a,0 20px 30px -15px #6d390566;animation:wd-depth-bob 8s ease-in-out infinite}
.wd-depth-page .wd-benefits{gap:23px}.wd-depth-page .wd-benefits article{border:1px solid #ffcd87;border-radius:9px;padding:27px 22px;background:#ffb65b;box-shadow:4px 6px 0 #ba701d,0 20px 25px -23px #5e360d;transition:transform .3s,box-shadow .3s}.wd-depth-page .wd-benefits article:nth-child(even){background:#ffc373}.wd-depth-page .wd-benefits article:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:6px 12px 0 #ba701d,0 25px 30px -23px #5e360d}.wd-depth-page .wd-benefits h3{font-size:22px}
.wd-depth-page .wd-solutions{background:radial-gradient(ellipse at 15% 65%,#fff4d6 0,transparent 60%),#f5e2b9}.wd-depth-page .wd-solution-visual{position:relative;transform:perspective(1000px) rotateX(var(--tilt-x,5deg)) rotateY(var(--tilt-y,9deg)) rotateZ(-3deg);box-shadow:7px 9px 0 #9bac9f,0 35px 40px -30px #294d4280;border:1px solid #edf3e6;transition:transform .5s}.wd-depth-page .wd-solution-browser{border:5px solid #365552;box-shadow:3px 4px 0 #92aaa0}.wd-depth-orb{position:absolute;right:-22px;top:-28px;width:60px;height:60px;background:radial-gradient(circle at 30% 25%,#ffe5a5,#f2a342 45%,#ad5814);border-radius:50%;box-shadow:0 15px 20px -10px #67411f66;z-index:2;animation:wd-depth-bob 6s ease-in-out infinite}.wd-depth-page .wd-switches button[aria-selected=true]{box-shadow:0 4px 0 #829185}.wd-depth-page .wd-button{box-shadow:0 5px 0 #739080;transition:transform .25s,box-shadow .25s}.wd-depth-page .wd-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #739080}
.wd-depth-page .wd-process{background:linear-gradient(145deg,#e2e9d9,#c8dcda);border:0}.wd-depth-page .wd-process-graphic{gap:24px;perspective:800px;margin-top:60px}.wd-depth-page .wd-process-graphic span{position:relative;min-width:90px;min-height:115px;padding:22px 17px;border-radius:7px;background:#f9efda;box-shadow:7px 9px 0 #a9b7a9,0 24px 28px -23px #264b4b;transform:rotateY(-15deg) rotateZ(-5deg);font-size:22px;animation:wd-depth-bob 7s ease-in-out infinite}.wd-depth-page .wd-process-graphic span:nth-of-type(2){background:#f7aa45;transform:rotateY(-15deg) rotateZ(5deg);animation-delay:-2s;box-shadow:7px 9px 0 #bf873d,0 24px 28px -23px #264b4b}.wd-depth-page .wd-process-graphic span:nth-of-type(3){animation-delay:-4s}.wd-depth-page .wd-process-graphic i{color:#5d817d;font-size:20px}.wd-depth-page .wd-steps li{background:#f4f2e3;border:1px solid #c8d4c5;margin:0 0 27px;padding:28px 25px;border-radius:10px;box-shadow:5px 7px 0 #9fb9b1,var(--depth-shadow)}.wd-depth-page .wd-steps li:not(:last-child):before{display:none}.wd-depth-page .wd-steps li>span{background:#173e46;color:#fff;border-color:#173e46;box-shadow:3px 4px 0 #9eaaa0}.wd-depth-page .wd-steps h3{font-size:26px}.wd-depth-page .wd-steps p{font-size:14px}
.wd-depth-page .wd-work{background:radial-gradient(ellipse at 65% 45%,#edf3eb,transparent 65%),#f7f4e9}.wd-depth-page .wd-projects{gap:48px 38px;perspective:1600px}.wd-depth-page .wd-project{min-width:0}.wd-depth-page .wd-project-picture{border:1px solid #c2cdc2;border-radius:12px;overflow:visible;box-shadow:6px 8px 0 #afc0b7,0 28px 35px -27px #274c4780;padding:25px 25px 16px;transform:perspective(1000px) rotateX(var(--tilt-x,3deg)) rotateY(var(--tilt-y,-3deg));transition:transform .45s,box-shadow .45s}.wd-depth-page .wd-project:nth-child(even) .wd-project-picture{rotate:1deg;box-shadow:6px 8px 0 #c0abb6,0 28px 35px -27px #274c4780}.wd-depth-page .wd-project-picture img{height:100%;object-fit:cover;object-position:top;border:5px solid #f8f9f2;border-top-width:17px;border-radius:6px;box-shadow:3px 4px 0 #849b9870;transition:transform .5s}.wd-depth-page .wd-project-picture:before{content:'•••';position:absolute;top:23px;left:38px;color:#849b98;font-size:10px;letter-spacing:2px;z-index:1}.wd-depth-page .wd-project-open:hover .wd-project-picture img{transform:translateY(-5px)}.wd-depth-page .wd-expand{box-shadow:3px 4px 0 #6b8276;border:1px solid #d2dccc;background:#fff8e9}.wd-depth-page .wd-project-caption{padding-top:25px}.wd-depth-page .wd-filters button{box-shadow:0 3px 0 #ccd5c8}.wd-depth-page .wd-filters button[aria-pressed=true]{box-shadow:0 3px 0 #80938b}
.wd-depth-page .wd-support{background:radial-gradient(ellipse at 15% 10%,#e5eddd 0,transparent 65%),#bed5d3}.wd-depth-page .wd-device-art{box-shadow:8px 10px 0 #7eaaa8,0 35px 40px -30px #214b4e90;border:1px solid #dfebe0;transform:perspective(1000px) rotateX(var(--tilt-x,4deg)) rotateY(var(--tilt-y,7deg));transition:transform .5s}.wd-depth-page .wd-device-art>.wd-browser{box-shadow:7px 8px 0 #607f80;border:5px solid #2a4e56;animation:wd-depth-bob 8s ease-in-out infinite}.wd-depth-page .wd-mini-phone{box-shadow:5px 6px 0 #7b9290,0 20px 25px -15px #112d3c70;animation:wd-depth-bob 6s ease-in-out infinite}.wd-depth-device-chip{position:absolute;left:-16px;bottom:27px;width:119px;height:103px;z-index:3;background:#f5ad51;border:1px solid #ffe3ad;border-radius:9px;rotate:-8deg;display:grid;place-content:center;text-align:center;font-size:35px;font-weight:bold;box-shadow:4px 6px 0 #bf873d;animation:wd-depth-bob 7s ease-in-out infinite}.wd-depth-device-chip small{display:block;font-size:6px;letter-spacing:.1em;margin-top:7px}.wd-depth-page .wd-code-art{transform:perspective(1000px) rotateX(var(--tilt-x,3deg)) rotateY(var(--tilt-y,-7deg)) rotateZ(3deg);box-shadow:8px 9px 0 #597e80,0 35px 45px -30px #173e4780;border:1px solid #587780;transition:transform .5s}.wd-depth-page .wd-checklist span{padding:8px 6px;border:1px solid #d8d0b8;background:#fff6df;border-radius:4px;box-shadow:0 3px 0 #d3c7ad}.wd-depth-page .wd-code>span{display:inline-block;animation:wd-depth-code 5s ease-in-out infinite}
.wd-depth-page .wd-faq{background:#f8f1e1}.wd-depth-question{position:relative;width:125px;height:135px;margin:0 0 40px 15px;perspective:600px}.wd-depth-question>span{display:grid;place-items:center;width:105px;height:110px;border-radius:20px;background:#f6ad4e;color:#173e46;font-size:85px;font-weight:900;box-shadow:7px 9px 0 #c08742,0 25px 30px -24px #61472d;transform:rotateY(-16deg) rotateZ(-9deg);animation:wd-depth-bob 7s ease-in-out infinite}.wd-depth-question i{position:absolute;right:0;bottom:0;width:35px;height:35px;border-radius:50%;border:7px solid #85acaa;box-shadow:3px 3px 0 #527b7e}.wd-depth-page .wd-questions details{background:#fffaf0;border:1px solid #d8cfb8;border-radius:8px;margin-bottom:16px;padding:0 22px;box-shadow:4px 5px 0 #d2c7af;transition:background .25s,transform .25s}.wd-depth-page .wd-questions details[open]{background:#edf2e4;transform:translateX(-3px);box-shadow:6px 6px 0 #a6bbb0}.wd-depth-page .wd-questions summary{font-size:16px;line-height:1.4}.wd-depth-page .wd-questions summary>span{width:27px;height:27px;flex-shrink:0;border-radius:50%;border:1px solid #c9c5af;display:grid;place-items:center;background:#f2e7ce;font-size:20px}.wd-depth-page .wd-questions details>p{margin-right:0}
.wd-depth-page .wd-final{background:radial-gradient(ellipse at 50% 65%,#ffcc80,transparent 65%),#ef932f}.wd-depth-page .wd-final .wd-display em{text-shadow:1px 2px #d9b071,2px 3px #d9b071,3px 4px #bd7732,5px 7px #ad6a2840}.wd-depth-finale{display:flex;gap:0;align-items:center;justify-content:center;max-width:960px;margin:75px auto 0;height:270px;perspective:1400px}.wd-depth-finale-screen{width:34%;height:220px;flex-shrink:0;border:6px solid #173846;border-top-width:25px;border-radius:10px;background:#173846;position:relative;box-shadow:7px 8px 0 #9c7b51,0 30px 35px -26px #4c371d;transform:rotateY(22deg) rotateZ(-8deg);animation:wd-depth-bob 8s ease-in-out infinite}.wd-depth-finale-screen:nth-child(2){z-index:2;height:255px;transform:translateZ(70px);animation-delay:-2s}.wd-depth-finale-screen:nth-child(3){transform:rotateY(-22deg) rotateZ(8deg);animation-delay:-4s}.wd-depth-finale-screen img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:0 0 5px 5px}.wd-depth-finale-screen>span{position:absolute;top:-17px;left:9px;font-size:6px;letter-spacing:.1em;color:#e7e6d6}.wd-depth-page .wd-final-line{margin-top:55px}
@keyframes wd-depth-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes wd-depth-code{0%,100%{opacity:1}50%{opacity:.55}}
.wd-depth-page .wd-section:not(.wd-depth-awake) *{animation-play-state:paused!important}.wd-depth-page.wd-motion-paused *,.wd-depth-page.wd-tab-hidden *{animation-play-state:paused!important}
@media(max-width:1000px){.wd-depth-story{gap:22px}.wd-depth-story-card{padding:18px}.wd-depth-brand strong{font-size:65px}.wd-depth-arrow{font-size:95px}.wd-depth-web img{height:140px}.wd-depth-page .wd-process-graphic{gap:13px}.wd-depth-page .wd-process-graphic span{min-width:65px;padding:20px 12px}.wd-depth-page .wd-steps li{padding:24px 20px}.wd-depth-page .wd-steps h3{font-size:23px}.wd-depth-page .wd-feature-image{height:420px}.wd-depth-page .wd-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wd-depth-story{gap:14px;margin:38px 0 30px;padding-bottom:30px;grid-template-columns:1fr 1fr}.wd-depth-story-card{padding:17px}.wd-depth-web{grid-column:1/-1;grid-row:1;width:82%;justify-self:center;margin:0 0 12px;rotate:2deg}.wd-depth-web img{height:145px}.wd-depth-brand{rotate:-5deg}.wd-depth-launch{rotate:5deg}.wd-depth-caption{font-size:6px}.wd-depth-brand strong{font-size:55px}.wd-depth-arrow{font-size:75px;line-height:1.35}.wd-depth-story-card p{font-size:9px}.wd-depth-colours{height:23px}.wd-depth-story-floor{height:55px}.wd-depth-page .wd-feature-image{height:270px;margin:58px 0 48px;padding:22px 8% 0;box-shadow:5px 7px 0 #ba945f,0 28px 35px -25px #6d390580}.wd-depth-float-tag{font-size:7px;right:-4px;top:-20px;padding:12px}.wd-depth-float-tag span{font-size:18px}.wd-depth-page .wd-benefits{gap:17px}.wd-depth-page .wd-benefits article{padding:20px 15px}.wd-depth-page .wd-benefits h3{font-size:19px}.wd-depth-page .wd-benefits p{font-size:12px}.wd-depth-orb{width:43px;height:43px;right:-8px;top:-20px}.wd-depth-page .wd-solution-layout{gap:42px}.wd-depth-page .wd-process-graphic{gap:14px;margin-top:35px}.wd-depth-page .wd-process-graphic span{min-width:61px;min-height:90px;font-size:17px;padding:17px 10px}.wd-depth-page .wd-process-graphic b{font-size:11px}.wd-depth-page .wd-process-graphic i{font-size:16px}.wd-depth-page .wd-steps li{gap:16px;padding:21px 16px;margin-bottom:23px}.wd-depth-page .wd-steps li>span{width:39px;height:39px;font-size:12px}.wd-depth-page .wd-steps h3{font-size:22px}.wd-depth-page .wd-steps p{font-size:13px}.wd-depth-page .wd-projects{gap:35px}.wd-depth-page .wd-project-picture{padding:20px 20px 15px;height:295px}.wd-depth-page .wd-project-picture:before{top:18px;left:33px}.wd-depth-page .wd-editorial{margin-top:53px;gap:44px}.wd-depth-device-chip{width:90px;height:84px;font-size:26px;left:-10px}.wd-depth-device-chip small{font-size:5px}.wd-depth-page .wd-code-art{margin:0 5px}.wd-depth-page .wd-checklist{padding:17px;gap:8px;font-size:9px}.wd-depth-question{width:93px;height:104px;margin-bottom:30px}.wd-depth-question>span{width:80px;height:83px;font-size:65px;border-radius:15px}.wd-depth-question i{width:26px;height:26px;border-width:5px}.wd-depth-page .wd-questions details{padding:0 16px}.wd-depth-page .wd-questions summary{font-size:14px}.wd-depth-finale{height:180px;margin-top:48px}.wd-depth-finale-screen{height:122px;border-width:4px;border-top-width:17px;border-radius:6px;width:35%;box-shadow:4px 5px 0 #9c7b51}.wd-depth-finale-screen:nth-child(2){height:155px}.wd-depth-finale-screen>span{font-size:3px;top:-11px;left:4px}.wd-depth-page .wd-final-line{margin-top:35px}}
@media(max-width:360px){.wd-depth-page .wd-benefits{grid-template-columns:1fr}.wd-depth-page .wd-process-graphic{gap:8px}.wd-depth-page .wd-process-graphic span{min-width:56px;padding:15px 9px}.wd-depth-page .wd-steps li{padding:20px 13px;gap:12px}.wd-depth-page .wd-steps h3{font-size:20px}.wd-depth-page .wd-project-picture{height:260px}}
@media(prefers-reduced-motion:reduce){.wd-depth-page *{animation:none!important}.wd-depth-page [data-depth],.wd-depth-page .wd-project-picture{transition:none!important}}
