:root{--color-background:#f5f2ec;--color-surface:#efebe4;--color-olive:#5a5f46;--color-olive-soft:#777e63;--color-hero-backdrop:#626d4d;--color-sage:#dde3d2;--color-ink:#1d211a;--color-muted:#6d7068;--color-border:#d9d7cf;--color-white:#fff;--font-display:"Instrument Serif", Georgia, serif;--font-body:"DM Sans", Arial, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}body,h1,h2,h3,p{margin:0}img{max-width:100%;display:block}a{color:inherit}a:focus-visible{outline-offset:4px;outline:2px solid}.shell{width:min(100% - 40px,1200px);margin-inline:auto}.brand{width:fit-content;color:inherit;font-family:var(--font-display);font-size:26px;line-height:1;text-decoration:none}.hero__top{padding-top:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.hero__year{letter-spacing:.02em;font-size:11px;font-weight:500}.hero__intro{padding-top:clamp(92px,15svh,168px)}.hero h1{font-family:var(--font-display);letter-spacing:-.055em;white-space:nowrap;font-size:clamp(46px,14.3vw,144px);font-weight:400;line-height:.91}.hero__metadata{justify-content:space-between;align-items:end;gap:var(--space-2);letter-spacing:.075em;padding-top:22px;padding-bottom:18px;font-size:clamp(8px,2.25vw,11px);font-weight:500;line-height:1.2;display:flex}.hero__metadata span:last-child{text-align:right}.hero__portrait{background:var(--color-hero-backdrop);width:min(100%,1200px);height:clamp(470px,125vw,780px);margin-inline:auto;position:relative}.hero__portrait img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px #1d211a12);width:auto;max-width:none;height:132%;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}.hero__portrait--pending{background:var(--color-hero-backdrop);overflow:hidden}.hero__portrait-note{inset:var(--space-3);justify-content:center;align-items:center;gap:var(--space-1);color:#5e5a52;letter-spacing:.13em;text-align:center;border:1px solid #1d211a29;flex-direction:column;font-size:10px;font-weight:500;display:flex;position:absolute}.hero__portrait-note span:last-child{opacity:.66}.manifesto{margin-inline:auto;background:var(--color-hero-backdrop);width:min(100%,1200px);height:252svh;color:var(--color-background);margin-top:clamp(-96px,-12svh,-80px)}.manifesto__sticky{min-height:100svh;padding:var(--space-6) 0 clamp(144px, 17svh, 208px);align-items:center;display:grid;position:sticky;top:0}.manifesto__content{max-width:1000px}.manifesto__statement{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(34px,8.8vw,76px);font-weight:400;line-height:1.02}.manifesto__statement+.manifesto__statement{margin-top:clamp(24px,4vh,48px)}.manifesto__emphasis{text-underline-offset:.13em;font-style:italic;text-decoration:underline 1px}.manifesto[data-enhanced] .manifesto__word{opacity:calc(.19 + var(--reveal,0) * .81);transform:translateY(calc((1 - var(--reveal,0)) * 7px));transition:opacity .12s linear,transform .12s linear;display:inline-block}.projects{padding-top:var(--space-12);scroll-margin-top:var(--space-3)}.projects__heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-ink);letter-spacing:.11em;padding:0 2px 16px;font-size:10px;font-weight:600;display:flex}.projects__heading h2{font:inherit}.projects__heading span{white-space:nowrap}.projects__list{grid-auto-rows:1fr;gap:12px;padding-top:12px;display:grid}.project-card{min-width:0;padding:var(--space-3);background:var(--color-surface);border-radius:20px;flex-direction:column;text-decoration:none;transition:background-color .18s,transform .18s;display:flex;overflow:hidden}.project-card:hover{background:#e9e4dc;transform:translateY(-2px)}.project-card:focus-visible{outline-color:var(--color-olive)}.project-card__body{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.project-card--creative>.project-card__body{flex:none}.project-card__eyebrow{color:var(--color-muted);letter-spacing:.085em;align-items:baseline;gap:8px;font-size:9px;font-weight:500;line-height:1.4;display:flex}.project-card__slash{color:#9e9e94}.project-card__copy{margin-top:var(--space-3)}.project-card h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(33px,8vw,51px);font-weight:400;line-height:.98}.project-card__copy p{color:#53564d;max-width:27ch;margin-top:10px;font-size:13px;line-height:1.4}.project-card__link{margin-top:var(--space-4);border-bottom:1px solid var(--color-olive-soft);color:var(--color-olive);align-items:center;gap:20px;padding-bottom:4px;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.project-card__link span{font-size:17px;line-height:.7;transition:transform .18s}.project-card:hover .project-card__link span{transform:translate(2px,-2px)}.project-card__preview{min-width:0;height:220px;margin-top:var(--space-4);background:#e3ded6;border-radius:14px;position:relative;overflow:hidden}.project-card__preview--single img{object-fit:cover;width:100%;height:100%}.project-card__preview--device-mockup{background:0 0;border-radius:0;overflow:visible}.project-card__preview--device-mockup img{z-index:2;object-fit:contain;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-card__screen-clip{z-index:1;pointer-events:none;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-card__device-screen{z-index:1;visibility:hidden;object-fit:cover;transform-origin:0 0;pointer-events:none;position:absolute}.project-card__device-screen[data-ready=true]{visibility:visible}.project-card__pending{color:#77786e;letter-spacing:.09em;text-align:center;border:1px solid #1d211a1c;place-items:center;font-size:9px;font-weight:500;display:grid;position:absolute;inset:12px}.creative-carousel{min-width:0;margin-top:var(--space-1)}.creative-carousel__hint{height:clamp(64px,14vw,96px);position:relative}.creative-carousel__hint img{pointer-events:none;user-select:none;width:min(29vw,180px);height:auto;display:block;position:absolute;top:calc(100% - 6px);left:50%;transform:translate(-85%,-72%)}.project-card--creative .creative-carousel,.project-card--abca-flooring .project-card__preview{margin-inline:calc(-1 * var(--space-3))}.project-card--abca-flooring .project-card__preview--device-mockup{aspect-ratio:3/2;height:auto;transform:scale(1.25)}.creative-carousel__viewport{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:none;scroll-behavior:auto;scroll-padding-inline:1px;overflow-x:auto}.creative-carousel__viewport::-webkit-scrollbar{display:none}.creative-carousel__viewport:focus-visible{outline:2px solid var(--color-olive);outline-offset:4px;border-radius:18px}.creative-carousel__track{gap:10px;display:flex}.creative-carousel__tile{aspect-ratio:9/16;cursor:pointer;background:#dcd7cf;border:1px solid #1d211a1c;border-radius:18px;flex:0 0 calc(47.6191% - 9.52381px);min-width:0;margin:0;position:relative;overflow:hidden}.creative-carousel__tile:nth-child(3n+2){background:#e6e2da}.creative-carousel__tile:nth-child(3n){background:#d5d8ce}.creative-carousel__tile video{object-fit:cover;width:100%;height:100%;display:block}.creative-carousel__tile:focus-visible{z-index:1;outline:3px solid var(--color-olive);outline-offset:-4px}.seo-local-carousel{min-width:0;margin-top:var(--space-4);margin-inline:calc(-1 * var(--space-3))}.seo-local-carousel__viewport{touch-action:pan-y;user-select:none;height:clamp(276px,76vw,340px);position:relative;overflow:hidden}.seo-local-carousel__track{will-change:transform;align-items:center;height:100%;transition:transform .52s cubic-bezier(.22,.68,0,1);display:flex;position:absolute;top:0;left:0}.seo-local-carousel__track[data-no-transition=true]{transition:none}.seo-local-carousel__slide{opacity:.78;cursor:grab;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;height:100%;padding:10px 0;transition:opacity .36s,transform .36s;display:grid;transform:scale(.94)}.seo-local-carousel__slide:active{cursor:grabbing}.seo-local-carousel__slide img{aspect-ratio:4/5;object-fit:contain;pointer-events:none;width:100%;height:auto;max-height:100%;display:block}.seo-local-carousel__slide.is-active{z-index:1;opacity:1;transform:scale(1.08)}.seo-local-carousel__slide:focus-visible{outline:2px solid var(--color-olive);outline-offset:-10px;border-radius:24px}.seo-local-carousel__dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-background);background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0;overflow:hidden}.seo-local-carousel__dialog[open]{place-items:center;display:grid}.seo-local-carousel__dialog::backdrop{backdrop-filter:blur(14px);background:#161815ad}.seo-local-carousel__dialog-image{aspect-ratio:4/5;object-fit:contain;filter:drop-shadow(0 24px 56px #0000005c);width:min(96vw,760px,80svh - 25.6px);height:auto;display:block}.seo-local-carousel__close{z-index:1;width:44px;height:44px;color:var(--color-background);cursor:pointer;background:#1d211aa8;border:1px solid #f5f2ec7a;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.seo-local-carousel__close:focus-visible{outline:2px solid var(--color-background);outline-offset:3px}.seo-local-carousel__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:18px;height:18px}.creative-video-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-background);background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0;overflow:hidden}.creative-video-dialog[open]{place-items:center;display:grid}.creative-video-dialog::backdrop{backdrop-filter:blur(14px);background:#161815a3}.creative-video-dialog__panel{background:#171a16;border:1px solid #f5f2ec3d;border-radius:20px;width:min(460px,100vw - 32px,56.25svh - 18px);max-height:calc(100svh - 32px);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.creative-video-dialog__video{aspect-ratio:9/16;object-fit:contain;background:#171a16;width:100%;height:auto;max-height:calc(100svh - 32px);display:block}.creative-video-dialog__close{z-index:1;width:40px;height:40px;color:var(--color-background);cursor:pointer;background:#1d211aa8;border:1px solid #f5f2ec7a;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.creative-video-dialog__close:focus-visible{outline:2px solid var(--color-background);outline-offset:3px}.creative-video-dialog__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:18px;height:18px}.footer{padding-top:12px;padding-bottom:var(--space-3)}.footer__panel{padding:var(--space-3);background:var(--color-olive);color:var(--color-background);border-radius:20px}.footer__eyebrow{letter-spacing:.13em;font-size:9px;font-weight:500}.footer h2{margin-top:var(--space-3);max-width:18ch;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(42px,8.5vw,76px);font-weight:400;line-height:.98}.footer__links{margin-top:var(--space-4);gap:8px;display:grid}.contact-actions__link{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-background);border:1px solid #f5f2ecad;border-radius:14px;padding:0 16px;font-size:12px;text-decoration:none;transition:background-color .18s;display:flex}.contact-actions__value{overflow-wrap:anywhere;text-align:right;min-width:0}.contact-actions--footer .contact-actions__link{border-color:var(--color-white);background:var(--color-white);color:var(--color-olive);justify-content:center}.contact-actions--footer .contact-actions__link:hover{background:var(--color-surface)}.contact-actions--footer .contact-actions__link:focus-visible{outline-color:var(--color-white)}.contact-actions--standalone{width:min(100%,520px);margin-top:var(--space-4);gap:10px;display:grid}.contact-actions--standalone .contact-actions__link{border-color:var(--color-border);background:var(--color-surface);min-height:52px;color:var(--color-ink);font-size:14px}.contact-actions--standalone .contact-actions__link--whatsapp{border-color:var(--color-olive);background:var(--color-olive);color:var(--color-background)}.backoffice-access{min-height:100svh;padding-block:var(--space-4);flex-direction:column;justify-content:center;display:flex}.backoffice-access__message{max-width:24ch;font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(34px,7vw,64px);line-height:1}.backoffice-dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-2);color:var(--color-ink);background:0 0;border:0;margin:0;position:fixed;inset:0}.backoffice-dialog[open]{place-items:center;display:grid}.backoffice-dialog::backdrop{backdrop-filter:blur(8px);background:#1d211a94}.backoffice-dialog__panel{border:1px solid var(--color-border);background:var(--color-background);border-radius:20px;width:min(100%,560px);padding:clamp(32px,7vw,56px);position:relative;box-shadow:0 24px 80px #1d211a2e}.backoffice-dialog__eyebrow{margin-bottom:var(--space-3);color:var(--color-muted);letter-spacing:.09em;font-size:10px;font-weight:600}.backoffice-dialog h3{max-width:17ch;font-family:var(--font-display);letter-spacing:-.025em;padding-right:12px;font-size:clamp(34px,7vw,54px);font-weight:400;line-height:1}.backoffice-dialog .contact-actions--standalone{width:100%;margin-top:var(--space-4)}.backoffice-dialog__close{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px}.backoffice-dialog__close:hover{background:var(--color-surface)}.backoffice-dialog__close:focus-visible{outline:2px solid var(--color-olive);outline-offset:3px}.backoffice-dialog__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:16px;height:16px}.footer__bottom{justify-content:space-between;align-items:end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-2);letter-spacing:.095em;text-align:right;border-top:1px solid #f5f2ec59;font-size:9px;display:flex}.footer__brand{font-family:var(--font-display);letter-spacing:-.03em;font-size:34px;line-height:.85}.case-page{flex-direction:column;min-height:100svh;display:flex}.case-page__top{padding-top:var(--space-3);letter-spacing:.08em;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.case-page__content{padding-block:var(--space-12);margin-block:auto}.case-page__category{letter-spacing:.12em;font-size:11px;font-weight:600}.case-page h1{max-width:1100px;margin-top:var(--space-3);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(60px,11vw,140px);font-weight:400;line-height:.9}.case-page__content>p:not(.case-page__category){max-width:34ch;margin-top:var(--space-3);color:var(--color-muted);font-size:clamp(15px,2vw,20px);line-height:1.45}.case-page__back{margin-top:var(--space-8);color:var(--color-olive);border-bottom:1px solid;padding-bottom:5px;font-size:13px;text-decoration:none;display:inline-block}@media (width>=600px){.shell{width:min(100% - 64px,1200px)}.hero__intro{padding-top:clamp(100px,13svh,176px)}.hero__metadata{padding-top:28px;padding-bottom:22px}.hero__portrait{height:clamp(560px,63vw,780px)}.manifesto{height:266svh}.manifesto__content{width:min(100% - 96px,1000px)}.manifesto__statement{font-size:clamp(50px,6.2vw,76px)}.projects__list{gap:var(--space-2);padding-top:var(--space-2);grid-auto-rows:auto}.project-card{--card-padding:var(--space-4);padding:var(--card-padding)}.project-card__body,.project-card--creative>.project-card__body{flex:none}.project-card__eyebrow{gap:12px;font-size:11px}.project-card h3{font-size:clamp(48px,7vw,64px)}.project-card__copy p{margin-top:var(--space-2);font-size:16px}.project-card__link{gap:var(--space-3);min-height:36px;margin-top:var(--space-3);font-size:17px}.project-card__link span{font-size:24px}.project-card__preview{height:clamp(300px,50vw,420px)}.project-card--creative .creative-carousel,.project-card--belaris .seo-local-carousel,.project-card--abca-flooring .project-card__preview{margin-inline:calc(-1 * var(--card-padding))}.creative-carousel__hint{height:var(--space-8)}.creative-carousel__tile{flex-basis:clamp(168px,28vw,216px)}.project-card--abca-flooring .project-card__preview--device-mockup{margin-bottom:calc(-1 * var(--card-padding));transform:none}.footer__panel{padding:var(--space-4)}.footer__links{gap:12px;display:flex}.contact-actions--footer .contact-actions__link{width:min(100%,220px)}}@media (width>=900px){.projects__heading{font-size:12px}.project-card{--card-padding:clamp(32px, 3.75vw, 48px);gap:var(--space-4);grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);min-height:clamp(440px,43vw,544px);display:grid}.project-card__copy{padding-top:var(--space-4);margin-top:auto}.project-card__copy:last-child,.project-card__link{margin-bottom:auto}.project-card h3{font-size:clamp(52px,5.7vw,76px)}.project-card__copy p{font-size:clamp(16px,1.5vw,18px)}.project-card__link{font-size:18px}.project-card__preview{height:auto;min-height:300px;margin-top:0}.project-card--creative .creative-carousel,.project-card--belaris .seo-local-carousel{align-self:center;margin:0}.creative-carousel__tile{flex-basis:clamp(168px,18vw,216px)}.seo-local-carousel__viewport{height:clamp(340px,33vw,420px)}.project-card--abca-flooring .project-card__preview--device-mockup{width:calc(100% + var(--card-padding));min-height:0;margin-inline:0 calc(-1 * var(--card-padding));align-self:end}}@media (width>=1000px){.hero__top{padding-top:var(--space-4)}.hero__intro{padding-top:clamp(104px,15svh,190px)}.hero__portrait{height:min(67vw,780px)}.projects{padding-top:120px}.footer__panel{padding:var(--space-6)}.footer__intro{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.manifesto[data-enhanced] .manifesto__word{opacity:1;transform:none}.creative-carousel__viewport{scroll-snap-type:none}}
