.cover{aspect-ratio:.72;width:100%;position:relative;container-type:inline-size;border-radius:1px 3px 3px 1px;transform:rotate(var(--angle));transition:transform .5s var(--ease),box-shadow .5s;box-shadow:1px 1px #b3a899,3px 2px #f0ebe1,4px 3px #b1a797,6px 5px 0 #e7e1d7,7px 10px 10px #33271928,12px 21px 24px #33271915;overflow:hidden;background:#f2eee6;color:#312d28}.cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 2%,#fff3 3%,#0001 4%,transparent 6%,transparent 98%,#0002),repeating-linear-gradient(0deg,#ffffff06 0 1px,#00000003 1px 2px);z-index:5}.atelier-book:hover .cover,.atelier-book:focus-visible .cover{transform:translateY(-7px) rotate(0) rotateY(-4deg);box-shadow:2px 2px #b3a899,4px 3px #f0ebe1,6px 5px #c7bfb2,10px 18px 16px #33271930,18px 32px 35px #33271920}.atelier-book:active .cover{transform:translateY(-3px) scale(.985)}.cover-inner{position:absolute;inset:0;padding:10% 10% 8% 13%;display:flex;flex-direction:column}.edition{font-size:4cqw;letter-spacing:.13em;text-transform:uppercase}.cover h2{font:400 15cqw/.96 Georgia,serif;letter-spacing:-.06em;margin:14% 0 0;position:relative;z-index:2;overflow-wrap:anywhere}.cover .subtitle{font-size:4cqw;letter-spacing:.04em;margin-top:7%;line-height:1.5;z-index:2}.cover .end{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:3.7cqw;border-top:1px solid currentColor;padding-top:7%;z-index:2}.caption{display:flex;justify-content:space-between;align-items:baseline;margin-top:17px;font-size:11px;gap:5px}.caption small{font-size:9px;color:var(--muted);white-space:nowrap}.art{position:absolute;pointer-events:none}.depo{background:#242825;color:#eee9dd}.depo .art{width:72%;height:68%;left:28%;top:26%;border:1px solid #d0b9a050;border-radius:50% 50% 0 0;background:repeating-linear-gradient(90deg,transparent 0 9%,#bba78b25 9% 9.5%);transform:rotate(-17deg)}.depo h2{font-size:26cqw;margin-top:24%}.lavender{background:#c5bfcc;color:#38303b}.lavender .art{width:75%;aspect-ratio:1;left:25%;top:45%;border:1px solid #574b6655;border-radius:50%;box-shadow:-18px 0 0 -1px #c5bfcc,-19px 0 0 #574b6655,-36px 0 0 -1px #c5bfcc,-37px 0 0 #574b6655}.lavender h2{font-size:14cqw;line-height:1.05}.fortyfive .art{font:400 87cqw/1 Georgia,serif;letter-spacing:-.14em;right:5%;top:27%;color:#85755e26}.fortyfive h2{font-size:18cqw}.coast{background:#757f77;color:#f6f0e5}.coast .art{inset:40% -30% -15% 12%;border-radius:50%;border:1px solid #fff5;box-shadow:0 -13px 0 -12px #fff5,0 -27px 0 -26px #fff5,0 -42px 0 -41px #fff5;transform:rotate(-25deg);background:linear-gradient(135deg,#c5d3bb30,transparent)}.garden .art{width:66%;height:53%;bottom:19%;right:4%;border-radius:50% 50% 0 0;background:linear-gradient(100deg,#b1a38a,#d9cdb6 35%,#8b8f7b 36%,#c7c3ab 50%,#727b6c 51%,#bcbca4 70%,#d9cdb6 71%);box-shadow:inset 8px 0 18px #3b342322}.garden h2{max-width:75%;font-size:16cqw}.personal{background:#784d4f;color:#f1ded2}.personal .art{font:italic 95cqw/1 Georgia,serif;left:16%;top:20%;opacity:.14}.personal h2{font-style:italic;font-size:20cqw}
.theme-switch{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:20;display:flex;justify-content:center;gap:22px;width:100%;padding:8px 15px max(9px,env(safe-area-inset-bottom));background:#eee7dbeb;backdrop-filter:blur(14px)}.theme-switch button{background:none;border:0;padding:7px 4px;font-size:12px;min-height:36px;color:#84766c}.theme-switch button[aria-pressed=true]{color:#3d332e;text-decoration:underline;text-underline-offset:6px}.atelier-gallery,.atelier-tools{display:none}
html[data-theme=atelier],html[data-theme=atelier] body{background:#ddd8d0;height:var(--app-height);overflow:hidden}
html[data-theme=atelier] #shelf{position:relative;inset:auto;transform:none;width:100%;max-width:820px;height:var(--app-height);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 27px 100px;background:radial-gradient(ellipse at 0 15%,#ffffff50,transparent 55%);touch-action:pan-y}
html[data-theme=atelier] #shelf:before,html[data-theme=atelier] #cabinet,html[data-theme=atelier] #calendar-object,html[data-theme=atelier] .shelf-pager{display:none!important}
html[data-theme=atelier] #shelf .top{position:relative;inset:auto;transform:none;padding:0;width:auto}html[data-theme=atelier] #shelf .intro{position:relative;inset:auto!important;transform:none;padding:40px 0 28px;text-align:left}html[data-theme=atelier] #shelf .intro h1{font:400 clamp(36px,6vw,56px)/1.06 Georgia,serif;letter-spacing:-1.6px;margin:0}html[data-theme=atelier] #shelf .intro h1 em{color:#705145}
html[data-theme=atelier] .atelier-tools{display:flex;justify-content:flex-end;border-top:1px solid #302d2a26;padding:10px 0 20px} .atelier-tools button{border:0;background:none;font-size:12px;min-height:40px;padding:0 2px}
html[data-theme=atelier] .atelier-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px 29px;padding:0 6px 10px 0}.atelier-book{padding:0;border:0;background:none;text-align:left;min-width:0;perspective:1100px;touch-action:pan-y}.atelier-book:nth-child(even){padding-top:30px}.atelier-book.is-source{visibility:hidden}.atelier-book .cover-inner{padding-top:18%}.atelier-book .cover h2{margin-top:10%}.atelier-book .end{border:0;justify-content:flex-end}.atelier-book .cover{--angle:-1deg}.atelier-book:nth-child(even) .cover{--angle:1deg}
html[data-theme=atelier] .theme-switch{background:#ddd8d0ed}html[data-theme=atelier] .home-settings-menu{z-index:30}
html[data-theme=atelier] #reader{background:#f6f3ed;width:100%;height:var(--app-height);color:#302d2a}html[data-theme=atelier] #reader .reader-wash,html[data-theme=atelier] #reader .reader-hint,html[data-theme=atelier] #reader .hinge,html[data-theme=atelier] #reader .turn-leaf,html[data-theme=atelier] #reader .travel-spine,html[data-theme=atelier] #reader .page-stack{display:none!important}
html[data-theme=atelier] #flight{inset:0!important;width:100%!important;height:100%!important;transform:none!important;perspective:none;max-width:none}html[data-theme=atelier] .book-body{transform:none!important;height:100%;width:100%}html[data-theme=atelier] .paper{inset:0;border:0;border-radius:0;background:#f6f3ed;box-shadow:none;height:100%;width:100%;padding:0;overflow:auto}
html[data-theme=atelier] .paper .page-inner{max-width:640px;margin:auto;padding:calc(124px + env(safe-area-inset-top)) 25px max(30px,env(safe-area-inset-bottom));min-height:100%;background:none}html[data-theme=atelier] .paper h2{font:400 42px/1.05 Georgia,serif;letter-spacing:-1.4px;margin:17px 0 12px}html[data-theme=atelier] .paper .divider{display:none}html[data-theme=atelier] .page-header .folio{display:none}html[data-theme=atelier] .address{font-size:12px;margin-bottom:26px}html[data-theme=atelier] .client-card h3,html[data-theme=atelier] .person h3{font:400 22px/1.3 Georgia,serif;color:#302d2a}html[data-theme=atelier] .task-line strong{font-size:14px;color:#302d2a}html[data-theme=atelier] .quiet,html[data-theme=atelier] .client-preference{font-size:12px;color:#7e7469}html[data-theme=atelier] .text-action{color:#705145}html[data-theme=atelier] .paper-button{background:#554c43;border-radius:2px;font-size:13px}html[data-theme=atelier] .paper-button.secondary{background:#e6e0d7;color:#554c43}html[data-theme=atelier] .money-preview{border:0;border-radius:0;background:#eae4db}html[data-theme=atelier] .section-kicker{font-size:10px;letter-spacing:.09em;color:#83766b}html[data-theme=atelier] .paper textarea,html[data-theme=atelier] .paper input,html[data-theme=atelier] .paper select{border-color:#d5ccbf;background:#ffffff55;color:#302d2a;border-radius:2px}html[data-theme=atelier] .page-footer{margin-top:35px}
html[data-theme=atelier] .reader-controls{top:env(safe-area-inset-top)!important;bottom:auto;left:0;right:0;transform:none;padding:12px 25px;height:60px;max-width:640px;opacity:1;background:#f6f3ed;z-index:30;justify-content:space-between}html[data-theme=atelier] .reader-controls #reader-label{display:block;font-size:9px;max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}html[data-theme=atelier] .reader-controls #close{min-height:40px;font-size:12px;letter-spacing:0;color:#554c43;padding:0;background:none;border:0;box-shadow:none}html[data-theme=atelier] .reader-controls #close svg{width:16px}
html[data-theme=atelier] .bookmarks{position:absolute;top:calc(60px + env(safe-area-inset-top));left:0;right:0;bottom:auto;width:100%;height:52px;display:flex;flex-direction:row;gap:22px;padding:0 25px;overflow:auto;z-index:25;background:#f6f3ed;border-bottom:1px solid #302d2a20;opacity:1;visibility:visible;pointer-events:auto;scrollbar-width:none}html[data-theme=atelier] .bookmark-leaf{position:static;width:auto;height:auto;flex:none;background:none;border:0;box-shadow:none;pointer-events:auto}html[data-theme=atelier] .bookmarks .bookmark-leaf button{position:static;width:auto;height:52px;padding:0;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;background:none;color:#857a70;font:400 12px -apple-system,sans-serif;transform:none;filter:none}html[data-theme=atelier] .bookmarks .bookmark-leaf button[aria-selected=true]{border-bottom-color:#554c43;color:#302d2a}html[data-theme=atelier] .bookmark-leaf button:before,html[data-theme=atelier] .bookmark-leaf button:after{display:none!important}html[data-theme=atelier] .ribbon-ink{font:inherit;letter-spacing:0;transform:none;filter:none;text-shadow:none;mix-blend-mode:normal;opacity:1}
html[data-theme=atelier] #planner{background:#f6f3ed;padding:calc(18px + env(safe-area-inset-top)) 12px calc(60px + env(safe-area-inset-bottom))}html[data-theme=atelier] .planner-frame{background:none;box-shadow:none;border:0;border-radius:0;padding:0;max-width:640px}html[data-theme=atelier] .planner-binding{display:none}html[data-theme=atelier] .planner-sheet{background:#f6f3ed;box-shadow:none;border-radius:0}html[data-theme=atelier] .library-dialog,html[data-theme=atelier] #planner-settings{background:#f6f3ed}
.atelier-flight{position:fixed;z-index:100;width:180px;aspect-ratio:.72;perspective:1000px;pointer-events:none;background:#f6f3ed;box-shadow:8px 15px 35px #30231a30}.atelier-flight .cover{height:100%;width:100%;transform-origin:left center;backface-visibility:hidden;--angle:0deg;box-shadow:none}.atelier-flight:before{content:'';position:absolute;inset:5px;background:repeating-linear-gradient(0deg,#f8f4eb 0 4px,#e1d9cb 4px 5px)}
@media(min-width:700px){html[data-theme=atelier] .atelier-gallery{gap:48px}.atelier-book .cover{max-width:320px}}@media(max-width:360px){html[data-theme=atelier] #shelf{padding-left:20px;padding-right:20px}html[data-theme=atelier] .atelier-gallery{gap:28px 22px}}@media(prefers-reduced-motion:reduce){.atelier-book .cover{transition:none}}
html[data-theme=atelier] #shelf .top{z-index:40}html[data-theme=atelier] .page-inner{transition:none}
/* A date-bearing edition leads the collection; projects retain their own order. */
.planner-cover{background:#f2eee5;color:#53483b;--angle:-1deg}.planner-cover:before{content:'';position:absolute;inset:6% 6% 6% 9%;border:1px solid #a7957a50;pointer-events:none}.planner-cover-inner{position:absolute;inset:0;padding:13% 13% 10% 16%;display:flex;flex-direction:column;align-items:center;text-align:center}.planner-cover-label{font:500 5cqw/1.2 -apple-system,sans-serif;letter-spacing:.16em;text-transform:uppercase}.planner-cover-month{font:italic 10cqw/1.1 Georgia,serif;margin-top:12%;color:#85745f}.planner-cover-date{font:400 39cqw/.94 Georgia,serif;letter-spacing:-.07em;margin:1% 4% 2% 0}.planner-cover-weekday{font:400 4.8cqw/1.2 -apple-system,sans-serif;letter-spacing:.035em}.planner-cover.weekend .planner-cover-date,.planner-cover.weekend .planner-cover-weekday{color:#78384b}.planner-cover-word{font:italic 6cqw/1.35 Georgia,serif;letter-spacing:-.015em;margin:auto 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#756654;padding:0;max-height:4.1em}.planner-cover-year{display:flex;justify-content:space-between;width:100%;font:400 4cqw/1.2 -apple-system,sans-serif;color:#897a67;margin-top:8%;padding-top:7%;border-top:1px solid #a7957a50}.planner-book:hover .cover{transform:translateY(-7px) rotateY(-4deg)}
html[data-theme=atelier] #shelf .intro{padding-bottom:40px}
html[data-theme=atelier] .planner-frame:before{display:none}html[data-theme=atelier] .planner-sheet{position:absolute;inset:0;height:100%;padding:14px 14px 24px;background:#f6f3ed}html[data-theme=atelier] .planner-heading{padding-bottom:16px}html[data-theme=atelier] .planner-return{font:12px -apple-system,sans-serif;color:#554c43}html[data-theme=atelier] .planner-day:nth-child(6) header strong,html[data-theme=atelier] .planner-day:nth-child(7) header strong,html[data-theme=atelier] .planner-day:nth-child(6) header span,html[data-theme=atelier] .planner-day:nth-child(7) header span{color:#78384b}
/* Give the daily thought the entire lower part of the cover. */
.planner-cover-inner{padding-bottom:12%}.planner-cover-month{margin-top:9%}.planner-cover-date{margin:-2% 4% 6% 0}.planner-cover-weekday{flex:none}.planner-cover-word{flex:1;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;-webkit-line-clamp:unset;margin:8% 0 0;font-size:6.5cqw;line-height:1.3;overflow:visible;overflow-wrap:anywhere}.planner-cover-year{display:none}