/* Reference-aligned section rhythm with the owner's established branding. */
.reference-site{--ref-wine:#86143c;--ref-ink:#251c22;--ref-soft:#f8f5f7;background:#fff;color:var(--ref-ink)}.ref-wrap{max-width:1140px;width:calc(100% - 48px);margin-inline:auto}.ref-topbar{background:#232126;color:#eee;font-size:12px}.ref-topbar .ref-wrap{height:32px;display:flex;justify-content:space-between;align-items:center}.ref-topbar a{color:#fff;text-decoration:none}.reference-site header{top:0}.reference-site header .nav{min-height:100px!important}.reference-site .reference-home{overflow:clip;background:#fff}.reference-home *, .ref-preview *{box-sizing:border-box}.reference-home .ref-section{padding:72px 0;margin:0;min-height:0}.reference-home h2{font-size:34px!important;line-height:1.22!important;letter-spacing:-.025em!important;margin:0 0 24px!important;font-weight:750!important;color:var(--ref-ink)!important}.reference-home h3{font-size:20px;line-height:1.3;letter-spacing:-.015em;margin:0 0 16px;color:var(--ref-ink)}.reference-home h2 em{font-style:normal;color:var(--ref-wine)}.reference-home p{font-size:15px!important;line-height:1.8!important;color:#554b52;margin:0 0 20px}.ref-center{text-align:center}.ref-eyebrow{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--ref-wine);margin-bottom:14px}.ref-eyebrow:before{content:'';display:inline-block;width:28px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}.ref-kicker{font-size:14px!important;letter-spacing:.02em}.ref-button,.ref-outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;font-size:14px!important;font-weight:600;line-height:1.4;text-decoration:none!important;border-radius:4px;border:1px solid var(--ref-wine);transition:background .2s,color .2s}.ref-button{background:var(--ref-wine);color:#fff!important}.ref-outline{background:transparent;color:var(--ref-wine)!important}.ref-button:hover{background:#63102e}.ref-outline:hover{background:#f5eaf0}.reference-home a:focus-visible,.reference-home button:focus-visible,.ref-preview a:focus-visible,.ref-preview button:focus-visible{outline:3px solid #3d7d95;outline-offset:4px}.reference-home .ref-hero{padding:0!important;background:linear-gradient(110deg,#fcf9fb,#f1eaf2);position:relative}.ref-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:30px;align-items:center;min-height:405px;padding-top:28px;padding-bottom:50px}.ref-pill{display:inline-block;background:#fff;border:1px solid #e5d5df;color:var(--ref-wine);padding:5px 10px;border-radius:20px;font-size:12px;margin-bottom:16px}.reference-home .ref-hero h1,.reference-home .ref-hero h2{font-size:40px!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--ref-wine)!important;margin:0 0 19px!important;font-weight:750!important}.reference-home .ref-hero p{max-width:440px;font-size:15px!important;line-height:1.7!important;margin-bottom:22px}.ref-hero-art{min-width:0;padding:15px 0 0;text-align:center}.ref-hero-art img{width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 18px 20px #3d1c2b19)}.ref-hero-art>span{font-size:11px;color:#756670}.ref-slider-controls{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:2px}.ref-slider-controls button{height:32px;min-width:32px;border:0;background:transparent;cursor:pointer;padding:8px}.ref-slider-controls button span{display:block;width:8px;height:8px;border-radius:50%;background:#b7a6b0;margin:auto}.ref-slider-controls button[aria-pressed=true] span{background:var(--ref-wine)}.ref-slider-controls .ref-pause{font-size:11px;color:#6e4b5d;min-width:48px}.ref-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reference-home [hidden]{display:none!important}.ref-intro-grid{display:grid;grid-template-columns:30% 1fr;gap:55px;align-items:center;margin:34px 0 26px}.ref-intro-grid>img{width:100%;height:230px;object-fit:cover;border-radius:4px}.reference-home .ref-intro-grid p{margin-bottom:16px}.reference-home .ref-edge{background:radial-gradient(ellipse at 75% 40%,#631938,transparent 65%),#24161f;color:#fff}.ref-edge-grid{display:grid;grid-template-columns:38% 1fr;gap:70px;align-items:center}.reference-home .ref-edge h2{font-size:27px!important;color:white!important}.reference-home .ref-edge p{color:#e4d9e0}.ref-edge .ref-eyebrow{color:#efb5cb}.ref-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}.ref-facts>div{border-left:1px solid #ffffff30;padding-left:22px}.ref-facts strong{display:block;font-size:42px;line-height:1.2;color:white;letter-spacing:-.03em}.ref-facts span{display:block;font-size:12px;color:#e7d7e0;margin-top:8px}.reference-home .ref-services-section{background:#f7f7f7}.ref-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px}.ref-service{background:white;color:var(--ref-ink);text-decoration:none;border:1px solid #e9e6e8;transition:transform .2s}.ref-service:hover{transform:translateY(-5px)}.ref-service-art{height:214px;background:#eeeef0;display:grid;place-items:center;position:relative;overflow:hidden}.ref-service-art img{width:125px;height:125px;object-fit:contain;transition:opacity .25s,transform .25s}.ref-service-art p{position:absolute;inset:0;margin:0!important;padding:34px 24px;display:grid;align-content:center;background:#86143cf5;color:white!important;opacity:0;transition:opacity .25s}.ref-service:hover .ref-service-art p,.ref-service:focus-visible .ref-service-art p{opacity:1}.reference-home .ref-service h3{margin:0;padding:20px 13px;font-size:18px;display:flex;justify-content:space-between;gap:8px}.ref-service h3 span{font-size:17px;color:var(--ref-wine)}.reference-home .ref-work{padding:60px 24px}.ref-work-heading{max-width:800px;margin:0 auto 35px}.reference-home .ref-work-heading h2{font-size:28px!important}.reference-home .ref-work-heading p{font-size:13px!important}.ref-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;max-width:1550px;margin:auto}.ref-project{display:block;min-width:0;text-decoration:none;color:var(--ref-ink);border:1px solid #eee8ec;background:#fff;border-radius:3px;overflow:hidden;transition:box-shadow .25s,transform .25s}.ref-project>img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;transition:transform .4s}.ref-project:hover{transform:translateY(-4px);box-shadow:0 12px 28px #341a2516}.ref-project:hover img{transform:scale(1.025)}.ref-project>div{padding:18px 35px 18px 15px;position:relative;min-height:88px}.reference-home .ref-project h3{font-size:16px;margin:0 0 5px}.ref-project span{font-size:11px;color:#796671;display:block}.ref-project b{position:absolute;right:15px;top:20px;color:var(--ref-wine)}.ref-more{margin-top:38px}.ref-solutions-grid{display:grid;grid-template-columns:40% 1fr;gap:65px;align-items:center}.ref-industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ref-industry-grid a{text-align:center;text-decoration:none;color:#55434c;font-size:12px;line-height:1.5}.ref-industry-grid img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;margin-bottom:9px;border-radius:3px}.reference-home .ref-process{background:linear-gradient(120deg,#faf9fb,#f4edf4)}.ref-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.ref-phase-column{display:grid;gap:28px}.ref-phase{display:flex;gap:14px;align-items:flex-start}.ref-phase-icon{background:#86143c;border-radius:12px;width:52px;height:58px;flex:none;display:grid;place-items:center}.ref-phase-icon img{filter:brightness(0) invert(1);width:35px;height:35px;object-fit:contain}.ref-phase-card{background:white;border:1px solid #e8dfe7;border-radius:14px;padding:24px 20px;flex:1;min-width:0;min-height:278px}.ref-phase-card .ref-eyebrow{font-size:10px;margin-bottom:8px}.ref-phase-card .ref-eyebrow:before{display:none}.ref-phase-card ul{padding-left:16px;margin:12px 0 0}.ref-phase-card li{font-size:14px;line-height:1.65;margin:0 0 13px;color:#574a54}.ref-phase-card li::marker{color:var(--ref-wine)}.ref-amc{margin-top:36px;padding:24px;background:#fff;border:1px solid #e8dfe7;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:7px}.ref-amc h3{margin-bottom:6px}.reference-home .ref-amc p{margin:0;font-size:14px!important}.ref-tech{max-width:950px;margin:35px auto 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.ref-tech a{display:grid;place-items:center;min-height:82px;text-decoration:none;text-align:center;border:1px solid #e8e0e6;color:#5d3045;font-size:14px;font-weight:600;border-radius:6px;padding:12px;background:#fcfafb}.ref-tech a:hover{background:#f5eaf0}.reference-home .ref-faq{background:#f8f6f8}.ref-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.reference-home .ref-faq h2{font-size:29px!important}.ref-promise{border-left:3px solid #be8a9f;padding:0 0 0 15px;margin:20px 0}.ref-promise strong{font-size:16px}.reference-home .ref-promise p{font-size:14px!important;margin:3px 0 0}.ref-faq-list details{background:white;border:1px solid #e7dfe5;border-radius:5px;margin-bottom:13px;padding:17px 19px}.ref-faq-list summary{font-size:15px;font-weight:600;line-height:1.6;cursor:pointer;list-style:revert}.reference-home .ref-faq-list p{font-size:14px!important;margin:13px 0 0}.ref-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ref-directions a{text-decoration:none;color:var(--ref-ink);border:1px solid #e8e0e6;padding-bottom:22px;border-radius:5px;overflow:hidden}.ref-directions img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;margin-bottom:20px}.ref-directions span,.ref-directions h3,.ref-directions small{display:block;margin:0 20px 10px!important}.ref-directions span{font-size:12px;color:var(--ref-wine)}.ref-directions small{font-size:12px;color:#766571}.reference-home .ref-contact{background:#f5f1f4;border-top:1px solid #e8dfe6}.ref-contact-grid{display:grid;grid-template-columns:38% 1fr;gap:75px}.ref-contact-grid>div>img{width:100%;height:200px;object-fit:cover;display:block;margin-top:35px;border-radius:5px}.ref-contact-grid>div>h3{margin:27px 0 10px;font-size:17px}.ref-contact-grid>div>a:not(.ref-outline){color:var(--ref-wine);font-size:19px}.ref-contact-form{background:#fff;border:1px solid #e7dce3;padding:30px;border-radius:7px}.reference-home .ref-contact-form h2{font-size:27px!important}.ref-contact-form .qf{margin:0;padding:0;box-shadow:none;border:0;background:transparent}.ref-contact-form .qf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ref-contact-form .qf-field{display:flex;flex-direction:column;gap:7px;min-width:0}.ref-contact-form .qf-field>span{font-size:13px;font-weight:600}.ref-contact-form .qf-field input,.ref-contact-form .qf-field select,.ref-contact-form textarea{width:100%;max-width:100%;min-height:44px;background:#fff;border:1px solid #d9cdd5;border-radius:4px;padding:10px;font:inherit;font-size:14px;color:#352831}.ref-contact-form .qf-full{grid-column:1/-1}.ref-contact-form .qf-hp{display:none}.ref-contact-form .qf-optional{margin:20px 0}.ref-contact-form .qf-optional summary{cursor:pointer;font-size:13px;margin-bottom:14px}.ref-contact-form .qf-submit{border:0;cursor:pointer;background:#86143c;color:white;border-radius:4px;padding:13px 22px;font-size:14px}.reference-home .qf-note,.reference-home .premium-form-note{font-size:12px!important;line-height:1.6!important;margin:12px 0}.ref-preview{width:min(1150px,94vw);max-height:94svh;border:0;padding:26px;border-radius:8px;box-shadow:0 20px 90px #16081166;color:#352831;background:#fff}.ref-preview::backdrop{background:#160b15c9}.ref-preview>img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;background:#f7f4f6}.ref-preview>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.ref-preview>h2{font-size:23px;margin:0 35px 6px 0}.ref-preview>p{font-size:13px;color:#756571;margin:9px 0 15px}.ref-preview-close{position:absolute;top:12px;right:14px;width:40px;height:40px;font-size:30px;background:#f5edf2;border:0;border-radius:50%;cursor:pointer}.ref-preview-open{overflow:hidden}
@media(min-width:1450px){.ref-hero-grid{min-height:440px}.ref-hero-art img{height:325px}}@media(max-width:1000px){.ref-hero-grid{gap:20px;grid-template-columns:43% 1fr}.reference-home .ref-hero h1,.reference-home .ref-hero h2{font-size:34px!important}.ref-services{gap:15px}.ref-service-art{height:180px}.ref-service-art img{width:105px;height:105px}.ref-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-process-grid{gap:18px}.ref-phase{gap:8px}.ref-phase-icon{width:38px;height:43px}.ref-phase-icon img{width:27px;height:27px}.ref-phase-card{padding:20px 14px;min-height:310px}.ref-edge-grid,.ref-solutions-grid,.ref-faq-grid,.ref-contact-grid{gap:35px}.ref-tech{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.ref-wrap{width:calc(100% - 36px)}.ref-topbar span{display:none}.ref-topbar .ref-wrap{justify-content:flex-end;height:27px}.reference-site header .nav{min-height:76px!important}.reference-home .ref-section{padding:50px 0}.reference-home h2{font-size:28px!important}.ref-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:35px;padding-bottom:52px;gap:12px}.reference-home .ref-hero h1,.reference-home .ref-hero h2{font-size:34px!important}.reference-home .ref-hero p{max-width:none}.ref-hero-art{padding:0}.ref-hero-art img{height:230px}.ref-intro-grid{grid-template-columns:1fr;gap:25px}.ref-intro-grid>img{max-width:420px;height:210px;margin:auto}.ref-edge-grid,.ref-solutions-grid,.ref-faq-grid,.ref-contact-grid{grid-template-columns:1fr;gap:30px}.ref-facts{gap:27px 12px}.ref-facts>div{padding-left:12px}.ref-facts strong{font-size:32px}.ref-services{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-service-art{height:170px}.reference-home .ref-service h3{font-size:16px;padding:16px 12px}.ref-service-art p{padding:18px;font-size:13px!important}.reference-home .ref-work{padding:45px 15px}.ref-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.ref-project>img{aspect-ratio:1.2}.reference-home .ref-project h3{font-size:14px}.ref-project>div{padding:14px 25px 14px 12px;min-height:94px}.ref-project span{font-size:10px}.ref-project b{right:10px;top:16px}.ref-process-grid{grid-template-columns:1fr;gap:20px}.ref-phase-column{gap:20px}.ref-phase{gap:15px}.ref-phase-card{min-height:0;padding:23px}.ref-phase-icon{width:48px;height:54px}.ref-amc{flex-direction:column;align-items:flex-start;padding:22px}.ref-tech{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ref-tech a{font-size:12px;min-height:70px}.ref-directions{grid-template-columns:1fr;gap:22px}.ref-directions img{aspect-ratio:1.8}.ref-contact-form{padding:23px}.ref-contact-grid>div>img{display:none}.ref-contact-form .qf-grid{grid-template-columns:1fr}.ref-contact-form .qf-full{grid-column:auto}.ref-preview{padding:20px}.ref-preview>h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.reference-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html:has(.reference-home){scroll-snap-type:none!important;scroll-padding-top:100px}.reference-home>section{scroll-snap-align:none!important}.reference-home .ref-hero-grid>div{min-width:0}

.reference-home .banner-slide{display:block;min-height:0;padding:0;gap:0}.reference-home .banner-slide[hidden]{display:none!important}

/* 2026-10-18 full-screen hero banner */.reference-home #intro.ref-hero{min-height:calc(100svh - 88px);background:#1a0811;display:block}#intro .ref-slider{min-height:calc(100svh - 88px)}#intro .banner-slide{position:relative;min-height:calc(100svh - 88px);display:flex;align-items:center;overflow:hidden}#intro .ref-hero-grid{position:static;display:block;min-height:0;padding:56px 0 96px}#intro .ref-hero-grid>div:first-child{position:relative;z-index:2;max-width:580px}#intro .ref-hero-art{position:absolute;inset:0;z-index:0;padding:0;margin:0}#intro .ref-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}#intro .ref-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,8,17,.86) 0%,rgba(26,8,17,.58) 45%,rgba(26,8,17,.12) 100%)}#intro .ref-hero-art>span{position:absolute;z-index:2;right:20px;bottom:56px;color:rgba(255,255,255,.8);font-size:11px}.reference-home #intro h1,.reference-home #intro h2{color:#fff!important;font-size:clamp(36px,5vw,64px)!important;max-width:620px}.reference-home #intro p{color:#f1e6ec!important;max-width:500px;font-size:clamp(16px,1.4vw,19px)!important}#intro .ref-button{background:#fff;color:var(--ref-wine)!important;border-color:#fff}#intro .ref-button:hover{background:#f5eaf0}#intro .ref-slider-controls{z-index:3;bottom:20px}#intro .ref-slider-controls button span{background:rgba(255,255,255,.55)}#intro .ref-slider-controls button[aria-pressed=true] span{background:#fff}#intro .ref-slider-controls .ref-pause{color:#fff}@media(max-width:760px){.reference-home #intro.ref-hero,#intro .ref-slider,#intro .banner-slide{min-height:calc(100svh - 70px)}#intro .ref-hero-art::after{background:linear-gradient(0deg,rgba(26,8,17,.88) 0%,rgba(26,8,17,.55) 60%,rgba(26,8,17,.3) 100%)}#intro .ref-hero-art>span{display:none}}
/* 2026-10-18 hero text panel */#intro .ref-hero-grid>div:first-child{background:rgba(255,255,255,.94);padding:34px 38px 38px;border-radius:14px;border-left:6px solid #86143c;box-shadow:0 24px 60px rgba(0,0,0,.35);max-width:560px}.reference-home #intro h1,.reference-home #intro h2{color:#86143c!important;font-size:clamp(32px,4vw,52px)!important}.reference-home #intro p{color:#3b2e36!important}#intro .ref-pill{background:#f6e9ef;border-color:#e5c9d6}.reference-home #intro a.ref-button,.reference-home #intro a.ref-button:visited{background:#86143c!important;color:#ffffff!important;border-color:#86143c!important}.reference-home #intro a.ref-button:hover{background:#63102e!important}#intro .ref-hero-art::after{background:linear-gradient(90deg,rgba(26,8,17,.55) 0%,rgba(26,8,17,.25) 55%,rgba(26,8,17,.05) 100%)}@media(max-width:760px){#intro .ref-hero-grid>div:first-child{padding:24px 22px}#intro .ref-hero-art::after{background:linear-gradient(0deg,rgba(26,8,17,.5),rgba(26,8,17,.2))}}
/* 2026-10-18 designed slides */#intro .ref-hero-art{display:none}#intro .banner-slide{background:linear-gradient(135deg,#4a0a24 0%,#86143c 55%,#b3235a 100%)}#intro .banner-slide:nth-child(2){background:linear-gradient(135deg,#1c1030 0%,#3d1d5c 55%,#86143c 135%)}#intro .banner-slide:nth-child(3){background:linear-gradient(135deg,#0d2a33 0%,#14505e 55%,#86143c 140%)}#intro .banner-slide:nth-child(4){background:linear-gradient(135deg,#2a1a0c 0%#6b3a12 50%,#86143c 135%)}#intro .banner-slide::before{content:"";position:absolute;width:70vmin;height:70vmin;right:6%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,.04) 60%,transparent 70%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025)}#intro .banner-slide::after{content:"\203A\203A\203A";position:absolute;right:9%;top:50%;transform:translateY(-50%);font-size:34vmin;line-height:1;font-weight:800;color:rgba(255,255,255,.14);letter-spacing:-.05em;font-family:Anton,Inter,sans-serif}#intro .ref-hero-grid>div:first-child{background:none;padding:0;border:0;box-shadow:none;max-width:640px}.reference-home #intro h1,.reference-home #intro h2{color:#fff!important;font-size:clamp(38px,5.2vw,66px)!important;line-height:1.08!important}.reference-home #intro p{color:#f6e6ee!important;font-size:clamp(16px,1.5vw,20px)!important;max-width:520px}#intro .ref-pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff;letter-spacing:.04em}.reference-home #intro a.ref-button,.reference-home #intro a.ref-button:visited{background:#fff!important;color:#86143c!important;border-color:#fff!important;padding:14px 30px;font-size:15px!important}.reference-home #intro a.ref-button:hover{background:#f6dbe6!important}@media(max-width:760px){#intro .banner-slide::after{display:none}#intro .banner-slide::before{width:90vw;height:90vw;right:-30%}}.reference-home{display:flex;flex-direction:column}.reference-home>section{width:100%}.reference-home>#intro{order:-2}.reference-home>.ref-services-section{order:-1}#intro .banner-slide:nth-child(4){background:linear-gradient(135deg,#2a1a0c 0%,#6b3a12 50%,#86143c 135%)}
/* 2026-10-18 photo slides */#intro .banner-slide{background-size:cover;background-position:center}#intro .banner-slide:nth-child(1){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/services/service-website-development-photo.webp)}#intro .banner-slide:nth-child(2){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/company/testing-launch.webp)}#intro .banner-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/company/handover.webp)}#intro .banner-slide:nth-child(4){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/company/qatar-support.webp)}#intro .banner-slide::before{width:46vmin;height:46vmin;right:8%;background:none;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 0 24px rgba(255,255,255,.06),0 0 0 60px rgba(255,255,255,.03)}#intro .banner-slide::after{top:auto;bottom:80px;transform:none;right:5%;font-size:13vmin;color:rgba(255,255,255,.4)}#intro .banner-slide .ref-hero-grid>div:first-child::after{display:block;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);color:#fff;font-size:14px;font-weight:600;letter-spacing:.04em}#intro .banner-slide:nth-child(1) .ref-hero-grid>div:first-child::after{content:"Custom builds  |  Arabic + English  |  SEO-ready  |  10+ years of experience"}#intro .banner-slide:nth-child(2) .ref-hero-grid>div:first-child::after{content:"Mobile-first layouts  |  108 industry design concepts  |  Brand-matched"}#intro .banner-slide:nth-child(3) .ref-hero-grid>div:first-child::after{content:"Domain  |  Hosting  |  Business email  |  Clear access handover"}#intro .banner-slide:nth-child(4) .ref-hero-grid>div:first-child::after{content:"Annual support plan (AMC)  |  Content updates  |  Ongoing care"}
/* 2026-10-18 qatar hero layout */#intro .banner-slide{align-items:flex-start}#intro .ref-hero-grid{padding:clamp(48px,11vh,110px) 0 140px}#intro .ref-hero-grid>div:first-child{position:static}#intro .ref-hero-grid>div:first-child>*{position:relative;z-index:2}#intro .banner-slide .ref-hero-grid>div:first-child::after{position:absolute;z-index:2;left:calc(50% - min(570px,50% - 24px));width:min(1140px,calc(100% - 48px));bottom:64px;margin:0;box-sizing:border-box}#intro .banner-slide:nth-child(1){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/company/qatar-support.webp)}#intro .banner-slide:nth-child(2){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/company/planning.webp)}#intro .banner-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/services/service-pillar-website-design.webp)}#intro .banner-slide:nth-child(4){background-image:linear-gradient(90deg,rgba(40,6,20,.93) 0%,rgba(74,10,36,.8) 40%,rgba(74,10,36,.2) 75%,rgba(26,8,17,.05) 100%),url(/assets/images/company/handover.webp)}#intro .banner-slide:nth-child(1) .ref-hero-grid>div:first-child::after{content:"Doha-based | Arabic + English | Clear quotations | WhatsApp support"}#intro .banner-slide:nth-child(2) .ref-hero-grid>div:first-child::after{content:"Technical SEO | Local SEO | Google Business Profile | AEO"}#intro .banner-slide:nth-child(3) .ref-hero-grid>div:first-child::after{content:"Construction | Real estate | Hospitality | Healthcare | Retail"}#intro .banner-slide:nth-child(4) .ref-hero-grid>div:first-child::after{content:"Updates | Backups | Security checks | Annual support plan"}
/* 2026-10-18 approach numbers running light */.ref-facts>div{position:relative;overflow:hidden;transition:background .3s,box-shadow .3s,transform .3s}.ref-facts>div::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);opacity:0;pointer-events:none}.ref-facts>div:hover{background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(239,181,203,.65),0 0 26px rgba(239,181,203,.35);transform:translateY(-4px)}.ref-facts>div:hover::before{opacity:1;animation:ngRun 1.1s ease-in-out infinite}@keyframes ngRun{from{left:-60%}to{left:130%}}