:root{--art-ink: #4b4f55}:root[data-mode=dark]{--art-ink: #3c4046}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cover-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);grid-template-areas:"title snap" "births snap";align-items:end;gap:14px 32px}.cover-hero>.cover-title{grid-area:title}.cover-snap{grid-area:snap;align-self:center;float:none;width:auto;margin:6px 0 4px;transform:rotate(1.6deg)}.births{grid-area:births;align-self:start;font-size:var(--fs-s);color:var(--muted)}.births-num{display:inline-block;min-width:2.2em;margin-inline:.3em;text-align:center;font-size:var(--fs-l);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;background:linear-gradient(transparent 55%,var(--marker) 55%)}.length-pick{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}.length-pick>legend{padding:0;margin-bottom:8px}.length-options{display:flex;flex-wrap:wrap;gap:8px}.length-option{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:.4em 1.1em;border:1.5px solid var(--line);border-radius:8px;background:var(--sheet);cursor:pointer;font-weight:600}.length-option input{position:absolute;opacity:0;pointer-events:none}.length-option:hover{border-color:var(--accent)}.length-option:has(input:checked){border-color:var(--accent);background:linear-gradient(transparent 45%,var(--marker) 45%),var(--sheet)}.length-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.reveal{min-height:min(78vh,640px);max-width:880px;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;cursor:pointer;word-break:auto-phrase}.reveal-ask{color:var(--muted)}.reveal-slot{min-width:min(84vw,11em);padding:18px 28px;background:var(--sheet);border-radius:4px;box-shadow:var(--shadow);font-size:clamp(1.9rem,7vw,3rem);font-weight:600;line-height:1.3}.reveal-name{display:inline-block;animation:reveal-flip-a .12s ease-out}.reveal-name.flip{animation-name:reveal-flip-b}.reveal-name.landed{animation:none;background:linear-gradient(transparent 55%,var(--marker) 55%)}@keyframes reveal-flip-a{0%{transform:translateY(-.35em);opacity:.2}}@keyframes reveal-flip-b{0%{transform:translateY(-.35em);opacity:.2}}.reveal-after{font-size:var(--fs-l)}.reveal-skip{font-size:var(--fs-s)}.page-note{font-size:var(--fs-s);color:var(--accent)}.page.page-look{background-image:linear-gradient(to right,transparent calc(50% - 10px),color-mix(in srgb,var(--ink) 7%,transparent) 50%,transparent calc(50% + 10px)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--lh) - 1px),var(--rule) calc(var(--lh) - 1px) var(--lh));padding-left:clamp(14px,3vw,24px)}.look-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 44px;align-items:start;padding-top:6px}.page-look.no-photos .look-spread{grid-template-columns:minmax(0,1fr)}.look-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding-top:6px}.look-snap{position:relative;margin:0;padding:4px 4px 2px;background:var(--art-paper);border-radius:2px;box-shadow:var(--snap-shadow);transform:rotate(-1.4deg)}.look-snap:nth-child(2n){transform:rotate(1.2deg)}.look-snap:before{content:"";position:absolute;top:-7px;left:50%;width:40px;height:13px;margin-left:-20px;border-radius:1px;background:var(--tape-a);transform:rotate(-3deg);pointer-events:none}.look-snap:nth-child(3n+2):before{background:var(--tape-b);transform:rotate(4deg)}.look-pic svg{display:block;width:100%;height:auto;aspect-ratio:56 / 30}.look-snap figcaption{font-size:.72rem;line-height:1.5;color:var(--art-ink);padding:3px 2px 2px}.look-text{display:grid;align-content:start}.look-title{font-family:var(--font-hand);font-weight:600;font-size:var(--fs-l);line-height:var(--lh)}.look-next{justify-self:start;margin-top:var(--lh)}@media(max-width:760px){.cover-hero{grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-areas:"title title" "snap births";align-items:center;gap:12px 14px}.cover-snap{margin:8px 0 4px}.births{align-self:center}.look-spread{grid-template-columns:minmax(0,1fr);gap:10px}.page.page-look{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--lh) - 1px),var(--rule) calc(var(--lh) - 1px) var(--lh));padding-left:14px}.look-next{justify-self:stretch}}@media(prefers-reduced-motion:reduce){.reveal-name{animation:none}}