*{box-sizing:border-box}html{--blue:#1600ff;--bg:#080808;--ink:#f7f5ed;--muted:#b4b2a8;--line:#ffffff30;--accent:#e7fa24;--paper:#f3efdf;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink);color-scheme:dark;scroll-behavior:smooth}html[data-theme=white],html[data-theme=color]{--bg:#1600ff;--ink:#fff;--muted:#d6d1ff;--line:#ffffff42;--accent:#fff}html[data-theme=color]{--accent:#fff135}body{margin:0;font-family:var(--sans);min-width:320px;font-size:16px;line-height:1.45}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;border:0;border-radius:0;color:inherit;background:transparent;cursor:pointer}button:disabled{opacity:.35;cursor:default}a:hover,button:hover{opacity:.8}button:focus-visible,a:focus-visible,label:focus-within{outline:3px solid var(--accent);outline-offset:5px}button[aria-pressed=true]:focus-visible{outline-color:var(--ink)}[hidden]{display:none!important}p,h1,h2{margin:0}.skip{position:fixed;z-index:100;left:20px;top:-60px;background:var(--paper);color:#111;padding:12px}.skip:focus{top:10px}.preview-bar{position:relative;z-index:60;min-height:66px;padding:12px 32px;display:flex;align-items:center;justify-content:center;gap:24px;border-bottom:1px solid var(--line);background:var(--bg)}.preview-label{font-size:10px;letter-spacing:.16em}.theme-switch{display:flex;border:1px solid var(--ink);padding:3px;gap:3px}.theme-switch button{font-size:12px;min-height:32px;padding:6px 15px;white-space:nowrap}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg);opacity:1}.preview-status{font-size:11px;color:var(--muted)}.site-header{max-width:1510px;margin:auto;padding:35px 48px 15px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:baseline;gap:14px;white-space:nowrap;line-height:1.03;letter-spacing:-.04em}.brand-name{font-size:clamp(20px,2.9vw,44px);font-weight:400}.brand-cross{font-size:28px;font-weight:300}.brand-title{font-size:clamp(32px,3.9vw,60px);font-weight:800;letter-spacing:-.055em}.main-nav{display:flex;gap:23px;white-space:nowrap;font-size:13px}.main-nav button{padding:0}html[data-theme=white] .brand-name,html[data-theme=white] .brand-cross{display:none}html[data-theme=white] .brand-title{text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(40px,4.8vw,70px)}html[data-theme=color] .brand{display:block}html[data-theme=color] .brand-name{display:block;font-size:19px;letter-spacing:.2em;font-weight:300;margin-bottom:9px}html[data-theme=color] .brand-cross{display:none}html[data-theme=color] .brand-title{font-size:50px;font-weight:300;letter-spacing:.03em;text-transform:uppercase}main{max-width:1510px;margin:auto;padding:0 48px}.intro{display:flex;align-items:center;justify-content:space-between;margin:12px 0 28px;font-size:12px;color:var(--muted)}.shelf-wrap{overflow-x:clip;padding:28px 30px 12px;margin:0 -24px}.shelf{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:auto;position:relative;min-height:420px;transition:min-height .25s}.book{flex:none;position:relative;display:block;isolation:isolate;transform-origin:50% 100%;transform:translateY(var(--bottom,0px)) rotate(var(--tilt,0deg));transition:transform .25s ease,filter .25s;padding:0;overflow:visible;outline:none}.book:hover,.book:focus-visible{transform:translateY(calc(var(--bottom,0px) - 18px)) rotate(var(--tilt,0deg));opacity:1;z-index:4}.book:focus-visible:after{content:'';position:absolute;inset:-5px;border:2px solid var(--accent)}.book.is-selected{transform:translateY(calc(var(--bottom,0px) - 22px)) rotate(var(--tilt,0deg));z-index:3}.spine-art{display:block;width:100%;height:100%;position:relative;overflow:hidden;pointer-events:none}.spine-art img{position:absolute;max-width:none;pointer-events:none}.book.is-unavailable:hover{transform:translateY(var(--bottom,0px)) rotate(var(--tilt,0deg))}.catalog-area{display:grid;grid-template-columns:140px 1fr auto;gap:22px;margin:34px 0 0;min-height:190px;border-top:1px solid var(--line);padding:24px 0 28px;align-items:start}.catalog-index{font-size:10px;letter-spacing:.11em;display:grid;gap:8px;padding-top:6px;color:var(--muted)}.project-detail h1,.project-detail h2{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.035em;line-height:1.15;font-weight:500}.project-detail p{margin-top:9px;color:var(--muted);font-family:var(--serif);font-size:17px}.project-meta{font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:10px}.project-actions{display:flex;align-items:center;gap:20px;margin-top:19px}.project-action{display:inline-flex;padding:9px 16px;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--ink);font-size:12px;letter-spacing:.05em}.project-action.primary{background:var(--ink);color:var(--bg)}.text-button{padding:4px 0 5px;border-bottom:1px solid currentColor;font-size:12px;width:max-content}.project-list{margin:0 0 35px}.project-list button{display:grid;grid-template-columns:42px 1fr auto;width:100%;border-top:1px solid var(--line);padding:17px 0;text-align:left;gap:12px;align-items:center}.project-list .list-number{font-size:11px;color:var(--muted)}.project-list .list-kind{font-size:11px;color:var(--muted)}.album-heading{display:flex;justify-content:space-between;align-items:center;padding-top:23px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:8px;color:var(--muted)}.album-heading h1{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.02em}.album-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:34px;align-items:center}.album-aside{align-self:center;padding-bottom:80px}.album-aside #album-spine{width:86px;height:410px;margin:auto;transform:rotate(-3deg)}.album-aside-copy{margin:18px 0 0;font-family:var(--serif);font-size:13px}.album-aside-copy span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.album{position:relative;width:100%;aspect-ratio:1.5;isolation:isolate}.album-paper{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.photo-pocket{position:absolute;width:36.5%;height:23%;padding:0;overflow:hidden;border:0;background:#dfdbc9;display:block}.photo-pocket:hover{opacity:1;filter:brightness(1.08)}.photo-pocket:focus-visible{outline:3px solid #1600ff;outline-offset:3px}.photo-crop{position:relative;width:100%;height:100%;overflow:hidden;display:block}.photo-crop img{position:absolute;max-width:none;pointer-events:none}.photo-crop img.custom-photo{position:static;width:100%;height:100%;object-fit:contain;background:#eae4cf}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px 0;font-family:var(--serif);font-size:14px}.page-controls button{padding:10px 0;min-height:42px}.page-controls span{font-size:12px;letter-spacing:.09em;white-space:nowrap}.album-hint{text-align:center;color:var(--muted);font-size:11px;margin:5px 0 0}.photo-tools{display:flex;justify-content:flex-end;align-items:center;gap:20px;color:var(--muted);font-size:11px;margin:25px 0 35px}.upload-label{position:relative;border-bottom:1px solid currentColor;cursor:pointer;color:var(--ink);padding:5px 0}.upload-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;font-size:0}.photo-tools button{font-size:11px;text-decoration:underline}.about-view{max-width:750px;padding:80px 0 150px;margin:auto}.about-view h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,7vw,84px);letter-spacing:-.05em;margin:10px 0 28px}.about-view>p:not(.eyebrow){font-family:var(--serif);font-size:clamp(23px,3vw,35px);line-height:1.5;color:var(--muted)}.about-links{display:flex;gap:30px;margin-top:40px;font-size:13px;text-decoration:underline;text-underline-offset:6px}.site-footer{max-width:1510px;padding:20px 48px 28px;margin:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);gap:20px}.photo-viewer{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;position:fixed;inset:0;background:#080808;color:#fff;overflow:hidden}.photo-viewer::backdrop{background:#080808}.photo-viewer[open]{display:flex;flex-direction:column}.viewer-header{height:70px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:18px 32px;font-size:13px;font-family:var(--serif)}.viewer-header button{padding:10px 0;min-height:42px}.viewer-header span{font:11px var(--sans);color:#999;letter-spacing:.09em}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:5px 70px 50px;position:relative}.viewer-image{width:100%;max-height:100%;aspect-ratio:1.5;position:relative;overflow:hidden}.viewer-image img{max-width:none;position:absolute}.viewer-image img.custom-photo{position:static;width:100%;height:100%;object-fit:contain}.viewer-previous,.viewer-next{position:absolute;top:50%;font-size:10px;min-width:52px;min-height:52px;padding:5px}.viewer-previous{left:9px}.viewer-next{right:9px}body.has-viewer{overflow:hidden}.turning{animation:pagechange .24s ease}@keyframes pagechange{0%{opacity:.35;transform:translateX(5px)}100%{opacity:1;transform:translateX(0)}}
@media(min-width:1650px){.shelf{padding-top:20px}.site-header{padding-top:45px}}@media(max-width:1000px){.site-header{padding:28px 28px 12px}.brand{gap:9px}.brand-name{font-size:26px}.brand-title{font-size:38px}.main-nav{gap:15px;font-size:11px}main{padding:0 28px}.catalog-area{grid-template-columns:95px 1fr auto}.album-layout{grid-template-columns:75px minmax(0,1fr);gap:12px}.album-aside #album-spine{width:65px;height:310px}.album-aside-copy{font-size:11px}.site-footer{padding-left:28px;padding-right:28px}.preview-status{display:none}}
@media(max-width:680px){.preview-bar{position:sticky;top:0;padding:9px 10px;min-height:55px;gap:8px;justify-content:center}.preview-label{display:none}.theme-switch{width:100%;max-width:390px}.theme-switch button{flex:1;font-size:11px;padding:6px 8px;min-height:32px}.site-header{padding:25px 21px 12px;display:block}.brand{gap:8px}.brand-name{font-size:19px}.brand-cross{font-size:20px}.brand-title{font-size:31px}html[data-theme=white] .brand-title{font-size:43px}html[data-theme=color] .brand-name{font-size:13px}html[data-theme=color] .brand-title{font-size:37px}.main-nav{margin-top:20px;font-size:12px;gap:22px}main{padding:0 21px}.intro{display:block;margin:9px 0 10px;font-size:11px}.intro p+p{margin-top:3px}.shelf-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;margin:0 -21px;padding:28px 30px 23px}.shelf{justify-content:flex-start;min-height:340px;width:max-content;gap:9px;margin:0}.catalog-area{grid-template-columns:1fr auto;gap:14px;padding:21px 0 25px;margin-top:10px;min-height:250px}.catalog-index{grid-column:1/-1;display:flex;gap:17px;padding:0}.project-detail h1,.project-detail h2{font-size:25px}.project-detail p{font-size:16px}.project-detail{grid-column:1/-1;grid-row:2}.catalog-area>.text-button{grid-column:2;grid-row:1;font-size:10px}.project-list .list-kind{max-width:100px;text-align:right}.album-heading{padding-top:16px;margin-bottom:15px;gap:10px}.album-heading h1{font-size:26px}.album-heading>.text-button{font-size:10px;max-width:90px;text-align:right}.album-layout{display:block;margin:0 -14px}.album-aside{display:none}.album{width:100%;min-width:0;aspect-ratio:1.5}.page-controls{font-size:12px;gap:10px;padding:6px 10px 0}.page-controls span{font-size:10px}.album-hint{font-size:10px;margin:7px 0}.photo-tools{justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:25px 0 40px;text-align:center}.photo-tools>span{flex-basis:100%}.about-view{padding:60px 0 100px}.about-links{flex-direction:column;gap:18px}.site-footer{font-size:9px;padding:20px 21px;display:block}.site-footer span{display:block;margin-bottom:5px}.viewer-header{padding:10px 16px;height:60px;font-size:12px}.viewer-stage{padding:0 12px 65px}.viewer-image{width:100%;max-height:85%}.viewer-previous,.viewer-next{top:auto;bottom:0;font-size:12px;min-height:56px}.viewer-previous{left:20px}.viewer-next{right:20px}.viewer-header span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.preview-bar{position:sticky;top:0}.album-aside #album-spine{width:140px;height:410px;margin-left:-15px;transform:none}.binder-cover{display:block;width:100%;height:100%;object-fit:contain}.viewer-themes{display:flex;gap:4px;border:1px solid #777;padding:2px;font:10px Arial,sans-serif}.viewer-themes button{padding:5px 8px;min-height:28px}.viewer-themes button[aria-pressed=true]{background:#fff;color:#080808}.viewer-themes button:focus-visible{outline-color:#fff}.photo-viewer .viewer-header{gap:18px}.photo-viewer .photo-crop{width:100%;height:100%}@media(max-width:1000px){.album-aside #album-spine{width:95px;height:310px;margin-left:-10px}}@media(max-width:680px){.viewer-header{flex-wrap:wrap;height:100px;gap:4px 12px!important}.viewer-themes{order:4;flex:1 1 100%;justify-content:center}.viewer-themes button{flex:1;max-width:110px}.viewer-header>span{margin-left:auto}.viewer-stage{padding-bottom:60px}}

.photo-pocket .photo-crop.demo-photo{height:auto;aspect-ratio:1.5;position:absolute;top:50%;transform:translateY(-50%)}
@media(min-width:681px){.album{max-width:min(100%,max(600px,calc((100dvh - 370px)*1.5)));margin-inline:auto}.album-aside{padding-bottom:45px}.album-aside #album-spine{height:260px}.album-aside-copy{margin-top:0}.album-main .page-controls{max-width:850px;margin-inline:auto}}
.photo-viewer,.photo-viewer::backdrop{background:var(--bg);color:var(--ink)}.viewer-header span{color:var(--muted)}

/* Edition 2: reference proportions and original printed spine artwork. */
.shelf{gap:2px}.shelf-wrap{padding-top:8px;margin-top:10px}.book.is-selected{transform:translateY(var(--bottom,0px)) rotate(var(--tilt,0deg))}.book.is-selected:after{content:'';position:absolute;bottom:-9px;left:20%;right:20%;height:2px;background:var(--ink)}.site-header{padding-top:26px}.intro{margin-bottom:12px}.catalog-area{margin-top:24px}.brand-title{letter-spacing:-.045em}html[data-theme=black] .site-header{justify-content:center;position:relative}html[data-theme=black] .main-nav{position:absolute;right:48px;top:100%}html[data-theme=black] .intro{margin-top:30px}html[data-theme=white] .brand:after{content:'Betsy Flickinger';display:block;font-size:22px;font-weight:400;letter-spacing:0;margin-top:10px}html[data-theme=white] .brand{display:block}html[data-theme=color] main{padding-left:22px;padding-right:22px}html[data-theme=color] .shelf-wrap{margin-left:-12px;margin-right:-12px}html[data-theme=color] .catalog-area{grid-template-columns:1fr auto}html[data-theme=color] .catalog-index{display:none}html[data-theme=color] .project-detail p{font-family:Arial,sans-serif}html[data-theme=color] .site-header{padding-left:22px}.preview-bar{min-height:48px;padding:6px 20px}.preview-status,.preview-label{display:none}.theme-switch{border-color:var(--line)}.theme-switch button{min-height:28px;font-size:11px}@media(max-width:680px){.shelf{gap:3px}html[data-theme=black] .site-header{display:block}html[data-theme=black] .main-nav{position:static}.shelf-wrap{padding-bottom:24px}html[data-theme=white] .brand:after{font-size:17px}.catalog-area{margin-top:12px}}

.book:disabled{opacity:1;cursor:default}.book:disabled:after{display:none}.book:disabled:hover{transform:translateY(var(--bottom,0px)) rotate(var(--tilt,0deg))}
