.view-content{display:contents}
.footer-personal{gap:clamp(12px,1.6vw,25px);flex-wrap:wrap}
.footer-personal .owner-link[data-personal-nav]{gap:0}
.footer-personal [aria-current=page]{color:var(--accent)}
.personal-main{width:100%;margin:auto 0;padding:10px 0 18px}
.personal-heading{text-align:center;position:relative;margin:0 0 14px}
.personal-kicker{color:var(--accent);font:10px/1.5 "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.personal-heading h1{font-size:clamp(26px,3vw,42px);line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:0}
.personal-intro{max-width:650px;color:var(--muted);font-size:12px;line-height:1.5;margin:10px auto 0;text-wrap:balance}
.personal-back{display:inline-flex;align-items:center;gap:8px;min-height:32px;text-decoration:none;color:var(--muted);font:9px/1.4 "Courier New",monospace}
.personal-back span{color:var(--accent)}
.personal-back-top{position:absolute;left:0;top:0}
.personal-back:hover{color:var(--ink)}
.personal-note{margin:12px auto 0;color:var(--muted);font:9px/1.5 "Courier New",monospace;text-align:center}
.reader-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 0 0;font:10px/1.5 "Courier New",monospace}
.reader-controls button,.gallery-arrow{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--accent);border:1px solid var(--hairline);border-radius:50%;width:40px;height:40px;font:20px/1 Arial;cursor:pointer;flex-shrink:0}
.reader-controls button:hover,.gallery-arrow:hover{border-color:var(--accent)}
.reader-controls button:disabled,.gallery-arrow:disabled{opacity:.28;cursor:default}
.personal-main button:focus-visible,.personal-back:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.personal-main h1:focus,.poem-main h1:focus,#products h1:focus{outline:none}
.book-stage{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(190px,calc(100svh - 320px),660px);overflow:hidden;perspective:1800px;touch-action:pan-y}
.book-object{position:relative;filter:drop-shadow(0 14px 22px #0005);transition:transform .45s ease;perspective:1800px}
.book-object[data-cover=front][data-layout=landscape]{transform:translateX(calc(var(--book-page-width) / -2))}
.book-object[data-cover=back][data-layout=landscape]{transform:translateX(calc(var(--book-page-width) / 2))}
.book-leaf{position:absolute;top:0;width:var(--book-page-width);height:100%;background:#eee9dc;color:#252822;border:1px solid #d3cebf;overflow:hidden}
.book-turn{position:absolute;top:0;width:var(--book-page-width);height:100%;transform-style:preserve-3d;z-index:4;pointer-events:none}
.book-turn-next{transform-origin:left center;animation:book-turn-next .72s cubic-bezier(.45,.05,.3,1) both}
.book-turn-prev{transform-origin:right center;animation:book-turn-prev .72s cubic-bezier(.45,.05,.3,1) both}
.book-turn-front,.book-turn-back{position:absolute;inset:0;backface-visibility:hidden;transform-style:preserve-3d}
.book-turn-front{transform:translateZ(.1px)}.book-turn-back{transform:rotateY(180deg) translateZ(.1px)}
.book-turn .book-leaf{left:0;box-shadow:0 0 24px #0003}
@keyframes book-turn-next{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}
@keyframes book-turn-prev{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}
.book-leaf-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:12%;font-size:calc(var(--book-page-width) * .043);line-height:1.6}
.book-leaf h2{font:400 2em/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 1em}
.book-leaf p{margin:0 0 1.2em}
.book-leaf .leaf-label{font:.65em/1.5 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;color:#626a5e}
.book-leaf .leaf-number{font:.7em/1 "Courier New",monospace;position:absolute;bottom:5%;left:12%}
.book-leaf[data-density=hard]{background:#23392a;color:#e8f4df;border:1px solid #486b4b}
.book-leaf[data-density=hard] .book-leaf-content{align-items:center;text-align:center;box-shadow:inset 7px 0 12px #0004}
.book-leaf[data-density=hard] h2{font-family:Arial,sans-serif;font-size:3.4em}
.book-leaf[data-density=hard] .leaf-label{color:var(--accent)}
.book-leaf img{width:100%;height:100%;object-fit:contain}
.picture-viewer{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:clamp(12px,2vw,30px);width:min(100%,1020px);margin:18px auto 0}
.picture-figure{margin:0;min-width:0;text-align:center}
.picture-frame{height:clamp(190px,calc(100svh - 350px),620px);display:flex;align-items:center;justify-content:center;position:relative}
.picture-frame img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.picture-caption{display:flex;justify-content:center;gap:12px;align-items:center;margin:12px 0 0;min-height:20px;font:11px/1.5 "Courier New",monospace;color:var(--ink)}
.picture-year{color:var(--muted)}
.picture-counter{text-align:center;font:9px/1.5 "Courier New",monospace;color:var(--muted);margin:6px 0 0}
.picture-example{font:8px/1.5 "Courier New",monospace;color:var(--muted);text-align:center;margin:6px 0 0}
@media(max-width:849px){.footer-personal{gap:16px}.personal-heading h1{font-size:30px}.personal-kicker{font-size:9px}.personal-intro{font-size:11px}.personal-note{font-size:8px}}
@media(max-width:599px){
 .personal-main{padding:20px 0 30px}.personal-back-top{position:static;margin-bottom:20px;min-height:44px}.personal-heading{margin-bottom:24px}.personal-kicker{font-size:8px}.personal-heading h1{font-size:34px}.personal-intro{font-size:12px;max-width:310px}.personal-note{max-width:300px;line-height:1.6}
 .book-stage{height:clamp(270px,calc(100svh - 400px),540px)}.reader-controls{gap:26px;margin-top:18px}.reader-controls button,.gallery-arrow{width:40px;height:40px}
 .picture-viewer{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.picture-frame{height:clamp(200px,calc(100svh - 450px),480px)}.picture-caption{font-size:10px;flex-direction:column;gap:0}.picture-example{font-size:7px}.footer-personal{gap:20px}
}
@media(min-width:600px) and (max-width:849px) and (hover:hover) and (pointer:fine){.footer-personal{gap:12px}.personal-heading h1{font-size:26px}.personal-back{font-size:8px}.personal-intro{max-width:450px}.personal-kicker{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.book-object{transition:none}.book-turn{animation:none}}

/* The supplied CV is a native download; it does not change the active view. */
.masthead-identity{display:flex;align-items:center;gap:clamp(12px,1.4vw,20px);flex-wrap:wrap;min-width:0}
.cv-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid var(--hairline);border-radius:999px;color:var(--ink);text-decoration:none;font:12px/1.2 "Courier New",Courier,monospace;letter-spacing:.03em;white-space:nowrap}
.cv-icon{width:16px;height:16px;flex-shrink:0;color:var(--accent)}
.cv-download:hover{color:var(--accent);border-color:var(--accent)}
.cv-download:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.footer-personal .cv-footer{gap:7px}.cv-footer .cv-icon{width:12px;height:12px}
@media(max-width:699px){.masthead-identity{gap:12px}.cv-download{min-height:34px;padding:7px 10px;font-size:11px}.cv-download .cv-icon{width:14px;height:14px}}
@media(max-width:419px){.masthead-identity{justify-content:center}}