@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Sans:wght@400;450;500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap";
:root{--maroon:#8a1538;--cream:#fbf8f3;--sand:#efe6d8;--ink:#1c1917;--muted:#746b64;--line:#ddd3c5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.7px;font-family:DM Serif Display,Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(46px,5.7vw,86px)}h2{font-size:clamp(35px,4vw,59px)}h3{font-size:19px;font-weight:500;line-height:1.3}em{color:var(--maroon);font-weight:400}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button{transition:background .2s,color .2s,border-color .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #b55772}.arabic,[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.arabic{color:var(--maroon);margin:8px 0;font-size:13px;display:block}.eyebrow{letter-spacing:1.9px;color:var(--maroon);align-items:center;gap:16px;margin-bottom:20px;font-size:10px;font-weight:500;display:flex}.eyebrow [lang=ar]{letter-spacing:0;font-size:13px}.section{padding:75px 6%}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px;display:flex}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:16px}.skip-link{z-index:50;background:#fff;padding:15px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:10px}.header{background:var(--cream);border-bottom:1px solid var(--line);align-items:center;gap:25px;height:98px;padding:0 6%;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand img{object-fit:contain;mix-blend-mode:multiply;width:93px;height:65px}.brand>span{border-left:1px solid var(--line);color:#625c59;padding-left:15px;font-size:9px;line-height:1.6}.nav{align-items:center;gap:26px;margin-left:auto;font-size:12px;display:flex}.nav a{padding:8px 0}.nav a:hover,.nav [aria-current=page]{color:var(--maroon)}.nav [aria-current=page]{border-bottom:1px solid var(--maroon)}.button{background:var(--maroon);border:1px solid var(--maroon);color:var(--cream);white-space:normal;border-radius:2px;justify-content:center;align-items:center;gap:13px;padding:16px 20px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.button:hover{background:#66102a;border-color:#66102a}.button svg:last-child{flex-shrink:0;margin-left:8px}.button.outline{color:var(--maroon);background:0 0}.button.outline:hover{background:#8a15380c}.button.light{background:var(--cream);border-color:var(--cream);color:var(--maroon)}.header-cta{padding:11px 15px;font-size:11px}.menu-toggle{background:0 0;border:0;padding:5px;display:none}.hero{min-height:640px;color:var(--cream);background:#382227;position:relative;overflow:hidden}.hero .hero-media{background:radial-gradient(at 75% 42%,#885568,#40232c 54%,#21191c);border:0;border-radius:0;height:100%;position:absolute;inset:0}.hero .hero-media:after{content:"";background:linear-gradient(90deg,#201519df,#0000 80%);position:absolute;inset:0}.hero .hero-media .placeholder-mark{background:repeating-conic-gradient(from 10deg,#dcb5a114 0deg 29deg,#fff0 30deg 60deg);border:1px solid #f5dfcc33;border-radius:50%;width:310px;height:310px;position:absolute;top:20%;right:14%;box-shadow:0 0 0 55px #ffffff03,0 0 0 56px #f5dfcc10}.hero .placeholder-mark svg{color:#efdbc0aa;width:52px;height:52px}.hero .hero-media .media-label{color:#f5e5d1;z-index:1;position:absolute;bottom:35px;right:6%}.hero .hero-media .media-pending{color:#ba9e9d;z-index:1;position:absolute;bottom:18px;right:6%}.hero-copy{z-index:2;width:75%;padding:80px 6% 96px;position:relative}.hero-copy .eyebrow{color:#e4bcb0}.hero h1{margin-bottom:25px;font-size:clamp(64px,7.1vw,106px)}.hero h1 em{color:#e8c2ac}.hero .positioning{color:#f8ede2;margin-bottom:10px;font-size:20px}.hero-copy>p:not(.eyebrow):not(.positioning){color:#c9b8b4;font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero .button{background:var(--cream);color:var(--maroon);border-color:var(--cream)}.hero .button.outline{color:var(--cream);background:0 0;border-color:#f5e8dc55}.hero .button:hover{color:var(--maroon);background:#e8d3be}.hero-work-link{z-index:2;align-items:center;gap:30px;font-size:11px;display:flex;position:absolute;bottom:27px;left:6%}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding-bottom:8px;font-size:12px;display:inline-flex}.text-link:hover{color:var(--maroon)}.asset-note{color:var(--muted);border-left:2px solid #aa6172;max-width:750px;margin-bottom:28px;padding-left:13px;font-size:12px;line-height:1.8}.projects{grid-template-columns:repeat(3,1fr);gap:33px 25px;display:grid}.media-slot{background:linear-gradient(135deg,#e9dfd0,#f3ede2 45%,#e4d7c6);border:1px solid #ded2c1;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:310px;display:flex;position:relative;overflow:hidden}.media-slot:nth-child(3n+2){background:linear-gradient(135deg,#e9d9d5,#f1e6dc)}.media-slot:nth-child(3n){background:linear-gradient(135deg,#dddccf,#edede1)}.media-slot img{object-fit:cover}.media-slot video{object-fit:cover;width:100%;height:100%}.placeholder-mark{color:#956579;border:1px solid #bca79266;border-radius:50%;place-items:center;width:65px;height:65px;display:grid}.media-label{text-align:center;color:#63534b;padding:0 20px;font-size:12px;font-weight:500}.media-pending{letter-spacing:.4px;color:#7b6e63;font-size:9px}.project-card:hover .media-slot{border-color:#8a153866}.project-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:17px;display:flex}.project-caption h3{font-size:17px}.project-caption svg{color:var(--maroon)}.project-caption .arabic{margin:5px 0;font-size:11px}.project-category{color:var(--muted);margin-top:5px;font-size:10px}.services-home{background:var(--sand)}.service-home-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.service-home-card{background:var(--cream);border:1px solid var(--line)}.service-home-card>.media-slot{border:none;border-radius:0;height:200px}.service-home-card>div:last-child{padding:23px}.service-home-card h3{justify-content:space-between;gap:10px;display:flex}.service-home-card p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.7}.service-home-card:hover{border-color:var(--maroon)}.quality-band{background:var(--maroon);color:var(--cream);grid-template-columns:repeat(4,1fr);gap:35px;padding:48px 6%;display:grid}.quality-band h3{margin-top:15px;font-size:16px}.quality-band p{color:#ecd2d9;margin-top:10px;font-size:12px;line-height:1.8}.quality-band svg{color:#e8c2ac}.industry-grid{grid-template-columns:repeat(6,1fr);gap:20px;margin-top:35px;display:grid}.industry{border:1px solid var(--line);background:#faf5ed;grid-column:span 2;padding:27px}.industry.focus{background:var(--sand);grid-column:span 3;padding:32px}.industry h3{max-width:380px;margin-top:20px;font-size:17px}.industry.focus h3{font-size:24px}.industry svg{color:var(--maroon)}.industry p{color:var(--muted);margin-top:13px;font-size:13px;line-height:1.8}.industry a{align-items:center;gap:18px;margin-top:22px;font-size:11px;display:flex}.process-home{background:var(--sand)}.steps-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin:40px 0 20px;display:grid}.steps-grid article{border-top:1px solid #b8a38e;padding-top:20px;position:relative}.step-number{color:var(--maroon);font-size:12px}.steps-grid .arabic{position:absolute;top:10px;right:0}.steps-grid h3{margin:23px 0 12px;font-family:DM Serif Display,Georgia;font-size:22px;font-weight:400}.steps-grid p{color:var(--muted);font-size:13px;line-height:1.8}.health-band{background:var(--maroon);color:var(--cream);justify-content:space-between;align-items:center;gap:60px;padding:65px 6%;display:flex}.health-band .eyebrow,.health-band em{color:#e8c2ac}.health-band p:not(.eyebrow){color:#f0dce0;max-width:560px;margin-top:24px;font-size:14px;line-height:1.8}.health-band .button{flex-shrink:0}.footer{padding:48px 6% 0}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-top>div{flex-direction:column;align-items:start;gap:13px;font-size:12px;display:flex}.footer-top p{max-width:240px;color:var(--muted);font-size:12px;line-height:1.7}.footer-top .eyebrow{margin-bottom:6px;font-size:9px}.footer-top .arabic{margin:0}.footer-brand img{width:85px;height:55px}.footer-top a:hover{color:var(--maroon)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:22px 0;font-size:10px;display:flex}.page-intro{padding-bottom:50px}.page-intro>p:not(.eyebrow){max-width:650px;color:var(--muted);margin-top:24px;font-size:16px;line-height:1.8}.work-section{padding-top:0}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;padding:22px 0;display:flex}.service-filters{flex-wrap:wrap;gap:8px;display:flex}.service-filters button{border:1px solid var(--line);background:0 0;border-radius:2px;padding:10px 14px;font-size:11px}.service-filters button.active{background:var(--maroon);color:var(--cream);border-color:var(--maroon)}.filters label{align-items:center;gap:10px;font-size:11px;display:flex}.filters select{background:var(--cream);border:1px solid var(--line);max-width:240px;color:var(--ink);padding:10px;font-size:11px}.filter-count{color:var(--muted);margin-bottom:22px;font-size:10px}.empty-state{border:1px solid var(--line);text-align:center;padding:50px}.empty-state p{color:var(--muted);margin:15px 0 25px;font-size:13px}.page-visual>.media-slot{border:0;border-radius:0;height:350px}.service-anchor-nav{flex-wrap:wrap;gap:13px;margin-top:32px;font-size:12px;display:flex}.service-anchor-nav a{background:var(--sand);border:1px solid var(--line);padding:8px 12px}.service-anchor-nav a:hover{color:var(--maroon);border-color:var(--maroon)}.service-section{border-top:1px solid var(--line)}.service-section:nth-of-type(2n){background:#f4eee5}.sample-gallery{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:43px;display:grid}.sample-gallery .media-slot{height:280px}.sample-gallery.social{grid-template-columns:repeat(3,1fr)}.sample-gallery.photo-video{grid-template-columns:repeat(4,1fr)}.photo-video .media-slot{height:240px}.photo-video .media-slot:nth-child(3n){height:290px}.photo-video .showreel{grid-column:1/-1;height:420px}.phone-frame{border-radius:25px;justify-self:center;width:100%;max-width:220px;box-shadow:0 12px 24px #3f281a12;border:7px solid #3b3031!important;height:355px!important}.phone-frame:before{content:"";background:#3b3031;border-radius:0 0 7px 7px;width:65px;height:11px;position:absolute;top:0}.website-frame{border-radius:7px;border:8px solid #564c49!important;height:235px!important}.website-frame:before{content:"English / العربية";border-bottom:1px solid var(--line);background:#faf8f3;padding:7px;font-size:9px;position:absolute;top:0;left:0;right:0}.brand-board{border:14px solid #fff9f2!important;height:330px!important}.service-copy{grid-template-columns:1fr 1fr;gap:10%;display:grid}.service-intro{max-width:500px;color:var(--muted);margin-top:22px;font-size:18px;line-height:1.7}.service-copy h3{margin-bottom:14px;font-size:16px}.service-copy ul,.project-body ul{color:var(--muted);margin:0 0 25px;padding-left:19px;font-size:14px;line-height:1.8}.service-copy li{margin-bottom:8px}.service-copy li::marker{color:var(--maroon)}.service-note{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.8}.platforms{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.platforms span{background:var(--sand);border:1px solid var(--line);padding:9px 12px;font-size:11px}.package-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.package-card{background:var(--cream);border:1px solid var(--line)}.package-card>.media-slot{border:0;height:230px}.package-card>div:last-child{padding:26px}.package-card p{color:var(--muted);margin:14px 0 25px;font-size:14px;line-height:1.8}.package-card .button{font-size:11px}.google-band{background:var(--sand);justify-content:space-between;align-items:center;gap:30px;padding:35px 6%;display:flex}.google-band h3{font-size:18px}.google-band p{color:var(--muted);max-width:350px;font-size:13px;line-height:1.8}.project-hero>.media-slot{border:0;height:480px}.project-detail>.eyebrow{margin-top:38px}.project-detail>.arabic{margin-top:18px;font-size:20px}.project-body{grid-template-columns:1fr 1fr;gap:50px;margin:50px 0 35px;display:grid}.project-body h2,.project-result h2{margin-bottom:17px;font-size:30px}.project-body p,.project-result p{color:var(--muted);font-size:15px;line-height:1.8}.project-result{margin:35px 0}.before-after{margin:40px 0}.comparison-images{height:450px;position:relative}.comparison-images img{object-fit:cover}.comparison-after{position:absolute;inset:0}.comparison-divider{border-left:2px solid #fff;position:absolute;top:0;bottom:0}.comparison-images>span{background:#fff;padding:7px 12px;font-size:11px;position:absolute;top:15px;left:15px}.comparison-images>span:last-child{left:auto;right:15px}.before-after label{margin-top:18px;font-size:12px;display:block}.before-after input{width:100%;accent-color:var(--maroon);margin:15px 0;display:block}.contact-page{grid-template-columns:1.2fr 1fr;align-items:start;gap:10%;display:grid}.contact-page p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:14px;line-height:1.8}.contact-page .arabic{margin-top:26px;font-size:19px}.contact-card{background:var(--sand);border:1px solid var(--line);flex-direction:column;align-items:start;gap:18px;padding:35px;display:flex}.contact-card h2{font-size:32px}.contact-card p{margin:0!important}.contact-card .button{width:100%}.contact-number{color:var(--maroon);margin:10px 0;font-size:26px}.contact-pending{border-top:1px solid #baa995;padding-top:20px;color:var(--maroon)!important}@media (min-width:1600px){.section,.header,.footer,.quality-band,.health-band,.google-band{padding-left:max(6%,50vw - 720px);padding-right:max(6%,50vw - 720px)}}@media (max-width:1100px){.brand>span{display:none}.nav,.header{gap:20px}.hero-copy{width:85%}.hero .hero-media .placeholder-mark{opacity:.6;right:4%}.projects{gap:28px 20px}.media-slot{height:265px}.quality-band{gap:22px}.sample-gallery.photo-video{grid-template-columns:repeat(3,1fr)}.filters{flex-direction:column;align-items:start}.google-band{flex-wrap:wrap}.service-home-grid{gap:18px}.service-home-card>div:last-child{padding:20px}.service-home-card h3{font-size:17px}}@media (max-width:760px){html{scroll-padding-top:80px}h1{letter-spacing:-1px;font-size:49px}h2{letter-spacing:-1px;font-size:39px}.section{padding:50px 6%}.header{z-index:10;gap:12px;height:80px;position:relative}.brand img{width:76px;height:56px}.header-cta{gap:7px;margin-left:auto;padding:10px 13px;font-size:10px}.header-cta>svg:first-child{display:none}.menu-toggle{display:flex}.nav{background:var(--cream);border-bottom:1px solid var(--line);padding:25px 6%;display:none;position:absolute;top:80px;left:0;right:0}.nav.open{flex-direction:column;align-items:start;gap:17px;display:flex}.hero{min-height:670px}.hero-copy{width:100%;padding:65px 6% 115px}.hero h1{margin-bottom:30px;font-size:65px}.hero .positioning{max-width:290px;font-size:17px;line-height:1.6}.hero-copy .eyebrow{letter-spacing:1.5px;font-size:8px}.hero-copy>p:not(.eyebrow):not(.positioning){max-width:265px;font-size:12px}.hero-actions{flex-direction:column;align-items:start;gap:12px}.hero-actions .button{padding:14px 17px;font-size:11px}.hero .hero-media .placeholder-mark{opacity:.4;width:190px;height:190px;top:32%;right:-65px}.hero .hero-media .media-label{max-width:160px;font-size:9px;bottom:33px}.hero .hero-media .media-pending{font-size:7px}.hero-work-link{font-size:10px;bottom:30px}.section-heading{flex-direction:column;align-items:start;gap:23px;margin-bottom:26px}.eyebrow{letter-spacing:1.4px;font-size:9px}.projects{grid-template-columns:1fr 1fr;gap:28px 16px}.media-slot{height:215px}.media-label{padding:0 12px;font-size:10px}.media-pending{text-align:center;padding:0 10px;font-size:7px}.placeholder-mark{width:48px;height:48px}.project-caption h3{font-size:14px}.project-caption svg{flex-shrink:0;width:16px}.project-caption .arabic{font-size:10px}.project-category{font-size:8px;line-height:1.6}.asset-note{margin-bottom:24px;font-size:10px}.service-home-grid{grid-template-columns:1fr 1fr;gap:18px 14px}.service-home-card>.media-slot{height:160px}.service-home-card>div:last-child{padding:16px}.service-home-card h3{font-size:16px}.service-home-card .arabic{font-size:10px}.service-home-card p{font-size:11px;line-height:1.7}.quality-band{grid-template-columns:1fr 1fr;gap:30px 24px;padding:35px 6%}.quality-band h3{font-size:15px}.quality-band p{font-size:11px}.industry-grid{grid-template-columns:1fr;gap:15px}.industry,.industry.focus{grid-column:auto;padding:25px}.industry.focus h3{font-size:21px}.industry h3{font-size:18px}.industry p{font-size:12px}.steps-grid{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:32px}.steps-grid h3{font-size:21px}.steps-grid p{font-size:12px}.steps-grid .arabic{font-size:11px}.health-band{flex-direction:column;align-items:start;gap:27px;padding:45px 6%}.health-band p:not(.eyebrow){font-size:13px}.health-band .eyebrow{font-size:8px}.footer{padding:35px 6% 0}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px;font-size:11px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div{font-size:11px}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding-bottom:35px}.page-intro>p:not(.eyebrow){font-size:14px}.work-section{padding-top:0}.filters{gap:17px;padding:18px 0}.service-filters{gap:6px}.service-filters button{padding:9px 11px;font-size:10px}.filters label{justify-content:space-between;width:100%}.filters select{width:75%;max-width:250px}.page-visual>.media-slot{height:235px}.service-anchor-nav{gap:8px}.service-anchor-nav a{font-size:10px}.sample-gallery{gap:15px;margin-bottom:30px;grid-template-columns:1fr 1fr!important}.sample-gallery .media-slot{height:205px}.sample-gallery.photo-video .media-slot{height:200px}.sample-gallery.photo-video .media-slot:nth-child(3n){height:230px}.sample-gallery.photo-video .showreel{grid-column:1/-1;height:280px}.phone-frame{border-radius:20px;max-width:175px;border-width:5px!important;height:280px!important}.website-frame{border-width:5px!important;height:185px!important}.brand-board{border-width:8px!important;height:250px!important}.service-copy{grid-template-columns:1fr;gap:25px}.service-intro{margin-top:18px;font-size:16px}.service-copy ul{font-size:13px}.service-copy h3{font-size:15px}.package-grid{grid-template-columns:1fr;gap:23px}.package-card>.media-slot{height:215px}.google-band{flex-direction:column;align-items:start;gap:17px;padding:30px 6%}.project-hero>.media-slot{height:310px}.project-body{grid-template-columns:1fr;gap:25px;margin-top:35px}.project-detail .eyebrow{flex-wrap:wrap;font-size:8px;line-height:1.7}.comparison-images{height:290px}.contact-page{grid-template-columns:1fr;gap:30px}.contact-card{padding:25px}.contact-card h2{font-size:29px}}@media (max-width:390px){.hero h1{font-size:59px}.projects,.service-home-grid{grid-template-columns:1fr}.media-slot{height:270px}.service-home-card>.media-slot{height:200px}.hero-actions .button{font-size:10px}.quality-band{gap:25px 18px}.service-filters button{font-size:9px}.steps-grid{gap:25px 18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.sample-composite{border:1px solid var(--line);background:#f8f2e9;flex-direction:column;justify-content:center;gap:16px;min-height:280px;padding:18px;display:flex}.sample-composite>span{color:var(--muted);text-align:center;font-size:9px}.instagram-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.instagram-grid>div{aspect-ratio:1;background:linear-gradient(135deg,#d8c3b4,#f1e1d0);place-items:center;display:grid}.instagram-grid>div:nth-child(3n+2){background:#8a153824}.instagram-grid>div:nth-child(3n){background:#d6d6c8}.instagram-grid span{color:#857266;font-size:8px}.brand-pieces{grid-template-columns:1fr 1fr;gap:8px;display:grid}.brand-pieces>div{text-align:center;background:#ede2d3;border:1px solid #ded0bf;justify-content:center;align-items:center;min-height:70px;padding:10px;font-size:9px;display:flex}.brand-pieces>div:first-child,.brand-pieces>div:last-child{grid-column:1/-1}.brand-pieces>div:nth-child(2){flex-wrap:wrap;gap:4px}.brand-pieces i{background:var(--maroon);width:20px;height:20px}.brand-pieces i:nth-child(2){background:#c5ad94}.brand-pieces i:nth-child(3){background:#1c1917}.brand-pieces span{width:100%}@media (max-width:760px){.sample-composite{min-height:205px;padding:12px}.sample-composite>span{font-size:8px;line-height:1.7}.branding-board{grid-column:1/-1}.brand-pieces>div{min-height:60px}}.illustration-badge{color:#fff5e9;letter-spacing:.3px;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c191788;border-radius:2px;padding:5px 8px;font-size:8px;position:absolute;bottom:12px;right:12px}.hero .illustration-badge{font-size:9px;bottom:24px;right:6%}.hero .hero-media img{object-position:65% center}.page-visual .media-slot img{object-position:center 55%}.projects .project-card:nth-child(2) img{object-position:90% center}.projects .project-card:nth-child(3) img{object-position:left center}.projects .project-card:nth-child(4) img{object-position:80% center}.sample-gallery .media-slot:nth-child(3n+1) img{object-position:30% center}.sample-gallery .media-slot:nth-child(3n+2) img{object-position:80% center}.sample-gallery .media-slot:nth-child(3n) img{object-position:center 25%}.media-slot img{transition:transform .4s}.project-card:hover .media-slot img,.service-home-card:hover .media-slot img{transform:scale(1.025)}.phone-frame .illustration-badge{font-size:7px;bottom:8px;right:6px}.website-frame:before{z-index:2}.website-frame img{padding-top:25px}.hero .hero-media:after{background:linear-gradient(90deg,#201519de 0%,#20151966 55%,#20151914 100%)}@media (max-width:760px){.hero .hero-media img{object-position:60% center}.hero .hero-media:after{background:linear-gradient(90deg,#201519ee,#201519aa)}.hero .illustration-badge{font-size:7px}.illustration-badge{font-size:7px;bottom:8px;right:8px}}.projects .project-card img,.sample-gallery .media-slot img{object-position:center}