:root{--bg: #111111;--paper: #ffffff;--surface: #f4f4f4;--ink: #111111;--muted: #3a3a3a;--on-dark: #ffffff;--accent: #1a4be0;--accent-ink: #ffffff;--gutter: 28px;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2rem, 1.3rem + 3.2vw, 4rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--on-dark);font-family:Zilla Slab,serif;font-size:var(--step-body);line-height:1.5;font-weight:400}img{max-width:100%;height:auto;display:block}button,input{font:inherit}a{color:inherit;text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:12px var(--gutter);background:var(--bg)}.brand{display:flex;align-items:center;gap:.55rem}.logo{width:2.25rem;height:2.25rem;object-fit:contain}nav{display:flex;align-items:center;gap:1.3rem}nav button,.open,.bar,#readBtn,.how-nav button,.shut{background:var(--accent);color:var(--accent-ink);border:0;padding:.7rem 1.1rem;min-height:44px;font-weight:600;cursor:pointer;display:inline-block}nav button:hover,.open:hover,.bar:hover,#readBtn:hover{filter:brightness(1.08)}.shut{background:var(--ink);color:var(--paper)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.home{min-height:calc(100svh - 4.4rem);padding:0 var(--gutter) 1.5rem;display:grid;grid-template-columns:1fr 380px;column-gap:28px;align-items:start}.home h1{margin:.2rem 0 .3rem;text-align:center;font-size:8vw;font-weight:600;letter-spacing:-.025em;line-height:1}.home h1,.support{grid-column:1 / -1}.support{margin:0 auto .4rem;text-align:center;max-width:46ch;font-size:var(--step-lead)}.stack{grid-column:1;width:100%;margin:1.2rem 0 0}.desk-plates{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:12px;align-self:end}.desk-plates img{width:100%;aspect-ratio:21 / 9;object-fit:cover;height:auto}button.folder{width:100%;text-align:left;border:0;cursor:pointer;font-weight:600}.folder{position:relative;display:block;background:var(--paper);color:var(--ink);height:64px;margin-top:8px;padding:26px 18px 0;font-weight:600;clip-path:polygon(0 22px,var(--tab) 22px,calc(var(--tab) + 12px) 0,calc(var(--tab) + 148px) 0,calc(var(--tab) + 160px) 22px,100% 22px,100% 100%,0 100%)}.folder.front{height:auto;min-height:0;padding-bottom:16px}.folder.front img{width:100%;aspect-ratio:21 / 9;height:auto;object-fit:cover;margin-top:12px}.tab-label{font-weight:600}.folder .open{margin-top:.8rem}.gallery,.how,.faq{padding:4.5rem var(--gutter) 0;color:var(--ink);background:var(--paper)}.gallery h2,.how h2,.faq h2,.letter h2,.card h2{font-size:var(--step-head);font-weight:600;letter-spacing:-.025em;line-height:1;margin:0 0 1.4rem}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 12px;row-gap:28px}.tile{background:var(--paper);color:var(--ink);cursor:pointer;border:0;padding:0;width:100%;text-align:left;display:block;font-weight:400}.tile img{width:100%;aspect-ratio:21 / 9;object-fit:cover;background:var(--surface);height:auto}.strip{min-height:88px;padding:12px;font-size:var(--step-small);display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);color:var(--ink)}.strip b{font-weight:600}.chart{display:grid;grid-template-columns:1fr 640px;gap:32px;padding:7.5rem var(--gutter);align-items:start;background:var(--bg)}.preview{margin:0;position:sticky;top:24px;background:var(--paper);color:var(--ink);min-height:420px}.preview img{width:100%;aspect-ratio:21 / 9;height:auto;object-fit:cover;background:var(--surface)}.preview figcaption{padding:12px 16px 16px;font-size:var(--step-small)}.sheet{background:var(--paper);color:var(--ink);padding:48px 8px 36px;clip-path:polygon(0 16px,8% 16px,10% 0,18% 0,20% 16px,28% 16px,30% 0,38% 0,40% 16px,48% 16px,50% 0,58% 0,60% 16px,68% 16px,70% 0,78% 0,80% 16px,88% 16px,90% 0,98% 0,100% 16px,100% calc(100% - 16px),90% calc(100% - 16px),88% 100%,80% 100%,78% calc(100% - 16px),70% calc(100% - 16px),68% 100%,60% 100%,58% calc(100% - 16px),50% calc(100% - 16px),48% 100%,40% 100%,38% calc(100% - 16px),30% calc(100% - 16px),28% 100%,20% 100%,18% calc(100% - 16px),10% calc(100% - 16px),8% 100%,0 100%,0 calc(100% - 16px))}.sheet h2{text-align:center;font-size:var(--step-head);margin:0 0 .3rem}.sheet .note{text-align:center;margin:0 0 1.6rem}.group{margin:0 0 2.2rem}.group h3{text-align:center;font-size:var(--step-lead);font-weight:500;margin:0 0 .8rem}.row{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:.35rem 0;cursor:pointer;background:transparent;color:inherit;width:100%;text-align:left;min-height:0;border:0;font-weight:400}.row small{grid-column:1 / -1;color:var(--muted);font-size:var(--step-small)}.row.is-dim{opacity:.35}.hours{text-align:center;margin:1rem 0 0}.how{background:var(--paper)}.how-head{display:flex;justify-content:space-between;align-items:end}.how-nav{display:flex;gap:8px}.how-nav button{width:48px;height:48px;padding:0}.how-bar{height:6px;background:var(--surface);margin:.8rem 0 1rem}.how-bar span{display:block;height:100%;background:var(--ink);width:25%}.how-row{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.moment{flex:0 0 280px;scroll-snap-align:start}.moment b{display:block;font-size:var(--step-body);margin-bottom:.4rem}.moment p{margin:0;color:var(--muted);font-size:var(--step-small)}.moment img{width:100%;aspect-ratio:21 / 9;height:auto;object-fit:cover;margin-top:1rem}.letter{padding:7.5rem var(--gutter)}.paper{width:min(640px,100%);margin:0 auto;background:var(--paper);color:var(--ink);padding:60px 60px 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),95% 100%,90% calc(100% - 18px),85% 100%,80% calc(100% - 18px),75% 100%,70% calc(100% - 18px),65% 100%,60% calc(100% - 18px),55% 100%,50% calc(100% - 18px),45% 100%,40% calc(100% - 18px),35% 100%,30% calc(100% - 18px),25% 100%,20% calc(100% - 18px),15% 100%,10% calc(100% - 18px),5% 100%,0 calc(100% - 18px))}.seal{width:44px;height:44px;border-radius:50%;object-fit:cover}.paper p{margin:0 0 1rem}.sign{font-style:italic;font-size:var(--step-lead);margin-top:1.4rem}.role{color:var(--muted);font-size:var(--step-small)}.tear{margin-top:1.2rem;padding:1rem 0 1.4rem;font-size:var(--step-small)}.faq{display:grid;grid-template-columns:5fr 7fr;gap:32px;background:var(--surface);padding-bottom:4rem}.facts{font-size:var(--step-body)}details{margin:0 0 1.4rem}summary{font-size:var(--step-lead);font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}summary::-webkit-details-marker{display:none}summary:after{content:"";width:10px;height:10px;background:var(--ink);align-self:center;flex:none}details[open] summary:after{background:var(--accent)}details p{margin:.6rem 0 0}.faq-photos{display:grid;gap:12px;align-content:start}.faq-photos img{width:100%;aspect-ratio:21 / 9;height:auto;object-fit:cover;position:static}.reply{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;padding:4rem var(--gutter) 0;overflow:hidden}.reply>p{max-width:28ch;font-size:var(--step-lead);padding-bottom:4rem}.card{background:var(--paper);color:var(--ink);width:min(44vw,560px);justify-self:end;transform:rotate(2deg);margin-bottom:-60px;padding:48px;text-align:center;aspect-ratio:7 / 5}.card p{margin:0 0 1.4rem}.bar{width:100%;text-align:center;background:var(--ink);color:var(--paper);min-height:56px;line-height:56px;padding:0}footer{padding:var(--gutter)}.back{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;background:var(--paper);color:var(--ink);min-height:420px;padding:64px 48px 28px;position:relative;clip-path:polygon(4% 18px,8% 0,12% 18px,16% 0,20% 18px,24% 0,28% 18px,32% 0,36% 18px,40% 0,44% 18px,48% 0,52% 18px,56% 0,60% 18px,64% 0,68% 18px,72% 0,76% 18px,80% 0,84% 18px,88% 0,92% 18px,96% 0,100% 18px,100% 100%,0 100%,0 18px)}.bye{font-size:var(--step-head);font-weight:600;margin:0 0 .6rem}.address{display:flex;flex-direction:column;gap:.55rem;font-size:var(--step-body);position:relative;padding-top:130px}.stamp{position:absolute;top:0;right:0;width:88px;height:117px;object-fit:cover;padding:6px;background:var(--paper)}.imprint{grid-column:1 / -1;text-align:center;font-size:var(--step-small);margin:0}.tiny{font-size:var(--step-small);color:var(--muted)}.file{width:min(640px,calc(100% - 48px));border:0;padding:36px;background:var(--paper);color:var(--ink)}.file::backdrop{background:#111111b8}.file h2{font-size:var(--step-head);margin:0 0 .4rem}.file h3{font-size:var(--step-lead);font-weight:500;margin:1.2rem 0 .4rem}.status{min-height:1.4em;color:var(--accent)}.home h1{animation:rise .8s cubic-bezier(.16,1,.3,1) both}.support{animation:rise .8s .08s cubic-bezier(.16,1,.3,1) both}.folder{animation:rise .7s cubic-bezier(.16,1,.3,1) both}.folder:nth-child(1){animation-delay:.05s}.folder:nth-child(2){animation-delay:.1s}.folder:nth-child(3){animation-delay:.15s}.folder:nth-child(4){animation-delay:.2s}.folder:nth-child(5){animation-delay:.25s}.tile,.group,.moment,.paper,.card,.back{animation:rise .7s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.card{animation-name:riseCard}@keyframes riseCard{0%{opacity:0;transform:translateY(18px) rotate(2deg)}to{opacity:1;transform:rotate(2deg)}}.faq-photos img:first-child{animation:drift 16s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.05)}}.faq-photos{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home h1,.support,.folder,.tile,.group,.moment,.paper,.card,.back,.faq-photos img{animation:none}}