:root{--bg: #e6dbc7;--surface: #ddd0b9;--ink: #062b8a;--muted: #3a5aa8;--accent: #062b8a;--accent-ink: #e6dbc7;--font-display: "Gambarino", serif;--font-text: "General Sans", sans-serif;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--margin: 1.4rem;--radius: 0px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);line-height:1.5}h1,h2,.name{font-family:var(--font-display);font-weight:400;margin:0;letter-spacing:-.02em}img{display:block}a{color:inherit}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:0 1.3rem;background:var(--accent);color:var(--accent-ink);border:0;text-decoration:none}.button.invert{background:var(--bg);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--margin);position:relative;z-index:2}nav{display:flex;gap:1.2rem}nav a{text-decoration:none}.hero{min-height:100svh;padding:0 var(--margin);display:grid;align-content:space-between;padding-bottom:0;overflow:hidden}.hero p{max-width:36ch;margin-top:18vh;font-size:1.05rem}h1{font-size:clamp(5.2rem,18vw,16rem);line-height:.72;letter-spacing:-.05em;white-space:nowrap;margin-left:-.08em}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:3rem 1.4rem;padding:4rem var(--margin) 5rem}.gallery figure:nth-child(odd){margin-top:4rem}.gallery figure:nth-child(2n){margin-top:0}.gallery img{width:100%;height:42vw;max-height:34rem;object-fit:cover}.gallery figcaption{margin-top:.6rem;max-width:28ch}.drift{animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.06)}}.wall{padding:0 var(--margin) 4rem}.wall>p{color:var(--muted);margin-bottom:1rem}#notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.note{background:var(--surface);padding:1.1rem 1.2rem}.note p{margin:0 0 .5rem}.muted,.status{color:var(--muted)}.pin{padding:4rem var(--margin) 5rem;max-width:36rem}.pin h2{font-size:clamp(3rem,8vw,6rem);line-height:.9;margin-bottom:1rem}.pin p{max-width:42ch}label{display:grid;gap:.4rem;margin:1.2rem 0}[data-ui] textarea{min-height:7rem;padding:.8rem;background:var(--surface);border:0;width:100%}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:2rem;padding:2rem var(--margin) 5rem}.about aside{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;align-content:start}.about aside p:nth-child(odd){color:var(--muted)}.about div p{max-width:46ch}.poster-list{padding:3rem var(--margin) 4rem}.poster-list p{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,5.5rem);line-height:.92;margin:0}.poster-list span:last-child{font-family:var(--font-text);font-size:1.1rem}.faq h2,.road h2{font-size:clamp(2.4rem,6vw,5rem);line-height:.9;padding:0 var(--margin);margin-bottom:2rem}.faq details{margin:0 0 1.1rem 28%;max-width:36rem}.faq summary{font-size:1.2rem;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p,.road p{max-width:46ch}.road{padding:2rem var(--margin) 5rem}.close{background:var(--ink);color:var(--bg);min-height:90svh;padding:8vh var(--margin) 2.4rem;display:grid;align-content:space-between}.close h2{font-size:clamp(3rem,9vw,7rem);line-height:.9}.close .button{justify-self:end}footer{background:var(--ink);color:var(--bg);padding:4rem var(--margin) 3rem}.name{font-size:clamp(3rem,12vw,9rem);line-height:.8;margin-bottom:1.4rem}.credits{font-size:var(--step-small);max-width:70ch}code{font-family:inherit;word-break:break-all}@media(prefers-reduced-motion:no-preference){.js [data-reveal]{transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){.drift{animation:none}}@media(max-width:800px){h1{font-size:22vw}.gallery{grid-template-columns:1fr;gap:2rem}.gallery figure:nth-child(odd){margin-top:0}.gallery img{height:70vw}.about{grid-template-columns:1fr}.faq details{margin-left:0}.poster-list span:last-child{display:block;margin-top:.2rem}.poster-list p{display:block;margin-bottom:1.2rem}.close .button{justify-self:stretch}}