main{padding-bottom:var(--s9)}.hero{min-height:70vh;padding:var(--s8) 0;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.wordmark{font-size:var(--text-display);letter-spacing:-.03em;font-weight:500;line-height:1}.wordmark .dot{color:var(--dot)}.tagline{margin-top:var(--s4);max-width:30ch;font-size:clamp(1.25rem,1rem + 1.5vw,1.75rem)}.hero .arrow-link{font-size:var(--text-md)}.hero-links{gap:var(--s3) var(--s6);margin-top:var(--s6);flex-wrap:wrap;display:flex}.hero .tile-home{margin-top:var(--s6)}.tile-home{margin-top:var(--s4);display:none}main:has(.tile[open]) .tile-home{display:inline-flex}main:has(.tile[open]) .hero-links{display:none}main:has(.tile[open]) .hero{min-height:0;padding:var(--s7) 0 var(--s6)}.tiles{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));align-items:start;display:grid}.tile{min-width:0;scroll-margin-top:var(--s5);position:relative}.tile[open]{grid-column:1/-1}.tiles:has(>.tile[open])>.tile:not([open]){display:none}.tile>summary{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--tile-color,var(--hof));color:#fff;cursor:pointer;list-style:none;display:block;position:relative;overflow:hidden}.tile[open]>summary{aspect-ratio:auto;height:clamp(12rem,30vw,20rem)}.tile>summary::-webkit-details-marker{display:none}.tile>summary:focus-visible{outline-offset:3px}.face{object-fit:cover;width:100%;height:100%;transition:filter var(--fast) var(--ease);position:absolute;inset:0}.tile>summary:hover .face{filter:brightness(.92)}.caption{gap:var(--s1);padding:var(--s7) var(--s5) var(--s4);background:linear-gradient(#0000,#14151673 45%,#141516c7);display:grid;position:absolute;inset:auto 0 0}.tile.is-color .caption{background:0 0}.kind{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-weight:600}.tile h3,.tile h4{text-wrap:balance;font-size:clamp(1.5rem,1.1rem + 1.1vw,1.9rem);line-height:1.2}.tile.child h4{font-size:var(--text-lg)}.caption .line{font-size:var(--text-sm);opacity:.9}.toggle-mark{top:var(--s3);right:var(--s3);border-radius:var(--radius);width:2rem;height:2rem;transition:background var(--fast) var(--ease);background:#14151673;position:absolute}.toggle-mark:before,.toggle-mark:after{content:"";width:.85rem;height:2px;transition:transform var(--fast) var(--ease);background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-mark:after{transform:translate(-50%,-50%)rotate(90deg)}.tile>summary:hover .toggle-mark,.tile>summary:focus-visible .toggle-mark,.tile[open]>summary .toggle-mark{background:var(--accent)}.tile[open]>summary .toggle-mark:before{transform:translate(-50%,-50%)rotate(45deg)}.tile[open]>summary .toggle-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.tile .body{gap:var(--s4);padding:var(--s5) 0 var(--s7);display:grid}.tile .text{max-width:var(--measure)}.text p{color:var(--muted)}.actions{align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;display:flex}.tile .children{margin-top:var(--s2)}.tile .children .body{padding-bottom:var(--s5)}.cover{border-radius:var(--radius-lg);width:min(100%,28rem);box-shadow:var(--shadow);display:block;position:relative;overflow:hidden}.cover img{width:100%;height:auto}.photos{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.photos img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);width:100%}.photos a{display:block;position:relative}.photos a:hover img,.photos a:focus-visible img{outline:2px solid var(--accent);outline-offset:-2px}.photos .badge,.cover .badge{left:var(--s3);bottom:var(--s3);max-width:calc(100% - var(--s6));position:absolute}.memories .eyebrow{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em}.memories ul{margin:var(--s3) 0 0;max-width:var(--measure);padding:0;list-style:none}.memory{gap:var(--s4);padding:var(--s3) 0;border-top:var(--hairline);grid-template-columns:2.5rem 1fr;align-items:start;display:grid}.memory:last-child{border-bottom:var(--hairline)}.memory-play{border-radius:var(--radius);background:var(--accent);width:2.5rem;height:2.5rem;color:var(--on-accent);transition:background var(--fast) var(--ease);border:0;place-items:center;display:grid}.memory-play:hover,.memory-play:focus-visible{background:var(--accent-strong)}.memory-icon{border:.45rem solid #0000;border-left:.7rem solid;border-right-width:0;width:0;height:0;margin-left:.15rem}.memory.playing .memory-icon{border-width:0 .22rem;border-color:currentColor;width:.65rem;height:.8rem;margin-left:0}.memory-head{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.memory-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:500}.memory-time{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--muted)}.memory-track{height:3px;margin:var(--s2) 0;background:var(--rule);border-radius:2px;position:relative}.memory-track span{background:var(--accent);border-radius:2px;width:0;position:absolute;inset:0 auto 0 0}.memory-transcript summary{cursor:pointer;font-size:var(--text-sm);color:var(--muted)}.memory-transcript summary:hover{color:var(--fg)}.memory-transcript p{margin-top:var(--s2);font-family:var(--font-display);color:var(--muted);font-style:italic}.reading .eyebrow{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em}.shelf{margin:var(--s3) 0 0;gap:var(--s6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.book-link{gap:var(--s1);width:8.5rem;color:var(--fg);text-decoration:none;display:grid}.book3d{margin-bottom:var(--s2);perspective:700px;display:block;position:relative}.book-pages{box-shadow:var(--shadow);background:repeating-linear-gradient(90deg,#fbfaf7 0 2px,#e9e6de 2px 3px);border-radius:0 3px 3px 0;position:absolute;inset:2% 0 2% 3%}.book-cover{transform-origin:0;height:100%;transform-style:preserve-3d;transition:transform var(--slow) var(--ease), box-shadow var(--slow) var(--ease);border-radius:2px 4px 4px 2px;display:block;position:relative;overflow:hidden;box-shadow:0 6px 16px #2325272e,0 1px 2px #2325271f}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000047,#ffffff24 3%,#0000000f 6%,#0000 12%);position:absolute;inset:0}.book-link:hover .book-cover,.book-link:focus-visible .book-cover{transform:rotateY(-32deg);box-shadow:12px 8px 22px #2325273d}.book-link:focus-visible{outline-offset:6px}.book-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:500;line-height:1.25}.book-author{font-size:var(--text-sm);color:var(--muted)}.embed{aspect-ratio:16/5;border:var(--hairline);border-radius:var(--radius-lg);background:#fff;width:100%;min-height:10rem}@media (width<=640px){.embed[src="/globe/index.html"]{min-height:24rem}.embed[src="/percentcalc/index.html"]{min-height:34rem}.tile h3{font-size:var(--text-lg)}.caption{padding:var(--s6) var(--s4) var(--s3)}}