.dw-case-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--dw-text);background:linear-gradient(to bottom,#fff,#fffffffa 7%,#fffbf9d1 18%,#fff0 36%),radial-gradient(circle at 2% 2%,rgba(255,90,36,.04),transparent 30%),radial-gradient(circle at 92% 14%,rgba(16,16,74,.025),transparent 34%),var(--dw-background)}.dw-case-hero:before{content:"";position:absolute;top:0;right:0;left:0;z-index:1;height:150px;pointer-events:none;background:linear-gradient(to bottom,#fffffffa,#ffffffb8 35%,#ffffff3d 68%,#fff0)}.dw-case-hero,.dw-case-hero *{box-sizing:border-box}.dw-case-hero__container{position:relative;z-index:2;width:min(1380px,calc(100% - 64px));min-height:650px;margin:0 auto;padding:76px 0 70px;display:grid;grid-template-columns:minmax(340px,.76fr) minmax(590px,1.24fr);align-items:center;gap:38px}.dw-case-hero__shape{position:absolute;z-index:0;pointer-events:none;border-radius:999px}.dw-case-hero__shape--left{top:-105px;left:-125px;width:280px;height:280px;background:#ff5a240b;filter:blur(4px)}.dw-case-hero__shape--right{right:-180px;bottom:-215px;width:450px;height:450px;background:#ff5a2411;filter:blur(5px)}.dw-case-hero__dots{position:absolute;z-index:0;top:100px;right:24px;width:102px;height:120px;opacity:.32;pointer-events:none;background-image:radial-gradient(circle,rgba(255,90,36,.55) 1.35px,transparent 1.6px);background-size:12px 12px}.dw-case-hero__content{position:relative;z-index:5;max-width:485px}.dw-case-hero__eyebrow{width:fit-content;margin:0 0 26px;display:inline-flex;align-items:center;gap:7px;color:var(--dw-heading);font-size:10px;font-weight:750;line-height:1;letter-spacing:.09em;text-transform:uppercase}.dw-case-hero__eyebrow-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--dw-accent);box-shadow:0 0 0 4px #ff5a241a}.dw-case-hero__heading{margin:0;color:var(--dw-heading);font-size:clamp(51px,4.35vw,69px);font-weight:760;line-height:.92;letter-spacing:-.057em}.dw-case-hero__heading-line{display:block}.dw-case-hero__heading-line--accent{color:var(--dw-accent)}.dw-case-hero__description{max-width:445px;margin-top:27px;color:var(--dw-text);font-size:15px;line-height:1.65}.dw-case-hero__description p{margin:0}.dw-case-hero__proofs{margin-top:27px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dw-case-hero__proof{min-width:0;display:flex;align-items:center;gap:8px;color:var(--dw-heading)}.dw-case-hero__proof-icon{width:21px;height:21px;flex:0 0 21px;display:inline-flex}.dw-case-hero__proof-icon svg{width:100%;height:100%;display:block}.dw-case-hero__proof-text{font-size:10.5px;font-weight:650;line-height:1.35}.dw-case-hero__button{width:fit-content;min-height:48px;margin-top:30px;padding:0 19px 0 21px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:999px;background:var(--dw-button);color:var(--dw-button-text);box-shadow:0 10px 25px #ff5a243b;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.dw-case-hero__button svg{width:18px;height:18px;flex:0 0 18px}.dw-case-hero__button:hover{color:var(--dw-button-text);transform:translateY(-2px);box-shadow:0 14px 29px #ff5a244d}.dw-case-hero__visual{position:relative;z-index:3;min-width:0;min-height:520px;display:flex;align-items:center;justify-content:center}.dw-case-hero__devices{position:relative;width:100%;min-height:510px;display:flex;align-items:center;justify-content:center}.dw-case-browser{position:relative;z-index:2;width:calc(88% * var(--dw-browser-scale));max-width:790px;transform:translate(1%);filter:drop-shadow(0 25px 28px rgba(16,16,74,.16))}.dw-case-browser__shell{overflow:hidden;border:2px solid #171717;border-radius:10px 10px 4px 4px;background:#fff}.dw-case-browser__topbar{height:29px;padding:0 11px;display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:8px;border-bottom:1px solid #e8e8e8;background:#fbfbfb}.dw-case-browser__traffic{display:flex;align-items:center;gap:4px}.dw-case-browser__traffic span{width:6px;height:6px;border-radius:50%;background:#d5d5d5}.dw-case-browser__traffic span:first-child{background:#ff765d}.dw-case-browser__traffic span:nth-child(2){background:#ffc85b}.dw-case-browser__traffic span:nth-child(3){background:#60ce7a}.dw-case-browser__address{min-width:0;height:17px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #eeeeee;border-radius:999px;background:#fff;color:#868686;font-size:7px;line-height:1}.dw-case-browser__address svg{width:8px;height:8px;flex:0 0 8px}.dw-case-browser__address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-case-browser__screen{position:relative;overflow:hidden;aspect-ratio:16 / 9.15;background:#f6f6f6}.dw-case-browser__image{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.dw-case-browser__base{position:relative;width:108%;height:14px;margin-left:-4%;border-radius:0 0 48% 48%;background:linear-gradient(180deg,#eee,#d6d6d6 48%,#a8a8a8);box-shadow:inset 0 1px #fffffff2,0 2px 3px #00000029}.dw-case-browser__base span{position:absolute;top:1px;left:50%;width:52px;height:4px;border-radius:0 0 6px 6px;background:#b8b8b8;transform:translate(-50%)}.dw-case-phone{position:absolute;z-index:4;right:.5%;bottom:5%;width:calc(22.5% * var(--dw-phone-scale));min-width:128px;max-width:186px;filter:drop-shadow(0 20px 24px rgba(16,16,74,.22))}.dw-case-phone__frame{position:relative;padding:6px;border:2px solid #101010;border-radius:26px;background:linear-gradient(135deg,#2b2b2b,#050505 60%,#373737)}.dw-case-phone__screen{position:relative;overflow:hidden;aspect-ratio:9 / 19.4;border-radius:19px;background:#fff}.dw-case-phone__image{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.dw-case-phone__island{position:absolute;z-index:3;top:7px;left:50%;width:43%;height:12px;border-radius:999px;background:#101010;transform:translate(-50%)}.dw-case-phone__island span{position:absolute;top:4px;right:7px;width:4px;height:4px;border-radius:50%;background:#252b38}.dw-case-phone__home{position:absolute;z-index:3;bottom:6px;left:50%;width:36%;height:3px;border-radius:999px;background:#141414a6;transform:translate(-50%)}.dw-case-phone__buttons{position:absolute;z-index:1;top:58px;left:-3px;display:grid;gap:10px}.dw-case-phone__buttons span{width:3px;height:20px;border-radius:3px 0 0 3px;background:#171717}.dw-case-phone__buttons span:first-child{height:11px}.dw-case-phone__button-right{position:absolute;z-index:1;top:78px;right:-3px;width:3px;height:30px;border-radius:0 3px 3px 0;background:#171717}.dw-case-device-placeholder{width:100%;height:100%;min-height:250px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f8f8f8;color:#10104a75;font-size:12px;font-weight:600;text-align:center}.dw-case-device-placeholder--phone{min-height:250px;padding:10px;font-size:9px}.dw-case-device-placeholder__icon{width:30px;height:30px;display:inline-flex}.dw-case-device-placeholder__icon svg{width:100%;height:100%}.dw-case-overlay{position:absolute;z-index:8;min-height:40px;padding:8px 14px 8px 9px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(16,16,74,.07);border-radius:9px;background:#fffffffa;color:var(--dw-heading);box-shadow:0 10px 24px #10104a24,0 2px 6px #10104a0f;font-size:10px;font-weight:650;line-height:1;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dw-case-overlay__icon{width:24px;height:24px;flex:0 0 24px;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.dw-case-overlay__icon svg,.dw-case-overlay__icon img{width:100%;height:100%;display:block;object-fit:contain}.dw-case-overlay__icon--shopify{background:#edf8e6;color:#67a944}.dw-case-overlay__icon--code{background:#fff0ea;color:#ff5a24}.dw-case-overlay__icon--calendar{background:#ebf4ff;color:#4285d4}.dw-case-overlay__icon--responsive{background:#f0efff;color:#6155c6}.dw-case-overlay__icon--delivery{background:#fff5dc;color:#e59a17}.dw-case-overlay__icon--check{background:#eef7f3;color:#3b9970}.dw-case-overlay--left-top{top:50%;left:1%;transform:rotate(-1deg)}.dw-case-overlay--left-middle{top:60%;left:-1%;transform:rotate(.5deg)}.dw-case-overlay--left-bottom{top:70%;left:1%;transform:rotate(-.5deg)}.dw-case-overlay--bottom-left{bottom:10%;left:0;transform:rotate(.7deg)}.dw-case-overlay--bottom-middle{bottom:8%;left:24%}@media(prefers-reduced-motion:no-preference){.dw-case-overlay--left-top,.dw-case-overlay--left-bottom{animation:dw-case-float-left 5.2s ease-in-out infinite}.dw-case-overlay--left-middle,.dw-case-overlay--bottom-left,.dw-case-overlay--bottom-middle{animation:dw-case-float-right 5.8s ease-in-out infinite reverse}}@keyframes dw-case-float-left{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(-1deg)}}@keyframes dw-case-float-right{0%,to{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}}@media screen and (max-width:1180px){.dw-case-hero__container{width:min(1100px,calc(100% - 48px));grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr);gap:20px}.dw-case-hero__heading{font-size:clamp(48px,5vw,61px)}.dw-case-hero__proofs{grid-template-columns:1fr;gap:9px}.dw-case-hero__visual,.dw-case-hero__devices{min-height:475px}.dw-case-overlay{min-height:36px;padding:7px 11px 7px 8px;font-size:8.5px}.dw-case-overlay__icon{width:21px;height:21px;flex-basis:21px}}@media screen and (max-width:900px){.dw-case-hero__container{width:min(720px,calc(100% - 40px));min-height:auto;padding:60px 0 50px;grid-template-columns:1fr;gap:44px}.dw-case-hero__content{max-width:620px}.dw-case-hero__heading{font-size:clamp(54px,10vw,75px)}.dw-case-hero__description{max-width:540px}.dw-case-hero__proofs{max-width:580px;grid-template-columns:repeat(3,minmax(0,1fr))}.dw-case-hero__visual,.dw-case-hero__devices{min-height:500px}.dw-case-browser{width:calc(86% * var(--dw-browser-scale));transform:translate(-1%)}.dw-case-phone{right:1%;bottom:4%}.dw-case-overlay--left-top{top:48%;left:2%}.dw-case-overlay--left-middle{top:59%;left:0}.dw-case-overlay--left-bottom{top:70%;left:2%}.dw-case-overlay--bottom-left{bottom:8%;left:1%}.dw-case-overlay--bottom-middle{bottom:6%;left:25%}}@media screen and (max-width:600px){.dw-case-hero__container{width:calc(100% - 30px);padding:46px 0 38px;gap:34px}.dw-case-hero__eyebrow{margin-bottom:20px;font-size:9px}.dw-case-hero__heading{font-size:clamp(45px,15vw,64px)}.dw-case-hero__description{margin-top:22px;font-size:14px;line-height:1.6}.dw-case-hero__proofs{grid-template-columns:1fr;gap:9px}.dw-case-hero__proof-text{font-size:11px}.dw-case-hero__button{width:100%;margin-top:27px}.dw-case-hero__visual,.dw-case-hero__devices{min-height:350px}.dw-case-browser{width:calc(89% * var(--dw-browser-scale));transform:translate(-3%)}.dw-case-browser__topbar{height:22px;padding:0 7px;grid-template-columns:37px minmax(0,1fr) 37px}.dw-case-browser__traffic{gap:3px}.dw-case-browser__traffic span{width:4px;height:4px}.dw-case-browser__address{height:13px;font-size:5px}.dw-case-browser__address svg{width:6px;height:6px}.dw-case-browser__base{height:9px}.dw-case-phone{right:0;bottom:5%;width:calc(23% * var(--dw-phone-scale));min-width:82px}.dw-case-phone__frame{padding:4px;border-radius:18px}.dw-case-phone__screen{border-radius:13px}.dw-case-phone__island{top:5px;height:8px}.dw-case-phone__island span{top:2.5px;right:4px;width:3px;height:3px}.dw-case-phone__home{bottom:4px;height:2px}.dw-case-phone__buttons,.dw-case-phone__button-right{display:none}.dw-case-overlay{min-height:27px;padding:5px 8px 5px 5px;gap:5px;border-radius:5px;font-size:6.5px}.dw-case-overlay__icon{width:17px;height:17px;flex-basis:17px;padding:3px;border-radius:4px}.dw-case-overlay--left-top{top:45%;left:0}.dw-case-overlay--left-middle{top:57%;left:-1%}.dw-case-overlay--left-bottom{top:69%;left:0}.dw-case-overlay--bottom-left{bottom:6%;left:2%}.dw-case-overlay--bottom-middle{bottom:4%;left:30%}.dw-case-hero__dots{display:none}}@media(prefers-reduced-motion:reduce){.dw-case-hero__button,.dw-case-overlay{animation:none;transition:none}}#shopify-section-header .header-wrapper,.shopify-section-group-header-group .header-wrapper,.header-wrapper--border-bottom{border-bottom:0!important;box-shadow:none!important}#shopify-section-header,.shopify-section-group-header-group,#MainContent{margin-bottom:0!important}.shopify-section-header-sticky,.shopify-section-group-header-group{position:relative;z-index:40}@media screen and (max-width:749px){.dw-case-hero:before{height:95px}.dw-case-hero{background:linear-gradient(to bottom,#fff,#fffffff5 9%,#fffbf9b8 24%,#fff0 42%),var(--dw-background)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/donewell-case-hero.css.map */