/* Website Design: illustration uses local surfaces, not the visitor's theme. */
.wd-page .wd-intro-note{border-left:1px solid currentColor;padding:16px 0 16px 32px;margin-bottom:32px;max-width:340px}
.wd-intro-note>span{font-size:13px}.wd-intro-note>strong{display:block;font:500 clamp(32px,3.5vw,48px)/1.08 Aventa,Arial,sans-serif;letter-spacing:-.035em;margin:20px 0}.wd-intro-note p{font-size:15px;margin:0}
.wd-showcase{padding:100px 0 90px;overflow:clip}.wd-showcase .px-heading{margin-inline:auto;text-align:center;max-width:710px}.wd-showcase .px-heading p{margin-inline:auto;max-width:46ch}
.wd-scene{position:relative;max-width:990px;margin:70px auto 40px;padding:0 60px 45px 0;perspective:1500px}
.wd-browser{position:relative;border:7px solid #262b28;border-radius:18px;background:#f7f5ed;box-shadow:0 28px 70px #17181620;overflow:hidden;transform:rotateY(-4deg) rotateX(3deg);transform-origin:50% 60%}
.wd-browser-chrome{height:31px;background:#262b28;display:flex;align-items:center;gap:5px;padding:0 12px;color:#fff;font-size:10px}.wd-browser-chrome i{width:5px;height:5px;border-radius:50%;background:#b9beb9}.wd-browser-chrome>span{margin:auto;position:relative;left:-15px}
.wd-demo{color:#233a34;background:#f7f5ed;padding:28px 40px 20px}.wd-demo-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;letter-spacing:.04em}.wd-demo-nav>span:first-child{font-weight:600}.wd-demo-main{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:48px 0}.wd-demo-label{font-size:10px;line-height:1.6;display:block}.wd-demo-title{font:500 clamp(40px,6vw,80px)/.98 Aventa,Arial,sans-serif;letter-spacing:-.055em;margin:22px 0 30px}.wd-demo-link{font-size:12px;border-bottom:1px solid #233a34;padding:0 0 8px;display:inline-flex;gap:40px}.wd-demo-link span{font-size:18px}.wd-demo-foot{border-top:1px solid #233a3438;padding-top:15px;display:flex;justify-content:space-between;gap:20px;font-size:10px}
.wd-art{height:275px;position:relative;isolation:isolate}.wd-art>div{position:absolute;inset:0 15%;border-radius:48% 48% 8% 8%;background:#a8bea6;transform:rotate(-20deg)}.wd-art>div:nth-child(2){inset:12% 6% -3% 24%;background:#efac89;transform:rotate(17deg)}.wd-art>div:nth-child(3){inset:23% 20% 8% 30%;background:#dae678;transform:rotate(5deg)}
.wd-handset{position:absolute;right:0;bottom:0;width:195px;background:#f7f5ed;border:7px solid #262b28;border-radius:31px;padding:28px 17px 20px;box-shadow:0 22px 48px #17181624;transform:rotate(5deg);color:#233a34}.wd-phone-camera{position:absolute;top:10px;left:35%;width:30%;height:5px;border-radius:20px;background:#262b28}.wd-mobile-title{font:500 38px/1.02 Aventa,Arial,sans-serif;letter-spacing:-.035em;margin:30px 0 20px}.wd-mobile-art{height:100px;background:#efac89;border-radius:70px 70px 0 0;position:relative;overflow:hidden}.wd-mobile-art:after{content:'';position:absolute;inset:30% -5% -15% 20%;background:#dae678;border-radius:100px 100px 0 0;transform:rotate(-22deg)}.wd-mobile-line{display:block;border-bottom:1px solid #233a34;padding:20px 0 8px;font-size:9px}.wd-page .wd-caption{max-width:none;text-align:center;margin-bottom:0}
.wd-inclusions{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,80px);margin-top:64px}.wd-inclusions article{padding-top:24px;border-top:1px solid #17181630}.wd-feature-mark{font-size:35px;display:block;margin-bottom:35px}.wd-inclusions p{font-size:16px;max-width:30ch}.wd-options{margin-top:50px}.wd-options details{border-top:1px solid #17181635;padding-block:12px}.wd-options details:last-child{border-bottom:1px solid #17181635}.wd-options summary{list-style:none;min-height:74px;display:flex;justify-content:space-between;gap:30px;align-items:center;font:500 clamp(24px,3vw,36px)/1.2 Aventa,Arial,sans-serif;cursor:pointer}.wd-options summary::-webkit-details-marker{display:none}.wd-options summary:after{display:none}.wd-options summary>span:last-child{font:400 28px Inter,Arial,sans-serif;transition:transform .25s}.wd-options details[open] summary>span:last-child{transform:rotate(45deg)}.wd-options details>p{max-width:62ch;font-size:17px;margin:12px 0 28px}.wd-ownership{display:grid;grid-template-columns:1fr 1fr;gap:80px}.wd-ownership .px-details:first-child{margin-top:0}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.wd-browser{animation:wd-approach linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.wd-handset{animation:wd-float linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes wd-approach{0%{transform:translateY(30px) scale(.93) rotateY(-5deg) rotateX(5deg)}50%{transform:translateY(0) scale(1) rotateY(0) rotateX(0)}100%{transform:translateY(-20px) scale(.97) rotateY(3deg) rotateX(-2deg)}}@keyframes wd-float{0%{transform:translateY(28px) rotate(7deg)}60%{transform:translateY(-20px) rotate(-2deg)}100%{transform:translateY(-35px) rotate(-4deg)}}}}
@media(max-width:800px){.wd-ownership{grid-template-columns:1fr;gap:24px}.wd-inclusions{grid-template-columns:1fr;gap:38px;margin-top:40px}.wd-feature-mark{margin-bottom:20px}.wd-inclusions p{max-width:46ch}.wd-demo{padding:22px 26px}.wd-art{height:220px}.wd-handset{width:170px}.wd-mobile-title{font-size:32px}.wd-demo-main{padding:32px 0}.wd-scene{padding-right:45px}}
@media(max-width:540px){.wd-page .wd-intro-note{margin:42px 0 12px;padding-left:24px}.wd-showcase{padding-block:64px}.wd-scene{margin-top:42px;padding:0 25px 95px 0}.wd-browser{border-width:4px;border-radius:12px}.wd-browser-chrome{height:22px;font-size:8px}.wd-demo{padding:16px 18px}.wd-demo-nav{font-size:8px}.wd-demo-nav>span:last-child{display:none}.wd-demo-main{grid-template-columns:1fr;gap:20px;padding:24px 0}.wd-demo-label{font-size:9px}.wd-demo-title{font-size:43px;margin:16px 0 20px}.wd-demo-link{font-size:10px;gap:24px}.wd-art{height:100px;width:55%;margin-left:0}.wd-demo-foot{font-size:8px;max-width:52%;min-height:38px}.wd-demo-foot>span:last-child{display:none}.wd-handset{width:132px;border-width:5px;border-radius:23px;padding:24px 12px 16px;bottom:5px}.wd-mobile-title{font-size:30px;margin:24px 0 16px}.wd-mobile-art{height:88px}.wd-mobile-line{font-size:8px;line-height:1.5}.wd-page .wd-caption{text-align:left;max-width:35ch}.wd-options summary{min-height:76px;gap:20px}.wd-options details>p{font-size:16px}.wd-options{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.wd-browser,.wd-handset{transform:none;animation:none}.wd-options summary>span:last-child{transition:none}}
/* Why design matters, in brief: one sentence that lights up as you read and a before and after to drag.
   The demo samples come from design-demos.css and stay light, like the rest of this page. */
.wd-craft-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,96px);align-items:center;margin-top:56px}
.wd-craft-copy{display:grid;gap:24px;justify-items:start}
.wd-page .wd-craft-lead{margin:0;max-width:22ch;font:500 clamp(26px,2.6vw,38px)/1.22 Aventa,Arial,sans-serif;letter-spacing:-.035em}
.wd-page .wd-craft-note{margin:0;max-width:44ch;font-size:16px;line-height:1.6}
.wd-craft-copy .text-link{margin-top:0}
.wd-craft-demo{margin:0;display:grid;gap:14px}
.wd-craft-demo figcaption{font-size:13px;line-height:1.5}
@media(max-width:800px){.wd-craft-grid{grid-template-columns:1fr;gap:36px;margin-top:36px}}