:root{--gut:clamp(20px, 5vw, 64px);--pad-x:max(var(--gut), calc((100vw - 1312px) / 2));--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--text:"DM Sans Variable", system-ui, sans-serif;--z:.34}a:focus-visible{outline-offset:4px;outline:3px solid}main{display:block}.skip{z-index:20;background:color-mix(in srgb, var(--hueso) 14%, var(--noche));color:var(--hueso);font:600 15px/1 var(--text);border-radius:999px;padding:11px 18px;text-decoration:none;position:fixed;top:14px;right:14px}.skip.is-away{visibility:hidden}.story{padding:92px 16px 32px}html:not(.is-pinned) .stage{flex-direction:column;max-width:920px;margin:0 auto;display:flex;overflow:visible;width:auto!important;height:auto!important;transform:none!important}html:not(.is-pinned) .headline{order:-1;width:auto;margin:0 0 clamp(40px,7vw,72px);font-size:clamp(46px,11vw,104px);position:static;opacity:1!important}html:not(.is-pinned) .world{align-items:center;gap:calc(28px / var(--z));zoom:var(--z);flex-direction:column;display:flex;position:static;width:auto!important;height:auto!important;transform:none!important}html:not(.is-pinned) .cords,html:not(.is-pinned) .eyelet,html:not(.is-pinned) .face,html:not(.is-pinned) .side,html:not(.is-pinned) .lockup{display:none}html:not(.is-pinned) .card{flex:none;position:relative;box-shadow:none!important;top:auto!important;left:auto!important;transform:none!important}html:not(.is-pinned) .loop-copy{display:none}html:not(.is-pinned) .card[data-card=gustum]{height:auto!important}html:not(.is-pinned) .book{perspective:none}html:not(.is-pinned) .book-bar{display:none}html:not(.is-pinned) .pages{flex-direction:column;gap:22px;height:auto;display:flex}html:not(.is-pinned) .page{padding-bottom:20px;position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}html:not(.is-pinned) .page:after{display:none}html:not(.is-pinned) .page-cap{flex-direction:column;align-items:center;gap:4px;min-height:0}html:not(.is-pinned) .page-t{font:700 40px/1.1 var(--display);letter-spacing:-.03em;color:var(--t);display:block}.story-loop{max-width:920px;font:800 clamp(40px, 9vw, 88px)/1 var(--display);letter-spacing:-.04em;text-align:center;margin:72px auto 0}.is-pinned .story-loop{display:none}.story-final{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:96px 0 64px;display:flex}.story-final-mark{width:112px;height:auto}.story-final-word{color:var(--hueso);font-size:clamp(72px,16vw,168px)}.story-final-tag{color:var(--piedra-clara);margin:0;font-size:clamp(20px,3vw,30px)}@media (width>=352px){:root{--z:.38}}@media (width>=386px){:root{--z:.42}}@media (width>=419px){:root{--z:.46}}@media (width>=453px){:root{--z:.5}}@media (width>=487px){:root{--z:.54}}@media (width>=520px){:root{--z:.58}}@media (width>=554px){:root{--z:.62}}@media (width>=588px){:root{--z:.66}}@media (width>=621px){:root{--z:.7}}@media (width>=655px){:root{--z:.74}}@media (width>=688px){:root{--z:.78}}@media (width>=722px){:root{--z:.82}}@media (width>=755px){:root{--z:.86}}@media (width>=789px){:root{--z:.9}}.is-pinned .story{height:820svh;padding:0}.is-pinned .pin{height:100svh;position:sticky;top:0;overflow:hidden}.is-pinned .stage{transform-origin:0 0;position:absolute;top:0;left:0}.is-pinned .world{will-change:transform}.is-pinned .story-final{display:none}.products{padding:clamp(96px, 14vw, 200px) var(--pad-x) clamp(96px, 12vw, 180px)}.products-head{max-width:960px}.products h2,.contact h2{font-family:var(--display);letter-spacing:-.045em;margin:0;font-weight:800}.products h2{scroll-margin-top:96px;font-size:clamp(40px,7vw,104px);line-height:.98}.products-head p{max-width:34ch;margin:28px 0 0;font-size:clamp(19px,2vw,24px);line-height:1.45}.products-grid{grid-template-columns:1fr;gap:16px;margin:clamp(48px,7vw,96px) 0 0;padding:0;list-style:none;display:grid}.pcard{background:var(--tint);color:var(--hueso);border-radius:32px;grid-template-columns:auto 1fr;align-items:center;gap:18px 20px;padding:clamp(24px,3vw,40px);display:grid;position:relative}.pmark{width:68px;height:auto}.pname{flex-direction:column;gap:8px;display:flex}.pword{color:var(--t);font-size:46px}.pby{color:var(--piedra-clara);font-size:16px}.ptag{grid-column:1/-1;max-width:30ch;margin:0;font-size:20px;line-height:1.4}.plink{background:var(--c);color:var(--on);font:700 17px/1 var(--text);border-radius:999px;grid-column:1/-1;justify-self:start;margin-top:6px;padding:15px 26px;text-decoration:none}.plink:focus-visible{outline-color:var(--t)}@media (width>=640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pcard[data-product=gustum]{grid-column:span 2}}@media (width>=960px){.products-grid{grid-template-columns:repeat(6,1fr)}.pcard{flex-direction:column;grid-column:span 2;align-items:flex-start;gap:0;min-height:380px;display:flex}.pcard[data-product=imanta],.pcard[data-product=gustum]{grid-column:span 3;min-height:440px}.pmark{width:96px}.pname{margin-top:auto;padding-top:56px}.pword{font-size:60px}.pcard[data-product=imanta] .pmark,.pcard[data-product=gustum] .pmark{width:120px}.pcard[data-product=imanta] .pword,.pcard[data-product=gustum] .pword{font-size:80px}.ptag{margin-top:22px}.plink{margin-top:28px}}.contact{padding:clamp(88px, 11vw, 168px) var(--pad-x);background:var(--hueso);color:var(--tinta);grid-template-columns:1fr;align-items:center;gap:56px;display:grid}.contact h2{max-width:15em;scroll-margin-top:96px;font-size:clamp(38px,4.6vw,68px);line-height:1}.contact p{max-width:36ch;margin:28px 0 0;font-size:clamp(19px,2vw,23px);line-height:1.5}.cta{background:var(--tinta);color:var(--hueso);font:700 20px/1 var(--text);border-radius:999px;margin-top:36px;padding:21px 38px;text-decoration:none;display:inline-block}.contact .contact-mail{color:color-mix(in srgb, var(--tinta) 70%, var(--hueso));margin-top:22px;font-size:17px}.contact-mark{width:min(100%,460px);height:auto;color:var(--tinta);justify-self:start}@media (width>=900px){.contact{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.contact-mark{justify-self:end}}@media (prefers-reduced-motion:no-preference){.cta,.plink,.skip{transition:transform .15s,background-color .15s}.cta:hover,.plink:hover{transform:translateY(-2px)}}.foot{padding:clamp(72px, 10vw, 140px) var(--pad-x) 40px;background:var(--noche);color:var(--hueso)}.foot-lockup{align-items:center;gap:clamp(16px,3vw,44px);display:flex}.foot-mark{flex:none;width:clamp(64px,12vw,190px);height:auto}.foot-word{font-size:clamp(64px,17vw,270px)}.foot-line{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;margin-top:clamp(40px,6vw,88px);display:flex}.foot-line p{margin:0}.foot-tag{font-size:clamp(20px,2.4vw,28px)}.foot-year{color:var(--piedra-clara);font-size:16px}
