/* De Antaño: visual palette sampled from the supplied brand manual (pages 4–8).
   No font name or numeric color specification is declared in that document. */
:root{--brand-brown:#663016;--brand-terracotta:#C97141;--brand-paper:#FCFAF9;--brand-ink:#492614;--brand-soft:#EEDFD3}
body,body[data-theme]{--olive:var(--brand-brown);--deep:var(--brand-ink);--earth:#865B43;--clay:var(--brand-terracotta);--sand:#D9B89D;--cream:var(--brand-paper);--nude:var(--brand-soft);--line:#66301630;--inverse:var(--brand-paper);background:var(--brand-paper);color:var(--brand-ink)}
/* Collection colors belong to the pieces; the surrounding identity stays consistent. */
.site-header.is-scrolled{background:color-mix(in srgb,var(--brand-paper) 95%,transparent);color:var(--brand-brown)}
.site-header .brand{padding:7px 0}
.site-header .brand img{max-height:56px}
.site-header .nav-cta{border-color:#66301640}
.site-header:not(.is-scrolled) .nav-cta{border-color:#fcfaf96b}
.statement{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-brown);color:var(--brand-paper)}
.statement:before{content:'';position:absolute;z-index:-1;inset:0;background:url('/assets/brand/texture.svg') center/cover;opacity:.012;pointer-events:none}
.statement .eyebrow{color:#EAC3A9}
.statement h2{font-weight:300;max-width:900px;margin-inline:auto}
.statement h2 em{color:#EAC3A9}
.statement p{max-width:650px;color:var(--brand-paper);opacity:1;font-size:clamp(15px,1.4vw,18px);line-height:1.85}
.statement .text-link{color:var(--brand-paper)}
.brand-values{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 38px;margin:40px auto 0;padding:0;list-style:none;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#EAC3A9}
.brand-values li{display:flex;align-items:center;gap:12px}
.brand-values li:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand-terracotta)}
.andino-story{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);padding:100px var(--gutter);background:#F2E6DC;color:var(--brand-brown)}
.andino-story figure{margin:0}
.andino-story figure img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.andino-story figcaption{margin-top:12px;font-size:10px;line-height:1.6;letter-spacing:.04em;color:#865B43}
.andino-story .eyebrow{color:var(--brand-brown);margin-bottom:22px}
.andino-story h2{font-family:var(--display);font-weight:300;font-size:clamp(44px,4.8vw,76px);line-height:1.08;letter-spacing:-.035em}
.andino-story h2 em{color:var(--brand-brown)}
.andino-story p{font-size:15px;line-height:1.85;margin:24px 0;max-width:480px}
.andino-story .text-link{padding-block:12px;line-height:1.5}
.manifesto{background:var(--brand-brown);color:var(--brand-paper)}
.manifesto h2 em,.manifesto .outline{color:#EAC3A9}
.site-footer{background:#B8623A;color:var(--brand-paper);padding-top:48px;border-top:0}
.site-footer .footer-wordmark{padding:24px;max-width:600px;margin:56px auto}
.site-footer .footer-wordmark img{content:url('/assets/brand/logo-light.svg');filter:none!important}
.site-footer .footer-bottom{border-color:#fcfaf955}
body>.motion-toggle{margin:0;padding:18px var(--gutter);background:var(--brand-brown);color:var(--brand-paper);width:100%;border:0;text-align:left}
.cart-open{background:var(--brand-brown);color:var(--brand-paper)}
@media(max-width:900px){.andino-story{grid-template-columns:1fr;padding-block:70px;gap:35px}.andino-story p{max-width:650px}.andino-story h2{font-size:clamp(42px,8vw,68px)}}
@media(max-width:700px){.site-header .brand img{max-height:44px}.brand-values{gap:16px 22px;font-size:9px}.site-footer .footer-wordmark{width:100%;padding:24px 12px;margin:30px auto}.andino-story p{font-size:14px}}
/* Andino: recorrido por la cerámica colombiana */
.andino-journey{width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;background:var(--brand-paper);color:var(--brand-ink);display:none;grid-template-columns:1fr 1.05fr;overflow:hidden;box-shadow:0 30px 80px #2a140a55}
.andino-journey[open]{display:grid;animation:ajIn .6s cubic-bezier(.2,.7,.2,1)}
.andino-journey::backdrop{background:#2a140acc;backdrop-filter:blur(6px)}
.aj-art{position:relative;min-height:540px;background:#F2E6DC;overflow:hidden}
.aj-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% center;opacity:0;transform:scale(1.05);transition:opacity .9s ease,transform 2.4s cubic-bezier(.2,.7,.2,1)}.aj-art img.is-on{opacity:1;transform:none}
.aj-art:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#2a140a99)}
.aj-place{position:absolute;left:28px;right:28px;bottom:24px;z-index:1;color:#FCFAF9;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.aj-talk{display:flex;flex-direction:column;padding:34px clamp(26px,4vw,54px) 30px;min-width:0;position:relative;isolation:isolate}
.aj-talk:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/brand/texture.svg') center/cover;opacity:.035}
.aj-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.aj-head .eyebrow{color:#865B43}
.aj-close{background:none;border:1px solid #66301630;color:var(--brand-brown);width:38px;height:38px;border-radius:50%;font-size:13px;transition:background .3s,color .3s}
.aj-close:hover{background:var(--brand-brown);color:var(--brand-paper)}
.aj-bubble{position:relative;margin:auto 0;padding:34px 0}
.aj-bubble.is-in>*{animation:ajLine .7s cubic-bezier(.2,.7,.2,1) both}
.aj-bubble.is-in>:nth-child(2){animation-delay:.06s}.aj-bubble.is-in>:nth-child(3){animation-delay:.14s}
.aj-count{display:block;font-size:10px;letter-spacing:.22em;color:var(--brand-terracotta);margin-bottom:18px}
.aj-bubble h2{font-family:var(--display);font-weight:300;font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-transform:none;color:var(--brand-brown)}
.aj-bubble p{font-size:16px;line-height:1.85;margin-top:22px;max-width:470px}
.aj-nav{display:flex;flex-direction:column;gap:22px;border-top:1px solid #66301625;padding-top:22px}
.aj-dots{display:flex;gap:8px}
.aj-dots button{flex:1;height:3px;padding:0;border:0;background:#66301625;transition:background .4s}
.aj-dots button.done{background:#C9714188}.aj-dots button[aria-selected="true"]{background:var(--brand-terracotta)}
.aj-buttons{display:flex;justify-content:space-between;align-items:center;gap:16px}
.aj-prev{background:none;border:0;padding:12px 0;color:#865B43;font-size:11px;letter-spacing:.08em}
.aj-prev:disabled{opacity:.35;cursor:default}
.aj-next{display:inline-flex;align-items:center;gap:14px;background:var(--brand-brown);color:var(--brand-paper);border:0;padding:15px 22px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:background .3s}
.aj-next:hover{background:var(--brand-terracotta)}
.aj-cta{display:none}.is-last .aj-cta{display:inline-flex}.is-last [data-aj-next]{display:none}
@keyframes ajIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ajLine{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:800px){.andino-journey[open]{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.aj-art{min-height:0;aspect-ratio:16/10}.aj-talk{padding:22px 22px 24px}.aj-bubble{padding:22px 0}.aj-bubble p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.andino-journey[open],.aj-bubble.is-in>*{animation:none}.aj-art img{transition:none;transform:none}}