/*
===============================================================
BRIANDCAS DESIGN TOKENS — EDIT THESE FIRST
---------------------------------------------------------------
--black / --ink : page and navigation foundations
--red           : primary brand accent
--muted / --line: supporting text and borders
--max           : maximum content width
--ease          : shared motion curve
Keep the visual system intact when editing. Avoid adding large
shadows, excessive motion or new colours without a brand reason.
===============================================================
*/
:root{--black:#030609;--ink:#070b0f;--red:#c9001d;--red2:#a80018;--white:#fff;--muted:#a8adb5;--line:rgba(255,255,255,.14);--ease:cubic-bezier(.22,.7,.2,1);--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:'Poppins',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 88px));margin:auto}.page{position:relative;z-index:2}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient span{position:absolute;border:1px solid rgba(255,255,255,.045);border-radius:50%;filter:blur(.2px);animation:ambientFloat 26s ease-in-out infinite}.ambient span:nth-child(1){width:38vw;height:38vw;left:-18vw;top:8vh}.ambient span:nth-child(2){width:24vw;height:24vw;right:-10vw;top:28vh;animation-delay:-8s}.ambient span:nth-child(3){width:18vw;height:18vw;left:38vw;bottom:-8vw;animation-delay:-15s}.ambient span:nth-child(4){width:9vw;height:9vw;right:24vw;top:12vh;animation-delay:-20s}@keyframes ambientFloat{50%{transform:translate(24px,-30px) scale(1.06)}100%{transform:none}}
/* loader */
.loader{position:fixed;inset:0;background:var(--black);display:grid;place-items:center;z-index:2000;transition:opacity .65s var(--ease),visibility .65s}.loader.is-hidden{opacity:0;visibility:hidden}.loader-inner{text-align:center;width:min(430px,70vw)}.loader-logo{width:min(360px,70vw);margin:auto;animation:logoPulse 1.7s ease-in-out infinite}.loader-bar{height:2px;background:rgba(255,255,255,.14);margin:26px auto 0;overflow:hidden}.loader-bar span{display:block;width:0;height:100%;background:var(--red);animation:loadBar 1.8s var(--ease) forwards}@keyframes loadBar{to{width:100%}}@keyframes logoPulse{50%{opacity:.68;transform:scale(.985)}}
/* nav */
.site-header{position:absolute;left:0;right:0;top:0;z-index:100;padding:22px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:205px}.brand img{width:100%;height:auto}.nav-links{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}.nav-links a{opacity:.82;position:relative}.nav-links a:after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--red);transition:right .3s}.nav-links a:hover,.nav-links a.active{opacity:1}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-cta{background:#fff;color:#111;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:800}.menu-btn{display:none;border:0;background:rgba(255,255,255,.1);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer}
/* reference-like home hero */
.hero-reference{padding:86px 0 70px;min-height:100vh;position:relative}.reference-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.83fr);min-height:690px;position:relative}.hero-main{position:relative;overflow:hidden;background:#05090d;min-height:690px;padding:145px 9% 70px;border-radius:0 0 0 4px}.hero-main:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 68% 18%,rgba(201,0,29,.22),transparent 32%),linear-gradient(90deg,rgba(3,6,9,.98) 0 38%,rgba(3,6,9,.62) 62%,rgba(3,6,9,.16));z-index:1}.hero-gridlines{position:absolute;inset:0;opacity:.18;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-title{position:relative;z-index:4;max-width:690px}.hero-kicker{display:inline-flex;border:1px solid var(--red);border-radius:999px;padding:7px 16px;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-2deg)}.hero-title h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6vw,96px);line-height:.9;letter-spacing:-.055em;margin:24px 0 24px;text-transform:uppercase}.accent{color:var(--red)}.hero-title p{max-width:540px;color:#d2d5da;font-size:15px;line-height:1.55}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .3s var(--ease),background .3s}.btn:hover{transform:translateY(-3px)}.btn-red{background:var(--red);color:#fff}.btn-white{background:#fff;color:#111}.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}.motion-stage{position:absolute;inset:0;z-index:2;pointer-events:none}.motion-tile{position:absolute;width:170px;aspect-ratio:1/1;object-fit:cover;border:6px solid #fff;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:floatTile 12s ease-in-out infinite}.motion-tile span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.78);padding:6px 8px;font-size:9px;font-weight:800}.motion-tile:nth-child(1){right:7%;top:12%;animation-delay:-1s}.motion-tile:nth-child(2){right:26%;top:38%;width:140px;animation-delay:-5s}.motion-tile:nth-child(3){right:3%;bottom:9%;width:190px;animation-delay:-8s}.motion-tile:nth-child(4){right:34%;bottom:8%;width:115px;animation-delay:-3s}.motion-orb{position:absolute;width:460px;height:460px;border:1px solid rgba(201,0,29,.34);border-radius:50%;right:5%;top:13%;animation:spinSlow 28s linear infinite}.motion-orb:before,.motion-orb:after{content:'';position:absolute;border-radius:50%;background:var(--red)}.motion-orb:before{width:8px;height:8px;left:10%;top:18%}.motion-orb:after{width:5px;height:5px;right:12%;bottom:17%}@keyframes floatTile{50%{transform:translate3d(0,-18px,0) rotate(2deg)}100%{transform:none}}@keyframes spinSlow{to{transform:rotate(360deg)}}
.hero-side{background:#060a0e;display:flex;flex-direction:column;gap:12px;padding-top:0}.side-card{background:var(--red);min-height:212px;padding:22px 25px;position:relative;overflow:hidden;display:flex;align-items:center;gap:20px}.side-card:nth-child(2){margin-left:-32px;margin-right:32px}.side-card:nth-child(3){margin-left:0;margin-right:-1px}.side-card img{width:112px;height:112px;object-fit:cover;border:4px solid #fff;flex:none}.side-card h3{font-family:'Space Grotesk';font-size:21px;margin:0 0 8px}.side-card p{font-size:11px;line-height:1.45;margin:0;color:#fff}.side-card small{display:inline-block;background:#fff;color:#111;border-radius:999px;padding:7px 11px;margin-top:13px;font-size:9px;font-weight:900}.side-card .shape{position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-80px;top:-80px}
/* marquee */
.marquee-wrap{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070a0e;padding:18px 0}.marquee{display:flex;width:max-content;animation:marquee 75s linear infinite;will-change:transform}.marquee span{font-family:'Space Grotesk';font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:17px;white-space:nowrap;padding:0 30px}.marquee span:after{content:'✦';color:var(--red);margin-left:60px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* sections */
.section{padding:110px 0;position:relative}.section.black{background:#05080c}.section.white{background:#fff;color:#0a0c10}.section.red{background:var(--red);color:#fff}.section-head{text-align:center;max-width:800px;margin:0 auto 55px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.section.white .eyebrow{color:var(--red)}.section-head h2{font-family:'Space Grotesk';font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase;margin:14px 0}.section-head h2 span{color:var(--red)}.section.red .section-head h2 span{color:#fff}.section-head p{color:var(--muted);max-width:620px;margin:auto;line-height:1.6}.section.white .section-head p{color:#555}.section.red .section-head p{color:#fff}
/* home showcase */
.home-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{background:#fff;color:#111;border-radius:10px;overflow:hidden;position:relative;cursor:pointer;transform:translateZ(0);transition:transform .45s var(--ease),box-shadow .45s,border-radius .45s}.project-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 30px 70px rgba(0,0,0,.4);border-radius:16px}.project-card img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .7s var(--ease),filter .5s}.project-card:hover img{transform:scale(1.08);filter:saturate(1.08)}.project-info{padding:15px}.project-tag{display:inline-block;background:var(--red);color:#fff;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase;border-radius:999px}.project-info h3{font-family:'Space Grotesk';font-size:16px;margin:10px 0 4px}.project-info p{font-size:11px;color:#6b7077;margin:0;line-height:1.4}.view-all{text-align:center;margin-top:35px}.view-all a{color:#fff;font-size:12px;font-weight:800}.view-all a:after{content:'→';color:var(--red);font-size:20px;margin-left:12px;vertical-align:-2px}
/* home services motion grid */
.service-motion{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.service-feature{background:var(--red);min-height:440px;padding:45px;position:relative;overflow:hidden}.service-feature h3{font-family:'Space Grotesk';font-size:clamp(40px,5vw,75px);line-height:.9;text-transform:uppercase;margin:30px 0 18px}.service-feature p{max-width:520px;color:#fff;line-height:1.6}.service-feature:after{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-170px;bottom:-200px;animation:spinSlow 35s linear infinite}.service-list-motion{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-chip{background:#0b0f14;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:214px;transition:transform .4s var(--ease),background .4s}.service-chip:hover{transform:translateY(-6px);background:#11161d}.service-chip b{font-family:'Space Grotesk';font-size:14px}.service-chip span{font-size:10px;color:var(--muted);line-height:1.5}.service-chip strong{color:var(--red);font-size:12px}
/* quote */
.quote-band{padding:95px 0;background:var(--red);position:relative;overflow:hidden}.quote-band:before,.quote-band:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:spinSlow 30s linear infinite}.quote-band:before{width:520px;height:520px;right:-200px;top:-300px}.quote-band:after{width:300px;height:300px;left:-170px;bottom:-210px;animation-direction:reverse}.quote-band .container{display:flex;justify-content:space-between;align-items:center;gap:40px}.quote-band h2{font-family:'Space Grotesk';font-size:clamp(38px,5vw,74px);line-height:.9;text-transform:uppercase;margin:12px 0}.quote-band p{max-width:750px;line-height:1.6;color:#fff}.quote-band .btn{background:#fff;color:#111}
/* page hero */
.page-hero{padding:180px 0 95px;background:var(--red);position:relative;overflow:hidden}.page-hero:before{content:'';position:absolute;width:680px;height:680px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-260px;top:-360px;animation:spinSlow 35s linear infinite}.page-hero h1{font-family:'Space Grotesk';font-size:clamp(58px,8vw,120px);line-height:.85;text-transform:uppercase;letter-spacing:-.055em;margin:18px 0}.page-hero p{max-width:720px;font-size:16px;line-height:1.55;color:#fff}
/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-copy h2{font-family:'Space Grotesk';font-size:clamp(40px,5vw,70px);line-height:.92;text-transform:uppercase;margin:16px 0 25px}.about-copy p{color:var(--muted);line-height:1.7}.about-image{position:relative;border:8px solid #fff;background:#fff}.about-image img{width:100%;height:570px;object-fit:cover}.about-image:after{content:'';position:absolute;right:-26px;bottom:-26px;width:150px;height:150px;background:var(--red);z-index:-1}.persona{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.persona .about-image img{height:500px}.about-bullets{list-style:none;padding:0;color:#fff;line-height:2.2;font-size:13px}.about-bullets li:before{content:'—';color:var(--red);margin-right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:28px 18px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font-family:'Space Grotesk';font-size:40px}.stat span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;margin-top:5px}
/* services */
.service-list{max-width:1250px;margin:auto}.service-row{min-height:280px;padding:55px 6%;display:grid;grid-template-columns:80px 1fr 1.15fr;gap:30px;align-items:start;position:relative;overflow:hidden}.service-row.black{background:#05080c;color:#fff}.service-row.white{background:#fff;color:#0a0c10}.service-row.red{background:var(--red);color:#fff}.service-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.service-row .service-no{font-family:'Space Grotesk';font-size:14px;font-weight:800}.service-row h3{font-family:'Poppins',Arial,sans-serif;font-size:clamp(15px,2vw,29px);line-height:1.15;text-transform:none;margin:0;grid-column:2/-1;grid-row:auto;position:relative;z-index:2;padding-top:2px}.service-row p{font-size:14px;line-height:1.65;max-width:760px;margin:10px 0 0;grid-column:2/-1;grid-row:auto;position:relative;z-index:2}.service-row ul{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 22px;list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid currentColor;font-size:11px;opacity:.88}.service-row ul li:before{content:'+';font-weight:900;margin-right:7px;color:var(--red)}.service-row.red ul li:before{color:#fff}.service-row.white ul li:before{color:var(--red)}.service-row:hover .service-no{transform:translateX(8px)}
/* projects */
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 42px}.filter{border:1px solid var(--line);background:transparent;color:#fff;padding:11px 18px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.25s}.filter.active,.filter:hover{background:var(--red);border-color:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-grid .project-card{border-radius:5px}.project-grid .project-card:hover{border-radius:13px}.project-grid .project-card.hidden{display:none}
/* modal */
.project-modal{position:fixed;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(16px);display:grid;place-items:center;padding:30px;z-index:1800;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.project-modal.open{opacity:1;visibility:visible}.modal-card{width:min(1050px,94vw);max-height:90vh;overflow:auto;background:#090d12;border:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:1.2fr .8fr;transform:translateY(30px) scale(.96);transition:transform .45s var(--ease)}.project-modal.open .modal-card{transform:none}.modal-image{width:100%;height:100%;min-height:530px;object-fit:cover}.modal-copy{padding:42px;position:relative}.modal-copy h2{font-family:'Space Grotesk';font-size:45px;line-height:.95;text-transform:uppercase;margin:18px 0}.modal-copy p{color:var(--muted);line-height:1.7}.modal-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#fff;color:#111;font-size:24px;cursor:pointer;z-index:2}.modal-meta{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:#fff}.modal-meta b{color:var(--red)}body.modal-open{overflow:hidden}
/* contact */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-panel{background:var(--red);padding:48px}.contact-panel h2{font-family:'Space Grotesk';font-size:clamp(40px,5vw,68px);line-height:.9;text-transform:uppercase;margin:16px 0}.contact-panel>p{line-height:1.6}.contact-item{display:grid;grid-template-columns:42px 1fr;gap:15px;border-top:1px solid rgba(255,255,255,.22);padding:19px 0}.contact-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35)}.contact-icon svg{width:18px;height:18px;stroke:#fff}.contact-item span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:5px}.contact-item strong{font-size:14px;line-height:1.5}.form{border:1px solid var(--line);padding:48px;background:#090d12}.form h3{font-family:'Space Grotesk';font-size:38px;text-transform:uppercase;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.field input,.field textarea{border:1px solid var(--line);background:#05080b;color:#fff;padding:14px;outline:0}.field input:focus,.field textarea:focus{border-color:var(--red)}.field textarea{min-height:170px;resize:vertical}
/* footer */
.footer{padding:25px 0;border-top:1px solid var(--line);background:#030609}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:10px;color:#8c9199}.socials{display:flex;gap:18px}.socials a{font-size:10px;font-weight:800;color:#fff;opacity:.8}.socials a:hover{color:var(--red);opacity:1}
/* whatsapp */
.whatsapp{position:fixed;right:24px;bottom:24px;z-index:1100;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 35px rgba(0,0,0,.45);transition:transform .25s}.whatsapp:hover{transform:scale(1.08)}.whatsapp svg{width:27px;height:27px;fill:currentColor}
/* reveal */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:1150px){.container{width:min(var(--max),calc(100% - 50px))}.nav-links{gap:22px}.reference-stage{grid-template-columns:1.4fr .8fr}.hero-main{padding-left:7%;padding-right:5%}.motion-tile{width:135px}.home-projects,.project-grid{grid-template-columns:repeat(3,1fr)}.service-motion{grid-template-columns:1fr}.service-feature{min-height:350px}}
@media(max-width:800px){.container{width:calc(100% - 34px)}.site-header{padding:15px 0}.brand{width:170px}.nav-links,.nav-cta{display:none}.menu-btn{display:block}.nav-links.mobile-open{position:absolute;display:flex;flex-direction:column;align-items:flex-start;left:17px;right:17px;top:68px;background:#080b0f;padding:24px;border:1px solid var(--line);gap:18px}.reference-stage{grid-template-columns:1fr}.hero-reference{padding-top:70px}.hero-main{min-height:690px;padding:150px 7% 50px}.hero-side{display:none}.motion-stage{opacity:.55}.motion-orb{right:-25%;top:20%}.hero-title h1{font-size:54px}.home-projects,.project-grid{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:50px 1fr;min-height:auto;padding:42px 6%}.service-row p{grid-column:2}.service-row ul{grid-column:2;grid-template-columns:1fr 1fr}.about-grid,.persona,.contact-grid{grid-template-columns:1fr;gap:35px}.about-image img,.persona .about-image img{height:400px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.quote-band .container{display:block}.quote-band .btn{margin-top:25px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-card{grid-template-columns:1fr}.modal-image{min-height:330px;max-height:45vh}.modal-copy{padding:30px}.footer .container{flex-direction:column;align-items:flex-start}.page-hero{padding:145px 0 75px}.whatsapp{right:17px;bottom:17px}}
@media(max-width:500px){.hero-title h1{font-size:43px}.home-projects,.project-grid{grid-template-columns:1fr}.service-row ul{grid-template-columns:1fr}.service-feature{padding:30px}.section{padding:78px 0}.section-head h2{font-size:39px}.page-hero h1{font-size:64px}.contact-panel,.form{padding:30px}.socials{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.marquee{animation:none}}

/* v3 requested navigation, typography and heading rules */
.site-header{position:fixed;top:0;left:0;right:0;background:#030609;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0;backdrop-filter:none}
.site-header .nav{min-height:50px}
.page{padding-top:0}
.hero-reference{padding-top:112px}
.nav-links a,.nav-cta,.menu-btn{font-family:'Poppins',Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',Arial,sans-serif;text-transform:none!important}
.hero-title h1,.section-head h2,.service-feature h3,.modal-copy h2,.contact-panel h2,.form h3,.page-hero h1{font-family:'Poppins',Arial,sans-serif;text-transform:none!important}
.footer{position:relative;animation:none!important;transform:none!important}
.footer *{animation:none!important}
.marquee{animation:marquee 75s linear infinite!important}
@media(max-width:800px){.hero-reference{padding-top:82px}.site-header{padding:10px 0}.nav-links.mobile-open{top:64px}}


/* v4 refinements */
.marquee-section{padding:45px 0}
.marquee-section .marquee-wrap{width:100%}
.footer{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;top:auto!important;animation:none!important;transform:none!important;overflow:visible}
.footer .socials{display:flex;align-items:center;gap:16px}
.footer .socials a{width:30px;height:30px;display:grid;place-items:center;color:#fff;opacity:.8;transition:transform .25s ease,color .25s ease,opacity .25s ease}
.footer .socials a:hover{color:var(--red);opacity:1;transform:translateY(-3px)}
.footer .socials svg{width:18px;height:18px;display:block}

/* Full-width service artwork */
.service-row{grid-template-columns:80px 1fr 1fr}
.service-row .service-image{grid-column:1/-1;width:100%;margin:0 0 8px;overflow:hidden;position:relative;grid-row:auto}
.service-row .service-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 45%,rgba(0,0,0,.1));pointer-events:none}
.service-row .service-image img{width:100%;height:clamp(260px,38vw,520px);object-fit:cover;transition:transform .9s var(--ease),filter .7s ease}
.service-row:hover .service-image img{transform:scale(1.035);filter:saturate(1.06)}

/* iMac / app-like project preview */
.project-modal{perspective:1600px}
.modal-card{grid-template-columns:1.18fr .82fr;transform-origin:center center;will-change:transform,opacity;transform:translate3d(var(--sx,0px),var(--sy,0px),0) scale(var(--ss,1)) rotateX(5deg) rotateY(-2deg);transition:transform 1.45s cubic-bezier(.22,1,.36,1),opacity .9s ease,box-shadow 1.2s cubic-bezier(.22,1,.36,1);border-radius:20px;box-shadow:0 35px 120px rgba(0,0,0,.62);overflow:visible}
.project-modal.open.motion-ready .modal-card{transform:translate3d(0,0,0) scale(1) rotateX(0) rotateY(0);box-shadow:0 50px 150px rgba(0,0,0,.7)}
.project-modal.open.closing .modal-card{transform:translate3d(var(--sx,0px),var(--sy,0px),0) scale(var(--ss,1)) rotateX(5deg) rotateY(-2deg);opacity:0}
.modal-media{position:relative;min-height:530px;overflow:hidden;background:#020407;border-radius:20px 0 0 20px}
.modal-image{width:100%;height:100%;min-height:530px;object-fit:cover;transform:scale(1.03);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease}
.project-modal.open.motion-ready .modal-image{transform:scale(1);filter:saturate(1.04)}
.modal-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 22%,transparent 70%,rgba(0,0,0,.22));pointer-events:none}
.modal-close{position:absolute!important;right:-10px!important;top:-10px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.38)!important;background:rgba(255,255,255,.94)!important;color:#111!important;font-size:26px!important;line-height:1!important;display:grid!important;place-items:center!important;box-shadow:0 12px 35px rgba(0,0,0,.35);cursor:pointer;z-index:5;transition:transform .25s ease,background .25s ease}
.modal-close:hover{transform:rotate(90deg) scale(1.08);background:#fff!important}
.modal-copy{transform:translateX(18px);opacity:0;transition:transform .95s .28s cubic-bezier(.22,1,.36,1),opacity .8s .28s ease}
.project-modal.open.motion-ready .modal-copy{transform:none;opacity:1}

@media(max-width:800px){
 .marquee-section{padding:35px 0}
 .service-row{grid-template-columns:50px 1fr}
 .service-row .service-image{grid-column:1/-1}
 .service-row h3,.service-row p,.service-row ul{grid-column:2/-1}
 .service-row .service-image img{height:300px}
 .modal-card{grid-template-columns:1fr;max-height:88vh;transition-duration:1.25s}
 .modal-media{min-height:300px;height:48vh;border-radius:20px 20px 0 0}
 .modal-image{min-height:300px}
 .modal-copy{padding:28px;transform:translateY(18px)}
 .modal-close{right:-6px!important;top:-6px!important}
 .project-modal.open.motion-ready .modal-copy{transform:none}
}

/* Home hero: retain the original background treatment while removing the side-service imagery/cards */
.hero-reference .reference-stage{grid-template-columns:1fr}
.hero-reference .hero-main{grid-column:1/-1}


/* =========================================================
   V6 — restrained motion system
   Relevant motion only: scrollytelling, ambient motion,
   line drawing, morphing, animated logo/icons, microinteractions,
   faux-3D, horizontal marquee, page transitions and loading states.
   ========================================================= */
html{scroll-padding-top:82px}
body{transition:opacity .42s var(--ease),transform .42s var(--ease)}
body.page-exit{opacity:0;transform:translateY(8px)}
body.modal-open{cursor:default}

/* Navigation microinteractions */
.nav-links a{transition:opacity .25s ease,transform .25s var(--ease),color .25s ease}
.nav-links a:active{transform:scale(.94)}
.nav-cta{transition:transform .35s var(--ease),box-shadow .35s ease,background .35s ease}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3)}
.nav-cta:active{transform:scale(.96)}
.menu-btn{transition:transform .35s var(--ease),background .35s ease}
.menu-btn:hover{transform:rotate(90deg);background:rgba(201,0,29,.28)}
.menu-btn:active{transform:scale(.92) rotate(90deg)}
.site-header .brand{transition:transform .45s var(--ease)}
.site-header .brand:hover{transform:translateY(-1px) scale(1.015)}
.site-header .brand img{animation:brandBreath 7s ease-in-out infinite}
@keyframes brandBreath{50%{filter:drop-shadow(0 0 9px rgba(201,0,29,.18))}}

/* Expressive typography: gentle line/letter reveal without distraction */
.hero-title h1,.section-head h2,.page-hero h1{animation:titleSettle 1.15s var(--ease) both}
@keyframes titleSettle{from{opacity:0;transform:translateY(18px);letter-spacing:-.015em}to{opacity:1;transform:none}}
.eyebrow{position:relative;display:inline-block}
.eyebrow:after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.reveal.in .eyebrow:after,.section-head .eyebrow:after{transform:scaleX(1)}

/* Ambient + faux 3D background */
.ambient span{animation-duration:34s;will-change:transform}
.hero-main,.section,.page-hero{isolation:isolate}
.hero-main:after{content:'';position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle at 70% 30%,rgba(201,0,29,.07),transparent 25%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.018) 50%,transparent 65%);animation:ambientSheen 22s ease-in-out infinite}
@keyframes ambientSheen{0%,100%{transform:translate3d(-3%,0,0) rotate(-1deg);opacity:.55}50%{transform:translate3d(3%,2%,0) rotate(1deg);opacity:1}}
.motion-tile{transition:filter .5s ease,box-shadow .5s ease}
.motion-tile:hover{filter:brightness(1.08) saturate(1.08);box-shadow:0 28px 80px rgba(0,0,0,.55)}

/* Image loading skeleton + scroll reveal/parallax */
.media-loading{background:linear-gradient(110deg,#0b0f14 20%,#151a20 35%,#0b0f14 50%);background-size:200% 100%;animation:skeletonShimmer 1.6s linear infinite}
.media-loading img{opacity:0!important}
.media-ready img{opacity:1!important;transition:opacity .55s ease,transform .9s var(--ease),filter .7s ease}
@keyframes skeletonShimmer{to{background-position:-200% 0}}
.scroll-media{will-change:transform}
.project-card,.service-row,.about-image{perspective:1000px}
.project-card:before,.service-row .service-image:before,.about-image:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.11) 50%,transparent 80%);transform:translateX(-120%);transition:transform 1s var(--ease)}
.project-card:hover:before,.service-row:hover .service-image:before,.about-image:hover:before{transform:translateX(120%)}
.project-card img,.service-row .service-image img,.about-image img{transform:scale(1.001) translateZ(0);backface-visibility:hidden}
.project-card:hover img{transform:scale(1.055) translateZ(12px);filter:saturate(1.08) contrast(1.02)}
.service-row:hover .service-image img{transform:scale(1.025) translateZ(8px)}
.about-image:hover img{transform:scale(1.018) translateZ(8px)}

/* Self-drawing / line animation */
.service-row{position:relative;overflow:hidden}
.service-row:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease);opacity:.35}
.service-row.in:after{transform:scaleX(1)}
.project-card .project-tag{transition:transform .35s var(--ease),letter-spacing .35s ease}
.project-card:hover .project-tag{transform:translateX(3px);letter-spacing:.06em}

/* Service images: subtle liquid/morphing corner treatment */
.service-image{border-radius:14px;overflow:hidden}
.service-image img{border-radius:14px;transition:transform 1.1s var(--ease),filter .8s ease,clip-path 1.1s var(--ease)!important}
.service-row:hover .service-image img{clip-path:inset(0 0 0 0 round 14px)}

/* Horizontal / scrollytelling strip */
.marquee-wrap{position:relative}
.marquee-wrap:before,.marquee-wrap:after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.marquee-wrap:before{left:0;background:linear-gradient(90deg,#070a0e,transparent)}
.marquee-wrap:after{right:0;background:linear-gradient(270deg,#070a0e,transparent)}
.marquee span{transition:color .3s ease,transform .3s var(--ease)}
.marquee span:hover{color:#fff;transform:translateY(-2px)}

/* Buttons/icons microinteractions */
.btn:after{content:'↗';font-size:11px;margin-left:8px;opacity:.6;transform:translate(0,0);transition:transform .3s var(--ease),opacity .3s ease}
.btn:hover:after{transform:translate(3px,-3px);opacity:1}
.contact-icon{transition:transform .4s var(--ease),background .35s ease,border-color .35s ease}
.contact-item:hover .contact-icon{transform:rotate(-7deg) scale(1.08);background:rgba(255,255,255,.1);border-color:#fff}
.socials a{transition:transform .35s var(--ease),color .3s ease,opacity .3s ease!important}
.socials a:hover{transform:translateY(-4px) rotate(-4deg)!important}

/* Animated logo loading mark */
.loader-logo{filter:drop-shadow(0 0 0 rgba(201,0,29,0));animation:loaderLogoMotion 2.2s ease-in-out infinite}
@keyframes loaderLogoMotion{0%,100%{transform:scale(.985);filter:drop-shadow(0 0 0 rgba(201,0,29,0))}50%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(201,0,29,.2))}}

/* WhatsApp — familiar original green mark with restrained pulse/ring */
.whatsapp{width:60px;height:60px;background:#25D366;border:2px solid rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,.35);transition:transform .4s var(--ease),box-shadow .4s ease;animation:waPulse 3.2s ease-in-out infinite}
.whatsapp:before{content:'';position:absolute;inset:-7px;border:1px solid rgba(37,211,102,.38);border-radius:50%;animation:waRing 3.2s ease-out infinite;pointer-events:none}
.whatsapp:after{content:'WhatsApp';position:absolute;right:72px;top:50%;transform:translateY(-50%) translateX(6px);background:#111;color:#fff;padding:7px 10px;border-radius:7px;font-size:10px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease)}
.whatsapp:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 0 7px rgba(37,211,102,.08);animation:none}
.whatsapp:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}
.whatsapp svg{width:30px;height:30px;position:relative;z-index:1;transition:transform .45s var(--ease)}
.whatsapp:hover svg{transform:rotate(-8deg) scale(1.08)}
@keyframes waPulse{0%,100%{box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,.32)}50%{box-shadow:0 14px 38px rgba(0,0,0,.48),0 0 0 6px rgba(37,211,102,.08)}}
@keyframes waRing{0%{transform:scale(.82);opacity:.7}70%,100%{transform:scale(1.28);opacity:0}}

/* Page transition / scroll progress */
body:before{content:'';position:fixed;left:0;top:0;width:var(--scroll-progress,0%);height:2px;background:var(--red);z-index:2500;pointer-events:none;transition:width .08s linear}

/* Project preview: slower cinematic app-window movement */
.project-modal{transition:background-color .9s ease}
.project-modal.open{background-color:rgba(0,0,0,.72)}
.modal-card{transition-duration:1.85s!important;transition-timing-function:cubic-bezier(.16,1,.3,1)!important}
.modal-image{transition-duration:1.5s!important}
.modal-copy{transition-duration:1.2s!important}

/* Keep footer completely static */
.footer,.footer *{animation:none!important;transform:none}

@media(max-width:800px){
 .whatsapp{width:56px;height:56px}
 .whatsapp:after{display:none}
 .marquee-wrap:before,.marquee-wrap:after{width:35px}
}
@media(prefers-reduced-motion:reduce){body,.site-header .brand img,.whatsapp,.whatsapp:before,.hero-main:after{animation:none!important;transition:none!important}.scroll-media{transform:none!important}.whatsapp:after{display:none}}


/* ===============================================================
   ACCESSIBILITY + PERFORMANCE GUARDRAILS — SAFE TO EDIT CAREFULLY
   These rules keep keyboard focus visible and reduce motion for users
   who request it. They do not change the established visual direction.
   =============================================================== */
:focus-visible{outline:2px solid var(--red);outline-offset:4px}
img{height:auto}
@media (prefers-reduced-data: reduce){.ambient,.hero-main:after{display:none!important}}

/* Keyboard accessibility: hidden until focused; does not alter the visual layout for pointer users. */
.skip-link{position:fixed;left:16px;top:10px;z-index:3000;transform:translateY(-180%);background:var(--red);color:#fff;padding:10px 14px;border-radius:6px;font-weight:700;font-size:12px;transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}

/* Editable utility classes replacing inline styles so the production CSP can remain strict. */
.eyebrow-light{color:#fff}.accent-red{color:var(--red)}.services-marquee-section{padding-top:45px}.services-list-section{padding-top:20px}

/* Project filter reveal animation; kept in CSS so no inline/dynamic style is required. */
@keyframes filterIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}


/* ADDITIONS REQUESTED BY CLIENT — content-only enhancements; existing design/layout remains the baseline. */
.expertise-section .section-head{max-width:760px;margin-bottom:34px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.expertise-card{background:#0d1015;border:1px solid var(--line);overflow:hidden}
.expertise-card-image{aspect-ratio:16/10;overflow:hidden}.expertise-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.expertise-card-body{padding:24px}.expertise-card-body h3{margin:0 0 10px}.expertise-card-body p{color:var(--muted);line-height:1.7}.expertise-card-body ul{padding-left:18px;color:var(--muted);line-height:1.9}.expertise-card-body a{color:#fff;text-decoration:none;font-weight:700}
.process-section-added{margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}.process-section-added>h3{text-align:center;margin-bottom:24px}.process-grid-added{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.process-grid-added>div{padding:18px 12px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.025)}.process-grid-added b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 12px;border-radius:50%;background:var(--red);color:#fff}.process-grid-added h4{margin:0 0 6px}.process-grid-added p{margin:0;color:var(--muted);font-size:.86rem}
.service-families{padding-top:0}.service-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-family-card{padding:28px;border:1px solid var(--line);background:#0d1015}.service-family-card:nth-child(2){background:#f5f5f5;color:#111}.service-family-card:nth-child(3){background:var(--red);color:#fff}.service-family-card>span{font-size:.75rem;opacity:.65}.service-family-card h2{margin:10px 0 12px}.service-family-card p{line-height:1.7;opacity:.8}.service-family-card ul{padding-left:18px;line-height:1.9}
.clients-grid-added{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.clients-grid-added>div{min-height:86px;display:grid;place-items:center;padding:14px;border:1px solid var(--line);background:#fff}.clients-grid-added img{max-width:100%;max-height:52px;object-fit:contain}
.whatsapp-wrap{position:fixed;right:24px;bottom:24px;z-index:1100;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.whatsapp-wrap .whatsapp{position:relative;right:auto;bottom:auto}.whatsapp-bubble{max-width:300px;padding:12px 16px;background:#fff;color:#111;border-radius:14px 14px 3px 14px;box-shadow:0 10px 30px rgba(0,0,0,.28);font-size:13px;line-height:1.5;border:1px solid rgba(37,211,102,.25);animation:waBubbleIn .65s cubic-bezier(.22,.7,.2,1) both}.whatsapp-bubble:after{content:'';position:absolute;right:24px;margin-top:12px;border:8px solid transparent;border-top-color:#fff}.form-note{font-size:.75rem;color:var(--muted);margin:10px 0 0}.form select{width:100%;padding:14px 15px;background:#0d1015;color:#fff;border:1px solid var(--line);font:inherit;border-radius:0}
@keyframes waBubbleIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:800px){.expertise-grid,.service-family-grid{grid-template-columns:1fr}.process-grid-added{grid-template-columns:1fr 1fr}.clients-grid-added{grid-template-columns:repeat(3,1fr)}.whatsapp-wrap{right:17px;bottom:17px}.whatsapp-bubble{max-width:260px}}
@media(prefers-reduced-motion:reduce){.whatsapp-bubble{animation:none}}


/* ================================================================
   SERVICES — THREE LEGACY CATEGORIES ONLY
   The detailed ten-service rows are intentionally not displayed.
   These cards represent the three requested service families.
   ================================================================ */
.service-category-list{display:grid;gap:24px}.service-category-card{margin:0}.service-category-card .service-group-heading{min-height:360px}.service-category-card .service-group-image,.service-category-card .service-group-image img{min-height:360px}.service-category-card .service-group-intro{padding:64px 8%}.service-category-card .service-group-intro p{max-width:560px}.service-category-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;width:max-content;color:inherit;font-size:12px;font-weight:800;text-decoration:none;letter-spacing:.02em;border-bottom:1px solid currentColor;padding-bottom:7px;transition:gap .25s ease,opacity .25s ease}.service-category-link:hover{gap:14px;opacity:.72}.footer .socials svg path{fill:currentColor!important}.footer .socials svg{overflow:visible}

/* ================================================================
   SERVICES — THREE GROUP HEADERS
   The three service families remain the primary page structure. Detailed
   service cards are nested beneath each family and use the supplied
   reference terminology. Change only these values if the presentation
   needs adjustment; the wider Briandcas page structure remains unchanged.
   ================================================================ */
.service-group{margin:0 0 34px;overflow:hidden}.service-group:last-child{margin-bottom:0}.service-group-heading{display:grid;grid-template-columns:1.05fr 1fr;min-height:300px;background:#080b0f;color:#fff}.service-group:nth-child(2) .service-group-heading{background:#fff;color:#0a0c10}.service-group:nth-child(3) .service-group-heading{background:var(--red);color:#fff}.service-group-image{min-height:300px;overflow:hidden}.service-group-image img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;transition:transform .9s var(--ease),filter .7s ease}.service-group-heading:hover .service-group-image img{transform:scale(1.035);filter:saturate(1.06)}.service-group-intro{padding:55px 7%;display:flex;flex-direction:column;justify-content:center}.service-group-number{font-family:'Space Grotesk',Arial,sans-serif;font-size:12px;font-weight:800;opacity:.6;letter-spacing:.08em}.service-group-intro h2{font-size:clamp(28px,4vw,52px);line-height:1.05;margin:10px 0 16px}.service-group-intro p{max-width:620px;font-size:14px;line-height:1.75;opacity:.82;margin:0}.service-group .service-row:first-of-type{border-top:0}
@media(max-width:800px){.service-group-heading{grid-template-columns:1fr}.service-group-image,.service-group-image img{min-height:240px;height:240px}.service-group-intro{padding:35px 7%}.service-group-intro h2{font-size:34px}}
/* Detailed service cards — preserves the existing Briandcas category/header layout while
   carrying the full service descriptions and deliverables supplied in the reference. */
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px 0 0}
.service-detail-card{padding:32px 32px 30px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#111;color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.08);transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}
.service-detail-card:hover{transform:translateY(-5px);border-color:rgba(255,39,39,.38);box-shadow:0 20px 45px rgba(0,0,0,.14)}
.service-detail-title{display:flex;align-items:center;gap:15px;margin-bottom:18px}.service-detail-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--red);font-size:23px;line-height:1;font-weight:800;flex:0 0 24px}.service-detail-title h3{margin:0;font-family:'Poppins',Arial,sans-serif;font-size:18px;line-height:1.25;text-transform:none;color:inherit}.service-detail-card p{margin:0 0 18px;font-size:14px;line-height:1.7;color:inherit;opacity:.78}.service-detail-card ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.10)}.service-detail-card li{position:relative;padding:13px 0 13px 31px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.45;color:inherit;opacity:.92}.service-detail-card li:last-child{border-bottom:0}.service-detail-card li:before{content:'✓';position:absolute;left:0;top:12px;color:var(--red);font-size:14px;font-weight:900}.service-group:nth-child(2) .service-detail-grid{background:transparent}.service-group:nth-child(2) .service-detail-card{background:#f7f7f7;color:#0a0c10;border-color:rgba(10,12,16,.10)}.service-group:nth-child(2) .service-detail-card li{border-color:rgba(10,12,16,.09)}.service-group:nth-child(2) .service-detail-card ul{border-color:rgba(10,12,16,.10)}.service-group:nth-child(2) .service-detail-card:hover{border-color:rgba(255,39,39,.34);box-shadow:0 20px 45px rgba(10,12,16,.10)}.service-group:nth-child(3) .service-detail-card{background:#111;color:#fff;border-color:rgba(255,255,255,.10)}
.service-category-card{overflow:visible}.service-category-card .service-group-heading{border-radius:0}.service-category-card .service-detail-grid{padding-bottom:2px}
@media(max-width:800px){.service-detail-grid{grid-template-columns:1fr;gap:16px;padding-top:16px}.service-detail-card{padding:27px 24px 24px}.service-detail-title h3{font-size:17px}}


/* Homepage hero image — full-width, uncropped image above the existing hero text layout. */
.hero-reference{padding-top:0;}
.hero-image-full{width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:0;line-height:0;overflow:hidden;text-align:center;}
.hero-image-full img{display:block;width:100%;height:auto;max-width:none;margin:0 auto;object-fit:contain;object-position:center center;}
.hero-reference .hero-main{background-image:none;}
@media(max-width:800px){.hero-image-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);}.hero-image-full img{width:100%;height:auto;object-fit:contain;object-position:center center;}}