:root{--c5:#F7C4B0;--whisper:#FDFFE6;--c1:#F2C65A;--c2:#B5BE72;--c4:#9DAB5C;--on-color:#232A10;--paper:#FDFFE6;--ink:#232A10;
--display:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"Azeret Mono",ui-monospace,Menlo,monospace;--gutter:clamp(16px,4vw,48px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#1B2010;--ink:#FDFFE6;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#1B2010;--ink:#FDFFE6;color-scheme:dark}
:root[data-palette="b"]{--c5:#FFB0E0;--c1:#FF5FB5;--c2:#B592FF;--c4:#E04FD0;--on-color:#2A1033;--whisper:#FFF3FA;--paper:#FFF3FA;--ink:#2A1033}
@media (prefers-color-scheme:dark){:root[data-palette="b"]:not([data-theme="light"]){--paper:#1F0F2A;--ink:#FFF3FA}}
:root[data-palette="b"][data-theme="dark"]{--paper:#1F0F2A;--ink:#FFF3FA}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.wrap{padding-inline:var(--gutter)}
header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:2px solid var(--ink)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;flex-wrap:wrap}
.logo{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;text-decoration:none;font-size:1.05rem}
nav{display:flex;gap:6px 20px;flex-wrap:wrap;align-items:center}
nav a,.pal{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
nav a:hover{text-decoration:underline;text-underline-offset:4px}
.pal{border:2px solid currentColor;border-radius:999px;padding:3px 12px}
.pal:hover{background:var(--ink);color:var(--paper)}
.top{background:var(--bgc);color:var(--on-color);padding-block:clamp(28px,5vw,64px) clamp(20px,3vw,36px)}
.big{font-weight:900;text-transform:uppercase;letter-spacing:-.045em;line-height:.86;margin:0;text-wrap:balance;font-size:clamp(3rem,13vw,11rem)}
.num{font-weight:900;letter-spacing:-.04em;line-height:1;font-size:clamp(2.2rem,5vw,4rem)}
.cap{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.55;max-width:44ch;margin:12px 0 0}
.gal{columns:3 260px;column-gap:12px;padding-block:clamp(20px,4vw,48px)}
.gal.one{columns:1}
.tile{display:block;width:100%;margin:0 0 12px;break-inside:avoid;overflow:hidden;background:var(--bgc)}
.tile img{display:block;width:100%;height:auto;transition:transform .35s}
.tile:hover img{transform:scale(1.03)}
.switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.switch a{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border:2px solid currentColor;border-radius:999px;padding:6px 14px}.switch a:hover{background:var(--on-color);color:var(--whisper);border-color:var(--on-color)}.switch a[aria-current]{background:var(--on-color);color:var(--whisper);border-color:var(--on-color)}
.more{border-top:2px solid var(--ink);padding-block:28px 48px;display:flex;gap:10px 24px;flex-wrap:wrap;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
.lb{position:fixed;inset:0;z-index:20;background:rgba(10,10,10,.94);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain}
.lb button{position:absolute;color:#fff;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px}
.lb .h{top:6px;left:6px;text-decoration:none;color:#fff;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;position:absolute}.lb .x{top:6px;right:6px}.lb .p{left:6px;top:50%}.lb .n{right:6px;top:50%}.lb .c{pointer-events:none;left:0;right:0;bottom:8px;text-align:center;color:#fff;font-family:var(--mono);font-size:.72rem;position:absolute}