:root{--bg:#181b19;--surface:#232824;--paper:#ede9dd;--text:#f2efe7;--muted:#adb1af;--line:#41453b;--accent:#b4c1a6;--display:'Archivo',Arial,sans-serif;--body:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible,.viewer-stage:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#171816}[hidden]{display:none!important}.wrap{width:min(1440px,100%);padding-inline:6%;margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6;color:var(--muted)}h1,h2,h3{font-family:var(--display);font-style:normal}h2{font-weight:800;font-size:clamp(39px,4.5vw,62px);letter-spacing:-1.7px;line-height:1.06}h2 em{font-style:normal;color:var(--accent)}.skip{position:fixed;top:-100px;left:15px;background:var(--paper);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:10px}
.header{height:119px;display:flex;justify-content:space-between;align-items:center;position:relative}.header:after{position:absolute;content:'';height:1px;background:var(--line);bottom:0;left:6%;right:6%}.wordmark img{width:105px;mix-blend-mode:lighten}.header nav{display:flex;align-items:center;gap:37px;font-size:12px;font-weight:500}.header nav a{padding:15px 0}.header nav a:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-block:65px 72px}.hero-copy{padding-bottom:10px}.hero h1{font-size:clamp(65px,7.1vw,103px);font-weight:900;line-height:.99;letter-spacing:-3px;margin-block:27px 28px}.hero h1>span{color:var(--accent)}.hero-description{font-size:15px;line-height:1.8;color:#b7bbad;max-width:380px}.hero-work-link{display:inline-block;border-bottom:1px solid #9da28f;padding-bottom:6px;margin-top:29px;font-size:12px;font-weight:500}.hero-work-link:hover{color:var(--accent);border-color:var(--accent)}.hero-footnote{font-size:8px;letter-spacing:1.4px;color:#818879;margin-top:48px;line-height:1.8}.hero-project{min-width:0}.hero-photo{width:100%;height:535px;position:relative;border:0;background:#bac2a6;overflow:hidden;display:block;isolation:isolate}.hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#d7decc,#a6b292)}.hero-menu-front,.hero-menu-back{position:absolute;top:8%;width:auto;height:83%;max-width:none;box-shadow:10px 20px 35px #1a291737}.hero-menu-front{left:12%;transform:rotate(-6deg);z-index:2}.hero-menu-back{right:7%;top:11%;transform:rotate(8deg);z-index:1}.hero-project figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:18px}.hero-project figcaption>span:first-child{font-size:9px;letter-spacing:.9px;font-weight:600}.hero-project figcaption>span:last-child{font-size:10px;color:var(--muted)}.work-open{appearance:none;background:transparent;border:0;padding:0;color:inherit;display:block;cursor:zoom-in;width:100%;min-width:0}.work-open:focus-visible{outline-offset:7px}
.studio-line{background:var(--paper);color:#282d22}.studio-line>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:42px}.studio-line span{font-family:var(--display);font-size:11px;letter-spacing:.8px;font-weight:700}
.services{display:grid;grid-template-columns:.93fr 1.2fr;gap:11%;align-items:start}.section-intro{position:sticky;top:40px}.section-intro h2{font-size:clamp(37px,4.1vw,58px);margin-block:27px 28px}.section-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:310px}.section-intro>.section-note{font-size:11px!important;color:#c6cbbb!important;border-top:1px solid var(--line);padding-top:26px;margin-top:35px;line-height:1.75!important}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:25px 1fr 90px;gap:17px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.service-number{font-size:9px;align-self:start;margin-top:6px;font-weight:500;color:#8e967e;letter-spacing:.8px}.service-copy h3{font-weight:700;font-size:24px;letter-spacing:-.4px;line-height:1.12;margin-bottom:12px}.service-copy p{font-size:12px;color:var(--muted);line-height:1.75;max-width:290px}.service-preview{height:115px;overflow:hidden;background:#30372b;display:flex;align-items:center;justify-content:center}.service-preview img{width:100%;height:100%;object-fit:cover}.service-logo .service-preview img{object-fit:contain;width:90%;height:90%}.service-menu .service-preview img{object-position:50% 20%}.service-promocion .service-preview img{object-position:50% 14%}.service-rotulo .service-preview img{object-position:50% 45%}.service-fidelidad .service-preview img{object-position:45% 0}.service-menu h3{color:var(--accent)}
.portfolio-section{background:#22261f;border-block:1px solid #383d30}.portfolio-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:13%;align-items:end}.portfolio-heading h2{margin-top:25px;font-size:clamp(39px,4.7vw,66px)}.project-description{max-width:360px;padding-bottom:4px}.project-client{font-size:10px;font-weight:600;letter-spacing:1px}.project-description p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:18px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:27px;border-top:1px solid #4a503f;margin:40px 0 33px}.portfolio-filters button{border:0;border-bottom:2px solid transparent;background:none;color:#9ca58f;padding:17px 0 12px;font-size:11px}.portfolio-filters button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.portfolio-filters button:hover{color:var(--text)}.portfolio-filters button>span{font-size:8px;margin-left:6px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px;align-items:start}.work-card{min-width:0}.work-menu,.work-rotulo,.work-fidelidad{grid-column:1/-1}.menu-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:#30362a;padding:15px}.menu-spread img{width:100%;height:auto}.work-image{position:relative;display:flex;align-items:center;justify-content:center;background:#30362a;overflow:hidden}.work-image>img{width:100%;height:auto}.work-logo .work-image{height:535px;background:#a5b08f}.work-logo .work-image>img{width:88%;max-height:88%;height:auto;object-fit:contain}.work-promocion .work-image{height:535px;background:#182216}.work-promocion .work-image:before{content:'';position:absolute;inset:0;background:linear-gradient(#172312d9,#172312d9),url('assets/indio-baru-promocion-hq.webp') center/cover;filter:blur(12px)}.work-promocion .work-image>img{position:relative;width:auto;height:100%;max-width:100%;object-fit:contain}.work-fidelidad .work-image{padding:18px}.loyalty-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}.loyalty-face{display:block;position:relative;aspect-ratio:2.18;overflow:hidden;border-radius:14px}.loyalty-face>img{position:absolute;width:125.2%;height:auto;max-width:none;left:-12.6%}.loyalty-face.front>img{top:-1.6%}.loyalty-face.back>img{bottom:-3.5%}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px}.work-caption>div>span{font-size:8px;color:#a4ac98;letter-spacing:1px}.work-caption h3{font-size:21px;font-weight:600;letter-spacing:-.7px;line-height:1.2;margin-top:9px}.menu-pdf{font-size:10px;color:#c5ccb9;border-bottom:1px solid #7d8869;padding-bottom:5px;white-space:nowrap}.menu-pdf:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.process-heading{display:flex;justify-content:space-between;gap:40px;align-items:start}.process-heading>.eyebrow{padding-top:7px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:55px}.steps article{border-top:1px solid #737b65;padding-top:22px}.steps article>span{font-size:9px;color:#b0bba0;letter-spacing:.8px}.steps h3{font-size:25px;font-weight:700;letter-spacing:-.4px;margin:24px 0 13px}.steps p{font-size:13px;color:var(--muted);line-height:1.8;max-width:290px}.faq{display:grid;grid-template-columns:.93fr 1.2fr;gap:11%;padding-top:5px}.faq h2{font-size:41px;margin-top:24px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;font-size:13px;font-weight:500;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'Leer';color:#969e87;font-size:10px}details[open] summary:after{content:'Cerrar'}details>p{color:var(--muted);font-size:13px;line-height:1.8;padding:0 30px 23px 0}
.contact{background:var(--paper);color:#252b20}.contact-inner{padding-block:64px 70px}.contact .eyebrow{color:#69745b}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:13%;align-items:end;margin-top:30px}.contact h2{font-size:clamp(43px,5.5vw,78px);letter-spacing:-3.5px;font-weight:800}.contact h2 em{color:#72805f}.contact-details>p{font-size:14px;line-height:1.8;color:#637053;max-width:320px;margin-bottom:35px}.contact-link{border-top:1px solid #a7b096;padding-top:22px;display:flex;align-items:start;flex-direction:column;gap:12px;max-width:360px}.contact-link>span:first-child{font-size:9px;letter-spacing:1.2px;font-weight:600;color:#637053}.contact-link>strong{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.4px;white-space:nowrap}.contact-link>.contact-link-label{font-size:11px;border-bottom:1px solid #79896a;padding-bottom:5px;margin-top:3px}.contact-link:hover>.contact-link-label{color:#657258;border-color:#657258}.footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:25px}.footer .wordmark img{width:88px}.footer>p,.footer>span,.footer>a:last-child{font-size:9px;color:#b0b7a5}.footer>a:last-child{border-bottom:1px solid #5a6350;padding-bottom:4px}
/* The image viewer uses its own small transform transition; the page stays still. */
.modal-open{overflow:hidden}.work-dialog{width:min(1440px,98vw);height:94dvh;max-width:none;max-height:96dvh;margin:auto;padding:21px 24px 15px;border:1px solid #4b5140;background:#181d16;color:var(--text);overflow:hidden}.work-dialog[open]{display:flex;flex-direction:column}.work-dialog::backdrop{background:#0b0e0af2;backdrop-filter:blur(10px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid #353e2d;flex-shrink:0}.viewer-bar>p{font-size:11px;line-height:1.6;color:#d0d8c6}.dialog-close{background:none;color:#e8eede;border:1px solid #69745b;padding:9px 17px;font-size:11px}.dialog-close:hover{background:#e8eede;color:#20271b}.viewer-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:13px;flex-shrink:0;min-height:55px}.dialog-pages{display:flex;gap:17px}.dialog-pages button{padding:7px 0;background:none;color:#89987a;border:0;border-bottom:1px solid transparent;font-size:10px}.dialog-pages button[aria-pressed=true]{color:#e8eede;border-bottom-color:#d1dbc3}.zoom-controls{display:flex;align-items:center;gap:14px;margin-left:auto}.zoom-controls button{background:none;color:#d0dbc3;border:0;padding:7px 5px;font-size:10px}.zoom-controls button:hover:not(:disabled){color:#fff}.zoom-controls button:disabled{opacity:.3;cursor:default}.zoom-controls>output{font-size:10px;font-variant-numeric:tabular-nums;min-width:37px;text-align:center;color:#849774}.zoom-controls>[data-zoom=reset]{border-left:1px solid #49543d;padding-left:16px}.viewer-stage{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:#11170e;touch-action:none;user-select:none;cursor:zoom-in}.viewer-stage.can-pan{cursor:grab}.viewer-stage.is-panning.can-pan{cursor:grabbing}.viewer-canvas{position:absolute;inset:0;overflow:hidden;pointer-events:none}.viewer-canvas>img{position:absolute;left:0;top:0;width:auto;height:auto;max-width:none;max-height:none;transform-origin:0 0;will-change:transform;user-select:none;pointer-events:none}.viewer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9cae8d;pointer-events:none}.viewer-hint{font-size:9px;color:#7c8a6e;line-height:1.6;text-align:center;padding-top:12px;flex-shrink:0}
@media(min-width:1450px){.hero-photo{height:610px}.hero{gap:7%}.hero h1{font-size:108px}.work-logo .work-image,.work-promocion .work-image{height:590px}}
@media(max-width:1050px){.hero{gap:5%;padding-top:45px}.hero h1{font-size:clamp(65px,7.4vw,85px);letter-spacing:-2.6px}.hero-photo{height:490px}.hero-menu-front{left:7%;height:78%;top:11%}.hero-menu-back{height:78%;right:4%;top:13%}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-description{font-size:13px}.hero-footnote{font-size:7px;letter-spacing:.8px}.hero-project figcaption{display:block;padding-top:14px}.hero-project figcaption>span{display:block}.hero-project figcaption>span:last-child{margin-top:7px;font-size:9px}.section{padding-block:78px}.services{gap:7%;grid-template-columns:.9fr 1.2fr}.section-intro h2{font-size:40px;letter-spacing:-2px}.section-intro>p:not(.eyebrow){font-size:13px}.service-row{grid-template-columns:20px 1fr 75px;gap:12px;padding-block:22px}.service-copy h3{font-size:21px}.service-copy p{font-size:11px}.service-preview{height:105px}.work-logo .work-image,.work-promocion .work-image{height:450px}.contact h2{font-size:57px}.contact-link>strong{font-size:27px}.faq{padding-top:0}.faq h2{font-size:36px}.portfolio-heading{gap:8%}.project-description p{font-size:13px}.studio-line span{font-size:9px}.footer>p{display:none}}
@media(max-width:760px){.header{height:99px;gap:20px}.wordmark img{width:83px}.header nav{font-size:10px;gap:19px}.hero{grid-template-columns:1fr;gap:35px;padding-block:35px 40px}.hero h1{font-size:clamp(48px,14vw,86px);letter-spacing:-2.2px;line-height:.98;margin-block:26px}.hero-description{font-size:14px;line-height:1.8;max-width:390px}.hero-work-link{margin-top:23px;font-size:12px}.hero-footnote{margin-top:28px;font-size:7px;letter-spacing:1px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-photo{height:500px}.hero-menu-front{left:12%;height:83%;top:8%}.hero-menu-back{right:6%;height:83%;top:11%}.hero-project figcaption{display:flex;align-items:start;gap:16px}.hero-project figcaption>span:first-child{font-size:8px}.hero-project figcaption>span:last-child{margin-top:0;font-size:8px}.studio-line>.wrap{gap:12px;min-height:36px}.studio-line span{font-size:7px;letter-spacing:.4px}.section{padding-block:58px}h2{font-size:40px;letter-spacing:-1.8px}.services{grid-template-columns:1fr;gap:34px}.section-intro{position:static}.section-intro h2{font-size:43px;margin-block:23px}.section-intro>p:not(.eyebrow){max-width:400px;font-size:13px}.section-intro>.section-note{display:none}.service-row{grid-template-columns:21px 1fr 85px;gap:13px;padding-block:23px}.service-copy h3{font-size:22px;letter-spacing:-.4px}.service-copy p{font-size:11px;line-height:1.75}.service-preview{height:112px}.service-number{font-size:8px}.portfolio-heading{grid-template-columns:1fr;gap:25px}.portfolio-heading h2{font-size:43px;letter-spacing:-2px;margin-top:23px}.project-description{max-width:400px}.project-description p{font-size:13px;margin-top:13px}.portfolio-filters{gap:20px 22px;margin:28px 0 25px;padding-top:6px}.portfolio-filters button{font-size:10px;padding:10px 0}.portfolio-grid{grid-template-columns:1fr;gap:34px}.work-menu,.work-rotulo,.work-fidelidad{grid-column:auto}.menu-spread{grid-template-columns:1fr;gap:12px;padding:8px}.work-logo .work-image{height:auto;aspect-ratio:1}.work-logo .work-image>img{width:89%;max-height:89%}.work-promocion .work-image{height:auto;aspect-ratio:941/1672}.work-promocion .work-image>img{width:100%;height:auto;max-height:none}.work-fidelidad .work-image{padding:11px}.loyalty-spread{grid-template-columns:1fr;gap:12px}.loyalty-face{border-radius:10px}.work-caption{padding-top:15px;gap:15px;align-items:start}.work-caption h3{font-size:19px;letter-spacing:-.5px}.work-caption>div>span{font-size:7px}.menu-pdf{font-size:8px;padding-top:2px;white-space:normal;text-align:right;max-width:85px;line-height:1.6}.process-heading{display:block}.process-heading h2{margin-top:24px;font-size:43px}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.steps article{padding-top:17px}.steps h3{font-size:24px;margin:19px 0 11px}.steps p{max-width:400px;font-size:13px}.faq{grid-template-columns:1fr;gap:27px;padding-top:5px}.faq h2{font-size:37px;margin-top:20px}summary{font-size:12px;padding-block:21px}summary:after{font-size:9px}details>p{font-size:12px}.contact-inner{padding-block:46px 48px}.contact-layout{grid-template-columns:1fr;gap:34px;margin-top:24px}.contact h2{font-size:clamp(44px,9.8vw,65px);letter-spacing:-2px}.contact-details>p{font-size:13px;max-width:370px;margin-bottom:27px}.contact-link{max-width:none;padding-top:20px}.contact-link>strong{font-size:30px}.contact-link>.contact-link-label{font-size:11px}.footer{flex-wrap:wrap;gap:20px;padding-block:24px}.footer>.wordmark{width:100%}.footer .wordmark img{width:85px}.footer>span{flex:1}.footer>a:last-child{font-size:9px}
.work-dialog{width:100vw;height:100dvh;max-height:100dvh;padding:15px 13px 12px;border:0}.viewer-bar{padding-bottom:12px;gap:15px}.viewer-bar>p{font-size:10px;max-width:235px}.dialog-close{font-size:10px;padding:8px 11px}.viewer-tools{flex-wrap:wrap;gap:7px;min-height:51px;padding-block:9px}.dialog-pages{gap:14px}.dialog-pages button{font-size:9px}.zoom-controls{gap:7px}.zoom-controls button{font-size:9px;padding-inline:3px}.zoom-controls>output{font-size:9px;min-width:31px}.zoom-controls>[data-zoom=reset]{padding-left:10px}.viewer-hint{font-size:8px;padding-top:10px;max-width:330px;align-self:center}.viewer-stage{outline-offset:-3px}}
@media(max-width:380px){.header nav{gap:14px;font-size:9px}.hero-photo{height:440px}.hero h1{font-size:clamp(44px,14vw,56px);letter-spacing:-1.8px}.hero-menu-front{left:9%}.hero-menu-back{right:3%}.service-row{grid-template-columns:18px 1fr 68px;gap:10px}.service-preview{height:100px}.service-copy h3{font-size:20px}.service-copy p{font-size:10px}.contact-link>strong{font-size:27px}.zoom-controls{gap:5px}.viewer-tools{gap:4px}.dialog-pages{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Sage, quiet lettering and a clearer relationship between services and examples. */
body{background-image:url('assets/ink-type.svg'),repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 5px);background-size:1100px 850px,auto}
.portfolio-section{background-color:#222722;background-image:url('assets/ink-type.svg');background-position:90px 130px;background-size:1100px 850px}
.hero h1>.quiet{color:#b8bbb8}.hero-description{color:#bdc0bb}.hero-footnote{color:#a6ada3;font-size:9px;letter-spacing:1px}.hero-project figcaption>span:last-child{color:#aeb4aa}
.studio-line{position:relative;background:#eeeae0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 22px,#58634e07 22px,#58634e07 23px);overflow:hidden}
.studio-line>.wrap{min-height:72px;display:grid;grid-template-columns:.7fr 1fr 1.15fr 1.1fr;gap:25px;align-items:center}
.studio-line .strip-note{font-family:var(--body);font-size:8px;line-height:1.6;font-weight:600;letter-spacing:1.1px;color:#66735d}
.studio-line span{font-size:clamp(18px,2.1vw,29px);letter-spacing:-.8px;font-weight:900;line-height:1;white-space:nowrap}.studio-line .strip-outline{color:transparent;-webkit-text-stroke:1px #39472f}.studio-line .strip-muted{color:#7c8c6b}
.services{display:block}.services .section-intro{position:static;display:grid;grid-template-columns:1.05fr 1fr;gap:22px 13%;align-items:end}.services .section-intro>.eyebrow{grid-column:1/-1}.services .section-intro>h2{margin:0;font-size:clamp(42px,4.9vw,66px)}.services .section-intro>p:not(.eyebrow){max-width:380px;font-size:14px;line-height:1.9;padding-bottom:4px}
.design-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:52px}.design-benefits article{border-top:1px solid #63715b;padding-top:22px}.benefit-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#a2b494;margin-bottom:26px}.design-benefits h3{font-size:30px;font-weight:800;letter-spacing:-.9px;line-height:1.14;margin-bottom:19px}.design-benefits article:nth-child(2) h3{color:#c0c5bd}.design-benefits article:nth-child(3) h3{color:#b4c1a6}.design-benefits article>p:last-child{font-size:13px;line-height:1.85;color:#acb2a9;max-width:320px}
.portfolio-heading h2{font-size:clamp(43px,4.9vw,67px)}.project-description{max-width:385px}.project-description p{font-size:13px;line-height:1.85}.work-caption{align-items:start}.work-caption h3{font-size:23px;font-weight:700;color:#e7ebe1}.work-caption>div>span{font-size:9px;line-height:1.6;letter-spacing:.8px;color:#a3b593}.work-description{font-size:12px;line-height:1.8;color:#adb4a6;margin-top:11px;max-width:620px}.menu-pdf{margin-top:4px}
.contact-layout{gap:10%}.contact-details>p{max-width:390px;margin-bottom:25px}.contact-options{display:grid;gap:12px;max-width:410px}.contact-action{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:19px 22px;border:1px solid #35432d;background:#303e29;color:#f0f2e9;min-height:82px}.contact-action-name{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.4px}.contact-action>span:last-child{font-size:11px;color:#c3cdb8;line-height:1.5}.contact-action:hover{background:#425339}.contact-action.call-action{background:transparent;color:#303e29;border-color:#939f88}.contact-action.call-action>span:last-child{color:#627356}.contact-action.call-action:hover{background:#dfe4d5}.contact-email-pending{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px;margin-top:2px;border-top:1px solid #bdc7b3;font-size:11px;color:#65715e}.contact-email-pending>span:last-child{font-size:9px;color:#7b8774}
@media(max-width:1050px){.studio-line>.wrap{gap:18px;min-height:64px;grid-template-columns:.65fr 1fr 1.15fr 1.1fr}.studio-line .strip-note{font-size:7px}.studio-line span{font-size:21px;letter-spacing:-.6px}.services .section-intro{column-gap:8%}.design-benefits{gap:25px}.design-benefits h3{font-size:26px}.design-benefits article>p:last-child{font-size:12px}}
@media(max-width:760px){body{background-size:790px 610px,auto}.portfolio-section{background-size:790px 610px}.hero-footnote{font-size:8px;line-height:1.8;letter-spacing:.7px}.studio-line>.wrap{grid-template-columns:1fr 1.1fr 1.1fr;min-height:58px;gap:12px}.studio-line .strip-note{display:none}.studio-line span{font-size:clamp(13px,3.8vw,23px);letter-spacing:-.5px}.studio-line .strip-outline{-webkit-text-stroke:.7px #39472f}.services .section-intro{display:block}.services .section-intro>.eyebrow{margin-bottom:24px}.services .section-intro>h2{font-size:43px;margin-bottom:24px}.services .section-intro>p:not(.eyebrow){font-size:13px;max-width:420px;padding:0}.design-benefits{grid-template-columns:1fr;gap:30px;margin-top:35px}.design-benefits article{padding-top:20px}.benefit-label{font-size:9px;margin-bottom:20px}.design-benefits h3{font-size:30px;margin-bottom:15px}.design-benefits article>p:last-child{font-size:13px;max-width:420px}.portfolio-heading h2{font-size:44px}.work-caption h3{font-size:21px}.work-caption>div>span{font-size:8px}.work-description{font-size:11px;line-height:1.85;margin-top:10px}.menu-pdf{font-size:9px;max-width:85px;flex-shrink:0}.contact-options{max-width:none}.contact-action{min-height:82px;padding:18px 21px}.contact-action-name{font-size:21px}.contact-email-pending{font-size:11px}.footer>a:last-child{font-size:9px}}
@media(max-width:380px){.studio-line>.wrap{gap:8px}.studio-line span{font-size:13px}.services .section-intro>h2{font-size:38px}.design-benefits h3{font-size:28px}.portfolio-heading h2{font-size:39px}.work-caption>div>span{font-size:7px}.work-caption h3{font-size:19px}}

/* Readable copy and uncropped, responsive examples. */
.eyebrow{font-size:11px;letter-spacing:.6px;line-height:1.7}
.hero h1{font-size:clamp(58px,6.5vw,92px);letter-spacing:-2.8px;line-height:1.04}
.hero-description{max-width:450px;font-size:15px;line-height:1.85}
.hero-footnote{font-size:11px;letter-spacing:0;line-height:1.7;margin-top:30px;max-width:400px}
.hero-work-link{font-size:13px;line-height:1.6}
.hero-project figcaption{padding:0 0 17px;align-items:start}
.hero-project figcaption>span:first-child{font-size:11px;letter-spacing:0;line-height:1.6}
.hero-project figcaption>span:last-child{font-size:11px;line-height:1.6}
.studio-line{overflow:visible}
.studio-line>.wrap{grid-template-columns:.8fr 1fr 1.2fr 1.15fr;padding-block:20px;gap:24px}
.studio-line span{font-size:clamp(17px,1.9vw,27px);white-space:normal;line-height:1.15;letter-spacing:-.6px}
.studio-line .strip-note{font-size:10px;letter-spacing:0;line-height:1.65}
.services .section-intro>p:not(.eyebrow){font-size:15px;line-height:1.85}
.benefit-label{font-size:11px;letter-spacing:.2px;line-height:1.6;min-height:36px;margin-bottom:17px}
.design-benefits article>p:last-child{font-size:14px;line-height:1.85}
.project-client{font-size:12px;letter-spacing:0;line-height:1.6;display:block}
.project-description p{font-size:14px;line-height:1.85}
.portfolio-filters{gap:15px 25px}.portfolio-filters button{font-size:12px;min-height:44px}
.portfolio-grid{row-gap:56px}
.work-card{border-top:1px solid #52604d;padding-top:22px}
.work-caption{padding:0 0 23px;gap:24px}
.work-caption>div{min-width:0}.work-caption>div>span{font-size:11px;letter-spacing:.2px}
.work-caption h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin-top:10px}
.work-description{font-size:14px;line-height:1.8;max-width:670px;margin-top:12px}
.menu-pdf{font-size:12px;line-height:1.6;margin-top:2px}
.steps article>span{font-size:11px;letter-spacing:.2px;line-height:1.7}
.steps h3{font-size:27px;line-height:1.25}.steps p{font-size:14px;max-width:340px;line-height:1.85}
.faq h2{font-size:clamp(34px,3.5vw,47px);line-height:1.15}
summary{font-size:14px;line-height:1.6}summary:after{font-size:11px}
details>p{font-size:14px;line-height:1.85}
.contact-details>p{font-size:15px;line-height:1.85}
.contact-action>span:last-child{font-size:12px}
.contact-email-pending{font-size:12px}.contact-email-pending>span:last-child{font-size:11px}
.footer>p,.footer>span,.footer>a:last-child{font-size:11px;line-height:1.7}
.viewer-hint{font-size:11px;max-width:650px;align-self:center}
@media(min-width:761px) and (max-width:1050px){
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero h1{font-size:clamp(50px,6.4vw,67px);letter-spacing:-2px}
 .hero .eyebrow{font-size:10px;letter-spacing:.4px}
 .hero-project figcaption{display:block}.hero-project figcaption>span:last-child{margin-top:3px}
 .studio-line>.wrap{gap:18px}.studio-line span{font-size:19px}
 .design-benefits h3{font-size:26px}
 .contact h2{font-size:clamp(43px,5.3vw,57px);letter-spacing:-1.7px}
}
@media(max-width:760px){
 .wrap{padding-inline:6%;min-width:0}
 .header{height:auto;min-height:116px;padding-block:14px 10px;flex-wrap:wrap;gap:5px 20px}
 .header .wordmark img{width:76px}
 .header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5}
 .header nav a{padding:12px 0;min-height:44px}
 .hero{grid-template-columns:minmax(0,1fr);padding-block:32px 40px;gap:34px}
 .hero h1{font-size:clamp(40px,11.9vw,76px);letter-spacing:-1.6px;line-height:1.04;margin-block:21px 24px}
 .hero .eyebrow{font-size:11px;letter-spacing:.2px;line-height:1.7}
 .hero-description{font-size:15px;max-width:520px;line-height:1.85}
 .hero-work-link{font-size:13px;margin-top:22px}
 .hero-footnote{font-size:12px;letter-spacing:0;line-height:1.7;margin-top:23px}
 .hero-project figcaption{display:block;padding:0 0 15px}
 .hero-project figcaption>span:first-child{font-size:12px;line-height:1.6}
 .hero-project figcaption>span:last-child{font-size:11px;margin-top:3px;line-height:1.6}
 .hero-photo{height:auto;padding:12px;overflow:visible;background:#bac2a6}
 .hero-photo:before{display:none}
 .hero-menu-back{display:none}
 .hero-menu-front{position:static;width:100%;height:auto;max-width:100%;transform:none;box-shadow:0 5px 15px #1a291720}
 .studio-line>.wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:20px;min-height:86px}
 .studio-line span{font-size:clamp(16px,4.1vw,24px);letter-spacing:-.4px;line-height:1.2;overflow-wrap:normal}
 .studio-line .strip-note{display:none}
 .section{padding-block:52px}
 .services .section-intro>h2,.portfolio-heading h2,.process-heading h2{font-size:clamp(32px,8.9vw,47px);letter-spacing:-1.3px;line-height:1.12}
 .services .section-intro>p:not(.eyebrow),.project-description p{font-size:15px;line-height:1.85;max-width:520px}
 .design-benefits{gap:29px;margin-top:33px}
 .benefit-label{font-size:12px;min-height:0;margin-bottom:16px;letter-spacing:0}
 .design-benefits h3{font-size:29px;line-height:1.18}
 .design-benefits article>p:last-child{font-size:15px;max-width:520px;line-height:1.85}
 .portfolio-filters{gap:4px 23px;margin-block:27px 30px}
 .portfolio-filters button{font-size:12px;min-height:46px}
 .portfolio-grid{gap:40px}
 .work-card{padding-top:20px}
 .work-caption{display:block;padding:0 0 20px}
 .work-caption>div>span{font-size:12px;letter-spacing:0}
 .work-caption h3{font-size:25px;line-height:1.24;margin-top:9px;letter-spacing:-.5px}
 .work-description{font-size:15px;line-height:1.8;margin-top:12px}
 .menu-pdf{display:inline-block;font-size:12px;max-width:none;text-align:left;margin-top:16px;padding-top:0;white-space:normal}
 .menu-spread{padding:8px;gap:13px}
 .steps{gap:29px;margin-top:32px}.steps article>span{font-size:12px;letter-spacing:0}
 .steps h3{font-size:27px;margin-block:16px 12px}.steps p{font-size:15px;max-width:520px;line-height:1.85}
 .faq{padding-top:0}.faq h2{font-size:clamp(32px,8.5vw,42px);letter-spacing:-1px}
 summary{font-size:15px;gap:16px}summary:after{font-size:11px;flex-shrink:0}
 details>p{font-size:15px;padding-right:0;line-height:1.85}
 .contact h2{font-size:clamp(36px,9.2vw,57px);letter-spacing:-1.4px;line-height:1.12}
 .contact-layout{gap:28px}.contact-details>p{font-size:15px;line-height:1.85;max-width:520px}
 .contact-email-pending{flex-wrap:wrap;font-size:12px}
 .footer>span,.footer>a:last-child{font-size:11px}
 .work-dialog{padding:14px 12px max(12px,env(safe-area-inset-bottom))}
 .viewer-bar>p{font-size:12px}.dialog-close{font-size:12px;min-height:44px}
 .viewer-tools{gap:8px}.dialog-pages{gap:16px}
 .dialog-pages button,.zoom-controls button{font-size:12px;min-height:44px}
 .zoom-controls{gap:10px;flex-wrap:wrap}.zoom-controls>output{font-size:11px}
 .viewer-hint{font-size:11px;max-width:100%;line-height:1.5}
}

/* Allow the contact email to wrap on narrow screens. */
.email-action{min-width:0}.email-action>span:last-child{overflow-wrap:anywhere}

/* Warm paper and sage bands give the page a quieter visual rhythm. */
.studio-line{background-color:#d6dacc;border-bottom:1px solid #b9c1ae}
.benefits-band{background:linear-gradient(155deg,#d4d9ce,#e0e1d8);color:#28322a}
.benefits-band .eyebrow,.benefits-band .benefit-label{color:#526449}
.benefits-band h2 em{color:#5d7253}
.benefits-band .section-intro>p:not(.eyebrow),.benefits-band .design-benefits article>p:last-child{color:#4c594d}
.benefits-band .design-benefits article{border-color:#96a18d}
.benefits-band .design-benefits article:nth-child(2) h3{color:#53614e}
.benefits-band .design-benefits article:nth-child(3) h3{color:#334b36}
.process-band{background:linear-gradient(155deg,#d9dcd2,#e3dfd5);color:#28322a}
.process-band .eyebrow,.process-band .steps article>span{color:#526449}
.process-band h2 em{color:#5d7253}.process-band .steps p{color:#4c594d}
.process-band .steps article{border-color:#96a18d}
.faq{padding-top:85px}
.contact{background:#d9ddd2}.contact .eyebrow{color:#526449}
.contact-details>p{color:#4f6048}.contact h2 em{color:#607552}

/* Original menu artwork sits on a photographic table; no generated lettering. */
.hero-photo{background:#a69b85 url('assets/restaurant-table.webp') right center/cover;overflow:hidden}
.hero-photo:before{display:none}
.hero-menu-front,.hero-menu-back{height:78%;top:10%;box-shadow:4px 8px 10px #211c1940,15px 20px 32px #211c1920}
.hero-menu-front{left:8%;transform:rotate(-6deg)}
.hero-menu-back{right:7%;top:14%;transform:rotate(7deg)}
.mockup-note{font-size:10px;line-height:1.7;color:#aeb4aa;margin-top:12px;max-width:440px}
.work-fidelidad .work-image{background:#a69b85 url('assets/restaurant-table.webp') center/cover;padding:4%}
.work-fidelidad .loyalty-spread{gap:4%}
.work-fidelidad .loyalty-face{box-shadow:4px 7px 14px #211c1945}
.example-context{font-size:11px;line-height:1.7;color:#aeb4aa;margin-top:10px}

/* Content stays visible without JavaScript or when reduced motion is selected. */
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .reveal-pending{opacity:0;transform:translateY(var(--reveal-offset,18px))}
 .reveal-ready{transition:opacity 650ms cubic-bezier(.2,.7,.2,1),transform 650ms cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
 .reveal-pending:focus-within{opacity:1;transform:none}
 .contact-action{transition:background-color 180ms ease,border-color 180ms ease}
 .hero-work-link,.menu-pdf,.header nav a{transition:color 160ms ease,border-color 160ms ease}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .hero-menu-front{transition:transform 450ms cubic-bezier(.2,.7,.2,1)}
 .hero-menu-back{transition:transform 450ms cubic-bezier(.2,.7,.2,1)}
 .hero-photo:hover .hero-menu-front{transform:translateY(-5px) rotate(-7deg)}
 .hero-photo:hover .hero-menu-back{transform:translateY(3px) rotate(8deg)}
 .work-image>img,.menu-spread img{transition:filter 250ms ease}
 .work-open:hover .work-image>img,.menu-spread .work-open:hover img{filter:brightness(1.035)}
}
@media(max-width:760px){
 .faq{padding-top:52px}
 .hero-photo{padding:clamp(22px,7vw,43px);overflow:visible}
 .hero-menu-front{height:auto;position:static;width:100%;max-width:100%;transform:none;box-shadow:3px 7px 12px #211c1945}
 .hero-menu-back{display:none}
 .mockup-note{font-size:11px;line-height:1.7;margin-top:11px}
 .work-fidelidad .loyalty-spread{gap:16px}
}
@media(max-width:760px) and (hover:hover) and (prefers-reduced-motion:no-preference){.hero-photo:hover .hero-menu-front{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-pending{opacity:1;transform:none}}

/* The wordmark's outlined star gives the text sections a recognizable signature. */
.section-kicker{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:28px}
.scroll-star{display:block;width:112px;height:104px;flex-shrink:0;color:#5d7253;pointer-events:none}
.star-rotor{display:block;width:100%;height:100%;background:currentColor;transform-origin:50% 50%;-webkit-mask:url('assets/brand-star.svg') center/contain no-repeat;mask:url('assets/brand-star.svg') center/contain no-repeat}
.process-intro>.scroll-star{width:118px;height:110px;margin-top:25px}
.faq .scroll-star{width:112px;height:104px;margin-top:32px;color:#b4c1a6}
@media(prefers-reduced-motion:no-preference){.scroll-star.is-turning>.star-rotor{will-change:transform}}
@media(max-width:760px){
 .section-kicker{gap:24px;margin-bottom:24px}
 .section-kicker .eyebrow{max-width:185px}
 .scroll-star{width:76px;height:71px}
 .process-intro{display:flex;justify-content:space-between;align-items:center;gap:24px}
 .process-intro>.scroll-star{width:76px;height:71px;margin-top:0}
 .faq .scroll-star{width:86px;height:80px;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){.star-rotor{transform:none!important;will-change:auto!important}}

/* More generous chapters, with shaded edges instead of an abrupt dark/paper seam. */
html{scroll-padding-top:0}
.hero{min-height:calc(100svh - 119px);padding-block:clamp(45px,6svh,80px)}
.light-band,.contact{position:relative;isolation:isolate}
.light-band:before,.light-band:after,.contact:before,.contact:after{content:'';position:absolute;left:0;right:0;height:clamp(28px,5svh,55px);pointer-events:none;z-index:0;opacity:0;transition:opacity 260ms ease}
.light-band:before,.contact:before{top:-1px;background:linear-gradient(to bottom,var(--bg),transparent)}
.light-band:after,.contact:after{bottom:-1px;background:linear-gradient(to top,var(--bg),transparent)}
.light-band>*,.contact>.wrap{position:relative;z-index:1}
.benefits-band{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(50px,7svh,80px)}
.benefits-band .studio-line{background:transparent;border:0}
.benefits-band .studio-line>.wrap{padding-block:10px 24px;min-height:0}
.benefits-band .services{padding-block:15px 25px}
.benefits-band .design-benefits{margin-top:clamp(28px,4svh,45px)}
.process-band{min-height:100svh;display:flex;align-items:center;padding-block:clamp(65px,10svh,112px)}
.process-band .process{padding-block:40px}
.faq{min-height:100svh;align-items:center;padding-block:clamp(80px,12svh,140px)}
.contact{min-height:100svh;display:flex;align-items:center;padding-block:clamp(60px,10svh,112px)}
.contact-inner{padding-block:35px}
.portfolio-section{padding-block:clamp(85px,12svh,145px)}

/* A larger ink emblem with its own broken orbit and fine pen marks. */
.scroll-star{width:154px;height:146px;margin-inline:12px}
.process-intro>.scroll-star{width:158px;height:150px}
.faq .scroll-star{width:154px;height:146px}
.star-rotor{-webkit-mask-image:url('assets/brand-star.svg?v=2');mask-image:url('assets/brand-star.svg?v=2')}

/* Contact symbols belong to the same restrained visual language as the buttons. */
.contact-action{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px 19px;align-content:center}
.contact-icon{display:block;grid-row:1/3;grid-column:1;width:32px;height:32px;align-self:center;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.icon-whatsapp{-webkit-mask-image:url('assets/contact-whatsapp.svg');mask-image:url('assets/contact-whatsapp.svg')}
.icon-phone{-webkit-mask-image:url('assets/contact-phone.svg');mask-image:url('assets/contact-phone.svg')}
.icon-email{-webkit-mask-image:url('assets/contact-email.svg');mask-image:url('assets/contact-email.svg')}
.contact-action-name,.contact-action>span:last-child{grid-column:2;min-width:0}
.contact-action>span:last-child{overflow-wrap:anywhere}

@media(max-width:760px){
 .hero{min-height:calc(100svh - 116px);padding-block:36px 65px}
 .benefits-band{padding-block:70px}
 .benefits-band .studio-line>.wrap{padding-block:10px 26px;gap:12px}
 .benefits-band .services{padding-block:28px 30px}
 .process-band{padding-block:70px}
 .process-band .process{padding-block:30px}
 .faq{padding-block:80px}
 .contact{padding-block:70px}.contact-inner{padding-block:25px}
 .portfolio-section{padding-block:80px}
 .scroll-star,.process-intro>.scroll-star{width:100px;height:94px;margin-inline:10px}
 .faq .scroll-star{width:112px;height:105px}
 .section-kicker{gap:14px}
 .section-kicker .eyebrow{max-width:160px}
 .contact-action{grid-template-columns:28px minmax(0,1fr);column-gap:15px;padding-inline:18px}
 .contact-icon{width:28px;height:28px}
 .contact-action-name{font-size:20px}
}

/* Free native scrolling: chapters provide space, without snapping to positions. */
html{scroll-snap-type:none;scroll-padding-top:24px}
.intro-stage{min-height:calc(100svh - 119px);display:flex;flex-direction:column}
.intro-stage .hero{flex:1;min-height:0;padding-block:35px 42px}
.intro-stage .studio-line{margin-top:auto;border:0;background:linear-gradient(to bottom,var(--bg),#d6dacc 32px,#d6dacc);padding-top:32px;overflow:visible}
.intro-stage .studio-line>.wrap{min-height:74px;padding-block:18px 20px}
.intro-stage .studio-line .strip-note{color:#526249}
.benefits-band{background:linear-gradient(155deg,#d6dacc,#e0e1d8)}
.light-band:before,.light-band:after,.contact:before,.contact:after{opacity:1;transition:none;height:clamp(42px,7svh,80px)}
.benefits-band:before{display:none}
.benefits-band:after{background:linear-gradient(to top,#222722,transparent)}
.process-band:before{background:linear-gradient(to bottom,#222722,transparent)}
@media(min-width:761px){.intro-stage .hero-photo{height:clamp(360px,52svh,535px)}}
@media(max-width:760px){
 .intro-stage{min-height:calc(100svh - 116px)}
 .intro-stage .hero{padding-block:32px 40px}
 .intro-stage .studio-line{padding-top:28px;background:linear-gradient(to bottom,var(--bg),#d6dacc 28px,#d6dacc)}
 .intro-stage .studio-line>.wrap{min-height:78px;padding-block:20px;gap:12px}
}

/* Larger brand emblems sit with their copy, rather than in an empty header row. */
.services .section-kicker{display:block}
.intro-note{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0;padding-bottom:4px}
.intro-note>.scroll-star{width:224px;height:212px;align-self:flex-end;margin:0 24px 0 0}
.intro-note>p{font-size:15px;line-height:1.85;color:#4c594d;max-width:400px}
.process-intro>.scroll-star{width:220px;height:208px;margin:30px 22px 0 0}
.faq .scroll-star{width:220px;height:208px;margin:28px 24px 0 auto}
@media(min-width:761px){
 .services .section-intro{align-items:center}
 .services .section-intro>h2{align-self:center}
}
@media(max-width:760px){
 .section-kicker{margin-bottom:24px}
 .section-kicker .eyebrow{max-width:none}
 .intro-note{gap:22px;padding:0}
 .intro-note>.scroll-star{width:140px;height:132px;margin:3px 18px 0 0}
 .intro-note>p{max-width:520px}
 .process-intro{display:block}
 .process-intro>.scroll-star{width:140px;height:132px;margin:26px 18px 0 auto}
 .faq .scroll-star{width:150px;height:142px;margin:27px 18px 0 auto}
}

/* The same oversized brand lettering, in charcoal ink on the paper sections. */
.benefits-band{background-image:url('assets/ink-type-paper.svg'),linear-gradient(155deg,#d6dacc,#e0e1d8);background-size:1100px 850px,auto;background-position:center 20px,0 0}
.process-band{background-image:url('assets/ink-type-paper.svg'),linear-gradient(155deg,#d9dcd2,#e3dfd5);background-size:1100px 850px,auto;background-position:-100px 50px,0 0}
.contact{background-image:url('assets/ink-type-paper.svg');background-size:1100px 850px;background-position:right top}
@media(max-width:760px){
 .benefits-band,.process-band{background-size:790px 610px,auto}
 .contact{background-size:790px 610px}
}

/* Keep the complete brand name inside each watermark, including on phones. */
body{background-image:url('assets/ink-type.svg?v=3'),repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 5px);background-size:min(100%,1100px) auto,auto;background-position:center top,0 0;background-repeat:repeat-y,repeat}
.portfolio-section{background-image:url('assets/ink-type.svg?v=3');background-size:min(100%,1100px) auto;background-position:center 80px;background-repeat:repeat-y}
.benefits-band{background-image:url('assets/ink-type-paper.svg?v=3'),linear-gradient(155deg,#d6dacc,#e0e1d8);background-size:min(100%,1100px) auto,auto;background-position:center 20px,0 0;background-repeat:repeat-y,no-repeat}
.process-band{background-image:url('assets/ink-type-paper.svg?v=3'),linear-gradient(155deg,#d9dcd2,#e3dfd5);background-size:min(100%,1100px) auto,auto;background-position:center 30px,0 0;background-repeat:repeat-y,no-repeat}
.contact{background-image:url('assets/ink-type-paper.svg?v=3');background-size:min(100%,1100px) auto;background-position:center top;background-repeat:repeat-y}
@media(max-width:760px){
 body{background-size:100% 610px,auto}
 .portfolio-section,.contact{background-size:100% 610px}
 .benefits-band,.process-band{background-size:100% 610px,auto}
}


.work-fidelidad .work-image>img.cms-loyalty-image{position:static;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}