/* This stylesheet belongs only to wd. */
body.wd-body{margin:0;background:#f2f2ef;color:#111}
.wd-page{font-family:"Barlow",Arial,sans-serif;background:#f2f2ef;color:#111;overflow:clip}
.wd-page *,.wd-page *::before,.wd-page *::after{box-sizing:border-box}
.wd-page :is(h1,h2,h3,p,figure){margin:0}
.wd-page :is(h1,h2,h3){font-family:"Barlow",Arial,sans-serif;font-weight:600;letter-spacing:-.04em;text-wrap:balance;color:inherit}
main.wd-page h1{font-size:clamp(38px,4.8vw,65px);line-height:1.04}
main.wd-page h2{font-size:clamp(30px,3.5vw,45px);line-height:1.1}
.wd-page h3{font-size:clamp(23px,2.2vw,30px);line-height:1.15}
.wd-page p{font-size:18px;line-height:1.55;text-wrap:pretty}
.wd-page a{color:inherit;text-decoration:none}
.wd-page img{display:block;max-width:100%;height:auto}
.wd-page :is(a,button,summary):focus-visible{outline:3px solid #ffc000;outline-offset:5px}
.wd-wrap{width:min(1400px,calc(100% - 2 * clamp(22px,4vw,62px)));margin-inline:auto}
.wd-label{display:block;margin-bottom:18px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#886300}
.wd-page .wd-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 25px;min-height:54px;border-radius:100px;background:#ffc000;color:#080808;font-size:15px;font-weight:500;line-height:1.3}
.wd-page .wd-button:hover{background:#ffcf3e}
.wd-page .ft-arrow-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.wd-page .wd-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.wd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.wd-page details{border-top:1px solid #cecece}
.wd-page details:last-child{border-bottom:1px solid #cecece}
.wd-page summary{display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;list-style:none;padding:22px 0;font-size:21px;line-height:1.3;font-weight:500}
.wd-page summary::-webkit-details-marker{display:none}
.wd-page summary::after{content:'+';font-size:26px;flex:none}
.wd-page details[open]>summary::after{content:'−'}
.wd-page details>p{padding:0 24px 24px 0;color:#575757}
.wd-page [hidden]{display:none!important}
@media(max-width:680px){.wd-wrap{width:calc(100% - 36px)}.wd-page p{font-size:17px}.wd-page summary{font-size:19px}.wd-page .wd-button{padding:16px 21px}}
@media(prefers-reduced-motion:reduce){.wd-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Page composition */

.wd-page{overflow:visible}.wd-hero{text-align:center;padding-block:155px 80px;max-width:1050px}.wd-hero>p{max-width:720px;margin:26px auto 0}.wd-hero .wd-actions{justify-content:center}.wd-projects{padding-block:85px 95px}.wd-projects>header{display:grid;grid-template-columns:1fr 1fr;gap:0 75px;margin-bottom:40px;align-items:end}.wd-projects>header>.wd-label{grid-column:1/-1}.wd-projects>header>p{max-width:540px}.wd-project>a{display:block;overflow:hidden;border-radius:10px}.wd-project img{width:100%;height:auto;object-fit:cover;transition:transform .5s ease}.wd-project>a:hover img{transform:scale(1.025)}.wd-project--feature img{aspect-ratio:16/9}.wd-project figcaption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:20px}.wd-project figcaption h3{font-size:26px}.wd-project figcaption p{font-size:15px;margin-top:6px;color:#6d6d6d}.wd-project-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:55px}.wd-project-pair img{aspect-ratio:5/4}.wd-project--offset{padding-top:90px}.wd-project-pair figcaption>a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffc000;flex:none}.wd-solutions{padding:85px 0;background:#e6e6e6}.wd-solutions-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.wd-solutions-layout>div:first-child>p{max-width:420px;margin-top:25px}.wd-faq{padding-block:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.wd-contact{background:#080808;color:#fff;text-align:center;padding:85px 0}.wd-contact .wd-label{color:#ffc000}.wd-contact p{max-width:590px;margin:24px auto 30px;color:#c7c7c7}
/* Original laptop viewport; the project section meets the end of the pinned scene. */
.wd-page{--gp-accent:#ffc000;--gp-paper:#f2f2ef}.gp-device-zoom{min-height:100vh;display:grid;align-items:stretch;padding:0;overflow:hidden;background:#000;color:#fff}.gp-device-zoom>.gp-container{width:100%;max-width:none}.gp-device-sticky{position:sticky;top:0;display:grid;justify-items:center;min-height:100vh;align-content:center;padding:clamp(88px,8vw,118px) 0 0}.gp-device-copy{position:relative;max-width:760px;padding-inline:24px;text-align:center}.gp-device-copy .gp-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffc000;margin-bottom:18px}.gp-device-copy h2{color:#fff}.gp-device-copy p{margin-top:24px;color:#ffffffad}.gp-three-stage{position:absolute;inset:0;width:100vw;height:100vh;min-height:100vh;overflow:hidden;border:0;background:#000}.gp-three-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;transform:translate(var(--fewture-3d-x,-1.8vw),var(--fewture-3d-y,0vh))}.gp-three-fallback{position:absolute;bottom:28px;left:28px;right:28px;text-align:center;font-size:12px;color:#ffffff9e}.gp-screen-content{position:relative;z-index:2;margin-top:-1px;transform-origin:top center;will-change:opacity,transform;background:#f2f2ef}
@media(max-width:1000px){.wd-projects>header,.wd-solutions-layout,.wd-faq{gap:35px}.wd-project-pair{gap:30px}}
@media(max-width:760px){.gp-device-zoom,.gp-device-sticky{min-height:100svh}.gp-device-sticky{padding-top:0}.gp-three-stage{height:100svh;min-height:100svh}.gp-three-fallback{bottom:14px;font-size:11px}}
@media(max-width:680px){.wd-hero{padding-block:125px 60px}.wd-hero h1 br{display:none}.wd-projects{padding-block:55px}.wd-projects>header,.wd-project-pair,.wd-solutions-layout,.wd-faq{grid-template-columns:1fr;gap:25px}.wd-projects>header>p{margin-top:5px}.wd-projects>header{margin-bottom:30px}.wd-project--feature img{aspect-ratio:4/3}.wd-project figcaption{align-items:flex-start;gap:15px}.wd-project--feature figcaption{flex-direction:column}.wd-project-pair{margin-top:35px;gap:35px}.wd-project--offset{padding-top:0}.wd-project figcaption h3{font-size:23px}.wd-solutions,.wd-contact{padding-block:60px}.wd-faq{padding-block:60px}}
@media(prefers-reduced-motion:reduce){.gp-screen-content{opacity:1!important;visibility:visible!important;transform:none!important}}

.wd-scene-ready .gp-screen-content{margin-top:-100vh}
.gp-screen-content{padding-top:clamp(30px,4vw,60px)}
@media(max-width:760px){.wd-scene-ready .gp-screen-content{margin-top:-100svh}}
@media(prefers-reduced-motion:reduce){.wd-scene-ready .gp-screen-content{margin-top:0}}

.wd-project--offset img{object-position:top center}

/* Black surfaces keep the laptop transition continuous in both scroll directions. */
body.wd-body,.wd-page,.gp-screen-content{background:#000;color:#fff}
.wd-page{--gp-paper:#000}
.wd-label{color:#ffc000}
.wd-hero>p,.wd-projects>header>p{color:#c7c7c7}
.wd-project figcaption p,.wd-page details>p{color:#bfbfbf}
.wd-page details,.wd-page details:last-child{border-color:#3d3d3d}
.wd-solutions{background:#141414;color:#fff}
.wd-project-pair figcaption>a{color:#080808}

/* Solutions remain visible; only the project questions use disclosure. */
.wd-solutions .wd-solutions-layout{display:block}
.wd-solutions-layout>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:48px;margin-bottom:38px}
.wd-solutions-layout>div:first-child>p{margin:0;max-width:500px}
.wd-solution-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.wd-solution-list article{border-top:1px solid #3d3d3d;padding-top:24px;min-width:0}
.wd-solution-list h3{font-size:25px;line-height:1.2;margin:0 0 16px;color:#fff;letter-spacing:-.02em}
.wd-solution-list p{font-size:17px;line-height:1.6;margin:0;color:#bfbfbf}
@media(max-width:900px){.wd-solutions-layout>div:first-child{display:block}.wd-solutions-layout>div:first-child>p{margin-top:24px}.wd-solution-list{gap:26px}.wd-solution-list h3{font-size:23px}}
@media(max-width:680px){.wd-solution-list{grid-template-columns:1fr;gap:28px}.wd-solutions-layout>div:first-child{margin-bottom:30px}}