.site-language{display:flex;align-items:center;gap:3px;color:#929787;font-family:DM,Arial,sans-serif;font-size:9px;flex-shrink:0}.site-language button{background:transparent;padding:9px 8px;color:#8b927e;font-size:9px;min-height:34px;line-height:1.3;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.site-language button[aria-pressed=true]{color:#293a21;border-bottom-color:#5e7047}.site-language button:hover{color:var(--ink)}.site-language>span{font-size:8px;color:#bdc2b4}.site-header .header-cta{margin-left:0}html[lang=es] .hero-side p{max-width:330px}html[lang=es] .hero h1{font-size:clamp(75px,8.9vw,140px)}html[lang=es] .plan-use{min-height:40px}html[lang=es] .plan-card li>span{line-height:1.7}html[lang=es] .plan-difference h3{line-height:1.2}html[lang=es] .direction-copy h2{font-size:60px}html[lang=es] .direction-switcher button>span:last-child{font-size:5.5px}html[lang=es] .footer-top p{min-width:150px}
@media(max-width:1050px){.site-header nav{gap:20px}.site-language{gap:0}.site-language button{padding-inline:7px}html[lang=es] .hero h1{font-size:9.3vw}html[lang=es] .direction-copy h2{font-size:46px}html[lang=es] .plan-use{min-height:42px}html[lang=es] .plan-card li>strong{font-size:9.5px}html[lang=es] .plan-card li>span{font-size:8px}}
@media(max-width:700px){.site-language{margin-left:auto;margin-right:14px;gap:1px}.site-language button{font-size:9px;min-width:29px;min-height:36px;padding:10px 7px}.site-header .menu-toggle{padding-left:5px}html[lang=es] .hero h1{font-size:clamp(53px,13.3vw,87px);letter-spacing:-.07em}html[lang=es] .hero-side p{font-size:11px;max-width:180px}html[lang=es] .hero-side .button{font-size:9px;padding-inline:12px}html[lang=es] .direction-copy h2{font-size:35px}html[lang=es] .plan-use{min-height:0}html[lang=es] .plan-card li>strong{font-size:10px}html[lang=es] .plan-card li>span{font-size:9px}html[lang=es] .section-heading h2{font-size:33px}html[lang=es] .inquiry-intro h2{font-size:38px}html[lang=es] .fit-intro h2{font-size:44px}html[lang=es] .studio-copy h2{font-size:34px}html[lang=es] .project-dialog:has(.is-live-demo) .project-dialog-head h2{font-size:25px}html[lang=es] .project-dialog:has(.is-live-demo) .project-dialog-head .eyebrow{font-size:5px}html[lang=es] .project-dialog-foot .button{font-size:9px}.field-pair{min-width:0}.field{min-width:0}}
@media(max-width:700px){html[lang=es] .hero h1{font-size:clamp(43px,12.6vw,86px)}}