/* Aqua + coral. Native horizontal cards first; pinned chapters on desktop. */
:root{--coral:#ff8c70;--coral-bright:#ffb098;--coral-ink:#33160f}
html{scrollbar-gutter:stable}
.hero-copy .eyebrow,.agency-heading .eyebrow,.brand-archive .eyebrow{color:var(--coral)}
.hero-copy .status-dot{background:var(--coral);box-shadow:0 0 13px #ff8c7066}
.site-header nav .nav-contact:hover,.build-actions .text-link:hover{background:var(--coral);border-color:var(--coral);color:var(--coral-ink);box-shadow:0 0 25px #ff8c7033}
.contact h2 i{color:var(--coral);filter:drop-shadow(0 0 14px #ff8c7038)}
.agency-panel.is-expanded .agency-trigger>span,.journey-next,.journey-next span,.journey-back:hover{color:var(--coral)}
.agency-joyn,.agency-apkana{background:radial-gradient(ellipse at 50% 40%,#7a41312b,transparent 70%),#241e1c;--agency-accent:var(--coral)}
.process-deliverable{border-color:var(--coral)}.process-deliverable .mono{color:var(--coral-bright)}
.build-orbit{border-color:#ff8c7040}
.brand-archive .archive-heading h2 em{color:var(--coral);text-shadow:0 0 30px #ff8c701c}
.brand-archive .archive-heading{align-items:end;gap:30px}
.gallery-intro{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.gallery-intro p{text-align:right;font-size:12px;line-height:1.6;color:#b0c4bf}
.gallery-controls{display:none;align-items:center;gap:16px}
.gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ff8c7066;border-radius:50%;background:#ff8c700b;color:var(--coral);font-size:21px;transition:background .25s,color .25s,box-shadow .25s}
.gallery-controls button:hover:not(:disabled){background:var(--coral);color:var(--coral-ink);box-shadow:0 0 24px #ff8c7026}
.gallery-controls button:disabled{opacity:.25;cursor:default}.gallery-count{font-size:10px;color:var(--coral-bright);min-width:82px;text-align:center}
.gallery-ready .gallery-controls{display:flex}
.brand-archive .masonry-grid{display:flex;height:440px;gap:18px;padding:0 4% 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:4%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--coral) #172825}
.project-page{display:contents}
.brand-archive .masonry-card{flex:0 0 min(400px,82vw);grid-area:auto!important;order:0;min-height:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;border-radius:4px}
.brand-archive .masonry-card:nth-child(2){background:radial-gradient(ellipse at 80% 20%,#663c3055,transparent 75%),#2b2220}
.brand-archive .masonry-card:hover,.brand-archive .masonry-card:focus-within{border-color:#ff8c7080}
.brand-archive .masonry-top,.brand-archive .masonry-caption button{color:var(--coral-bright)}
.brand-archive .masonry-visit-arrow{color:var(--coral);border-color:#ff8c7055}
.brand-archive .masonry-visit:hover .masonry-visit-arrow{background:var(--coral);color:var(--coral-ink);box-shadow:0 0 24px #ff8c7029}
.brand-archive .masonry-caption{left:22px;right:22px;bottom:60px;display:block}
.brand-archive .masonry-caption h3{font-size:clamp(24px,2.3vw,36px)}
.brand-archive .masonry-caption button{padding:8px 0 0;min-height:32px;font-size:8px}
.brand-archive .masonry-logo{inset:70px 10% 150px}
.brand-archive .masonry-logo img{max-height:145px;max-width:100%;object-fit:contain}
.brand-archive .masonry-bigcola .masonry-logo img{max-height:125px}
.brand-archive .masonry-site{left:22px;right:22px;bottom:21px;font-size:9px}
.brand-archive .masonry-site>span:first-child{font-size:6px}
.masonry-disclaimer{gap:22px;align-items:center}.masonry-disclaimer>span:nth-child(2){max-width:620px;flex:1}
.archive-continue{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;color:var(--coral);white-space:nowrap;min-height:44px;font-size:8px}.archive-continue svg{font-size:20px}
.is-horizontal .creation-track{width:500%}
.is-horizontal .creation-track>section:not([hidden]){flex:0 0 20%;width:20%}
.is-horizontal .creation-track>section.brand-archive{flex:0 0 60%;width:60%;padding:24px 0 58px;display:flex;flex-direction:column;gap:18px;overflow:clip;position:relative}
.is-horizontal .brand-archive .archive-heading{width:var(--journey-width);padding:0 4vw;margin:0;flex-shrink:0;transform:translate3d(var(--archive-offset,0px),0,0);will-change:transform;box-sizing:border-box}
.is-horizontal .brand-archive .archive-heading h2{font-size:clamp(32px,3.1vw,49px);line-height:1.02;margin-top:10px}
.is-horizontal .brand-archive .archive-heading .eyebrow{font-size:8px}
.is-horizontal .gallery-intro{gap:10px}.is-horizontal .gallery-intro p{font-size:10px}
.is-horizontal .brand-archive .masonry-grid{display:flex;width:100%;flex:1;min-height:0;gap:0;padding:0;overflow:visible;scroll-snap-type:none}
.is-horizontal .project-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 4vw;width:var(--journey-width);flex:0 0 var(--journey-width);min-height:0;box-sizing:border-box}
.is-horizontal .brand-archive .masonry-card{width:100%;height:100%;min-height:0;scroll-snap-align:none}
.is-horizontal .brand-archive .masonry-disclaimer{width:var(--journey-width);padding:0 4vw;margin:0;min-height:42px;box-sizing:border-box;transform:translate3d(var(--archive-offset,0px),0,0);will-change:transform;font-size:9px;line-height:1.5;display:flex;flex-shrink:0}
.is-horizontal .masonry-disclaimer>.mono{font-size:6px;max-width:125px;flex-shrink:0}
.is-horizontal .masonry-disclaimer>span:nth-child(2){max-width:none}
.is-horizontal .creation-progress a[href="#proyectos"][aria-current]{color:var(--coral)}
.is-horizontal .creation-progress{gap:22px}
@media(max-width:1000px){.gallery-intro p{display:none}.brand-archive .archive-heading{align-items:center}.brand-archive .masonry-grid{height:430px}.masonry-disclaimer{flex-wrap:wrap}}
@media(max-width:700px){.brand-archive .archive-heading{display:block}.gallery-intro{align-items:flex-start;margin-top:22px}.brand-archive .masonry-grid{height:390px;padding-inline:6%;gap:14px;scroll-padding-inline:6%}.brand-archive .masonry-card{flex-basis:88vw}.brand-archive .masonry-logo{inset:65px 12% 140px}.brand-archive .masonry-caption h3{font-size:28px}.brand-archive .masonry-site{font-size:8px}.masonry-disclaimer>span:nth-child(2){display:block}.archive-continue{margin-top:10px}.brand-archive .archive-heading h2{font-size:11vw}}
@media(prefers-reduced-motion:reduce){.brand-archive .masonry-grid{scroll-behavior:auto;scroll-snap-type:none}.gallery-controls button{transition:none}}
.motion-reduced .brand-archive .masonry-grid{scroll-behavior:auto;scroll-snap-type:none}
.brand-archive .masonry-grid{scroll-snap-type:none}
.brand-archive .masonry-card{scroll-snap-stop:normal}

/* Frosted surfaces: only bounded UI layers, never the entire moving track. */
.site-header,.site-header.is-scrolled{background:linear-gradient(110deg,#c5fff309,#ffffff02),#0b1418bb;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);border-bottom-color:#d5fff422;box-shadow:0 6px 28px #00000012}
.is-horizontal .project-page{position:relative;isolation:isolate}
.is-horizontal .project-page::before{content:'';position:absolute;inset:-20px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 62%,#00dbb82c,transparent 40%),radial-gradient(ellipse at 54% 30%,#ff795138,transparent 36%),radial-gradient(ellipse at 91% 76%,#5fffe71a,transparent 38%)}
.brand-archive .masonry-grid{background-image:radial-gradient(ellipse at 25% 50%,#00dbb815,transparent 45%),radial-gradient(ellipse at 75% 55%,#ff79511a,transparent 40%);background-size:1100px 100%}
.brand-archive .masonry-card{background:linear-gradient(135deg,#cbfff512,#dffffb03 55%),#102522a8;border:1px solid #cafff328;box-shadow:inset 0 1px 0 #effffb16,inset 1px 0 0 #ffffff07,0 18px 40px #00000025;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);border-radius:12px}
.brand-archive .masonry-card:nth-child(2){background:linear-gradient(135deg,#ffd0bb16,#fff0e903 60%),#301f1aa8;border-color:#ffd5c52e}
.brand-archive .masonry-card:hover,.brand-archive .masonry-card:focus-within{box-shadow:inset 0 1px 0 #ffffff29,0 20px 45px #00000038;border-color:#ffb09877}
.gallery-controls button,.round-link{background:linear-gradient(145deg,#ffffff10,#ffffff03),#15332b35;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff18,0 8px 22px #0002}
.gallery-controls button:hover:not(:disabled){background:var(--coral)}.round-link:hover{background:var(--aqua)}
.build-selectors button[aria-pressed=true]{background:linear-gradient(100deg,#26ffda18,#ffffff03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #d7fff51a;box-shadow:inset 2px 0 var(--aqua),inset 0 1px 0 #ffffff0d}
.process-tabs button[aria-selected=true]{background:linear-gradient(100deg,#26ffda19,#ffffff04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff12}
.is-horizontal .creation-progress{background:linear-gradient(100deg,#c3fff707,#ffffff02),#0b1815c7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-color:#d6fff327}
dialog{background:linear-gradient(145deg,#d3fff613,#ffe5d908 65%),#10201eea;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);border:1px solid #d6fff33b;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff1f,0 30px 100px #0009}
dialog::backdrop{background:#050d16a8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:700px){.site-header nav{background:#0d211eeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand-archive .masonry-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.site-header.is-scrolled,.brand-archive .masonry-card,.is-horizontal .creation-progress,dialog{background-color:#132321}.brand-archive .masonry-card:nth-child(2){background-color:#30201c}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header.is-scrolled,.brand-archive .masonry-card,.is-horizontal .creation-progress,dialog{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#132321}.brand-archive .masonry-card:nth-child(2){background-color:#30201c}.gallery-controls button,.round-link,.build-selectors button[aria-pressed=true],.process-tabs button[aria-selected=true],dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}