:root{color-scheme:only light;--green:#102f25;--cream:#f5f1e8;--pink:#ed7ca5;--black:#171717;--pad:clamp(22px,4vw,72px);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--cream);font-family:'Helvetica Neue',Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid currentColor;outline-offset:8px}.skip{position:fixed;z-index:10;top:15px;left:15px;padding:16px;background:var(--cream);color:var(--green);transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.opening{height:auto}.stage{position:relative}.front-scene{position:relative;height:100svh;min-height:450px;background:var(--green);overflow:hidden}.facade{position:absolute;inset:0;background:url('assets/fachada.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.5);opacity:.2}.identity{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.logo-original{width:min(35vw,330px);height:32svh;max-height:310px;background:var(--cream);mask:url('assets/logo.png') center/contain no-repeat;-webkit-mask:url('assets/logo.png') center/contain no-repeat}.hero-quote{position:absolute;left:var(--pad);bottom:var(--pad);margin:0;font-size:clamp(18px,2vw,30px);line-height:1.15;letter-spacing:-.025em;color:var(--cream);padding:10px 12px;background:rgba(16,47,37,.38)}.hero-quote em,.quote-copy em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.manifesto{min-height:100svh;background:var(--pink);color:var(--black);padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between;gap:50px}.section-note{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.13em;font-weight:500}.manifesto h2{margin:0;font-size:clamp(55px,11vw,180px);line-height:.88;letter-spacing:-.065em;font-weight:500}.manifesto h2>span{display:block}.manifesto i{font-style:normal;font-weight:300}.manifesto-copy{align-self:flex-end;margin:0;font-size:clamp(17px,2vw,29px);line-height:1.45;letter-spacing:-.025em;max-width:650px}
.cards-active .opening{height:200svh}.cards-active .stage{position:sticky;top:0;height:100svh;min-height:450px;overflow:hidden;background:var(--black);isolation:isolate}.cards-active .stage>.front-scene{position:absolute;inset:0;z-index:1}.cards-active .stage>.manifesto{position:absolute;inset:0;height:100%;min-height:0;z-index:0;visibility:hidden}.cards-active .stage.manifesto-visible>.manifesto{visibility:visible}.cards-ready>.front-scene{visibility:hidden}.cards-ready>.hero-quote{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
.card-grid{display:none;position:absolute;inset:0;z-index:2;gap:1px;padding:2px;background:var(--black)}.cards-active .card-grid{display:grid}.card-grid.is-complete{visibility:hidden}.card{position:relative;perspective:1100px;min-width:0;min-height:0}.card-turn{position:absolute;inset:0;transform-style:preserve-3d}.card-face{position:absolute;inset:0;border-radius:3.5px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card-front{background:var(--green)}.card-back{background:var(--pink);transform:rotateX(180deg)}.card-scene{position:absolute;left:0;top:0;pointer-events:none}.card-scene.front-scene,.card-scene.manifesto{min-height:0}.card.is-resting-back .card-back{border-radius:0;width:calc(100% + 1px);height:calc(100% + 1px)}
.quote-copy{position:absolute;inset:0;z-index:2;margin:0;padding:18px 16px;font-size:clamp(14px,1.45vw,22px);line-height:1.15;letter-spacing:-.025em;color:var(--cream);background:rgba(16,47,37,.38);pointer-events:none}
.scroll-ring{position:absolute;z-index:4;right:var(--pad);bottom:var(--pad);width:100px;height:100px;color:var(--cream);border-radius:50%;background:rgba(16,47,37,.86);text-decoration:none;display:grid;place-items:center}.scroll-ring svg{position:absolute;inset:0;width:100%;height:100%;animation:scroll-circle-turn 12s linear infinite;fill:currentColor;font-size:8.8px;letter-spacing:1px}.scroll-ring span{font-size:28px}@keyframes scroll-circle-turn{to{transform:rotate(360deg)}}
/* Four text-only languages share the same two masked lines. */
.coming{position:relative;min-height:100svh;padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between;gap:35px;background:var(--pink);color:var(--black);overflow:hidden}.coming-type{margin-block:auto;width:100%;padding-block:18px}.coming-line{position:relative;border-top:1px solid rgba(23,23,23,.55);overflow:hidden;height:clamp(120px,32svh,400px)}.coming-line:last-child{border-bottom:1px solid rgba(23,23,23,.55)}.coming-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:clamp(70px,min(20vw,26svh),340px);font-weight:400;line-height:1;letter-spacing:-.065em}.coming-language{transform:translateY(110%);opacity:0;animation:language-cycle 12.8s linear infinite both;animation-play-state:paused}.language-0{animation-delay:-12.8s}.language-1{animation-delay:-9.6s}.language-2{animation-delay:-6.4s}.language-3{animation-delay:-3.2s}.coming.is-visible:not(.page-inactive) .coming-language{animation-play-state:running}
@keyframes language-cycle{0%{transform:translateY(110%);opacity:0;animation-timing-function:var(--ease-drawer)}5%{transform:translateY(0);opacity:1}19%{transform:translateY(0);opacity:1;animation-timing-function:var(--ease-in-out)}25%,100%{transform:translateY(-110%);opacity:0}}
@media(max-width:600px){.logo-original{width:40vw;height:24svh;max-height:215px}.hero-quote{font-size:17px;bottom:24px;left:22px}.quote-copy{font-size:14px;padding:16px 10px}.section-note{font-size:9px;letter-spacing:.08em}.section-note span:last-child{text-align:right;max-width:150px}.manifesto{gap:35px;padding-block:30px}.manifesto h2{font-size:15vw;line-height:1}.manifesto-copy{align-self:flex-start;font-size:18px}.facade{background-position:51% center}.scroll-ring{width:84px;height:84px}.coming-word{font-size:21vw;line-height:1}.coming-line{height:29vw;min-height:105px}.coming-type{margin-block:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-ring svg{animation:none}.card.is-flipped .card-front{visibility:hidden}.card-front,.card-back{backface-visibility:visible}.card-back{visibility:hidden;transform:none}.card.is-flipped .card-back{visibility:visible}.cards-active .coming-word,.cards-active .coming-line:nth-child(2) .coming-word,.cards-active .coming-word span{transform:none;animation:none}}
@media(prefers-reduced-motion:reduce){.coming-word,.coming-word span{transform:none!important;animation:none!important}}

/* Decorative slices cannot start a text selection or native drag. */
.card-grid,.card-grid *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.cards-active .stage:not(.manifesto-visible){user-select:none;-webkit-user-select:none}.card-grid{touch-action:pan-y}

@media(max-height:650px){.manifesto{gap:24px;padding-block:24px}.manifesto h2{font-size:clamp(45px,min(10vw,17svh),140px)}}

.footer-identity{display:flex;flex-direction:column;gap:7px}.coming .footer-identity>span{text-align:left;max-width:none}.footer-email{font-size:.9em;letter-spacing:.02em;user-select:text;-webkit-user-select:text}

@media(prefers-reduced-motion:reduce){.coming-language{display:none;animation:none!important;transform:none!important}.coming-language.language-0{display:flex;opacity:1}}