.services-hero .breadcrumb{display:flex;align-items:center;gap:14px}.services-hero .breadcrumb>span{color:#aaa}.services-hero .hero-content>p{max-width:600px;font-size:20px}.design-showcase{padding:65px 0}.design-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px}.design-intro h2,.scope-intro h2{font-size:clamp(38px,4vw,55px)}.design-intro>p{max-width:400px;font-size:19px;line-height:1.65;margin:0}.design-project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.design-project-grid>*{min-width:0}.design-project{background:#eee;border-radius:8px;overflow:hidden}.design-project-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 22px;font-size:15px;background:#efefed}.design-project-bar i{font-style:normal;margin-left:14px;color:#e55030;font-size:23px}.design-project-preview{display:block;position:relative;width:100%;height:430px;background:#eee;border:0;padding:0;overflow:hidden;cursor:pointer}.design-project-preview>img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1);transition:filter .45s,transform .6s}.design-project-preview:hover>img,.design-project-preview:focus-visible>img{filter:grayscale(0);transform:scale(1.015)}.design-project-preview>span{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:35px;padding:14px 18px;background:white;border-radius:4px;font-size:16px;color:#101010;box-shadow:0 5px 20px #0002}.design-project-preview>span>i{font-style:normal;font-size:24px;color:#e55030}.design-decisions>h3{font:600 37px/1.06 InterTight,Arial;letter-spacing:-.035em;margin:0 0 27px}.design-decisions details{padding:20px 0;border-top:1px solid #ddd}.design-decisions summary{display:flex;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;font:500 24px/1.2 InterTight,Arial;letter-spacing:-.02em}.design-decisions summary::-webkit-details-marker,.design-faq summary::-webkit-details-marker{display:none}.design-decisions details[open] summary>span,.design-faq details[open] summary>span{transform:rotate(45deg);color:#e55030}.design-decisions details p{font-size:17px;line-height:1.65;color:#555;margin:17px 20px 0 0}.design-decisions>.text-arrow{font-size:16px;margin-top:20px}.design-scope{background:#101010;color:white;padding:60px 0}.scope-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:34px}.scope-intro p{font-size:19px;line-height:1.65;max-width:360px;color:#bbb;margin:0}.design-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-scope-grid article{min-width:0;background:#202020;padding:28px 27px 30px;border-radius:7px}.design-scope-grid h3{font:550 30px/1.1 InterTight,Arial;letter-spacing:-.025em;margin:23px 0 15px}.design-scope-grid article>p{font-size:17px;line-height:1.65;color:#bbb;margin:0}.scope-art{height:65px;position:relative;max-width:160px}.art-pages span{position:absolute;width:65px;height:52px;background:#555;border-radius:4px;transform:rotate(-10deg);top:8px;left:5px}.art-pages span:nth-child(2){background:#888;transform:rotate(0);left:24px;top:3px}.art-pages span:last-child{background:#e55030;transform:rotate(10deg);left:44px;top:0}.art-pages span:last-child:after{content:'';position:absolute;left:14px;top:15px;width:33px;height:4px;background:#ffffffb0;box-shadow:0 10px #ffffff70,0 20px #ffffff40}.art-layout>span{position:absolute;display:flex;gap:6px;padding:12px 10px 10px;inset:0 auto auto 0;width:110px;height:62px;background:#fff;border-radius:4px}.art-layout i:first-child{width:27px;height:100%;background:#ccc}.art-layout i:last-child{flex:1;background:#e55030}.art-layout b{position:absolute;width:27px;height:48px;background:#e55030;border:4px solid #aaa;border-radius:5px;left:100px;bottom:0}.art-launch>span{font:95px/.7 InterTight,Arial;color:#e55030;display:block;transform:translate(-6px,-1px)}.design-questions{padding:65px 0}.design-questions-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:80px}.design-questions h2{font-size:48px}.design-questions-grid>div>p{font-size:18px;line-height:1.65;max-width:340px;margin:24px 0 0;color:#555}.design-faq details{padding:22px 0;border-top:1px solid #ccc}.design-faq summary{font:500 24px/1.2 InterTight,Arial;letter-spacing:-.02em;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px}.design-faq details p{font-size:17px;line-height:1.7;color:#555;margin:18px 25px 0 0}.design-close{background:#f1f1ef;padding:45px 0}.design-close>.container{display:flex;align-items:center;justify-content:space-between;gap:50px}.design-close h2{font-size:43px}.design-close p{font-size:18px;line-height:1.6;margin:20px 0 0}.design-close>.container>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.design-close .btn{font-size:16px;gap:25px}.design-close>.container>div:last-child>a:last-child{font-size:16px}.design-related{padding:25px 0}.design-related>.container{display:flex;gap:25px 40px;align-items:center;flex-wrap:wrap;font-size:16px}.design-related>.container>span{margin-right:auto;color:#666}.design-related a{display:flex;gap:22px;align-items:center}.design-related a>span{color:#e55030;font-size:23px}#website-project-dialog{padding:32px;max-width:1050px;width:calc(100% - 40px);max-height:90dvh;border:0;border-radius:7px;background:white;color:#101010;overflow:auto}#website-project-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.website-dialog-close{position:absolute;right:16px;top:12px;width:42px;height:42px;border:0;background:#eee;border-radius:50%;font-size:30px;cursor:pointer}.website-dialog-intro{padding-right:35px;margin-bottom:25px}.website-dialog-intro>span{font-size:15px;color:#666}.website-dialog-intro h2{font-size:43px;margin:15px 0}.website-dialog-intro p{font-size:17px;line-height:1.6;margin:0}.website-dialog-open{overflow:hidden}#website-project-dialog>img{display:block;width:100%;height:auto;max-height:none}#website-project-dialog>.btn{font-size:16px;gap:25px;margin-top:25px}.design-project-preview:focus-visible,.design-decisions summary:focus-visible,.design-faq summary:focus-visible,.website-dialog-close:focus-visible{outline:3px solid #e55030;outline-offset:4px}
@media(max-width:1000px){.design-project-grid{gap:35px;grid-template-columns:1.2fr 1fr}.design-project-preview{height:410px}.design-decisions>h3{font-size:31px}.design-decisions summary{font-size:22px}.design-decisions details{padding:17px 0}.design-intro{gap:40px}.design-intro>p{max-width:320px;font-size:18px}.design-scope-grid{gap:18px}.design-scope-grid article{padding:25px 21px}.design-scope-grid h3{font-size:27px}.scope-intro p{max-width:300px;font-size:18px}.design-questions-grid{gap:40px}.design-questions h2{font-size:42px}.design-close h2{font-size:37px}.design-close .btn{padding:16px 18px;gap:18px}}
@media(max-width:800px){.design-showcase{padding:50px 0}.design-intro{display:block;margin-bottom:30px}.design-intro>p{max-width:620px;font-size:18px;margin-top:23px}.design-project-grid{grid-template-columns:1fr;gap:32px}.design-project-preview{height:430px}.design-decisions>h3{font-size:34px}.design-decisions>h3 br{display:none}.design-decisions details p{font-size:18px;max-width:620px}.design-decisions summary{font-size:24px}.design-decisions>.text-arrow{margin-top:16px}.scope-intro{display:block}.scope-intro p{max-width:620px;margin-top:23px}.design-scope-grid{grid-template-columns:1fr;gap:16px}.design-scope-grid article{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:20px;padding:25px}.scope-art{grid-column:1;grid-row:span 2;align-self:center}.design-scope-grid h3{grid-column:2;margin:0 0 13px;font-size:29px}.design-scope-grid article>p{grid-column:2;font-size:17px}.design-scope{padding:50px 0}.design-questions{padding:50px 0}.design-questions-grid{grid-template-columns:1fr;gap:30px}.design-questions-grid>div>p{max-width:none;font-size:18px}.design-questions h2{font-size:43px}.design-questions h2 br{display:none}.design-close>.container{flex-direction:column;align-items:flex-start;gap:28px}.design-close h2{font-size:40px}.design-related>.container{gap:15px 30px}.design-related>.container>span{width:100%}}
@media(max-width:500px){.services-hero .hero-content>p{font-size:18px;max-width:340px}.services-hero .breadcrumb{font-size:15px;gap:12px}.design-intro h2,.scope-intro h2{font-size:clamp(34px,9.1vw,43px)}.design-project-bar{padding:16px;font-size:15px;gap:15px}.design-project-bar>span:last-child{font-size:15px}.design-project-bar i{display:none}.design-project-preview{height:320px}.design-project-preview>span{right:14px;bottom:14px;padding:12px 15px;font-size:15px;gap:24px}.design-decisions>h3{font-size:30px;margin-bottom:23px}.design-decisions summary{font-size:23px;gap:20px}.design-decisions details p{font-size:17px;margin-right:0}.design-decisions>.text-arrow{font-size:16px}.design-scope-grid article{grid-template-columns:minmax(0,1fr);padding:25px 23px}.scope-art{grid-column:1;grid-row:auto;width:150px;margin-bottom:22px}.design-scope-grid h3{grid-column:1;font-size:28px}.design-scope-grid article>p{grid-column:1}.design-questions h2{font-size:37px}.design-faq summary{font-size:23px}.design-faq details p{margin-right:0;font-size:17px}.design-close{padding:35px 0}.design-close h2{font-size:35px}.design-close h2 br{display:none}.design-close p{font-size:17px}.design-related>.container{font-size:15px;gap:16px 24px}.design-related a{gap:15px}#website-project-dialog{padding:25px 18px;width:calc(100% - 20px);max-height:92dvh}.website-dialog-intro h2{font-size:33px}.website-dialog-intro p{font-size:16px}.website-dialog-intro{padding-right:20px}.website-dialog-close{top:9px;right:9px;width:35px;height:35px;font-size:27px}#website-project-dialog>.btn{font-size:15px;padding:15px;gap:18px;width:100%}}
@media(prefers-reduced-motion:reduce){.design-project-preview>img{transition:none!important}}

.hero-underlay.offscreen .underlay-sites{animation-play-state:paused}
/* Decorative mockups stay faint enough to keep their lettering out of the copy. */
.website-service-hero .underlay-sites{opacity:.2;filter:blur(3px)}
.website-service-hero .underlay-shade{background:linear-gradient(90deg,#101010 0%,#101010f0 50%,#10101080),linear-gradient(0deg,#101010,transparent 70%)}
.website-service-hero .underlay-rings{opacity:.15}
@media(max-width:700px){
 .website-service-hero{flex-direction:column;align-items:flex-start;padding-bottom:35px}
 .website-service-hero .hero-content{width:90%}
 .website-service-hero .underlay-sites{opacity:.12;filter:blur(4px)}
 .website-service-hero .underlay-shade{background:linear-gradient(90deg,#101010e8,#101010cc),linear-gradient(0deg,#101010,transparent 80%)}
 .website-service-hero .hero-baseline{position:relative;left:auto;bottom:auto;transform:none;width:90%;margin-top:22px;justify-content:flex-end}
 .website-service-hero .hero-baseline>span{display:none}
}