/* Autoplay build sequence, scoped to the WebDesign hero. */
.wd-build{--build-progress:1;min-width:0}
.wd-build .wd-hero-stage{padding:28px 22px 32px 0}
.wd-build .wd-hero-browser{transform:perspective(1100px) rotateY(-6deg) rotateX(2deg) rotateZ(-3deg)}
.wd-build .wd-hero-phone{bottom:8px;right:0;height:244px;width:121px;background:#fffaf0}
.wd-build .wd-hero-phone:before{z-index:8}
.build-screen{position:relative;aspect-ratio:1.48;background:#fcfbf5;container-type:inline-size;isolation:isolate;overflow:hidden}
.wd-build .wd-hero-phone .build-screen{height:100%;aspect-ratio:auto}
.build-layer{position:absolute;inset:0;overflow:hidden;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.22,.7,.25,1),opacity .25s;pointer-events:none}
.wd-build[data-build-phase="1"] [data-build-layer="1"],.wd-build[data-build-phase="2"] [data-build-layer="2"],.wd-build[data-build-phase="3"] [data-build-layer="3"],.wd-build[data-build-phase="4"] [data-build-layer="4"]{opacity:1;clip-path:inset(0);z-index:2}
/* Pencil layout, then a clean wireframe with exactly the same proportions. */
.build-plan{width:100%;height:100%;background:#f7f8f4;padding:5%;color:#8d9984}
.build-plan-nav{height:12%;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #bac4b4}
.build-plan-nav>b{height:27%;width:19%;background:#9eac94;border-radius:2px}
.build-plan-nav>span{display:flex;gap:8%;width:40%}
.build-plan-nav i{width:30%;height:4px;background:#c9d1c2;border-radius:1px}
.build-plan-body{height:70%;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:8% 0 5%}
.build-plan-copy{padding-top:4%}
.build-plan-copy small{display:block;width:60%;height:3%;background:#c3ccbc;margin-bottom:13%}
.build-plan-copy strong{display:block;width:95%;height:12%;background:#a6b29c;margin-bottom:5%;border-radius:2px}
.build-plan-copy strong:nth-of-type(2){width:70%;margin-bottom:15%}
.build-plan-copy p{display:block;width:92%;height:4%;background:#ccd4c5;margin:0 0 6%}
.build-plan-copy p:nth-of-type(2){width:73%}
.build-plan-copy em{display:block;width:51%;height:11%;background:#7d926a;margin-top:14%;border-radius:3px}
.build-plan-image{position:relative;min-height:0;border:1px solid #aebaa4;background:#e4e9dd}
.build-plan-image svg{width:100%;height:100%;stroke:#afbea3;stroke-width:.6}
.build-plan-footer{height:18%;padding-top:6%;display:flex;gap:7%;border-top:1px solid #bbc8b0}
.build-plan-footer i{width:33%;height:35%;border-radius:2px;background:#dbe1d4}
.build-plan-sketch{background-color:#faf8ef;background-image:linear-gradient(#8295700b 1px,transparent 1px),linear-gradient(90deg,#8295700b 1px,transparent 1px);background-size:16px 16px;transform:rotate(-.5deg);font-family:Georgia,serif}
.build-plan-sketch .build-plan-nav{border-bottom:1px dashed #8d9481}
.build-plan-sketch .build-plan-nav>b,.build-plan-sketch .build-plan-nav i,.build-plan-sketch .build-plan-copy strong,.build-plan-sketch .build-plan-copy em,.build-plan-sketch .build-plan-footer i{background:transparent;border:1px solid #9d9d8c;border-radius:3px 1px 5px 2px;transform:rotate(-1deg)}
.build-plan-sketch .build-plan-copy small,.build-plan-sketch .build-plan-copy p{height:1px;background:#a9a996;transform:rotate(-1.5deg)}
.build-plan-sketch .build-plan-copy strong{border:0;border-bottom:3px solid #838977;height:10%;width:90%}
.build-plan-sketch .build-plan-image{border:1px solid #929784;border-radius:35% 1% 2% 1%;background:transparent;transform:rotate(1deg)}
.build-plan-sketch .build-plan-image svg{stroke:#a0a493;stroke-dasharray:3 2}
.build-plan-sketch .build-plan-footer{border-top:1px dashed #adb19f}
.build-pencil-note{position:absolute;right:8%;bottom:2%;font-size:3cqw;color:#8c917a;transform:rotate(-5deg);font-style:italic}
/* Completed concept: a more expressive palette and sculptural artwork. */
.build-site{height:100%;background:#faf8ef;color:#293129;overflow:hidden;font-family:Manrope,sans-serif}
.build-site-nav{height:16%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:3%;border-bottom:1px solid #dedfd0}
.build-site-nav>b{font-size:5.5cqw;letter-spacing:-.4cqw;line-height:1;font-weight:750}
.build-site-nav>b>span{color:#697a3e}
.build-site-nav>span{display:flex;gap:3cqw;align-items:center;font-size:1.6cqw}
.build-site-nav i{font-style:normal}
.build-site-nav strong{font-size:1.4cqw;background:#dbe5ba;padding:1.5cqw 2cqw;border-radius:2px;font-weight:600}
.build-site-hero{display:grid;grid-template-columns:1.02fr 1fr;height:68%;background:#202d28}
.build-site-copy{padding:9% 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#faf6e7;min-width:0}
.build-site-copy>span:first-child{font-size:1.4cqw;letter-spacing:.35cqw;color:#c7d2b3}
.build-site-copy>strong{font-size:7.3cqw;letter-spacing:-.4cqw;line-height:1.02;font-weight:650;margin:3cqw 0 2.4cqw}
.build-site-copy em{font-family:Georgia,serif;color:#d5e78d;font-weight:400}
.build-site-copy>p{font-size:1.7cqw;line-height:1.8;color:#c0cdbb;margin:0 0 3cqw}
.build-site-cta{display:flex;align-items:center;gap:3cqw;font-size:1.6cqw;line-height:1;background:#d7ec8a;color:#293b25;padding:2cqw 2.2cqw;border-radius:2px}
.build-site-cta b{font-size:2.4cqw;font-weight:400}
.build-art{position:relative;background:linear-gradient(150deg,#958ab7 10%,#c8b9cf 64%,#a49fbe 64.5%);overflow:hidden;isolation:isolate}
.build-art:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#ffe8cb28 40.3%,#ffe8cb05 67%,transparent 67.3%);z-index:5}
.build-art-orbit{position:absolute;right:-12%;top:4%;width:67%;aspect-ratio:1;border-radius:50%;background:#e6ce8d;box-shadow:0 0 30px #e8cfaa22}
.build-art-arch{position:absolute;left:12%;bottom:10%;width:53%;height:78%;border-radius:50% 50% 0 0;background:linear-gradient(100deg,#bd5639 0%,#e28a5d 26%,#f6bb82 75%,#cb6c45 100%);box-shadow:10px 12px 18px #30234538;z-index:2}
.build-art-arch:after{content:'';position:absolute;inset:19% 23% 0;border-radius:50% 50% 0 0;background:linear-gradient(100deg,#753c32,#af583f);box-shadow:inset 6px 2px 8px #63352d66}
.build-art-step{position:absolute;width:56%;height:17%;bottom:0;right:-4%;background:linear-gradient(90deg,#d4b89f,#f5dfbb);transform:skewY(-5deg);box-shadow:0 -8px 15px #3e2d4422;z-index:3}
.build-art-ball{position:absolute;width:29%;aspect-ratio:1;border-radius:50%;right:12%;bottom:17%;background:radial-gradient(circle at 30% 25%,#e6f2ba,#9daf64 65%,#586d43);box-shadow:5px 10px 10px #4a3a4c33;z-index:4}
.build-art-sticker{position:absolute;right:7%;top:12%;height:16%;aspect-ratio:1;background:#f3efd9;display:grid;place-items:center;transform:rotate(10deg);font-size:5cqw;font-family:Georgia,serif;color:#525a42;z-index:6}
.build-art-sticker>span{position:absolute;top:7%;right:7%;font-family:Manrope,sans-serif;font-size:1.5cqw}
.build-site-footer{height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:3%;font-size:1.5cqw;color:#65715b}
.build-site-footer i{font-style:normal}
.build-site-footer>b{font-size:3cqw;font-weight:400}
.build-site-partial{filter:saturate(.75)}
.build-site-partial .build-site-nav strong,.build-site-partial .build-site-cta,.build-site-partial .build-art-sticker{opacity:0}
.build-site-partial .build-site-footer{opacity:.3}
/* The phone follows the same phase while using a mobile layout. */
.wd-build .wd-hero-phone .build-site-nav{height:13%;padding-top:7%;padding-inline:8%}
.wd-build .wd-hero-phone .build-site-nav>b{font-size:12cqw;letter-spacing:-.7cqw}
.wd-build .wd-hero-phone .build-site-nav>span{display:none}
.wd-build .wd-hero-phone .build-site-hero{height:77%;grid-template-columns:1fr;grid-template-rows:52% 48%}
.wd-build .wd-hero-phone .build-site-copy{padding:8% 10%}
.wd-build .wd-hero-phone .build-site-copy>span:first-child{font-size:3cqw;letter-spacing:.5cqw}
.wd-build .wd-hero-phone .build-site-copy>strong{font-size:15cqw;letter-spacing:-.6cqw;margin:6cqw 0 4cqw}
.wd-build .wd-hero-phone .build-site-copy>p{display:none}
.wd-build .wd-hero-phone .build-site-cta{font-size:3cqw;padding:3cqw 4cqw}
.wd-build .wd-hero-phone .build-site-cta b{font-size:4cqw}
.wd-build .wd-hero-phone .build-site-footer{height:10%;font-size:3cqw;padding-inline:9%}
.wd-build .wd-hero-phone .build-site-footer i,.wd-build .wd-hero-phone .build-site-footer>b{display:none}
.wd-build .wd-hero-phone .build-art-sticker{font-size:10cqw}
.wd-build .wd-hero-phone .build-plan{padding:15% 9% 7%}
.wd-build .wd-hero-phone .build-plan-nav{height:8%}
.wd-build .wd-hero-phone .build-plan-nav>b{width:35%}
.wd-build .wd-hero-phone .build-plan-nav>span{display:none}
.wd-build .wd-hero-phone .build-plan-body{height:81%;grid-template-columns:1fr;grid-template-rows:44% 48%;gap:8%;padding-block:12%}
.wd-build .wd-hero-phone .build-plan-copy{padding:0}
.wd-build .wd-hero-phone .build-plan-copy small{margin-bottom:8%}
.wd-build .wd-hero-phone .build-plan-copy strong{height:14%;margin-bottom:6%}
.wd-build .wd-hero-phone .build-plan-copy strong:nth-of-type(2){margin-bottom:9%}
.wd-build .wd-hero-phone .build-plan-copy p:nth-of-type(2){display:none}
.wd-build .wd-hero-phone .build-plan-copy em{height:15%;margin-top:10%}
.wd-build .wd-hero-phone .build-plan-footer{height:9%}
.wd-build .wd-hero-phone .build-pencil-note{display:none}
/* Small controls allow pausing, replaying and inspecting a phase. */
.wd-build .build-caption{margin:8px 0 0;padding:0;color:#5b724a}
.build-phase-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px}
.build-phase-dot{width:6px;height:6px;border-radius:50%;background:#79a04e}
.build-phase-title{font-size:14px;font-weight:550;color:#3e5f2c;letter-spacing:-.15px}
.build-phase-detail{font-size:12px;color:#70815f}
.build-steps{display:flex;gap:4px;margin-top:15px;justify-content:space-between}
.build-steps button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;background:transparent;color:#7a8a6b;font-family:inherit;font-size:12px;padding:8px 7px;cursor:pointer;transition:color .25s,background .25s}
.build-steps button>span{font-size:10px;opacity:.7}
.build-steps button[aria-pressed=true]{background:#e1ebd2;color:#375728}
.build-steps button:focus-visible,.build-playback button:focus-visible{outline:2px solid #799c51;outline-offset:2px}
.build-progress{height:2px;background:#d7e2ca;margin:7px 0 13px;overflow:hidden;border-radius:2px}
.build-progress>span{display:block;height:100%;background:#7d9d54;transform:scaleX(var(--build-progress));transform-origin:left}
.build-caption-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px;line-height:1.7;color:#778969}
.build-caption-bottom>span{max-width:200px}
.build-playback{display:flex;gap:10px;flex-shrink:0}
.build-playback[hidden]{display:none}
.build-playback button{border:0;background:transparent;padding:0;font:inherit;display:flex;align-items:center;gap:4px;cursor:pointer;color:#5d7848}
.build-playback button>span:first-child{font-size:13px;line-height:1.5}
@media(min-width:1500px){.wd-build .wd-hero-phone{width:143px;height:285px}}
@media(max-width:1050px) and (min-width:761px){.wd-build .wd-hero-phone{width:105px;height:214px}.wd-build .wd-hero-stage{padding-right:18px}.build-steps button{gap:4px;padding:7px 4px;font-size:11px}.build-steps button>span{font-size:9px}.build-caption-bottom{font-size:10px;gap:8px}.build-playback{gap:7px}.build-phase-detail{font-size:11px}.build-phase-title{font-size:13px}}
@media(max-width:760px){.wd-build .wd-hero-stage{padding:25px 24px 30px 0}.wd-build .wd-hero-phone{width:105px;height:215px;bottom:5px}.wd-build .build-caption{margin:9px auto 0;max-width:480px}.build-steps{margin-top:12px}.build-steps button{font-size:12px;padding:8px 5px;gap:5px}.build-phase-title{font-size:14px}.build-phase-detail{font-size:12px}.build-caption-bottom{font-size:11px;gap:10px}.build-playback{gap:9px}.build-caption-bottom>span{max-width:170px}}
@media(max-width:380px){.wd-build .wd-hero-phone{width:92px;height:195px}.build-steps button{font-size:11px;gap:4px;padding:8px 4px}.build-caption-bottom{flex-direction:column;gap:8px}.build-caption-bottom>span{max-width:none}}
@media(prefers-reduced-motion:reduce){.build-layer,.build-steps button{transition:none}}
.wd-build .build-steps button{min-height:40px;font-size:13px}
.wd-build .build-phase-title{font-size:14px}
.wd-build .build-playback button{font-size:12px;min-height:24px}
@media(max-width:380px){.wd-build .build-steps button{font-size:12px}}
/* Straighten the hero browser when the illustration is hovered or its controls receive focus. */
.wd-build .wd-hero-browser{transition:transform .55s cubic-bezier(.22,.75,.25,1),box-shadow .55s}
@media(hover:hover) and (pointer:fine){
  .wd-build .wd-hero-stage:hover .wd-hero-browser{transform:perspective(1100px) translateY(-5px) rotateY(0deg) rotateX(0deg) rotateZ(0deg);box-shadow:2px 4px 0 #afbe9a,0 30px 40px #37511f26}
}
.wd-build:focus-within .wd-hero-browser{transform:perspective(1100px) translateY(-5px) rotateY(0deg) rotateX(0deg) rotateZ(0deg)}
@media(prefers-reduced-motion:reduce){.wd-build .wd-hero-browser{transition:none}}
/* The design phase is a workboard, clearly distinct from the finished website. */
.build-design-board{height:100%;padding:5%;background-color:#f3f2eb;background-image:radial-gradient(#84947133 .6px,transparent .8px);background-size:10px 10px;color:#506046}
.build-design-heading{display:flex;justify-content:space-between;align-items:center;height:11%;border-bottom:1px solid #bdc9b4;font-size:1.7cqw;letter-spacing:.25cqw}
.build-design-heading b{font-size:2cqw;color:#8ca070;font-weight:500}
.build-design-composition{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;height:68%;padding:5% 0}
.build-design-type{position:relative;border:1px solid #9ead8d;background:#fbfaf4;padding:7%;transform:rotate(-3deg);box-shadow:2px 4px 8px #3d4f2b0c}
.build-design-type:before,.build-design-image:before{content:'';position:absolute;width:25%;height:6%;background:#d8deb78c;top:-3%;left:38%;transform:rotate(-8deg);z-index:3}
.build-design-type small{display:block;font-size:1.4cqw;letter-spacing:.2cqw;color:#8b9779}
.build-design-type>strong{font-family:Manrope,sans-serif;display:block;font-size:13cqw;line-height:1.05;font-weight:600;letter-spacing:-1cqw;color:#24352b;margin:4% 0}
.build-design-type>strong>span{color:#9eaf68}
.build-design-type>em{font-family:Georgia,serif;display:block;color:#72834c;font-size:4cqw;line-height:1.1;font-weight:400}
.build-design-lines{display:flex;flex-direction:column;gap:4px;margin-top:8%}
.build-design-lines i{height:2px;width:85%;background:#cbd4bf}.build-design-lines i:last-child{width:65%}
.build-design-image{position:relative;transform:rotate(3deg);background:#fffaf0;border:1px solid #fff;padding:6%;box-shadow:2px 4px 12px #3d4f2b12}
.build-design-image>span{display:block;font-size:1.4cqw;letter-spacing:.2cqw;margin-bottom:6%;color:#7e8f6d}
.build-design-image .build-art{height:78%;border:1px dashed #a7a28b}
.build-design-image>i{position:absolute;inset:17% 2% 6% 2%;border:1px dashed #9baf774d;pointer-events:none}
.build-design-palette{display:flex;align-items:center;justify-content:space-between;gap:5%;height:21%;border-top:1px solid #c5cfbb}
.build-design-palette>span{font-size:1.3cqw;letter-spacing:.15cqw;color:#879876}
.build-design-palette>div{display:flex;gap:5px;flex:1}
.build-design-palette i{width:5.5cqw;height:5.5cqw;border:2px solid #fff;box-shadow:0 1px 4px #29352220;background:#202d28;border-radius:50%}
.build-design-palette i:nth-child(2){background:#d7ec8a}.build-design-palette i:nth-child(3){background:#df885b}.build-design-palette i:nth-child(4){background:#a298bf}
.build-design-palette>b{font-size:1.4cqw;font-weight:400;color:#859570}
.wd-build .wd-hero-phone .build-design-board{padding:15% 8% 5%}
.wd-build .wd-hero-phone .build-design-heading{font-size:2.6cqw;height:10%;letter-spacing:.2cqw}
.wd-build .wd-hero-phone .build-design-heading b{display:none}
.wd-build .wd-hero-phone .build-design-composition{grid-template-columns:1fr;grid-template-rows:48% 48%;gap:4%;height:74%;padding:10% 2%}
.wd-build .wd-hero-phone .build-design-type{padding:5% 9%;transform:rotate(-3deg)}
.wd-build .wd-hero-phone .build-design-type small{font-size:2cqw}
.wd-build .wd-hero-phone .build-design-type>strong{font-size:23cqw;line-height:1;margin:2% 0}
.wd-build .wd-hero-phone .build-design-type>em{font-size:5cqw}
.wd-build .wd-hero-phone .build-design-type>em br{display:none}
.wd-build .wd-hero-phone .build-design-lines{display:none}
.wd-build .wd-hero-phone .build-design-image{padding:5%}
.wd-build .wd-hero-phone .build-design-image>span{font-size:2cqw;margin-bottom:3%}
.wd-build .wd-hero-phone .build-design-image .build-art{height:83%}
.wd-build .wd-hero-phone .build-design-palette{height:16%}
.wd-build .wd-hero-phone .build-design-palette>span,.wd-build .wd-hero-phone .build-design-palette>b{display:none}
.wd-build .wd-hero-phone .build-design-palette>div{justify-content:center;gap:3px}
.wd-build .wd-hero-phone .build-design-palette i{width:13cqw;height:13cqw;border-width:1px}
/* Larger process demonstration, with the four phases beside the devices. */
.wd-showcase-build{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:42px;align-items:center;margin:40px 0 0}
.wd-build.wd-showcase-build .wd-hero-stage{width:100%;max-width:none;margin:0;padding:22px 35px 30px 0}
.wd-build.wd-showcase-build .wd-hero-phone{width:clamp(135px,13vw,205px);height:clamp(275px,26vw,410px);bottom:0;right:0;border-width:6px;border-radius:25px}
.wd-build.wd-showcase-build .build-caption{margin:0;max-width:none}
.wd-showcase-build .build-phase-status{gap:9px;align-items:center}
.wd-build.wd-showcase-build .build-phase-title{font-size:22px;letter-spacing:-.7px;line-height:1.2}
.wd-showcase-build .build-phase-detail{display:block;width:100%;font-size:14px;line-height:1.7;margin-top:3px}
.wd-showcase-build .build-steps{flex-direction:column;gap:8px;margin:25px 0 20px}
.wd-build.wd-showcase-build .build-steps button{width:100%;text-align:left;justify-content:flex-start;padding:12px;gap:13px;min-height:64px;border:1px solid transparent;border-radius:10px}
.wd-showcase-build .build-steps button[aria-pressed=true]{background:#e8efdd;border-color:#c9d9b6}
.wd-showcase-build .build-steps .build-step-number{display:grid;place-items:center;border:1px solid #bacda6;width:28px;height:28px;flex-shrink:0;border-radius:50%;font-size:11px;opacity:1;color:#6c8854}
.wd-showcase-build .build-steps button[aria-pressed=true] .build-step-number{background:#3f612d;color:#f2f7e9;border-color:#3f612d}
.wd-showcase-build .build-steps .build-step-copy{opacity:1;display:block;font-size:15px;line-height:1.4}
.wd-showcase-build .build-step-copy strong{font-size:15px;font-weight:550;display:block;color:#486536;margin:0 0 5px}
.wd-showcase-build .build-step-copy small{font-size:12px;line-height:1.6;color:#788c67;display:block}
.wd-showcase-build .build-caption-bottom{flex-direction:column;gap:14px;font-size:12px}
.wd-showcase-build .build-caption-bottom>span{max-width:none}
.wd-showcase-build .build-playback{gap:18px}
.wd-showcase-build .build-playback button{font-size:13px}
@media(max-width:1050px) and (min-width:761px){.wd-showcase-build{grid-template-columns:minmax(0,1fr) 215px;gap:25px}.wd-build.wd-showcase-build .wd-hero-phone{width:125px;height:255px;border-width:5px;border-radius:21px}.wd-build.wd-showcase-build .build-phase-title{font-size:20px}.wd-showcase-build .build-steps{gap:4px;margin-top:20px}.wd-build.wd-showcase-build .build-steps button{padding:10px 8px;gap:10px}}
@media(max-width:760px){.wd-showcase-build{display:block;margin-top:28px}.wd-build.wd-showcase-build .wd-hero-stage{padding:20px 25px 30px 0}.wd-build.wd-showcase-build .wd-hero-phone{width:105px;height:215px;border-width:4px;border-radius:19px}.wd-build.wd-showcase-build .build-caption{margin-top:17px}.wd-build.wd-showcase-build .build-phase-title{font-size:20px}.wd-showcase-build .build-phase-detail{font-size:14px;display:inline;width:auto;margin:0}.wd-showcase-build .build-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.wd-build.wd-showcase-build .build-steps button{padding:10px 8px;gap:9px;background:#f0f4e9;border-color:#dce6d1}.wd-showcase-build .build-steps button[aria-pressed=true]{background:#dfeace;border-color:#bacfa3}.wd-showcase-build .build-steps .build-step-number{width:24px;height:24px;font-size:10px}.wd-showcase-build .build-step-copy strong{font-size:14px;margin-bottom:3px}.wd-showcase-build .build-step-copy small{font-size:11px}.wd-showcase-build .build-caption-bottom{font-size:12px;gap:12px}.wd-showcase-build .build-playback button{font-size:13px}}
@media(max-width:380px){.wd-build.wd-showcase-build .wd-hero-phone{width:96px;height:200px}.wd-showcase-build .build-step-copy small{font-size:10px}.wd-build.wd-showcase-build .build-steps button{gap:7px;padding:9px 6px}}
/* Keep the lower process illustration compact beside the phase list. */
.wd-build.wd-showcase-build .wd-hero-stage{width:80%;max-width:580px;justify-self:center;padding:20px 25px 25px 0}
.wd-build.wd-showcase-build .wd-hero-phone{width:clamp(98px,10vw,145px);height:clamp(200px,20.5vw,300px);border-width:5px;border-radius:21px}
@media(max-width:760px){.wd-build.wd-showcase-build .wd-hero-stage{width:90%;max-width:360px;margin-inline:auto;padding:18px 22px 24px 0}.wd-build.wd-showcase-build .wd-hero-phone{width:90px;height:185px;border-width:4px;border-radius:17px}}