:root{--ink:#17201d;--paper:#f4f1eb;--line:#cbc6ba;--copper:#bd704d;--mint:#b9d7cf;--pink:#d9448f;--muted:#686b65}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.topline{height:31px;background:var(--ink);color:#eff1ed;display:flex;justify-content:space-between;padding:0 4.5vw;align-items:center;font:10px 'DM Mono',monospace;letter-spacing:.08em}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:25px;letter-spacing:.02em}
.brand span{color:var(--pink)}
nav{display:flex;gap:30px;font-size:13px}
nav a:hover,.text-link:hover{color:var(--copper)}
.header-cta{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:5px}
.header-cta b{font-size:17px;margin-left:7px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;max-width:1440px;margin:auto;min-height:690px}
.hero-copy{padding:96px 7vw 70px 4.5vw;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.1em;margin:0 0 20px;color:var(--muted)}
h1,h2,h3,p{margin-top:0}
h1,h2{font-weight:500;line-height:1.06;letter-spacing:0}
h1{font-size:clamp(42px,4.5vw,68px);margin-bottom:26px}
h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500}
.intro{max-width:510px;color:#47504b;font-size:16px;line-height:1.7}
.hero-actions{display:flex;gap:27px;align-items:center;margin-top:32px}
.button{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:30px;padding:15px 18px}
.button span{font-size:19px;font-weight:400}
.button-dark{background:var(--ink);color:#fff}
.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}
.text-link span{font-size:16px;margin-left:6px}
.hero-proof{margin-top:70px;display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.5;color:var(--muted)}
.hero-proof strong{font:500 36px 'Playfair Display',serif;color:var(--ink)}
.proof-line{height:30px;border-left:1px solid var(--line);margin:0 7px}
.hero-visual{position:relative;min-height:580px;background:#d2e2dc;overflow:hidden}
.hero-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);mix-blend-mode:multiply}
.signal-card{position:absolute;top:45px;left:-65px;background:#fbfaf7;padding:23px 25px;width:315px;box-shadow:0 15px 40px #17201d25}
.signal-label,.signal-foot,.floating-stat>span{font:9px 'DM Mono',monospace;letter-spacing:.08em}
.signal-card p{font:15px/1.4 'Playfair Display',serif;margin:19px 0}
.signal-chart{height:46px;display:flex;align-items:end;gap:7px;border-bottom:1px solid var(--line);padding-bottom:5px}
.signal-chart i{background:var(--mint);width:16px}
.signal-chart i:nth-child(1){height:12px}
.signal-chart i:nth-child(2){height:23px}
.signal-chart i:nth-child(3){height:18px}
.signal-chart i:nth-child(4){height:34px;background:var(--copper)}
.signal-chart i:nth-child(5){height:29px}
.signal-chart i:nth-child(6){height:38px}
.signal-chart i:nth-child(7){height:42px;background:var(--pink)}
.signal-foot{display:block;margin-top:12px}
.signal-foot b{float:right;font-size:15px}
.floating-stat{position:absolute;right:33px;bottom:36px;background:var(--ink);color:#f5f3ef;padding:17px 20px;width:180px}
.floating-stat strong{display:block;font:38px 'Playfair Display',serif;margin:7px 0 0}
.floating-stat strong span{font:15px Manrope,sans-serif}
.floating-stat small{font-size:10px;color:#b9d7cf}
.ticker{background:var(--mint);min-height:67px;display:flex;align-items:center;justify-content:center;gap:26px;font:10px 'DM Mono',monospace;letter-spacing:.08em;padding:12px}
.ticker b{font-size:14px;color:var(--pink)}
.problem{padding:140px 9vw;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;max-width:1440px;margin:auto}
.problem h2,.method h2,.featured h2,.contrast h2,.contact h2{font-size:clamp(34px,3.6vw,55px)}
.problem-copy{align-self:end}
.problem-copy p{color:#47504b;line-height:1.75;font-size:15px;margin-bottom:29px}
.method{background:var(--ink);color:#f5f3ef;padding:100px 9vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.method .eyebrow{color:#b9d7cf}
.method h2{margin:0}
.method ol{margin:0;padding:0;list-style:none}
.method li{display:grid;grid-template-columns:52px 1fr 22px;gap:16px;border-top:1px solid #68716d;padding:22px 0}
.method li:last-child{border-bottom:1px solid #68716d}
.method li span{font:10px 'DM Mono',monospace;color:var(--mint)}
.method h3{font:500 27px 'Playfair Display',serif;margin-bottom:8px}
.method li p{font-size:13px;line-height:1.6;color:#cbd2ce;margin:0;max-width:390px}
.method li b{color:var(--pink);font-size:20px}
.featured{padding:125px 4.5vw;max-width:1440px;margin:auto}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}
.section-head h2{margin:0}
.button-light{border:1px solid var(--ink)}
.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:330px 230px;gap:16px}
.feature-large{position:relative;grid-row:span 2;overflow:hidden;background:#263e38}
.feature-large img{height:100%;width:100%;object-fit:cover;opacity:.78}
.feature-large div{position:absolute;left:28px;bottom:25px;color:#fff;max-width:420px}
.feature-large p,.feature-large span{font:9px 'DM Mono',monospace;letter-spacing:.08em}
.feature-large h3{font:500 28px/1.15 'Playfair Display',serif;margin:10px 0 18px}
.feature-note{background:var(--pink);padding:32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.feature-note span,.feature-note b,.feature-metric span,.feature-metric i{font:9px 'DM Mono',monospace;letter-spacing:.08em}
.feature-note p{font:500 28px/1.2 'Playfair Display',serif;margin:25px 0}
.feature-metric{padding:29px 33px;background:#e7e3dc;display:grid;grid-template-columns:1fr 1fr;align-items:end}
.feature-metric strong{font:55px 'Playfair Display',serif;line-height:.9}
.feature-metric sup{font:20px Manrope,sans-serif}
.feature-metric p{font-size:12px;line-height:1.5;margin:0}
.feature-metric i{grid-column:span 2;border-top:1px solid var(--line);padding-top:12px;margin-top:20px;font-style:normal}
.contrast{background:#e7e3dc;padding:118px 9vw}
.contrast h2{margin-bottom:55px}
.comparison{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.comparison>div{padding:30px 6vw 28px 0}
.comparison>div+div{padding-left:6vw;border-left:1px solid var(--ink)}
.comparison span{font:9px 'DM Mono',monospace;letter-spacing:.08em}
.comparison p{font:500 27px/1.25 'Playfair Display',serif;margin:23px 0}
.comparison small{font-size:11px;color:var(--muted)}
.comparison-accent p{color:var(--copper)}
.contact{padding:135px 8vw 80px;background:var(--copper);color:#fff}
.contact .eyebrow{color:#fff}
.contact h2{margin-bottom:35px}
.contact h2 em{color:#17201d}
.button-copper{background:#17201d;color:#fff}
.contact-note{margin:80px 0 0;font:9px 'DM Mono',monospace;letter-spacing:.08em}
footer{height:85px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}
footer .brand{color:var(--ink);font-size:19px}
@media(max-width:760px){.topline{padding:0 20px;font-size:8px}
.topline span:last-child{display:none}
.site-header{height:73px;padding:0 20px}
nav{display:none}
.hero{display:block}
.hero-copy{padding:70px 24px 52px}
.hero-visual{min-height:480px}
.signal-card{left:20px;top:22px;width:285px}
.floating-stat{right:20px;bottom:20px}
.hero-proof{margin-top:46px}
.ticker{justify-content:flex-start;overflow:hidden;white-space:nowrap}
.problem,.method{display:block;padding:80px 24px}
.problem-copy{margin-top:40px}
.method ol{margin-top:45px}
.featured{padding:80px 20px}
.section-head{display:block}
.section-head .button{margin-top:25px}
.feature-grid{display:block}
.feature-grid>*{margin-bottom:14px}
.feature-large{height:400px}
.feature-note{min-height:230px}
.feature-metric{min-height:200px}
.contrast{padding:80px 24px}
.comparison{display:block}
.comparison>div,.comparison>div+div{padding:25px 0;border-left:0;border-bottom:1px solid var(--ink)}
.contact{padding:80px 24px 50px}
footer{padding:0 20px}
.intro{font-size:15px}
}

/* Second visual direction: editorial real-estate operations, not generic social media. */
:root{--ink:#17322d;--paper:#f5f2eb;--line:#cbd1c9;--copper:#bf6049;--mint:#bad7c8;--pink:#c94375;--muted:#61716a}
body{background:var(--paper)}
.topline{background:#102923;height:34px;padding-inline:5.5vw}
.site-header{height:88px;padding-inline:5.5vw;background:var(--paper)}
.brand{font-size:23px;letter-spacing:.06em}.brand span{color:var(--copper)}
nav{gap:36px;font-size:12px}.header-cta{border-color:var(--copper)}
.hero{max-width:none;min-height:720px;grid-template-columns:1.04fr .96fr;border-bottom:1px solid var(--line)}
.hero-copy{padding:98px 8vw 78px 9vw}.hero-copy .eyebrow{color:var(--copper)}
h1{font-size:clamp(45px,4.4vw,70px);max-width:710px;margin-bottom:30px}.intro{max-width:520px;font-size:15px;line-height:1.8}
.button{border-radius:0;letter-spacing:.01em}.button-dark{background:#17322d}.hero-proof{margin-top:68px;color:#596b63}.hero-proof strong{color:#17322d;font-size:33px}
.hero-visual{min-height:720px;background:#d9dfd9}.hero-visual>img{object-position:57% center;filter:saturate(.8) contrast(.98);mix-blend-mode:normal}
.signal-card{top:56px;left:28px;width:334px;background:#fbfaf6;border-top:4px solid var(--copper);box-shadow:0 18px 45px #17322d28;padding:24px 25px 20px}.signal-card p{font-size:17px;margin:18px 0 14px}
.work-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.work-list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:10px;color:#53645c}.work-list b{font:9px 'DM Mono',monospace;text-transform:uppercase;color:var(--copper);letter-spacing:.03em}.signal-foot{margin-top:14px;color:#17322d}
.floating-stat{right:28px;bottom:29px;width:192px;background:#17322d;padding:19px 21px}.floating-stat strong{font-size:35px}.floating-stat small{color:#b9d7c9}
.ticker{min-height:72px;background:#17322d;color:#f7f5ef;gap:30px}.ticker b{color:var(--copper)}
.problem{padding:150px 12vw;grid-template-columns:1.2fr .8fr;gap:100px}.problem .eyebrow{color:var(--copper)}.problem h2{max-width:730px}.problem-copy{padding-bottom:6px}.problem-copy p{font-size:15px;color:#53645c}
.method{padding:116px 12vw;background:#dfe9e1;color:#17322d;gap:120px}.method .eyebrow{color:var(--copper)}.method li{border-color:#a9bbb0;padding:25px 0}.method li:last-child{border-color:#a9bbb0}.method h3{font-size:28px}.method li p{color:#53645c}.method li span{color:var(--copper)}.method li b{color:var(--copper)}
.featured{padding:136px 8vw}.section-head{margin-bottom:50px}.section-head .eyebrow{color:var(--copper)}.button-light{border-color:#17322d}.feature-grid{grid-template-columns:1.2fr .8fr;grid-template-rows:330px 244px;gap:18px}.feature-large{background:#17322d}.feature-large img{opacity:.82;filter:saturate(.76)}.feature-large:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102923b8 0%,transparent 65%)}.feature-large div{z-index:1;left:34px;bottom:31px;max-width:450px}.feature-large h3{font-size:31px}.feature-note{background:#bf6049;padding:34px}.feature-note p{font-size:29px}.feature-metric{background:#e2eee8;padding:31px 35px}.feature-metric strong{color:#17322d}.feature-metric i{border-color:#aabcb1}
.contrast{padding:130px 12vw;background:#17322d;color:#f5f2eb}.contrast .eyebrow{color:#bad7c8}.contrast h2 em{color:#b8d7c8}.comparison{border-color:#82928a}.comparison>div+div{border-color:#82928a}.comparison p{font-size:29px}.comparison small{color:#b9c6bd}.comparison-accent p{color:#d99377}
.contact{padding:134px 12vw 82px;background:#bf6049}.contact h2 em{color:#17322d}.button-copper{background:#17322d}.contact-note{color:#f4e6df}footer{height:96px;padding-inline:5.5vw}
@media(max-width:760px){.site-header{height:76px}.hero-copy{padding:68px 24px 54px}.hero-visual{min-height:580px}.hero-visual>img{object-position:60% center}.signal-card{top:25px;left:18px;width:290px}.problem,.method{padding:82px 24px}.featured{padding:84px 20px}.contrast{padding:84px 24px}.contact{padding:84px 24px 56px}.work-list li{font-size:9px}}

/* Brand integration and calmer typography scale. */
:root{--aqua:#178e97;--berry:#9a4b72;--ink:#17322d;--paper:#f6f3ed;--copper:var(--aqua);--pink:var(--berry)}
.topline{background:#15322d}.brand{display:flex;align-items:center;gap:10px}.brand-logo{display:block;width:auto;height:58px;object-fit:contain}.brand-copy{display:grid;gap:2px;line-height:1}.brand-copy strong{font-size:15px;letter-spacing:.01em;color:#111713}.brand-copy small{font-size:10px;color:#4b554f;font-weight:500}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy small{color:#afc2bb}.site-header{gap:28px;border-bottom-color:#d7ddd7}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:14px}.main-nav>a,.nav-dropdown summary{font-size:14px;color:#38534c;cursor:pointer;padding:10px 0}.main-nav>a:hover,.nav-dropdown summary:hover{color:var(--berry)}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary span{color:var(--aqua);margin-left:5px;font-size:16px}.nav-submenu{position:absolute;top:38px;left:-17px;z-index:20;display:grid;gap:1px;width:190px;padding:10px;background:#fffdfa;border:1px solid var(--line);box-shadow:0 17px 38px #17322d20}.nav-submenu a{padding:9px 10px;color:#38534c;font-size:13px}.nav-submenu a:hover{background:#e8f4f2;color:#17322d}.header-cta{font-size:14px;border-color:var(--aqua)}
.eyebrow{font-size:12px;letter-spacing:.08em;line-height:1.25}.signal-label,.signal-foot,.floating-stat>span,.feature-large p,.feature-large span,.feature-note span,.feature-note b,.feature-metric span,.feature-metric i,.comparison span,.contact-note{font-size:10px;letter-spacing:.07em}
h1{font-size:clamp(42px,3.85vw,60px);line-height:1.08}.problem h2,.method h2,.featured h2,.contrast h2,.contact h2{font-size:clamp(34px,3.15vw,48px);line-height:1.1}.intro{font-size:16px}.problem-copy p{font-size:16px}.method h3{font-size:25px}.method li p{font-size:14px}.feature-large h3{font-size:27px}.feature-note p{font-size:25px}.feature-metric p{font-size:13px}.comparison p{font-size:25px}.comparison small{font-size:12px}.contact-note{font-size:10px}.hero-proof{font-size:11px}.work-list li{font-size:11px}.work-list b{font-size:10px}
.signal-card{border-top-color:var(--aqua)}.work-list li span{display:flex;align-items:center}.work-list li span b{display:inline-block;min-width:25px;margin-right:7px;color:var(--berry);font:10px 'DM Mono',monospace;letter-spacing:.03em}.work-list em{font:10px 'DM Mono',monospace;font-style:normal;color:#5e766d;letter-spacing:.02em}.signal-foot b{color:var(--berry)}.ticker b{color:#69c9c8}.method .eyebrow,.problem .eyebrow,.section-head .eyebrow,.hero-copy .eyebrow{color:var(--berry)}.method li span,.method li b{color:var(--aqua)}.feature-note{background:#eee4e9;color:#17322d}.feature-note span,.feature-note b{color:var(--berry)}.feature-note p{color:#17322d}.contact{background:#dcece7;color:#17322d}.contact .eyebrow{color:#536b63}.contact h2 em{color:var(--berry)}.contact-note{color:#536b63}.button-copper{background:#14332e}.feature-metric{background:#e5f1ef}.comparison-accent p{color:#70d1ce}.contrast h2 em{color:#78d4d1}
.site-footer{display:block;height:auto;padding:64px 9vw 24px;background:#112b26;color:#f7f5ef}.site-footer .brand-logo{height:62px;filter:none}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr .9fr;gap:42px;padding-bottom:44px}.footer-brand p{max-width:210px;margin:18px 0 0;color:#afc2bb;font-size:14px;line-height:1.55}.site-footer h3{margin:5px 0 18px;font:600 12px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#69d9d5}.footer-nav,.footer-links{display:grid;gap:11px}.footer-nav{grid-template-columns:1fr 1fr;gap:11px 18px}.site-footer a{font-size:13px;color:#d4dfda}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #ffffff1c;color:#9fb4ad;font-size:12px}.footer-bottom div{display:flex;gap:18px}.footer-bottom a{color:#9fb4ad;font-size:12px}
@media(max-width:900px){.main-nav{gap:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1 / -1}.footer-brand p{max-width:370px}}
@media(max-width:760px){.topline{padding-inline:20px}.site-header{padding-inline:20px;height:78px;gap:14px}.brand-logo{height:50px}.brand-copy strong{font-size:13px}.brand-copy small{display:none}.main-nav{display:none}.header-cta{font-size:12px;white-space:nowrap}.eyebrow{font-size:11px}.hero-copy{padding-top:64px}h1{font-size:42px}.problem h2,.method h2,.featured h2,.contrast h2,.contact h2{font-size:35px}.site-footer{padding:48px 24px 22px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:14px}.footer-bottom div{flex-wrap:wrap;gap:13px}}
.entry-point{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;padding:110px 12vw;background:#dcece7}.entry-point h2{font-size:clamp(34px,3.15vw,48px);line-height:1.08;margin:0 0 22px}.entry-point>div>p:not(.eyebrow){max-width:560px;color:#53645c;font-size:16px;line-height:1.7}.entry-point aside{align-self:center;padding:30px;background:#fbfaf6;border-top:4px solid var(--aqua);box-shadow:0 18px 45px #17322d1c}.entry-point aside strong{display:block;margin:12px 0 20px;font:52px "Playfair Display",serif}.entry-point ul{margin:0;padding:0 0 18px;list-style:none;border-top:1px solid var(--line)}.entry-point li{padding:9px 0;border-bottom:1px solid var(--line);color:#53645c;font-size:12px}.entry-point li:before{content:"✓";margin-right:9px;color:var(--aqua);font-weight:700}.entry-point .full-button{display:flex;max-width:none;margin-top:6px}h1 em,h2 em{color:var(--berry)}@media(max-width:800px){.entry-point{display:block;padding:82px 24px}.entry-point aside{margin-top:42px}}.contrast-intro{max-width:760px;margin:26px 0 54px;color:#c4d2cc;font-size:16px;line-height:1.7}.contrast .comparison{grid-template-columns:repeat(3,1fr)}.contrast .comparison>div{min-width:0}.contrast-note{margin:42px 0 0;color:#69d9d5;font:12px 'DM Mono',monospace;letter-spacing:.03em}@media(max-width:800px){.contrast .comparison{grid-template-columns:1fr}.contrast-intro{margin-bottom:40px}}

.ticker{font-size:12px}
@media(max-width:760px){.ticker{font-size:11px}}


.ticker{font-size:14px}
@media(max-width:760px){.ticker{font-size:12px}}


.hero-proof{font-size:14px}
@media(max-width:760px){.hero-proof{font-size:12px}}

@media(min-width:801px){
  .eyebrow,.signal-label,.signal-foot,.signal-card span,.floating-stat>span,.floating-stat small,.hero-proof,.work-list li,.work-list li em,.feature-large p,.feature-large span,.feature-note span,.feature-note b,.feature-metric span,.feature-metric i,.comparison span,.comparison small,.purchase-label,.contact-note,.footer-nav a,.footer-links a,.footer-bottom,.footer-bottom a,.site-footer h3{font-size:14px}
  .hero-proof strong{font-size:36px}
}

.feature-metric{display:flex;flex-direction:column;align-items:stretch}.feature-metric p{margin:22px 0 0;max-width:100%}.feature-metric i{margin-top:auto}

.examples{padding:110px 8vw;background:#fffdfa}.examples-head{margin-bottom:22px}.examples-intro{max-width:650px;margin:0 0 34px;color:#53645c;font-size:16px;line-height:1.7}.examples-arrows{display:flex;gap:10px;align-items:center}.examples-arrows button{width:42px;height:38px;border:1px solid #9bb4aa;background:transparent;color:#17322d;font-size:20px;cursor:pointer}.examples-arrows button:hover{background:#17322d;color:#fff}.examples-track{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:18px;scrollbar-width:none}.examples-track::-webkit-scrollbar{display:none}.example-card{flex:0 0 min(72vw,620px);background:#e7f0ec;border:1px solid #cad9d2}.example-strip{display:flex;gap:10px;overflow:hidden;padding:18px;background:#dce9e3}.example-strip img{width:145px;aspect-ratio:4/5;object-fit:cover;flex:0 0 145px}.example-strip.single-example{display:block}.example-strip.single-example img{width:100%;max-width:330px;display:block;margin:auto}.example-caption{padding:22px 24px 26px}.example-caption span{font:14px 'DM Mono',monospace;letter-spacing:.08em;color:#9a4b72}.example-caption h3{margin:12px 0 8px;font:500 26px/1.2 'Playfair Display',serif;color:#17322d}.example-caption p{margin:0;color:#53645c;font-size:14px;line-height:1.6}.examples-scrollbar{height:4px;background:#d5e1da;margin-top:20px}.examples-scrollbar span{display:block;width:38%;height:100%;background:#8eafa0}@media(max-width:760px){.examples{padding:82px 24px}.example-card{flex-basis:86vw}.example-strip img{width:110px;flex-basis:110px}.examples-arrows button{width:38px;height:34px}.example-caption h3{font-size:23px}}

/* Galerías de ejemplos sincronizadas con las páginas internas. */
.examples{padding:110px 0 125px;background:#dfeae4}.examples-head{display:flex;justify-content:space-between;gap:40px;align-items:end;max-width:1190px;margin:0 auto 46px;padding:0 30px}.examples-head p{max-width:390px;margin:0;color:#52665e;font-size:15px;line-height:1.65}.showcase{max-width:1190px;margin:0 auto 30px;padding:0 30px}.showcase:last-child{margin-bottom:0}.showcase-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a9bdb2;padding:15px 0}.showcase-head h3{margin:0;font-size:17px}.carousel-controls{display:flex;gap:8px}.carousel-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #9cb3a7;background:transparent;color:var(--ink);font-size:20px;cursor:pointer}.carousel-button:hover{background:var(--ink);color:#fff}.showcase-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 16px;scrollbar-color:#8da99b transparent}.showcase-card{flex:0 0 min(265px,74vw);margin:0;scroll-snap-align:start;background:#f8f7f2;border:1px solid #ccdbd2}.showcase-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.showcase-card figcaption{padding:12px 13px;color:#445b52;font-size:12px}


.showcase-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.showcase-card figcaption{padding:12px 13px;color:#445b52;font-size:12px}.internal-cta{padding:116px 9vw;background:#17322d;color:#f8f6f0}.internal-cta .eyebrow{color:#71cbc7}.internal-cta h2{max-width:770px}.internal-cta h2 em{color:#75d1ce}.internal-cta p{max-width:520px;margin:23px 0 31px;color:#c4d2cc;line-height:1.7}.internal-cta .button{background:#dcece7;color:#17322d}.site-footer{padding:64px 9vw 24px;background:#112b26;color:#f7f5ef}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy small{color:#afc2bb}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr .9fr;gap:42px;padding-bottom:44px}.footer-brand p{max-width:210px;margin:18px 0 0;color:#afc2bb;font-size:14px;line-height:1.55}.site-footer h3{margin:5px 0 18px;font:600 12px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#69d9d5}.footer-nav,.footer-links{display:grid;gap:11px}.footer-nav{grid-template-columns:1fr 1fr;gap:11px 18px}.site-footer a{font-size:13px;color:#d4dfda}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #ffffff1c;color:#9fb4ad;font-size:12px}.footer-bottom div{display:flex;gap:18px}.footer-bottom a{color:#9fb4ad;font-size:12px}@media(max-width:900px){.internal-hero,.service-intro{grid-template-columns:1fr}.internal-hero-copy{padding:78px 8vw}.internal-hero figure{min-height:460px}.service-intro{gap:45px;padding:86px 8vw}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}}@media(max-width:760px){.topline{padding:0 20px}.topline span:last-child{display:none}.site-header{height:78px;padding:0 20px;gap:14px}.brand-logo{height:50px}.brand-copy strong{font-size:13px}.brand-copy small{display:none}.main-nav{display:none}.header-cta{margin-left:auto;font-size:12px;white-space:nowrap}.internal-hero-copy{padding:64px 24px}h1{font-size:42px}.internal-hero figure{min-height:430px}.service-intro{padding:76px 24px}.service-intro h2,.examples-head h2,.internal-cta h2{font-size:35px}.deliverables{grid-template-columns:1fr}.deliverables article,.deliverables article+article{padding:22px 0;border-left:0}.examples{padding:76px 0}.examples-head{display:block;margin-bottom:34px;padding:0 24px}.examples-head p{margin-top:22px}.showcase{padding:0 24px}.internal-cta{padding:80px 24px}.site-footer{padding:48px 24px 22px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:14px}.footer-bottom div{flex-wrap:wrap;gap:13px}}
.showcase-card img{cursor:zoom-in}.showcase-card img:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}.showcase-lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(10,24,21,.58);backdrop-filter:blur(2px)}.showcase-lightbox.is-open{display:flex}.showcase-lightbox img{display:block;max-width:min(92vw,1080px);max-height:88vh;width:auto;height:auto;object-fit:contain;background:transparent;box-shadow:0 24px 80px rgba(0,0,0,.38)}.showcase-lightbox-close{position:fixed;top:22px;right:22px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.12);color:#fff;font:24px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.showcase-lightbox-close:hover,.showcase-lightbox-close:focus-visible{background:#fff;color:var(--ink);outline:0}.showcase-lightbox-open{overflow:hidden}@media(max-width:760px){.showcase-lightbox{padding:18px}.showcase-lightbox img{max-width:94vw;max-height:82vh}.showcase-lightbox-close{top:14px;right:14px;width:40px;height:40px}}


.showcase-card figcaption{display:none}


.examples{background:#fffdfa;border-top:1px solid var(--line);position:relative}


.examples-head h2{font-size:clamp(42px,4vw,60px);line-height:1.08;margin:0}
@media(max-width:760px){.examples-head h2{font-size:38px}}

/* Alineación de ejemplos con la grilla principal del sitio. */
.examples-head{max-width:none;margin:0 0 46px;padding-left:12vw;padding-right:12vw}
.examples-head h2{font-size:clamp(34px,3.15vw,48px);line-height:1.1}
.showcase{max-width:none;padding-left:12vw;padding-right:12vw}
@media(max-width:760px){.examples-head{padding-left:24px;padding-right:24px}.showcase{padding-left:24px;padding-right:24px}.examples-head h2{font-size:35px}}

.contact{background:#fffdfa;color:var(--ink)}.contact .eyebrow{color:var(--berry)}.contact h2{color:var(--ink)}.contact-note{color:#53645c}


.examples,.contact{background:var(--paper)}


.showcase-head{justify-content:flex-end}