:root{--ink:#171714;--ivory:#f3f0e9;--paper:#faf9f6;--muted:#78766f;--gold:#b79a61;--line:#17171429}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--gold);color:#fff}.site-header{z-index:20;color:#fff;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;width:100%;height:88px;padding:0 4.5vw;display:flex;position:absolute;top:0;left:0}.brand{flex:none;align-items:center;display:inline-flex}.brand img{width:118px;height:auto;display:block}.brand-header img{filter:invert()}.brand-footer img{width:108px}.nav{gap:2.6rem;display:flex}.nav a,.language{letter-spacing:.14em;text-transform:uppercase;font-size:11px}.nav a{opacity:.85;transition:all .25s}.nav a:hover{opacity:1}.header-actions{align-items:center;gap:2rem;display:flex}.language{gap:.45rem;display:flex}.language button{color:inherit;opacity:.45;cursor:pointer;background:0 0;border:0;padding:3px}.language button.active{opacity:1}.menu-button{background:0 0;border:0;width:36px;height:30px;display:none;position:relative}.menu-button i{background:#fff;width:25px;height:1px;position:absolute;left:5px}.hero{color:#fff;background:url(/images/kova-packaging.jpg) 50%/cover no-repeat;align-items:flex-end;height:100svh;min-height:690px;padding:0 7vw 10vh;display:flex;position:relative}.hero-shade{background:linear-gradient(90deg,#0c0c0aa6 0%,#0c0c0a2e 57%,#0c0c0a14),linear-gradient(#0000 55%,#0c0c0a40);position:absolute;inset:0}.hero-content{z-index:2;width:min(720px,90%);position:relative}.eyebrow{letter-spacing:.28em;color:#6c695f;margin:0 0 28px;font-size:10px;font-weight:700}.eyebrow.light{color:#ffffffab}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}.hero h1{letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(48px,6.3vw,94px);line-height:.98}.hero-copy{color:#ffffffd1;max-width:540px;margin:0;font-size:17px;line-height:1.65}.hero-buttons,.contact-actions{align-items:center;gap:34px;margin-top:42px;display:flex}.button{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:42px;height:56px;padding:0 25px;font-size:11px;font-weight:700;transition:all .25s;display:inline-flex}.light-button{color:var(--ink);background:#fff}.button:hover{transform:translateY(-2px)}.text-link{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;gap:18px;padding:0 0 8px;font-size:11px;font-weight:700;display:inline-flex}.light-link{color:#fff;border-color:#ffffff59}.scroll-hint{z-index:2;letter-spacing:.25em;text-transform:uppercase;writing-mode:vertical-rl;align-items:center;gap:17px;font-size:9px;display:flex;position:absolute;bottom:9vh;right:4.5vw}.scroll-hint i{background:#ffffff8c;width:1px;height:58px}.section-pad{padding:130px 7vw}.section-intro{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:5vw;margin-bottom:72px;display:grid}.section-intro h2,.portfolio h2,.contact h2{letter-spacing:-.04em;margin:0;font-size:clamp(42px,5vw,72px);line-height:1.02}.section-intro>p:last-child{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.catalogs{background:var(--ivory)}.catalog-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.catalog-card{color:#fff;height:640px;position:relative;overflow:hidden}.catalog-image,.tile-image{background-image:url(/images/kova-packaging.jpg);background-repeat:no-repeat;background-size:1800px;transition:transform .7s;position:absolute;inset:0}.catalog-card:hover .catalog-image,.tile:hover .tile-image{transform:scale(1.035)}.card-1 .catalog-image{background-position:8% 72%}.card-2 .catalog-image{background-position:57% 63%}.card-3 .catalog-image{background-position:78% 84%}.card-4 .catalog-image{background-position:94% 30%}.catalog-overlay{background:linear-gradient(#0d0d0b08 35%,#0d0d0bb8);position:absolute;inset:0}.catalog-content{position:absolute;inset:auto 45px 42px}.catalog-content h3{max-width:440px;margin:0 0 12px;font-size:40px}.catalog-content p{color:#ffffffbf;max-width:460px;font-size:14px;line-height:1.55}.catalog-content a{letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #fff6;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;font-size:10px;font-weight:700;display:flex}.catalog-content b{font-size:20px;font-weight:400}.catalog-note{color:var(--muted);margin:22px 0 0;font-size:11px}.portfolio{background:var(--ink);color:#fff}.portfolio-lead{grid-template-columns:1.4fr .6fr;align-items:end;gap:12vw;margin-bottom:80px;display:grid}.portfolio-lead>p{color:#fff9;margin:0;font-size:15px;line-height:1.75}.masonry{grid-template-rows:340px 260px;grid-template-columns:1.1fr .8fr 1.1fr;gap:14px;display:grid}.tile{margin:0;position:relative;overflow:hidden}.tile-image{background-size:1550px}.tile-1{grid-row:span 2}.tile-1 .tile-image{background-position:62% 65%}.tile-2 .tile-image{background-position:79% 84%}.tile-3 .tile-image{background-position:96% 30%}.tile-4 .tile-image{background-position:93% 25%}.tile-5 .tile-image{background-position:49% 67%}.tile figcaption{color:var(--ink);letter-spacing:.07em;background:#faf9f6f0;padding:13px 15px;font:11px Arial;position:absolute;inset:auto 18px 18px}.value-strip{border-top:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);margin-top:95px;display:grid}.value-strip div{border-right:1px solid #ffffff2e;padding:28px 30px 8px 0}.value-strip div+div{padding-left:30px}.value-strip p{color:#ffffffe0;margin:4px 0 22px;font:23px/1.25 Georgia}.process{background:var(--paper)}.section-intro.compact{grid-template-columns:1fr 3fr}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.steps article{border-right:1px solid var(--line);min-height:300px;padding:26px 30px 20px 0}.steps article+article{padding-left:30px}.steps h3{margin:42px 0 18px;font-size:27px}.steps p{color:var(--muted);max-width:240px;font-size:13px;line-height:1.65}.contact{color:#fff;background:linear-gradient(90deg,#0c0c0aeb,#0c0c0a80),url(/images/kova-packaging.jpg) 50%/cover;align-items:center;min-height:680px;display:flex}.contact-inner{width:min(690px,100%)}.contact h2{font-size:clamp(50px,6vw,88px)}.contact-inner>p:not(.eyebrow){color:#ffffffad;max-width:540px;font-size:16px;line-height:1.7}.gold-button{background:var(--gold);color:#fff}.contact small{color:#ffffff6e;margin-top:45px;font-size:10px;display:block}footer{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;padding:55px 7vw 35px;display:grid}footer p,footer a:not(.brand),footer small{letter-spacing:.1em;text-transform:uppercase;font-size:10px}footer div{gap:24px;display:flex}footer small{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{animation:1s .15s both rise}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-card{height:570px}.catalog-content{inset:auto 24px 30px}.catalog-content h3{font-size:clamp(27px,2.15vw,36px);line-height:1.03}.catalog-content p{font-size:12px;line-height:1.55}.catalog-content a{margin-top:22px}.catalog-card .catalog-image{background-position:50%;background-size:cover}.card-1 .catalog-image{background-image:url(/images/catalogs/materiales.jpg);background-position:50% 48%}.card-2 .catalog-image{background-image:url(/images/catalogs/pouches-textiles.jpg);background-position:50% 42%}.card-3 .catalog-image{background-image:url(/images/catalogs/papeleria.jpg);background-position:50% 48%}.card-4 .catalog-image{background-image:url(/images/catalogs/tote-ecologicas.jpg);background-position:50% 46%}@media (max-width:1180px) and (min-width:901px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-card{height:590px}.catalog-content{inset:auto 34px 34px}.catalog-content h3{font-size:36px}.catalog-content p{font-size:13px}}@media (max-width:900px){.site-header{height:72px;padding:0 22px}.nav{background:var(--ink);flex-direction:column;width:100%;padding:30px 22px;display:none;position:absolute;top:72px;left:0}.nav.open{display:flex}.menu-button{display:block}.section-pad{padding:90px 24px}.hero{background-position:61%;padding:0 24px 11vh}.hero h1{font-size:49px}.hero-copy{font-size:15px}.scroll-hint{display:none}.section-intro,.portfolio-lead,.section-intro.compact{grid-template-columns:1fr;gap:18px}.section-intro{margin-bottom:45px}.catalog-grid{grid-template-columns:1fr}.catalog-card{height:540px}.masonry{grid-template-rows:360px 260px 310px;grid-template-columns:1fr 1fr}.tile-1{grid-area:auto/span 2}.tile-5{grid-column:span 2}.value-strip,.steps{grid-template-columns:1fr 1fr}.value-strip div:nth-child(2),.steps article:nth-child(2){border-right:0}.steps article{min-height:260px}.contact{min-height:650px}.contact-actions{flex-direction:column;align-items:flex-start}.contact h2{font-size:53px}footer{grid-template-columns:1fr 1fr;gap:32px}footer div{justify-content:flex-end}}@media (max-width:560px){.hero{min-height:720px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:25px}.hero h1{font-size:44px}.catalog-card{height:490px}.catalog-content{inset:auto 24px 28px}.catalog-content h3{font-size:32px}.masonry{flex-direction:column;display:flex}.tile{height:390px}.tile-2,.tile-4{height:280px}.value-strip,.steps{grid-template-columns:1fr}.value-strip div,.value-strip div+div,.steps article,.steps article+article{border-bottom:1px solid #ffffff2e;border-right:0;padding-left:0}.steps article,.steps article+article{border-color:var(--line);min-height:230px}.steps h3{margin-top:48px}.contact h2{font-size:45px}footer{grid-template-columns:1fr}footer div{justify-content:flex-start}.language{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.menu-button{width:44px;height:44px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:2;padding:0}.menu-button i{pointer-events:none;background:currentColor;width:28px;transition:transform .25s,top .25s;left:8px}.menu-button i:first-child{top:17px}.menu-button i:last-child{top:26px}.menu-button.open i:first-child{top:22px;transform:rotate(45deg)}.menu-button.open i:last-child{top:22px;transform:rotate(-45deg)}@media (max-width:900px){.site-header{padding-right:18px}.nav{z-index:1;gap:0;padding:24px 22px 30px;box-shadow:0 18px 34px #0003}.nav a{opacity:1;align-items:center;width:100%;min-height:54px;display:flex}}.site-header{z-index:1000;isolation:isolate}.header-actions{z-index:3;pointer-events:auto;position:relative}.menu-button{pointer-events:auto}.hero-shade{pointer-events:none}@media (max-width:900px){.nav{z-index:2}.menu-button{flex:0 0 44px;display:block!important}}.masonry{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;grid-auto-flow:dense;gap:14px;display:grid}.tile{grid-area:span 1;min-height:0}.tile-media{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.tile:hover .tile-media{transform:scale(1.035)}.tile-1,.tile-6,.tile-11{grid-area:span 2/span 2}.tile-2,.tile-5,.tile-8,.tile-9{grid-row:span 2}.tile-12{grid-column:span 2}.tile-1 .tile-media{object-position:center 48%}.tile-4 .tile-media{object-position:center 62%}.tile-7 .tile-media{object-position:center 56%}.tile-8 .tile-media{object-position:center 54%}.tile-11 .tile-media{object-position:center 48%}@media (max-width:1180px){.masonry{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:220px}.tile-1,.tile-6,.tile-11{grid-column:span 2}}@media (max-width:900px){.masonry{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px}.tile-1,.tile-6,.tile-11{grid-column:span 2}.tile-2,.tile-5,.tile-8,.tile-9{grid-row:span 2}.tile-12{grid-column:span 2}}@media (max-width:560px){.masonry{grid-template-columns:1fr;grid-auto-rows:360px;display:grid}.tile,.tile-1,.tile-2,.tile-5,.tile-6,.tile-8,.tile-9,.tile-11,.tile-12{grid-area:span 1/span 1;height:auto}.tile-1,.tile-6,.tile-11{grid-row:span 2}}.masonry{columns:4;column-gap:14px;display:block}.tile,.tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7,.tile-8,.tile-9,.tile-10,.tile-11,.tile-12{break-inside:avoid;grid-area:auto;height:auto;min-height:0;margin:0 0 14px;display:block}.tile-media{object-fit:contain;width:100%;height:auto}.tile-9 .tile-media{object-position:center}@media (max-width:1180px){.masonry{columns:3}}@media (max-width:900px){.masonry{columns:2;display:block}}@media (max-width:560px){.masonry{columns:1;display:block}.tile,.tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7,.tile-8,.tile-9,.tile-10,.tile-11,.tile-12{height:auto;margin-bottom:14px}}.hero{background-image:url(/images/kova-packaging-1600.webp)}.contact{background-image:linear-gradient(90deg,#0c0c0aeb,#0c0c0a80),url(/images/kova-packaging-1600.webp)}.card-1 .catalog-image{background-image:url(/images/catalogs/materiales-900.webp)}.card-2 .catalog-image{background-image:url(/images/catalogs/pouches-textiles-900.webp)}.card-3 .catalog-image{background-image:url(/images/catalogs/papeleria-900.webp)}.card-4 .catalog-image{background-image:url(/images/catalogs/bolsas-entrega-editorial-900.webp)}@media (max-width:560px){.hero{background-image:url(/images/kova-packaging-900.webp)}.contact{background-image:linear-gradient(90deg,#0c0c0aeb,#0c0c0a80),url(/images/kova-packaging-900.webp)}.card-1 .catalog-image{background-image:url(/images/catalogs/materiales-560.webp)}.card-2 .catalog-image{background-image:url(/images/catalogs/pouches-textiles-560.webp)}.card-3 .catalog-image{background-image:url(/images/catalogs/papeleria-560.webp)}.card-4 .catalog-image{background-image:url(/images/catalogs/bolsas-entrega-editorial-560.webp)}}