*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
:root{
--paper:#FFFDF7;
--ink:#16130F;
--sand:#F4E8D6;
--sun:#F2B705;
--shout:#C93A12;
--deep:#123A6B;
--leaf:#0F6B4A;
--note:#5C554C;
--huge:clamp(2.1rem,5vw,3.4rem);
--name:clamp(1.4rem,2.6vw,2.1rem);
--read:1.0625rem;
--small:.95rem;
--caption:.85rem;
--side:clamp(1.1rem,4vw,2.4rem);
--gap:clamp(.9rem,1.6vw,1.4rem);
--pad:clamp(1.8rem,4vw,3.2rem);
}
body{
background:var(--paper);
color:var(--ink);
font-family:"Archivo","Helvetica Neue",Arial,sans-serif;
font-size:var(--read);
line-height:1.65;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Archivo Black","Archivo",Arial,sans-serif;font-weight:400;line-height:1.04;letter-spacing:-.01em}
h1{font-size:var(--huge)}
h2{font-size:var(--name)}
.hold-page{max-width:46rem;margin-left:auto;margin-right:auto;padding-left:var(--side);padding-right:var(--side)}
.stack-flow{display:grid;grid-template-columns:1fr;row-gap:var(--gap)}
.read-block{display:grid;grid-template-columns:1fr;row-gap:1rem;padding-top:var(--pad);padding-bottom:var(--pad)}
.read-block p{max-width:66ch}
.mark-line{font-size:var(--small);color:var(--note);max-width:66ch}
.paint-top{background:var(--ink);color:var(--paper)}
.paint-dark{background:var(--ink);color:var(--paper);padding-top:calc(var(--pad) * 1.6);padding-bottom:calc(var(--pad) * 1.6)}
.paint-dark h1{max-width:18ch}
.paint-dark p{max-width:52ch;margin-top:1.2rem;color:var(--sand)}
.lift-open{background:var(--ink);color:var(--paper);padding-top:calc(var(--pad) * 1.15);padding-bottom:calc(var(--pad) * 1.4)}
.lift-pair{max-width:46rem;margin:0 auto;padding-left:var(--side);padding-right:var(--side);display:grid;gap:calc(var(--pad) * .95);justify-items:center;text-align:center}
.lift-hero{width:min(18.5rem,100%);margin:0}
.lift-hero img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 0 0 3px var(--sun)}
.lift-words h1{max-width:18ch}
.lift-words p{max-width:36ch;margin-top:1.15rem;color:var(--sand);margin-left:auto;margin-right:auto}
.lift-open-solo{padding-bottom:calc(var(--pad) * 1.15)}
.lift-open-solo .lift-hero{width:min(22rem,100%)}
.lift-open + .paint-head{margin-top:calc(var(--gap) * -1)}
@media (min-width:800px){
.lift-pair{grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);align-items:center;justify-items:stretch;text-align:left;gap:clamp(1.8rem,4vw,3.2rem)}
.lift-hero{width:100%}
.lift-words p{margin-left:0;margin-right:0}
.lift-open-solo .lift-pair{grid-template-columns:1fr;justify-items:center}
.lift-open-solo .lift-hero{width:min(22rem,100%)}
}
.paint-tint{background:var(--sand);color:var(--ink);padding-top:var(--pad);padding-bottom:var(--pad)}
.paint-tint p{max-width:62ch}
.paint-tint p+p{margin-top:1rem}
.show-quote{background:var(--sun);color:var(--ink);padding-top:calc(var(--pad) * 1.2);padding-bottom:calc(var(--pad) * 1.2)}
.show-quote p{font-family:"Archivo Black","Archivo",Arial,sans-serif;font-size:clamp(1.4rem,3.2vw,2.3rem);line-height:1.2;max-width:22ch}
.tell-line{margin-top:.7rem;font-size:var(--small);max-width:44ch;color:var(--sand)}
.paint-head{background:var(--sun);color:var(--ink);padding-top:var(--pad);padding-bottom:var(--pad)}
.paint-head p{max-width:62ch;margin-top:1.1rem}
.paint-head p+p{margin-top:.9rem;font-size:var(--small)}
.paint-name{background:var(--shout);color:var(--paper);padding:calc(var(--pad) * .7) 0}
.paint-name h2{max-width:24ch}
.paint-note{background:var(--deep);color:var(--paper);padding-top:var(--pad);padding-bottom:var(--pad)}
.paint-note p{max-width:62ch;font-size:var(--small)}
.paint-note p+p{margin-top:1rem}
.name-close{display:block}
.place-line{margin-top:.45rem;font-size:var(--small)}
.see-shot{margin-top:.4rem}
.see-shot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.close-shot img{width:100%;height:auto;aspect-ratio:21/8;object-fit:cover}
.go-four{display:grid;grid-template-columns:1fr;row-gap:2px}
.go-block{background:var(--deep);color:var(--paper);text-decoration:none;display:block;padding-top:calc(var(--pad) * .9);padding-bottom:calc(var(--pad) * .9)}
.go-block span{display:block}
.go-block .name-close{font-family:"Archivo Black","Archivo",Arial,sans-serif;font-weight:400;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.04}
.say-line{max-width:66ch;padding-top:var(--pad);padding-bottom:var(--pad)}
.keep-note{max-width:62ch;font-size:var(--small);color:var(--note);padding-top:var(--pad);padding-bottom:var(--pad)}
.link-text{color:var(--shout);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.paint-note .link-text,.paint-name .link-text,.paint-top .link-text{color:var(--sun)}
.skip-link{display:block;padding:.5rem var(--side);font-size:var(--small);background:var(--ink);color:var(--sun)}
.hold-bar{padding:1.1rem var(--side) 1.2rem;max-width:46rem;margin-left:auto;margin-right:auto}
.show-sign{font-family:"Archivo Black","Archivo",Arial,sans-serif;font-weight:400;font-size:1.25rem;text-decoration:none;display:block;color:var(--sun)}
.open-menu{display:none;margin-top:.7rem;font-size:var(--small);color:var(--sun);text-decoration:underline;text-underline-offset:3px}
.show-links{margin-top:.55rem}
.show-links a{display:inline;text-decoration:none;font-size:var(--small);padding-right:1.1rem;line-height:1.9}
.show-links a[aria-current="page"]{color:var(--sun)}
[data-js="on"] .open-menu{display:block}
[data-js="on"] .show-links[data-open="false"]{display:none}
[data-js="on"] .show-links[data-open="true"]{display:block}
@media (min-width:700px){
[data-js="on"] .show-links[data-open="false"]{display:block}
[data-js="on"] .open-menu{display:none}
}
@media (min-width:1120px){
.hold-page{max-width:54rem}
.hold-bar{max-width:54rem}
.lift-pair{max-width:54rem}
:root{--read:1.125rem}
}
.end-foot{background:var(--ink);color:var(--paper);padding-top:var(--pad);padding-bottom:var(--pad)}
.end-foot p{font-size:var(--small);max-width:none;line-height:2}
.end-foot a{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--shout);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
form p{margin-top:1.2rem;max-width:40rem}
label{display:inline}
input[type="text"],input[type="email"],select,textarea{width:100%;max-width:30rem;padding:.5rem}
input[type="checkbox"]{width:auto}
button[type="submit"]{background:var(--shout);color:var(--paper);padding:.8rem 1.6rem;font-family:"Archivo Black","Archivo",Arial,sans-serif}