@font-face{font-family:Editorial;src:url('../assets/editorial.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Editorial;src:url('../assets/editorial-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Studio;src:url('../assets/studio.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Studio;src:url('../assets/studio-medium.woff') format('woff');font-weight:600;font-display:swap}
:root{--navy:#06172e;--silver:#d2dbe2;--text:#e8edf0;--muted:#b8c9d7;--rule:#c6d5e43d;--serif:Editorial,Georgia,serif;--sans:Studio,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--navy);color:var(--text);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400;color:var(--silver)}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}a:focus-visible{outline:2px solid #d9e7f3;outline-offset:6px}.wrap{width:calc(100% - 112px);max-width:1180px;margin-inline:auto}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:2.1px;font-weight:600;color:var(--muted)}.skip-link{position:fixed;z-index:100;left:12px;top:12px;padding:10px 18px;background:var(--silver);color:var(--navy);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.header{height:100px;position:sticky;top:0;z-index:20;background:linear-gradient(115deg,#071c37,#04132b);border-bottom:1px solid var(--rule);transition:box-shadow .2s}.header.scrolled{box-shadow:0 9px 24px -10px #00000080}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{line-height:0;flex:none}.brand img{width:270px;height:auto}.nav{display:flex;gap:36px;font-size:12px}.nav a{display:flex;align-items:center;min-height:44px}.nav a:hover,.text-link:hover{color:#fff}
.textured{position:relative;isolation:isolate}.textured:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/navy-grain.svg') repeat;background-size:180px 180px;opacity:.34;mix-blend-mode:soft-light}
.emblem{position:relative;line-height:0;isolation:isolate}.emblem img{width:100%;height:auto}.emblem:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 39%,#e2f1ff29 45%,#ffffffd6 50%,#e2f1ff2e 55%,transparent 61%);background-size:250% 100%;background-position:180% 0;opacity:0;mask:url('../assets/garcia-gestio-mark.svg') center/contain no-repeat;-webkit-mask:url('../assets/garcia-gestio-mark.svg') center/contain no-repeat;animation:reflection 9s ease-in-out infinite;mix-blend-mode:screen}@keyframes reflection{0%{background-position:180% 0;opacity:0}7%{opacity:.4}42%{background-position:-80% 0;opacity:.4}48%,100%{background-position:-80% 0;opacity:0}}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:50px;padding:13px 22px;font-size:12px;border:1px solid #d5dfe7b3;background:linear-gradient(115deg,#e0e6ea,#bccbd6);color:#102b43;transition:background .2s,transform .2s}.button:hover{background:#e6edf2;transform:translateY(-2px)}.button svg{width:17px;height:17px}.hero-description{font-size:15px;line-height:1.85;color:#c6d4e0}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;min-height:34px;border-bottom:1px solid #a9bfd369}.text-link svg{width:14px;height:14px}
.contact-phone{display:inline-flex;align-items:center;gap:22px;font-family:var(--serif);font-size:36px;line-height:1.4;letter-spacing:-.6px}.contact-email{display:inline-block;font-size:13px;color:#c4d3df;border-bottom:1px solid #9fb7ca70;line-height:1.9}.contact-details h3{font:600 12px/1.7 var(--sans)}.contact-details p,.contact-details address{font-size:12px;line-height:1.95;font-style:normal;color:#bccddc;margin-top:9px}.contact-details .text-link{margin-top:8px}.footer{background:#04152a}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:107px;font-size:9px;color:#9fb3c5}.footer-brand img{width:205px;height:auto}.demo-nav{display:flex;justify-content:center;align-items:center;gap:28px;padding:18px 24px;border-top:1px solid #c6d5e420;background:#04152a;font-size:11px;color:#b7c9d8}.demo-nav a{padding:5px 0;border-bottom:1px solid transparent}.demo-nav a:hover{border-color:#b7c9d8}
/* 01 — a centred composition, entirely in blue and silver. */
.navy-silver .hero{background:radial-gradient(ellipse at 50% 10%,#163855 0%,#0b2743 43%,#071b32 100%)}
.navy-silver .hero-inner{text-align:center;padding:40px 0 54px}.navy-silver .emblem{width:92px;margin:0 auto 22px}.navy-silver .hero .eyebrow{margin-bottom:18px}.navy-silver h1{font-size:76px;letter-spacing:-2.2px;line-height:1.07}.navy-silver .hero-description{margin:22px auto 25px}.navy-silver .hero-description br{display:none}.navy-silver .hero-description br:after{content:" "}.navy-silver .hero .button{min-width:172px}
.navy-silver .services{background:linear-gradient(110deg,#0a223c,#081e36);padding:42px 0 51px;border-top:1px solid #c3d6e437}.navy-silver .section-heading{text-align:center}.navy-silver .section-heading h2{font-size:35px;line-height:1.2;letter-spacing:-.6px}.navy-silver .section-heading .eyebrow{font-size:8px;margin-top:10px;letter-spacing:1.7px}.navy-silver .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:32px}.navy-silver .service{text-align:center;padding:7px 40px}.navy-silver .service+.service{border-left:1px solid var(--rule)}.navy-silver .service h3{font-size:28px;line-height:1.4;letter-spacing:-.4px}.navy-silver .service p{font-size:13px;color:var(--muted);line-height:1.85;max-width:350px;margin:11px auto 0}
.navy-silver .contact{padding:47px 0 51px;background:linear-gradient(130deg,#0b2642,#06192f);border-top:1px solid var(--rule)}.navy-silver .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.navy-silver .contact h2{font-size:53px;line-height:1.2;margin:13px 0 16px;letter-spacing:-1px}.navy-silver .contact-email{margin-top:7px}.navy-silver .contact-details{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.navy-silver .contact-copy>div{line-height:1.3}
/* 02 — oversized editorial typography and a blue-grey service band. */
.blue-editorial .header{height:96px}.blue-editorial .brand img{width:254px}.blue-editorial .hero{background:linear-gradient(112deg,#123956 -14%,#0d2d4a 52%,#0a213e)}.blue-editorial .hero-inner{display:grid;grid-template-columns:1.65fr 1fr;gap:54px;align-items:center;padding:58px 0 61px}.blue-editorial .hero-copy{display:grid;grid-template-columns:1fr}.blue-editorial .hero .eyebrow{margin-bottom:29px}.blue-editorial h1{font-size:86px;line-height:1.03;letter-spacing:-2.8px}.blue-editorial .hero-description{margin:29px 0 25px}.blue-editorial .button{justify-self:start;background:transparent;color:#e7edf2;border-color:#cfdae39c}.blue-editorial .button:hover{background:#c6d9e719}.blue-editorial .hero-art{display:grid;place-items:center;position:relative;min-height:345px;align-self:stretch;border-left:1px solid #d6e0e829;background:linear-gradient(135deg,#1b466220,#1d45642b);isolation:isolate}.blue-editorial .hero-art:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#bdcfe41f .7px,transparent .7px);background-size:8px 8px;mask-image:linear-gradient(to right,transparent,#000)}.blue-editorial .emblem{width:194px}
.blue-editorial .services{background:#b5c5d1;color:#122e47;padding:48px 0 52px}.blue-editorial .services-inner{display:grid;grid-template-columns:.8fr 1.65fr;gap:65px}.blue-editorial .section-heading h2{font-size:45px;line-height:1.1;letter-spacing:-1px}.blue-editorial .section-heading .eyebrow{color:#36526b;font-size:8px;letter-spacing:1.8px;margin-top:16px}.blue-editorial .service{display:grid;grid-template-columns:1.1fr 1fr;column-gap:27px;align-items:start;padding:21px 0;border-top:1px solid #183a5652}.blue-editorial .service:first-child{padding-top:0;border-top:0}.blue-editorial .service:last-child{padding-bottom:0}.blue-editorial .service h3{font-size:28px;line-height:1.25;letter-spacing:-.4px}.blue-editorial .service p{color:#284962;font-size:13px;line-height:1.85}
.blue-editorial .contact{padding:54px 0 49px;background:linear-gradient(120deg,#102f4b,#081e37)}.blue-editorial .contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.blue-editorial .contact h2{font-size:66px;line-height:1.1;letter-spacing:-1.8px;margin:20px 0 20px}.blue-editorial .contact-email{margin-top:8px}.blue-editorial .contact-details{display:grid;grid-template-columns:1fr;gap:25px;padding-top:2px;border-left:1px solid var(--rule);padding-left:42px}.blue-editorial .contact-phone{font-size:34px}.blue-editorial .footer{background:#05182e}
/* Comparison page: real previews linking to both working demos. */
.gallery{min-height:100vh;background:radial-gradient(ellipse at 25% 0,#153953,#071c33 65%)}.gallery .header{height:90px}.gallery .brand img{width:245px}.gallery-header{padding:52px 0 34px}.gallery-header h1{font-size:57px;line-height:1.15;letter-spacing:-1.5px}.gallery-header p{font-size:14px;color:var(--muted);margin-top:13px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:55px}.choice{display:block;border:1px solid #c6d5e435;transition:border-color .2s;background:#071d34}.choice:hover{border-color:#b8cfdf99}.choice-preview{width:100%;height:auto;aspect-ratio:1.46;object-fit:cover;object-position:top;border-bottom:1px solid #c6d5e435}.choice-copy{padding:22px 25px 24px}.choice-title{display:flex;align-items:center;gap:17px}.choice-number{font-size:10px;color:#b7cada;letter-spacing:1.3px}.choice h2{font-size:32px;letter-spacing:-.6px;line-height:1.2}.choice-title svg{margin-left:auto}.choice p{font-size:12px;color:var(--muted);margin:11px 0 0 33px}.gallery .text-link{font-size:11px}
@media(min-width:1600px){.navy-silver .hero-inner{padding:51px 0 64px}.navy-silver h1{font-size:84px}.blue-editorial .hero-inner{padding:76px 0}.blue-editorial h1{font-size:94px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.blue-editorial h1{font-size:72px}.blue-editorial .hero-inner{gap:35px}.blue-editorial .emblem{width:160px}.blue-editorial .services-inner{gap:38px;grid-template-columns:.8fr 1.7fr}.blue-editorial .service{grid-template-columns:1fr;gap:9px}.blue-editorial .contact-grid{gap:50px}.navy-silver .contact-grid{gap:45px}.navy-silver .contact-details{grid-template-columns:1fr;gap:22px}}
@media(max-width:760px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 48px)}.header,.blue-editorial .header{height:86px}.brand img,.blue-editorial .brand img{width:220px}.nav{gap:24px;font-size:11px}.navy-silver h1{font-size:65px}.navy-silver .hero-description{font-size:14px}.navy-silver .service{padding:4px 25px}.navy-silver .service h3{font-size:25px}.navy-silver .contact-grid{gap:35px}.navy-silver .contact h2{font-size:46px}.contact-phone{font-size:29px}.contact-email{font-size:11px}.blue-editorial h1{font-size:60px}.blue-editorial .hero-inner{grid-template-columns:1.7fr .8fr;gap:25px}.blue-editorial .hero-art{min-height:305px}.blue-editorial .emblem{width:130px}.blue-editorial .services-inner{gap:35px}.blue-editorial .section-heading h2{font-size:37px}.blue-editorial .service h3{font-size:27px}.blue-editorial .contact-grid{gap:35px}.blue-editorial .contact-details{padding-left:25px}.blue-editorial .contact h2{font-size:54px}.blue-editorial .contact-phone{font-size:30px}.choices{gap:20px}.choice-copy{padding:18px}.choice h2{font-size:26px}.choice p{margin-left:0;font-size:11px}.gallery-header h1{font-size:48px}}
@media(max-width:600px){html{scroll-padding-top:94px}.wrap{width:calc(100% - 40px)}.header,.blue-editorial .header{height:80px}.header-inner{gap:18px}.brand img,.blue-editorial .brand img{width:min(184px,49vw)}.nav{gap:18px;font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.7px}.navy-silver .hero-inner{padding:30px 0 39px}.navy-silver .emblem{width:67px;margin-bottom:18px}.navy-silver .hero .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:18px}.navy-silver h1{font-size:clamp(42px,12.1vw,66px);letter-spacing:-1.25px;line-height:1.07}.navy-silver .hero-description{font-size:13px;margin:21px auto 22px;line-height:1.9}.navy-silver .hero-description br{display:block}.navy-silver .button{min-height:47px;padding:12px 19px;font-size:11px}.navy-silver .services{padding:31px 0 34px}.navy-silver .section-heading h2{font-size:31px}.navy-silver .section-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-top:9px}.navy-silver .service-grid{display:block;margin-top:25px}.navy-silver .service{padding:0 0 22px}.navy-silver .service+.service{border-left:0;border-top:1px solid var(--rule);padding:22px 0 0}.navy-silver .service h3{font-size:27px;letter-spacing:-.5px}.navy-silver .service p{font-size:12px;max-width:290px;margin-top:9px;line-height:1.85}.navy-silver .contact{padding:36px 0}.navy-silver .contact-grid{grid-template-columns:1fr;gap:29px;text-align:center}.navy-silver .contact h2{font-size:47px;margin-top:14px}.navy-silver .contact-phone{font-size:32px}.navy-silver .contact-email{font-size:12px}.navy-silver .contact-details{border-top:1px solid var(--rule);padding-top:26px;gap:22px}.footer-inner{flex-wrap:wrap;gap:23px;padding:25px 0;min-height:0;font-size:8px}.footer-brand{width:100%}.footer-brand img{width:190px}.navy-silver .footer-inner{justify-content:center;text-align:center}.navy-silver .footer-brand img{margin-inline:auto}.demo-nav{font-size:10px;gap:24px;padding:15px 18px}
.blue-editorial .hero-inner{grid-template-columns:minmax(0,1fr) 94px;column-gap:19px;row-gap:0;padding:38px 0 41px}.blue-editorial .hero-copy{display:contents}.blue-editorial .hero .eyebrow,.blue-editorial h1{grid-column:1/-1}.blue-editorial .hero .eyebrow{font-size:8px;margin-bottom:26px;letter-spacing:1.7px}.blue-editorial h1{font-size:clamp(45px,13.4vw,71px);line-height:1.06;letter-spacing:-1.6px}.blue-editorial .hero-description{grid-column:1;grid-row:3;font-size:13px;margin:25px 0 22px;line-height:1.85}.blue-editorial .hero .button{grid-column:1;grid-row:4;font-size:11px;gap:31px;min-height:47px;padding:12px 17px}.blue-editorial .hero-art{grid-column:2;grid-row:3/5;align-self:center;min-height:0;padding:17px 0 17px 9px;background:none}.blue-editorial .emblem{width:84px}.blue-editorial .hero-art:before{display:none}.blue-editorial .services{padding:33px 0 35px}.blue-editorial .services-inner{grid-template-columns:1fr;gap:24px}.blue-editorial .section-heading h2{font-size:37px;letter-spacing:-.7px}.blue-editorial .section-heading .eyebrow{font-size:7px;letter-spacing:1.6px;margin-top:11px}.blue-editorial .service{padding:22px 0;gap:9px}.blue-editorial .service:first-child{border-top:1px solid #183a5652;padding-top:22px}.blue-editorial .service h3{font-size:28px;letter-spacing:-.5px}.blue-editorial .service p{font-size:12px;max-width:320px;line-height:1.85}.blue-editorial .contact{padding:38px 0}.blue-editorial .contact-grid{grid-template-columns:1fr;gap:30px}.blue-editorial .contact h2{font-size:54px;margin:17px 0 19px}.blue-editorial .contact-phone{font-size:32px}.blue-editorial .contact-email{font-size:12px}.blue-editorial .contact-details{border-left:0;border-top:1px solid var(--rule);padding:26px 0 0;gap:23px}
.gallery .header{height:80px}.gallery .brand img{width:185px}.gallery .text-link{font-size:10px;gap:7px}.gallery-header{padding:34px 0 26px}.gallery-header h1{font-size:42px;letter-spacing:-.9px}.gallery-header p{font-size:12px;line-height:1.8;margin-top:11px}.choices{grid-template-columns:1fr;gap:26px;padding-bottom:35px}.choice-copy{padding:20px}.choice h2{font-size:29px}.choice p{font-size:11px;margin-left:33px}.choice-preview{aspect-ratio:1.46}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand img,.blue-editorial .brand img{width:160px}.header-inner{gap:13px}.nav{gap:15px}.navy-silver h1{font-size:41px}.blue-editorial h1{font-size:44px}.blue-editorial .hero-inner{grid-template-columns:minmax(0,1fr) 78px;column-gap:14px}.blue-editorial .emblem{width:68px}.blue-editorial .hero-description{font-size:12px}.blue-editorial .hero .button{padding:12px 15px;gap:23px}.gallery .brand img{width:160px}.gallery .header-inner{gap:18px}.gallery .text-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.gallery.textured:before{opacity:.06}