@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-italic.DS6JCx7O.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-italic.Cq9u_6Zz.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-italic.BuvkOFDm.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-cyrillic-ext-wght-normal.CGKlZYBf.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-cyrillic-wght-normal.DLqwHbi6.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-greek-ext-wght-normal.e3e57Shi.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-greek-wght-normal.CO1l-giJ.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-vietnamese-wght-normal.LcSrhZ7T.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-latin-ext-wght-normal.BnEbWgdZ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/literata-latin-wght-normal.DLxlUchJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f3f1ec;--ink: #121a3a;--muted: #565c74;--cream: #fbf4e4;--sky: #1e9fea;--cobalt: #1f3fcf;--ochre: #e3b565;--terracotta: #b5402b;--rosa: #c9566b;--yellow: #f2cb3a;--purple: #7b2d8e;--green: #2f8f4e;--concrete: #a4a8ad;--sidewalk: #cfccc5;--accent: var(--ink);--slat: var(--ink);--display: "Archivo Variable", "Arial Black", system-ui, sans-serif;--reading: "Literata Variable", Georgia, serif;--edge: clamp(1.25rem, 5vw, 4rem);--measure: 38rem}.at-blog{--accent: #a63a26;--slat: var(--terracotta)}.at-art{--accent: var(--cobalt);--slat: var(--cobalt)}.at-code{--accent: #1f7a3f;--slat: var(--green)}.at-journal{--accent: var(--purple);--slat: var(--purple)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--reading);font-size:1.125rem;line-height:1.65}main{flex:1;padding:0 var(--edge) 5rem}h1,h2,h3{font-family:var(--display);font-stretch:112%;font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:-999px;background:var(--cream);padding:.5rem 1rem;font-family:var(--display)}.skip:focus{left:var(--edge);top:.5rem;z-index:30}.site-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 2rem;padding:1rem var(--edge);font-family:var(--display);position:sticky;top:0;z-index:25;background:var(--paper)}.wordmark{font-weight:900;font-stretch:125%;font-size:1.1rem;color:var(--ink);text-decoration:none}.site-header ul,.site-footer ul{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;list-style:none;margin:0;padding:0}.site-header nav a{color:var(--ink);text-decoration:none;font-weight:600;padding-bottom:.15rem;border-bottom:3px solid transparent}.site-header nav a:hover{border-bottom-color:var(--muted)}.site-header nav a[aria-current=page]{border-bottom-color:var(--accent)}.slats{background-color:var(--slat);background-image:repeating-linear-gradient(180deg,rgb(255 255 255 / .16) 0 2px,transparent 2px 9px,rgb(0 0 0 / .22) 9px 12px,transparent 12px 14px)}.strip{height:2.75rem;border-bottom:5px solid var(--ink)}.rotulo{font-family:var(--display);font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:0;line-height:.92;color:var(--letter, var(--cream));text-shadow:.035em .035em 0 var(--shade, var(--ink)),.07em .07em 0 var(--shade, var(--ink))}.is-street main{padding:0}.journey{position:relative}.viewport{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;touch-action:pan-y}.is-street .site-header{position:fixed;inset:0 0 auto;--arrived: calc(var(--arrive, 0) * 100%);--header-ink: color-mix(in srgb, var(--cream) var(--arrived), var(--ink));--header-edge: color-mix(in srgb, var(--ink) var(--arrived), transparent);background:color-mix(in srgb,transparent var(--arrived),var(--paper));text-shadow:1.5px 0 0 var(--header-edge),-1.5px 0 0 var(--header-edge),0 1.5px 0 var(--header-edge),0 -1.5px 0 var(--header-edge),1.5px 1.5px 0 var(--header-edge),-1.5px -1.5px 0 var(--header-edge),1.5px -1.5px 0 var(--header-edge),-1.5px 1.5px 0 var(--header-edge),3px 3px 0 var(--header-edge)}.is-street .site-header .wordmark,.is-street .site-header nav a{color:var(--header-ink)}.is-street .site-header nav a[aria-current=page]{border-bottom-color:var(--header-ink)}.world{will-change:transform}.row,.next-page{position:relative;height:var(--scene-h, 100dvh)}.row{height:calc(var(--scene-h, 100dvh) - var(--header-h, 4rem))}.ascent-sky{height:calc(var(--scene-h, 100vh) * 1.5);background:linear-gradient(0deg,#f0508f 0%,var(--purple) 50%,var(--sky-top, #1b1147) 100%)}.haze,.drift{position:absolute;inset:0;pointer-events:none;opacity:0}.haze{overflow:hidden}.haze-sky{height:500%;background:linear-gradient(0deg,#ffd9a8 0%,#ffc2a0 14%,#f6a3c0 32%,#f0508f 52%,var(--purple) 74%,var(--sky-top, #1b1147) 92%,var(--sky-top, #1b1147) 100%);will-change:transform}.drift-cloud{position:absolute;top:0;width:max(5.5rem,calc(var(--w) * 1vw));will-change:transform}.drift-cloud .nube{display:block;width:100%;height:auto;max-height:none}.pupil{transform:translate(3px,5px);transition:transform .12s ease-out}.next-page{position:relative;height:var(--scene-h, calc(100dvh - var(--header-h, 4rem)))}.scene{position:relative;height:100%;overflow:hidden}.track{position:relative;display:flex;width:max-content;height:100%;will-change:transform}.ascent-sky{position:relative;height:calc(var(--scene-h, 100vh) * 1.5);background:linear-gradient(0deg,var(--sky) 0%,#7fc4f0 18%,#f6b7cf 40%,#f0508f 55%,var(--purple) 74%,#1b1147 100%)}.ascent-sky .nube{position:absolute;width:clamp(7rem,16vw,13rem);height:auto;max-height:none}.ascent-sky .nube:nth-child(1){left:12%;bottom:14%}.ascent-sky .nube:nth-child(2){right:14%;bottom:38%}.ascent-sky .nube:nth-child(3){left:38%;bottom:62%}.is-street .site-footer{background:#000;color:var(--cream)}.is-street .site-footer a{color:var(--cream)}.fade-to-black{height:45vh;background:linear-gradient(180deg,var(--ground, #121a3a) 0%,#000 100%)}.space-page{position:relative;height:var(--scene-h, 100dvh);background:#000;color:var(--cream);overflow:hidden}.space-page canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.space-hud{position:absolute;left:var(--edge);right:var(--edge);top:calc(var(--header-h, 4rem) + .25rem);display:flex;gap:1.5rem;font-family:var(--display);font-weight:600;font-size:.95rem;pointer-events:none}.space-hud b{font-weight:900;font-variant-numeric:tabular-nums}.space-panel{position:absolute;left:50%;top:54%;translate:-50% -50%;width:min(92%,30rem);display:grid;gap:.8rem;justify-items:center;padding:1.5rem;background:#000000d1;border:3px solid var(--cream);text-align:center;font-family:var(--display);--shade: #f0508f}.space-panel[hidden]{display:none}.space-title{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700;font-stretch:100%;letter-spacing:.08em;text-transform:uppercase}.space-panel p{margin:0;font-weight:600;line-height:1.4}.space-panel .space-keys{font-weight:400;font-size:.9rem;color:#cfc9dc}.space-play{padding:.6rem 1.6rem;border:3px solid var(--cream);background:var(--yellow);color:var(--ink);font:inherit;font-weight:900;font-size:1.1rem;cursor:pointer}.space-play:hover{background:#f0508f;color:#fff}.space-play:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.sell{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:calc(var(--header-h, 4rem) + 2rem) var(--edge) 4rem;background:#000;color:var(--cream);overflow:hidden}.sell-paint{position:absolute;inset:0;width:100%;height:100%}.sell-inner{position:relative;width:100%}.sell-title{font-size:clamp(3.25rem,15.5vw,15rem);line-height:.86}.sell-line{display:block;white-space:nowrap}.sell-space{width:.22em}.sell-char,.sell-space{display:inline-block;font-family:var(--display);font-weight:900;font-stretch:62%;text-transform:uppercase;white-space:pre;text-shadow:.04em .04em 0 #000}@media(prefers-reduced-motion:no-preference){.sell-char{transition:font-stretch .18s ease-out}}.sell-pitch{max-width:34rem;margin:clamp(1.5rem,4vh,2.5rem) 0 0;font-family:var(--display);font-weight:600;font-size:clamp(1.1rem,2.4vh,1.4rem);line-height:1.4;text-shadow:0 0 .5em #000,0 0 .25em #000}.sell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:clamp(1.5rem,4vh,2.5rem);font-family:var(--display)}.sell-button{padding:.9rem 2.2rem;background:var(--yellow);color:var(--ink);border:4px solid var(--cream);box-shadow:6px 6px #f0508f;font-weight:900;font-stretch:112%;font-size:clamp(1.25rem,3vh,1.75rem);text-decoration:none}.sell-button:hover{background:#f0508f;color:#fff;box-shadow:6px 6px 0 var(--yellow)}.sell-button:focus-visible,.sell-copy:focus-visible{outline:3px solid var(--sky);outline-offset:4px}.sell-address{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;font-weight:600;font-size:1.05rem;text-shadow:0 0 .5em #000,0 0 .25em #000}.sell-more{color:var(--cream);font-weight:600;text-underline-offset:.2em;text-shadow:0 0 .5em #000,0 0 .25em #000}.sell-copy{padding:0;border:0;background:none;color:var(--cream);font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.next-page{overflow:hidden;background:var(--sky-top, #1b1147)}.piece{position:absolute;inset:0;width:100%;height:100%}.piece .nube{width:auto;height:auto;max-height:none}.piece .depth{transform:translate(calc(var(--px, 0) * var(--d) * -1px),calc(var(--py, 0) * var(--d) * -.6px));transition:transform .25s ease-out}@media(prefers-reduced-motion:no-preference){.piece .twinkle{animation:twinkle 3.6s ease-in-out infinite}@keyframes twinkle{50%{opacity:.15}}}.placard{position:absolute;right:var(--edge);bottom:clamp(.9rem,3.5vh,1.75rem);width:13rem;padding:.55rem .7rem .6rem;background:#fbfaf6;color:var(--ink);box-shadow:0 1px #00000080,0 3px 8px #00000059;font-family:var(--display);font-size:.7rem;line-height:1.35}.placard h2{font-size:.8rem;font-weight:700;font-stretch:100%;letter-spacing:0;line-height:1.25}.placard p{margin:.1rem 0 0;font-weight:400;color:var(--muted)}.next-page-back{margin-top:.4rem;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.next-page-back:hover{color:var(--cobalt)}[data-reverse] .track{flex-direction:row-reverse}.facade{flex:none;width:min(84vw,34rem);display:grid;grid-template-rows:1fr clamp(3.5rem,12vh,6.5rem);border-right:6px solid rgb(0 0 0 / .28)}.facade-intro{width:min(92vw,52rem)}.wall{position:relative;min-height:0;display:flex;flex-direction:column;padding:clamp(1.25rem,4vh,2.75rem) clamp(1.25rem,3vw,2.5rem) 0;background:var(--wall);color:var(--letter, var(--cream));box-shadow:inset 0 .9rem #ffffff38,inset 0 -1.1rem #0000004d}.sidewalk{background:linear-gradient(90deg,transparent 49.7%,rgb(0 0 0 / .16) 49.7% 50.3%,transparent 50.3%),linear-gradient(180deg,rgb(0 0 0 / .32) 0 6px,transparent 6px),var(--sidewalk)}.facade-intro{--wall: var(--sky);--letter: var(--cream);--shade: var(--ink)}.facade-blog{--wall: var(--ochre);--letter: var(--cream);--shade: var(--terracotta);--slat: var(--terracotta);--frame: #7c2a1c}.facade-art{--wall: var(--rosa);--letter: var(--cream);--shade: var(--cobalt);--slat: var(--cobalt);--frame: #8f8a80}.facade-code{--wall: var(--concrete);--letter: var(--cream);--shade: #1c5a31;--slat: var(--green);--frame: #5f646a}.facade-journal{--wall: var(--yellow);--letter: var(--purple);--shade: var(--cream);--slat: var(--purple);--frame: #4d1b5a}.facade .rotulo{font-size:clamp(2.75rem,11vh,5.5rem)}.facade-intro .rotulo{font-size:clamp(2.75rem,min(13vh,9.5vw),7rem)}.painted{margin:.9rem 0 0;max-width:27rem;font-family:var(--display);font-weight:600;font-size:clamp(1rem,2.4vh,1.3rem);line-height:1.35}.painted.small{font-size:clamp(.9rem,2vh,1.05rem);font-weight:500;opacity:.92}.painted.links{display:flex;gap:1.25rem;list-style:none;padding:0}.painted a{color:inherit}.facade-journal .painted{color:var(--ink)}.posters{position:relative;flex:1;min-height:0;margin-top:1rem}.poster{position:absolute;bottom:1.1rem;height:min(100%,26rem);width:auto;border:.4rem solid var(--cream);box-shadow:.3rem .4rem #00000040}.poster-a{left:2%;rotate:-2.5deg}.poster-b{left:clamp(9.5rem,34%,17rem);rotate:2deg}@media(min-width:900px)and (min-height:620px){.facade-intro{width:min(96vw,80rem)}.facade-intro .wall{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(4,auto) 1fr;column-gap:2.5rem}.facade-intro .rotulo,.facade-intro .painted{grid-column:1}.facade-intro .posters{grid-column:2;grid-row:1 / -1;display:flex;align-items:flex-start;gap:1.5rem;margin:0;padding-top:.5rem}.facade-intro .poster{position:static;height:min(46vh,23rem)}.facade-intro .poster-b{margin-top:3.5rem}}.doorway{position:relative;display:block;flex:1;min-height:7rem;width:min(100%,24rem);margin:1.25rem auto 0;overflow:hidden;border:.7rem solid var(--frame);border-bottom:0;background:#0d1022;color:var(--cream);text-decoration:none}.doorway:focus-visible{outline:4px solid var(--cream);outline-offset:4px}.inside{position:absolute;inset:auto 0 0;padding:.9rem 1rem 1.1rem;font-family:var(--display);font-weight:600;font-size:1rem;line-height:1.3}.shutter{position:absolute;inset:0;display:grid;place-items:center;border-bottom:.6rem solid rgb(0 0 0 / .45);transition:translate .5s cubic-bezier(.3,.7,.2,1)}.shutter:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,transparent 0 9px,rgb(0 0 0 / .2) 9px 12px,transparent 12px 14px);pointer-events:none}.nube,.tag-art{width:78%;height:auto;max-height:80%;object-fit:contain}.doorway:hover .shutter,.doorway:focus-visible .shutter{translate:0 -28%}.doorway.is-open .shutter{translate:0 -101%}@media(prefers-reduced-motion:reduce){.shutter{transition:none}}.paint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.is-painting .paint{pointer-events:auto;touch-action:none;cursor:crosshair}.cans{position:fixed;left:50%;bottom:.6rem;translate:-50% 0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .6rem;max-width:calc(100vw - 1rem);padding:.5rem .9rem;background:var(--cream);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);font-weight:700;font-size:.9rem}.cans{transition:translate .3s ease,visibility .3s}.cans.is-away{translate:-50% 160%;visibility:hidden}.cans-label{text-align:center}@media(max-width:560px){.cans{width:max-content;padding:.4rem .7rem}.cans-label{flex-basis:100%}}.can{position:relative;width:1.7rem;height:2.5rem;margin-top:.5rem;padding:0;border:3px solid var(--ink);border-radius:.3rem .3rem .2rem .2rem;background:var(--can);cursor:pointer;transition:translate .15s ease}.can:before{content:"";position:absolute;left:50%;top:-.6rem;translate:-50% 0;width:.7rem;height:.45rem;border:3px solid var(--ink);border-bottom:0;border-radius:.15rem .15rem 0 0;background:var(--cream)}.can:hover{translate:0 -3px}.can[aria-pressed=true]{translate:0 -8px}.can-action{padding:.35rem .7rem;border:3px solid var(--ink);background:var(--ink);color:var(--cream);font:inherit;cursor:pointer}.can-action:hover{background:var(--cobalt)}.row-room .scene{--floor-h: clamp(8.5rem, 27vh, 13rem);--wall: #f1ece1;--wood: #55505a;background:linear-gradient(180deg,var(--wall) 0 calc(100% - var(--floor-h) - .9rem),#fbfaf6 0 calc(100% - var(--floor-h)),transparent 0),repeating-linear-gradient(90deg,rgb(0 0 0 / .28) 0 3px,transparent 3px 9.5rem),repeating-linear-gradient(90deg,transparent 0 4.75rem,rgb(255 255 255 / .05) 4.75rem 4.9rem,transparent 4.9rem 9.5rem),var(--wood)}.row-room .track{padding:0 clamp(1rem,4vw,4rem);gap:clamp(1rem,3vw,3rem)}.room-papel{position:absolute;inset:0 0 auto;height:clamp(1.75rem,6vh,3.25rem);background:url(/papel-picado-room.svg) left top / auto 100% repeat-x;z-index:1}.spot{position:relative;flex:none;--stage-h: calc(var(--scene-h, 100vh) - var(--header-h, 4rem) - 10rem);width:max(15rem,calc(var(--stage-h) * 420 / 460));display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,4vh,2.25rem) 0 clamp(.9rem,3vh,1.6rem);color:var(--cream);text-align:center}.spot-intro{width:max(24rem,calc(var(--stage-h) * 760 / 460))}.stage{position:relative;flex:1;min-height:0;width:100%;display:flex;justify-content:center}.stage>svg{display:block;height:100%;width:100%;overflow:visible}.spot-open{cursor:pointer;outline:none}.spot-open:focus-visible{outline:4px solid var(--cobalt);outline-offset:4px}@media(prefers-reduced-motion:no-preference){.spot-open{transition:translate .2s ease}.spot-open:hover{translate:0 -4px}}.spot-name{margin-top:.4rem;font-size:clamp(1.75rem,6vh,3rem);font-weight:900;font-stretch:125%;line-height:1}.spot-note{margin:.25rem 0 0;font-family:var(--display);font-weight:500;font-size:.95rem;line-height:1.3}.frame{position:absolute;right:0;top:30%;bottom:8%;width:38%;padding:1rem 1.1rem;overflow:hidden;background:#fbfaf6;color:var(--ink);border:4px solid var(--ink);border-bottom-width:.7rem;text-align:left;font-family:var(--display)}.frame h2{margin:.3rem .2rem 0;font-size:clamp(1.7rem,6.5vh,3.4rem);font-weight:900;font-stretch:100%;line-height:1.02;color:var(--sky);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 #58c46a,-3px 3px 0 #58c46a,3px -3px 0 #58c46a,-3px -3px 0 #58c46a,0 5px 0 #58c46a,5px 0 0 #58c46a,-5px 0 0 #58c46a,0 -5px 0 #58c46a}.frame p{margin:.8rem 0 0;font-weight:500;font-size:clamp(.78rem,1.5vh,.95rem);line-height:1.35}.frame .frame-small{color:var(--muted)}@media(max-width:640px){.frame .frame-small{display:none}}.dog{cursor:pointer;outline:none}.dog:focus-visible{outline:4px solid var(--cobalt);outline-offset:4px}.dog-heart{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.dog-tail{transform-box:fill-box;transform-origin:100% 100%}.dog.is-happy .dog-heart{opacity:1}@media(prefers-reduced-motion:no-preference){.dog-heart{transition:opacity .2s,translate .6s ease-out}.dog.is-happy .dog-heart{translate:0 -14px}.dog.is-happy .dog-tail{animation:wag .22s ease-in-out infinite alternate}@keyframes wag{0%{rotate:-14deg}to{rotate:22deg}}}.ledge{height:100%;display:flex;align-items:center;justify-content:center;gap:14px}.ledge img{width:auto;height:auto;max-width:31%;max-height:100%;outline:3px solid var(--ink)}.keys{height:100%;display:flex;gap:2px}.key{flex:1;padding:0;border:2px solid var(--ink);border-radius:0 0 3px 3px;background:#fbfaf6;cursor:pointer;touch-action:manipulation}.key:hover{background:var(--yellow)}.key:active{background:#f0508f}.key:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}.lamp-switch{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:linear-gradient(var(--ink),var(--ink)) center top / 3px calc(100% - 16px) no-repeat;cursor:pointer}.lamp-switch:after{content:"";position:absolute;left:50%;bottom:0;translate:-50% 0;width:18px;height:18px;box-sizing:border-box;border:3px solid var(--ink);border-radius:50%;background:#f0508f}.lamp-switch:active{translate:0 4px}.lamp-switch:focus-visible{outline:3px solid var(--cobalt);outline-offset:-2px}.dark{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle,rgb(255 255 255 / .5) 0 3px,transparent 4px) 0 0 / 9rem 7rem,radial-gradient(circle,rgb(246 183 207 / .5) 0 2.5px,transparent 3.5px) 4rem 3rem / 11rem 8.5rem,radial-gradient(circle at var(--lamp-x, 50%) var(--lamp-y, 30%),rgb(255 205 110 / .16) 0,rgb(255 205 110 / .05) 8rem,rgb(12 9 40 / .45) 16rem,rgb(12 9 40 / .72) 28rem);transition:opacity .35s ease}.lights-off .dark{opacity:1}.room-card{position:absolute;left:50%;top:6%;translate:-50% 0;z-index:5;width:min(92%,18rem);max-height:86%;display:flex;flex-direction:column;gap:.7rem;padding:.9rem 1rem 1rem;overflow:auto;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-family:var(--display);font-size:1rem;line-height:1.3;text-align:left}.room-card[hidden]{display:none}.room-card-title{margin:0;font-weight:900;font-stretch:125%;font-size:1.5rem}.room-card ul{margin:0;padding:0;list-style:none;font-weight:700}.room-card li{padding:.45rem 0;border-top:3px solid var(--ink)}.room-card li:last-child{border-bottom:3px solid var(--ink)}.room-card li:first-letter{text-transform:uppercase}.room-card a{color:var(--ink)}.room-card-go{align-self:flex-start;padding:.4rem .8rem;background:var(--cobalt);color:#fff!important;font-weight:800;text-decoration:none;border:3px solid var(--ink)}.room-card-close{align-self:flex-start;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.row-posada .scene{--night: #1b1147;background:radial-gradient(circle,#fbf4e4 0 1.2px,transparent 1.6px) 0 0 / 137px 113px,radial-gradient(circle,#f2cb3a 0 1px,transparent 1.4px) 61px 47px / 211px 173px,var(--night)}.row-posada .track{padding-right:clamp(1rem,4vw,4rem)}.papel{position:absolute;inset:0 0 auto;height:clamp(3.5rem,13vh,7.25rem);background:url(/papel-picado.svg) left top / auto 100% repeat-x}.ground{position:absolute;inset:auto 0 0;height:clamp(3.5rem,13vh,6.5rem);background:url(/luminaria.svg) 1rem 100% / auto 110% repeat-x,linear-gradient(180deg,transparent 0 62%,#3a2148 62%)}.posada{position:relative;flex:none;width:min(84vw,27rem);display:flex;flex-direction:column;align-items:center;padding:0 1rem clamp(4.25rem,15vh,7.5rem);text-align:center;--letter: var(--cream)}.posada-intro{width:min(90vw,40rem);align-items:flex-start;justify-content:center;padding-top:clamp(3.5rem,13vh,7.25rem);padding-left:clamp(1.25rem,5vw,4rem);text-align:left;color:var(--cream);--shade: #f0508f}.posada-intro .rotulo{font-size:clamp(2.5rem,min(11vh,10vw),6rem)}.posada-blog{--shade: #f0508f}.posada-art{--shade: var(--cobalt)}.posada-code{--shade: var(--green)}.posada-journal{--shade: var(--purple)}.posada .rotulo{font-size:clamp(2rem,8vh,4rem)}.posada>.painted{color:var(--cream);margin-top:.4rem}.hang{position:relative;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0}.string{flex:0 0 24%;width:3px;background:var(--cream)}.pinata{flex:1;min-height:0;aspect-ratio:1;max-width:100%;padding:0;border:0;background:none;cursor:pointer;transition:scale .15s ease}.pinata svg{display:block;width:100%;height:100%;overflow:visible}.pinata:hover{scale:1.04}.pinata:active{scale:.96}.pinata:focus-visible{outline:4px solid var(--yellow);outline-offset:2px;border-radius:50%}.spill{flex:1;min-height:0;width:min(100%,20rem);display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;overflow:auto;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--shade);font-family:var(--display);font-size:1rem;line-height:1.3;text-align:left}.spill[hidden],.pinata[hidden]{display:none}.spill ul{margin:0;padding:0;list-style:none;font-weight:700}.spill li{padding:.5rem 0;border-top:3px solid var(--ink)}.spill li:last-child{border-bottom:3px solid var(--ink)}.spill li:first-letter{text-transform:uppercase}.spill a{color:var(--ink)}.spill-go{align-self:flex-start;margin-top:auto;padding:.45rem .85rem;background:var(--shade);color:#fff!important;font-weight:800;text-decoration:none;border:3px solid var(--ink)}.spill-again{align-self:flex-start;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}@media(prefers-reduced-motion:no-preference){.spill:not([hidden]){animation:spill-in .35s ease-out backwards}@keyframes spill-in{0%{opacity:0;scale:.6}}}.candy{position:absolute;z-index:3;width:.9rem;height:.5rem;border:2px solid var(--ink);border-radius:.15rem;pointer-events:none}.candy.round{width:.7rem;height:.7rem;border-radius:50%}.row-wardrobe .scene{--old: "Bodoni Moda Variable", "Bodoni 72", Didot, Georgia, serif;--paper-old: #f4ead2;background:repeating-linear-gradient(90deg,transparent 0 26px,rgb(31 63 207 / .5) 26px 30px,transparent 30px 40px,rgb(30 159 234 / .5) 40px 42px,transparent 42px 52px,rgb(31 63 207 / .5) 52px 53px),var(--paper-old)}.row-wardrobe .track{padding:0 clamp(1rem,4vw,4rem)}.rail{position:absolute;inset:clamp(1.25rem,6vh,3rem) 0 auto 0;height:.85rem;background:linear-gradient(180deg,#f1d680,#c9a23a 45%,#8c6a1c);border-block:2px solid var(--ink)}.floor{position:absolute;inset:auto 0 0;height:clamp(3rem,11vh,5.5rem);border-top:5px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%,var(--cream) 0 50%) 0 0 / 5.5rem 5.5rem}.outfit{position:relative;flex:none;width:min(80vw,24rem);display:flex;flex-direction:column;align-items:center;padding:clamp(1.25rem,6vh,3rem) .75rem clamp(3.75rem,13vh,6.5rem);color:var(--ink);text-align:center;font-family:var(--old)}.outfit .hang{rotate:var(--sway, 0deg);transform-origin:50% 0}.garment{flex:1;min-height:0;aspect-ratio:300 / 420;max-width:100%;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 0}.garment svg{display:block;width:100%;height:100%;overflow:visible}.garment[hidden],.listing[hidden]{display:none}.garment:focus-visible{outline:4px solid var(--cobalt);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.garment:hover{animation:nudge 1.1s ease-in-out}@keyframes nudge{25%{rotate:4deg}60%{rotate:-2.5deg}85%{rotate:1deg}}}.caption-no,.caption-name,.caption-note{margin:0;background:var(--paper-old);padding-inline:.6rem}.caption-no{margin-top:.5rem;padding-top:.3rem;font-style:italic;font-size:1rem}.caption-name{font-family:var(--old);font-weight:800;font-stretch:100%;font-size:clamp(2.25rem,8vh,4rem);letter-spacing:0;line-height:1}.caption-note{padding-bottom:.4rem;font-style:italic;font-size:1.05rem;line-height:1.3}.listing{flex:1;min-height:0;width:min(100%,19rem);margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;overflow:auto;background:var(--paper-old);border:2px solid var(--ink);outline:2px solid var(--ink);outline-offset:4px;font-family:var(--old);font-size:1.1rem;line-height:1.3;text-align:left}.listing-no{margin:0;font-style:italic;font-weight:700;font-size:1.35rem}.listing ul{margin:0;padding:0;list-style:none}.listing li{padding:.45rem 0;border-top:1px solid var(--ink)}.listing li:last-child{border-bottom:1px solid var(--ink)}.listing li:first-letter{text-transform:uppercase}.listing a{color:var(--ink)}.listing-go{align-self:flex-start;margin-top:auto;padding:.4rem .9rem;background:var(--ink);color:var(--paper-old)!important;font-weight:700;text-decoration:none}.listing-back{align-self:flex-start;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-style:italic;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.outfit-intro{width:min(90vw,34rem);justify-content:center;gap:1rem}.label{padding:1.1rem 1.75rem 1.25rem;background:var(--ink);color:var(--paper-old);border-inline:3px dashed var(--paper-old);outline:.5rem solid var(--ink)}.label h2{font-family:var(--old);font-weight:800;font-size:clamp(2.25rem,9vw,4.25rem);letter-spacing:0;line-height:1}.label-small{margin:.3rem 0;font-style:italic;font-size:1.05rem}.copy{margin:0;max-width:26rem;padding:.5rem .9rem;background:var(--paper-old);font-size:1.15rem;line-height:1.4}.copy.small{font-style:italic;font-size:1.05rem}.page-head{padding:clamp(2rem,6vw,3.5rem) 0 2.5rem}.page-head h1{font-size:clamp(3rem,11vw,7rem);--letter: var(--accent);--shade: var(--yellow)}.at-journal .page-head h1{--shade: var(--yellow)}.at-blog .page-head h1{--shade: var(--ochre)}.at-art .page-head h1{--shade: #f0508f}.at-code .page-head h1{--shade: var(--ink)}.page-head p{max-width:var(--measure);margin:1.25rem 0 0;color:var(--muted)}.page-head time+h1{margin-top:.5rem;font-size:clamp(2.25rem,7vw,4.5rem)}.empty{max-width:var(--measure);color:var(--muted)}time{font-family:var(--display);font-weight:600;font-size:.95rem;color:var(--muted)}.posts{list-style:none;margin:0;padding:0;max-width:46rem}.posts li{padding:1.5rem 0;border-top:3px solid var(--ink)}.posts li:last-child{border-bottom:3px solid var(--ink)}.posts h2{font-size:1.75rem;margin:.25rem 0}.posts h2 a{color:var(--ink);text-decoration:none}.posts h2 a:hover{color:var(--accent);text-decoration:underline}.posts p{margin:.25rem 0 0}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1.25em}.prose h2{font-size:1.75rem;margin-top:2.25em}.prose h3{font-size:1.3rem;margin-top:2em}.prose p{margin-bottom:0}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:.4em}.prose img{max-width:100%;height:auto}.prose blockquote{margin-inline:0;padding-left:1.25rem;border-left:5px solid var(--accent);font-style:italic}.prose code{font-size:.9em;background:#121a3a14;padding:.1em .35em}.prose pre{overflow-x:auto;padding:1rem;background:var(--ink);color:var(--paper)}.prose pre code{background:none;padding:0}.back{display:inline-block;margin-top:3rem;font-family:var(--display);font-weight:700}.entries{max-width:var(--measure)}.entry{padding:1.75rem 0;border-top:3px solid var(--ink)}.entry h2{font-size:1.4rem;margin:.35rem 0 0}.entry .prose{margin-top:.5rem}.entry .prose>:first-child{margin-top:0}.gallery{columns:3 16rem;column-gap:1.5rem}.gallery figure{margin:0 0 1.5rem;break-inside:avoid}.gallery img{display:block;width:100%;height:auto;border:3px solid var(--ink);background:#fff}.gallery figcaption{margin-top:.4rem;font-family:var(--display);font-weight:600;font-size:.95rem}.projects{list-style:none;margin:0;padding:0;max-width:46rem}.projects li{display:grid;grid-template-columns:1fr auto;gap:.25rem 1.5rem;padding:1.5rem 0;border-top:3px solid var(--ink)}.projects li:last-child{border-bottom:3px solid var(--ink)}.projects h2{font-size:1.5rem}.projects h2 a{color:var(--ink)}.projects h2 a:hover{color:var(--accent)}.projects p{grid-column:1 / -1;margin:0}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:1.5rem var(--edge) 2rem;font-family:var(--display);font-weight:500;font-size:.95rem;color:var(--muted)}.site-footer a{color:var(--ink)}
