@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-italic.woff2)format("woff2");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Bowlby One SC;src:url(/fonts/bowlby-one-sc-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color:var(--tl-ink);background:var(--tl-paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tl-navy:#08085b;--tl-navy-900:#050538;--tl-navy-line:#2c2c7a;--tl-pink:#f5a1b4;--tl-pink-ink:#b8476a;--tl-paper:#faf7f2;--tl-paper-2:#f1ece4;--tl-surface:#fff;--tl-ink:#14143a;--tl-ink-soft:#4f4c5c;--tl-muted:#6b6878;--tl-line:#e4dfd6;--tl-line-strong:#d6d0c5;--tl-on-navy-soft:#d9d8ec;--font-serif:"Fraunces", Georgia, serif;--font-display:"Bowlby One SC", Impact, sans-serif;--cyan:#30c5ee;--white:#fff;--navy:var(--tl-navy);--pink:var(--tl-pink);font-family:Manrope,Arial Nova,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--tl-ink);margin:0}a{color:var(--tl-navy);text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--tl-pink);outline-offset:2px}svg{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-mark{background:#fff;border-radius:clamp(16px,1.6vw,26px);width:clamp(240px,22vw,360px);padding:clamp(12px,1.2vw,18px) clamp(16px,1.6vw,26px);transition:transform .3s cubic-bezier(.2,.75,.2,1);display:block;transform:rotate(-2deg);box-shadow:0 14px 30px #05052d33}.brand-mark:hover{transform:rotate(0)}.brand-mark img{width:100%;height:auto;display:block}.character-stage{color:#fff;background-color:var(--character-accent);background-image:var(--stage-background);--label-ink:#fff;--title-ink:var(--character-accent);background-position:50%;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.character-stage[data-character=dalia],.character-stage[data-character=mar],.character-stage[data-character=madre]{--label-ink:var(--navy);--title-ink:var(--navy)}.stage-top{z-index:5;align-items:center;gap:14px;display:flex;position:absolute;top:clamp(16px,3vh,32px);left:3%}.back-link{aspect-ratio:1;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:clamp(44px,4vw,60px);transition:background .2s,color .2s,transform .2s;display:grid}.back-link svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;fill:none;width:52%}.back-link:hover{color:var(--navy);background:#fff;transform:translate(-3px)}.stage-top .brand-mark{border-radius:14px;width:clamp(120px,9vw,150px);padding:8px 12px}.character-copy{z-index:3;width:min(51vw,980px);padding:clamp(96px,12vh,120px) 0 170px 15.8%;position:relative}.character-title{max-width:100%;color:var(--title-ink);letter-spacing:.025em;text-transform:uppercase;clip-path:polygon(1% 3%,98% 0,100% 94%,2% 100%);background:#fff;margin:0;padding:.02em .13em .08em;font-family:Bowlby One SC,Impact,sans-serif;font-size:clamp(58px,7vw,134px);font-weight:400;line-height:1.05;display:inline-block}.character-stage[data-character=bicho] .character-title{letter-spacing:0;white-space:nowrap;font-size:clamp(52px,5.1vw,98px)}.character-role{color:#fff;letter-spacing:-.035em;max-width:700px;margin:clamp(20px,2.3vh,38px) 0 0;font-size:clamp(16px,1.75vw,33px);font-weight:500;line-height:1.45;animation:.52s cubic-bezier(.2,.75,.2,1) .12s backwards copy-in}.identity-card{border:2px solid var(--navy);width:min(100%,910px);color:var(--navy);background:#fff;border-radius:clamp(16px,1.7vw,28px);margin-top:clamp(26px,3.5vh,56px);padding:clamp(22px,2vw,38px) clamp(24px,2.2vw,42px) clamp(24px,2.2vw,42px);animation:.52s cubic-bezier(.2,.75,.2,1) .2s backwards copy-in;position:relative;box-shadow:0 13px #08085b12}.identity-card>p:not(.identity-label){letter-spacing:-.045em;margin:0;font-size:clamp(17px,1.45vw,28px);font-weight:500;line-height:1.43}.character-stage[data-character=bicho] .identity-card>p:not(.identity-label){font-size:clamp(16px,1.25vw,24px);line-height:1.4}.identity-label{background:var(--character-accent);min-width:178px;color:var(--label-ink);letter-spacing:-.04em;border-radius:999px;align-items:center;margin:-7px 0 16px;padding:7px 20px;font-size:clamp(16px,1.4vw,26px);font-weight:800;line-height:1.2;display:inline-flex}.identity-card>p.identity-signature{color:#65658e;letter-spacing:.025em;margin-top:22px;font-size:clamp(12px,.95vw,17px);font-weight:700}.character-artwork{z-index:1;pointer-events:none;width:47%;height:101%;position:absolute;bottom:-5%;right:5.8%}.character-artwork img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block;position:absolute}.art-echo{opacity:.92;translate:var(--px,0px) var(--py,0px);transition:translate .5s cubic-bezier(.2,.75,.2,1);animation:.7s cubic-bezier(.2,.75,.2,1) .56s backwards echo-in}.art-echo--cyan{transform:translate(-9%,-1%)scale(1.03)}.art-echo--pink{animation-delay:.64s;transform:translate(8%)scale(1.02)}.art-main{z-index:2;view-transition-class:portrait;position:absolute;inset:0}.art-main img{filter:drop-shadow(0 17px 26px #03032325)}.character-artwork--bicho{width:48%;right:4%}.character-artwork--bicho .art-echo--cyan{transform:translate(-6%)scale(.97)}.character-artwork--bicho .art-echo--pink{transform:translate(7%)scale(.98)}.character-controls{z-index:4;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;bottom:3.4%;left:3%;right:3%}.character-arrow{color:#fff;align-items:center;gap:13px;min-height:62px;display:flex}.character-arrow svg{aspect-ratio:1;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;fill:none;background:#050505;border-radius:50%;width:clamp(55px,7.3vw,138px);padding:25%;transition:transform .25s,background .25s}.character-arrow:hover svg{background:var(--navy);transform:scale(1.06)}.character-arrow span{letter-spacing:.08em;opacity:.85;text-transform:uppercase;max-width:100px;font-size:11px;font-weight:800}.character-rail ol{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.character-rail li:nth-child(odd) .rail-link{rotate:-2deg}.character-rail li:nth-child(2n) .rail-link{rotate:1.5deg}.rail-link{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#08085bb8;border:2px solid #fff;border-radius:14px;align-items:center;gap:9px;min-height:44px;padding:6px 14px 6px 10px;font-size:11px;font-weight:800;transition:translate .22s cubic-bezier(.2,.75,.2,1),rotate .22s,background .2s,color .2s,box-shadow .2s;display:flex;box-shadow:0 4px #0303232e}.rail-link:hover,.rail-link:focus-visible{color:var(--navy);background:#fff;translate:0 -4px;rotate:0deg;box-shadow:0 8px #03032326}.rail-dot{background:var(--dot);border-radius:50%;width:14px;height:14px;transition:scale .22s;box-shadow:0 0 0 2px #fff}.rail-link:hover .rail-dot{scale:1.25}.rail-link[aria-current=page]{border-color:var(--navy);color:var(--navy);letter-spacing:.04em;box-shadow:5px 6px 0 var(--navy);background:#fff;border-radius:4px;padding:7px 18px 7px 12px;font-family:Bowlby One SC,Impact,sans-serif;font-size:13px;font-weight:400;translate:0 -6px;rotate:-2deg}.rail-link[aria-current=page] .rail-dot{width:18px;height:18px;box-shadow:0 0 0 2px var(--navy)}@keyframes portrait-arrive{0%{opacity:0;translate:var(--vt-dx,0) 0}to{opacity:1;translate:0}}@keyframes portrait-leave{to{opacity:0;translate:calc(var(--vt-dx,0vw) * -1) 0}}@keyframes portrait-return{to{opacity:0}}@keyframes portrait-settle{0%{opacity:0}to{opacity:1}}@keyframes echo-in{0%{opacity:0;scale:.9}}@keyframes copy-in{0%{opacity:0;translate:calc(var(--vt-dx,0vw) * .35) 14px}}::view-transition-group(.portrait){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}::view-transition-old(.portrait),::view-transition-new(.portrait){object-fit:contain;object-position:center bottom;width:100%;height:100%}:root[data-nav=next]{--vt-dx:7vw}:root[data-nav=previous]{--vt-dx:-7vw}::view-transition-old(root){animation:.23s both vt-fade-out}::view-transition-new(root){animation:.42s cubic-bezier(.2,.75,.2,1) both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1800px){.character-copy{padding-left:16.3%}}@media (width>=1101px) and (width<=1500px){.character-copy{width:52vw;padding-left:12%}.character-title{font-size:clamp(58px,6.2vw,134px)}.character-stage[data-character=bicho] .character-title{font-size:clamp(52px,4.6vw,98px)}.identity-card{width:min(100%,640px)}.identity-card>p:not(.identity-label){font-size:clamp(16px,1.4vw,28px)}.character-artwork{width:44%;right:3%}.character-artwork--bicho{width:46%;right:2%}.rail-link:not([aria-current=page]) .rail-name{display:none}.rail-link:not([aria-current=page]){padding-right:10px}}@media (width>=761px){.character-artwork,.character-artwork--bicho{height:auto;top:clamp(80px,11vh,140px);bottom:clamp(120px,17vh,220px)}.character-artwork img{object-position:center center}}@media (width<=1100px){.character-copy{width:54vw;padding-left:12%}.character-artwork{width:46%;right:2%}.identity-card>p:not(.identity-label){font-size:clamp(16px,2vw,26px)}.rail-name{display:none}}@media (width<=760px){html{scroll-behavior:auto}.brand-mark{width:min(70vw,300px)}.character-stage{flex-direction:column;height:auto;min-height:0;padding-bottom:96px;display:flex}.stage-top{order:0;padding:18px 18px 0;position:relative;top:auto;left:auto}.stage-top .brand-mark{width:120px}.back-link{width:44px}.character-artwork{order:1;width:min(100%,560px);height:clamp(420px,135vw,600px);margin:-4px auto -15px;position:relative;top:auto;bottom:auto;right:auto}.character-copy{order:2;width:auto;padding:24px 22px 0}.character-title{max-width:calc(100% - 8px);font-size:clamp(50px,13vw,88px)}.character-role{max-width:580px;margin-top:17px;font-size:clamp(16px,4.4vw,21px);line-height:1.38}.identity-card{border-width:2px;border-radius:18px;width:100%;margin-top:0;padding:24px 23px 30px}.identity-label{min-width:134px;margin:-7px 0 16px;padding:7px 15px;font-size:16px}.identity-card>p:not(.identity-label){font-size:clamp(17px,4.5vw,21px);line-height:1.55}.identity-card>p.identity-signature{margin-top:15px;font-size:12px}.character-controls{z-index:20;min-height:76px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#08085bf5;gap:8px;position:fixed;bottom:0;left:0;right:0}.character-arrow{min-height:52px}.character-arrow svg{width:44px}.character-arrow span{display:none}.character-rail ol{flex-wrap:nowrap;gap:6px}.rail-link{min-height:40px;padding:6px 10px}.rail-link[aria-current=page] .rail-name{display:inline}.rail-name{display:none}}@media (width<=380px){.character-copy{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important;animation-delay:0s!important}.art-echo{opacity:.92;translate:none}}