/* Corden Studio: editorial typography, photography and warm, direct communication. */
:root{--font:"Segoe UI",Candara,"Trebuchet MS",sans-serif;--muted:#b2bac9;--line:rgba(170,193,227,.18)}
body{font-size:17px;line-height:1.7}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}h1 em,h2 em{font-style:italic;color:#9ebcf6}h3{font-family:var(--font);font-weight:550;letter-spacing:-.025em}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500}.header{height:104px;background:#0a101b}.brand{width:auto;flex-direction:row;gap:11px;align-items:center}.brand .brand-symbol{width:49px;height:49px;object-fit:cover;border-radius:11px}.brand .brand-wordmark{font-size:23px;letter-spacing:.065em;line-height:1.1;font-weight:400}.brand .brand-wordmark small{display:block;font-size:8px;letter-spacing:.55em;padding-left:.1em;margin-top:7px}.nav{gap:30px}nav{font-size:13px;gap:32px}.nav-cta{border-radius:28px;padding:11px 21px;background:#142138;border-color:#3b5477}.hero-grid{grid-template-columns:1.03fr 1fr;min-height:700px;gap:38px}.hero-copy{padding:72px 0 76px}.hero h1{font-size:clamp(48px,4.9vw,73px);line-height:1.09;letter-spacing:-.055em}.hero h1 em{color:#a8c4ff}.hero-description{font-size:16px;line-height:1.85;margin-top:29px;max-width:435px}.hero-glow{display:none}.hero-art{margin:32px -14px 37px 0;align-self:stretch;min-height:610px;overflow:hidden;border-radius:120px 5px 5px 5px;background:#2b393c}.hero-art img{object-fit:cover;height:100%;width:100%;position:absolute;inset:0;filter:brightness(.73) saturate(.65);transition:transform 1.2s}.hero-art:hover img{transform:scale(1.025)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07121a20 35%,#07121abb 100%);pointer-events:none}.art-label{font-size:9px;color:white;right:25px;top:32px;letter-spacing:.17em;z-index:2}.art-caption{z-index:2;left:26px;right:25px;font-size:7px;color:#d4dce4;bottom:19px}.art-caption .cross{color:#fff}.photo-stamp{position:absolute;bottom:84px;left:30px;z-index:2;background:#f7f4edee;color:#263138;padding:21px 26px;border-radius:3px;font-family:Georgia,serif;font-size:18px;line-height:1.5;box-shadow:0 12px 35px #0002}.photo-stamp strong{font-weight:400;font-style:italic;font-size:25px}.stamp-dot{display:block;width:7px;height:7px;border-radius:50%;background:#2563eb;margin-bottom:12px}.button{border-radius:30px;padding:17px 23px;font-size:13px;font-weight:550;min-height:54px;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 26px #1d4dc33b}.button span{transition:transform .2s}.button:hover span{transform:translate(3px,-3px)}.hero .actions{gap:22px}.text-link{font-size:13px}.micro{font-size:11px}.hero-bottom{padding:27px 0}.hero-bottom>div{font-size:13px}.hero-bottom i{color:#94b5f7}.section{padding:100px 0}h2{font-size:clamp(37px,3.8vw,54px);line-height:1.15}.friction{background:#f4f1eb;color:#192431;border:0}.friction .eyebrow{color:#5b6877}.friction h2 em{color:#546a85}.friction p{color:#637080}.split{grid-template-columns:1.05fr 1fr;gap:65px}.intro{font-size:15px;padding-top:29px}.pain-grid{margin-top:50px}.pain-grid>div{border-color:#ccd1d4}.pain-grid h3{font-size:21px}.pain-grid p{font-size:13px}.pain-grid span{color:#526a8c}.services{background:#0b121d}.section-heading>p{font-size:14px;max-width:390px}.service-grid{gap:22px}.service{border-radius:9px;padding:34px;background:#101a29;position:relative;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex;flex-direction:column}.service:hover{transform:translateY(-5px);border-color:#6984ac;box-shadow:0 18px 40px #0002}.service.featured{background:linear-gradient(135deg,#172d4a,#101a29 70%);border-color:#4b6e9c}.service-top{margin-bottom:24px}.service-icon{font-size:29px;color:#a4c1f7}.tag{font-size:9px;letter-spacing:.12em}.service h3{font-size:28px;font-weight:500}.service>p{font-size:14px;line-height:1.8;max-width:none}.service ul{font-size:13px;margin:20px 0}.service li{padding:5px 0}.service-start{margin-top:auto;margin-bottom:22px}.service-start p{font-size:12px}.service-start>span{font-size:9px}.service-cta{display:flex;align-items:center;gap:12px;background:#2563eb;border:1px solid #5688f2;padding:14px 18px;border-radius:6px;font-size:13px;line-height:1.45;color:#fff;min-height:54px;font-weight:600;position:relative;overflow:hidden;transition:background .22s,box-shadow .22s,transform .22s}.service-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff1f 45%,transparent 60%);transform:translateX(-110%);transition:transform .65s;pointer-events:none}.service-cta:hover{background:#3474f4;box-shadow:0 8px 24px #1749b84d;transform:translateY(-2px)}.service-cta:hover:before{transform:translateX(110%)}.service-cta:active{transform:translateY(0)}.wa-icon{width:23px;height:23px;flex-shrink:0}.cta-arrow{margin-left:auto;font-size:22px;transition:transform .2s}.service-cta:hover .cta-arrow{transform:translate(3px,-3px)}.budget-note p{font-size:12px}.examples{background:#eaece8}.examples h2 em{color:#59718b}.project-visual{border-radius:8px}.project-body h3{font-size:24px;font-weight:550}.project-body>p:not(.eyebrow){font-size:13px}.project-open{font-size:12px;border-bottom:1px solid #b8c1ca;padding:18px 0 10px;transition:color .2s,padding .2s}.project-open:hover{color:#2563eb;padding-left:6px}.project-open>span{transition:transform .2s}.project-open:hover>span{transform:translate(3px,-3px)}.demo-note{font-size:11px}.photo-interlude{position:relative;min-height:475px;display:flex;align-items:center;overflow:hidden;background:#273d3f}.photo-interlude>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 44%;filter:brightness(.48) saturate(.65);transition:transform 1.2s}.photo-interlude:hover>img{transform:scale(1.025)}.photo-interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061018a8,#06101810)}.photo-interlude .wrap{position:relative;z-index:1;padding-top:70px;padding-bottom:70px}.photo-interlude .eyebrow{color:#d3dce4}.photo-interlude h2{font-size:clamp(40px,4vw,58px);line-height:1.17}.photo-interlude h2 em{color:#e0e6ee}.light-button{background:#f7f4ed;color:#18252d;margin-top:29px;min-width:260px;justify-content:space-between}.light-button:hover{background:white}.steps h3{font-size:23px;font-weight:500}.steps p{font-size:13px}.steps article>span{color:#a1bdf0}.about{background:#f4f1eb;color:#1d2937}.about .eyebrow{color:#53667c}.about-grid{gap:70px;grid-template-columns:.95fr 1.05fr}.about h2{font-size:49px}.about h2 em{color:#556d8a}.about p{color:#627080}.about-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.9}.about-art{height:560px;background:#293638;border:0;border-radius:5px 90px 5px 5px;display:block;overflow:hidden;position:relative}.about-art:before,.about-art:after{display:none}.about-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.85) saturate(.6);transition:transform 1.2s}.about-art:hover>img{transform:scale(1.025)}.about-logo{position:absolute;left:25px;right:25px;bottom:25px;display:flex;align-items:center;gap:15px;background:#0a111deb;padding:19px;border-radius:5px;box-shadow:0 8px 28px #0002}.about-logo img{width:67px;height:67px;border-radius:10px}.about-logo>span{font-size:8px;letter-spacing:.1em;line-height:1.9;color:#aab8cb}.about-logo strong{font-size:12px;letter-spacing:0;font-weight:400;color:white}.about-values{border-color:#cbd0d2;color:#526577;font-size:12px}.about-values span:before{color:#6e8095}.faq summary{font-size:15px;padding:24px 0}.faq details>p{font-size:14px}.faq-grid{grid-template-columns:.9fr 1.1fr}.contact{background:#172b49}.contact h2{font-size:clamp(44px,4.9vw,70px)}.contact>.wrap>p:not(.eyebrow):not(.micro){font-size:16px}.contact .secondary{background:#14294c;border-color:#4269a8}.contact .secondary:hover{background:#1b3967}.contact-orbit{opacity:.45}.footer-contact{font-size:14px;gap:9px}.footer-top p{font-size:12px}.footer-bottom{font-size:11px}.footer-bottom button{font-size:11px}.floating-contact{background:#2563eb;border-color:#6494f5;width:55px;height:55px}.floating-contact:hover{background:#3474f4}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal-ready.in-view{opacity:1;transform:none}.service.reveal-ready{transition:opacity .65s,transform .4s,border-color .25s,box-shadow .25s}.service.reveal-ready.in-view:hover{transform:translateY(-5px)}dialog{border-radius:12px}dialog h2{font-family:Georgia,serif}dialog h3{font-family:var(--font)}
@media(min-width:1550px){.hero-grid{min-height:760px}.hero h1{font-size:78px}.hero-art{min-height:650px}}
@media(max-width:1050px){.hero-grid{gap:24px;grid-template-columns:1.05fr 1fr;min-height:660px}.hero h1{font-size:58px}.hero-description{font-size:15px}.hero-art{min-height:570px;margin-right:0}.hero .actions{align-items:flex-start;flex-direction:column;gap:17px}.photo-stamp{left:20px;right:20px;padding:20px;font-size:16px}.photo-stamp strong{font-size:23px}.service{padding:28px}.about-grid{gap:40px}.about h2{font-size:43px}.about-logo{left:15px;right:15px;padding:15px;gap:12px}.about-logo>span{font-size:7px}.about-logo strong{font-size:11px}}
@media(max-width:760px){.header{height:82px}.brand .brand-symbol{width:43px;height:43px}.brand .brand-wordmark{font-size:21px}.brand .brand-wordmark small{font-size:7px}nav{top:82px}.section{padding:70px 0}.hero-grid{gap:0;display:flex;min-height:0}.hero-copy{padding:49px 0 34px}.hero h1{font-size:clamp(48px,10.8vw,70px);line-height:1.08}.hero-description{font-size:15px;max-width:500px}.hero .actions{flex-direction:row;align-items:center;gap:18px}.hero .button{padding:16px 19px;font-size:12px}.hero-art{height:430px;min-height:0;width:100%;margin:0 0 26px;border-radius:85px 5px 5px 5px;align-self:auto}.hero-art img{height:100%;width:100%;inset:0;object-fit:cover;object-position:center;filter:brightness(.8) saturate(.65)}.art-label{top:28px;right:22px}.art-caption{bottom:15px;left:20px;right:20px;font-size:6px}.photo-stamp{bottom:60px;left:20px;right:auto;padding:16px 21px;line-height:1.4;font-size:16px}.photo-stamp strong{font-size:23px}.stamp-dot{margin-bottom:9px}.hero-bottom>div{font-size:10px}.split{gap:0;grid-template-columns:1fr}h2{font-size:38px}.intro{font-size:14px;padding-top:25px}.pain-grid h3{font-size:21px}.pain-grid>div,.pain-grid>div:first-child{border-color:#ccd1d4}.section-heading>p{font-size:14px;line-height:1.7}.service{padding:28px 24px}.service-top{gap:12px}.service h3{font-size:27px}.service>p{font-size:14px}.service-cta{font-size:13px;padding:15px 16px}.service-cta .wa-icon{width:23px}.service-start p{font-size:13px}.budget-note p{font-size:12px}.project-body h3{font-size:26px}.project-body>p:not(.eyebrow){font-size:14px}.photo-interlude{min-height:440px}.photo-interlude .wrap{padding-top:65px;padding-bottom:65px}.photo-interlude h2{font-size:39px}.photo-interlude>img{object-position:58% center}.photo-interlude .eyebrow{font-size:8px}.photo-interlude:after{background:#06101860}.steps p{font-size:13px}.about-grid{grid-template-columns:1fr;gap:35px}.about-art{height:430px;border-radius:5px 70px 5px 5px}.about h2{font-size:39px}.about-grid>div>p:not(.eyebrow){font-size:14px}.about-logo{bottom:20px;left:20px;right:20px}.about-logo>span{font-size:7px}.about-logo strong{font-size:12px}.about-logo img{width:60px;height:60px}.about-values{font-size:12px;gap:20px}.faq-grid{grid-template-columns:1fr}.faq summary{font-size:14px}.faq details>p{font-size:13px}.contact h2{font-size:45px}.contact>.wrap>p:not(.eyebrow):not(.micro){font-size:15px}.contact .actions{max-width:380px;flex-direction:column}.contact .button{width:100%;font-size:12px}.footer-contact{font-size:13px}.footer-bottom{font-size:10px}.footer-bottom button{font-size:10px}.floating-contact{width:50px;height:50px}.photo-interlude .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero-art:hover img,.about-art:hover>img,.photo-interlude:hover>img{transform:none}.service:hover{transform:none}.service-cta:before{display:none}}

/* Keep the WhatsApp mark proportionate in every button. */
.wa-icon{display:block;width:24px;height:24px;min-width:24px;flex:0 0 24px;aspect-ratio:1;overflow:visible;fill:currentColor;stroke:none}.service-cta .wa-icon{width:24px;height:24px}.floating-contact .wa-icon{width:26px;height:26px;min-width:26px;flex-basis:26px}.service-cta{background:#2563eb;border-color:#5688f2}.service-cta:hover{background:#3474f4}.floating-contact{background:#2563eb}.floating-contact:hover{background:#3474f4}