/* The house palette and typography, scoped to the customer and admin spaces. */
body.customer-space{--space-serif:'Cormorant Garamond',Georgia,serif;--space-sans:'DM Sans',Arial,sans-serif;background:#fff9ed;color:#35545a;font-family:var(--space-sans);background-image:radial-gradient(ellipse at 5% 35%,#e7e9dd77,transparent 48%),radial-gradient(ellipse at 96% 58%,#ecd9bc33,transparent 50%)}
.atelier-header{position:sticky;top:0;z-index:30;background:#fff9edef;backdrop-filter:blur(16px);border-bottom:1px solid #c2ad8b55}.atelier-nav{max-width:1800px;margin:auto;min-height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.atelier-header a{color:inherit;text-decoration:none}.atelier-logo{display:flex;gap:10px;align-items:center;white-space:nowrap;font:600 24px/.95 var(--space-serif)}.atelier-logo>svg{width:37px;height:42px;flex-shrink:0}.atelier-logo small{display:block;font:8px var(--space-sans);letter-spacing:1.6px;margin-top:8px}.atelier-home-links{display:flex;gap:22px;font-size:12px;white-space:nowrap}.atelier-home-links a{padding:7px 0;border-bottom:1px solid transparent}.atelier-home-links a:hover{border-color:#a66b3d;color:#94633e}.atelier-nav-actions{display:flex;align-items:center;gap:20px}.atelier-nav-actions svg{width:20px;height:20px;flex-shrink:0}.atelier-account{position:relative}.atelier-account summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 0;min-height:44px}.atelier-account summary::-webkit-details-marker{display:none}.atelier-account-menu{position:absolute;top:calc(100% + 14px);right:-40px;min-width:235px;padding:20px;background:#fffaf1;border:1px solid #d8ccba;border-radius:18px;box-shadow:0 20px 50px #243d4526}.atelier-account-menu p{margin:0 0 12px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#94734e}.atelier-account-menu a{display:block;font-size:14px;padding:9px 12px;border-radius:8px}.atelier-account-menu a:hover{background:#eeeee1}.atelier-cart{display:flex;align-items:center;gap:8px;padding:8px;min-height:44px}.atelier-cart span{font:10px/17px var(--space-sans);border-radius:50%;min-width:17px;padding:0 3px;background:#355961;color:white;text-align:center}.atelier-create{display:inline-flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap;padding:16px 27px;background:#355961;border-radius:100px;font-size:12px;font-weight:600;color:#fffaf1!important;box-shadow:0 5px 15px #244e4012;transition:transform .25s,box-shadow .25s}.atelier-create:hover{transform:translateY(-2px);box-shadow:0 8px 22px #244e4026}.atelier-menu-button{display:none;border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;padding:10px;cursor:pointer}.atelier-mobile-links{padding:12px 24px 20px;border-top:1px solid #ded3c1;display:grid;gap:2px}.atelier-mobile-links a{padding:9px 0;font-size:14px}.atelier-header [hidden]{display:none}.atelier-header :focus-visible{outline:3px solid #b7864c;outline-offset:4px;border-radius:5px}
.space-subnav{max-width:1200px;margin:0 auto;padding:24px 32px 0;display:flex;align-items:center;gap:26px;font-size:12px}.space-subnav a{color:#677b7c;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}.space-subnav a[aria-current=page]{color:#355961;border-bottom-color:#a77a49}.space-main{max-width:1200px;padding-top:43px}.space-main h1{font:500 clamp(44px,5.2vw,70px)/1.03 var(--space-serif);letter-spacing:-1.5px;color:#35545a;margin-bottom:22px}.space-main h1 em{font-weight:400;color:#9a714b}.space-main h2{font:500 36px/1.15 var(--space-serif)}.space-main h3{font:500 36px/1.12 var(--space-serif);letter-spacing:-.4px}.space-kicker{font-size:10px;letter-spacing:1.6px;color:#956d43}.space-intro{font-size:14px;line-height:1.8;max-width:560px;margin-bottom:40px;color:#657676}.space-card{background:#fffcf5e8;border-color:#e0d6c5;box-shadow:0 12px 35px #664a2706;border-radius:20px}.space-main .space-btn,.space-main button:not(.review-photo-button){border-radius:100px;font-family:var(--space-sans);font-size:12px;padding:14px 23px;background:#355961}.space-main .space-btn.secondary,.space-main button.secondary{background:transparent;border-color:#b7c5bd;color:#355961}.space-main label,.space-main input,.space-main select,.space-main textarea{font-family:var(--space-sans)}.space-status{font-size:13px}.space-footer{max-width:1200px;font-size:11px;border-color:#d8ccb7}.space-empty{background:#f5f1e5;border-color:#d6cbb5}.space-main details{border-top:1px solid #ded9cb;padding-top:16px}.space-main summary{cursor:pointer;color:#687974}.space-main .review-stars{font-size:20px;color:#a67536}.review-form{margin-top:24px}.space-note{font-size:12px}.space-main .star-choice{font-size:42px}.space-main #bookList{display:grid;grid-template-columns:1fr;gap:32px}
.space-main .library-book{display:grid;grid-template-columns:340px 1fr;align-items:center;gap:48px;padding:38px 44px;overflow:visible;position:relative}.library-book-copy{padding:15px 0}.library-book-copy .space-kicker{display:block;margin-bottom:14px}.library-book-copy .space-actions{margin-top:25px}.library-book-copy .book-note{font:italic 23px/1.3 var(--space-serif);color:#9a7755;margin:16px 0 0}.library-book-copy>p:last-child{font-size:12px;margin-top:20px}.space-main .book-display{display:block;position:relative;width:100%;aspect-ratio:1;border:0!important;background:radial-gradient(ellipse at 50% 58%,#e6e7d6b3,#f3efe400 69%)!important;border-radius:20px!important;padding:26px!important;perspective:1100px;cursor:pointer;box-shadow:none}.book-display::after{content:'';position:absolute;bottom:8%;left:18%;width:68%;height:13%;border-radius:50%;background:#584e392f;filter:blur(15px);transform:rotate(-5deg);pointer-events:none}.book-object{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--book-x,5deg)) rotateY(var(--book-y,-20deg)) rotateZ(-2deg);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:1}.book-board{position:absolute;inset:0;background:#496365;border-radius:3px 8px 8px 3px;transform:translateZ(-10px);box-shadow:9px 13px 22px #31474524}.book-page-edges{position:absolute;inset:3px -9px 3px 5px;background:repeating-linear-gradient(90deg,#dfd9cb 0 1px,#fffaf0 1px 3px);border:1px solid #cfc4b1;border-radius:2px 6px 6px 2px;transform:translateZ(0)}.book-object .book-cover-preview{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none;aspect-ratio:1;object-fit:cover;border-radius:3px 8px 8px 3px;transform:translateZ(11px);border-left:4px solid #405b5d;box-shadow:inset 5px 0 8px #203b3c26}.book-object::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142e3f38,transparent 4%,#fff5dc36 5%,transparent 8%,transparent 93%,#fff9e52b);border-radius:3px 8px 8px 3px;transform:translateZ(12px);pointer-events:none}.book-display:hover .book-object,.book-display:focus-visible .book-object{transform:rotateX(var(--book-x,3deg)) rotateY(var(--book-y,-10deg)) rotateZ(-1deg) translateY(-4px)}
.book-reader{font-family:var(--space-sans);background:#fff9ed;border-color:#d7cbb5;box-shadow:0 30px 120px #172d4666;max-width:96vw;width:min(1040px,96vw);padding:24px 30px}.book-reader h2{font:500 30px/1.05 var(--space-serif);color:#35545a;margin:6px 0 16px}.book-reader .space-kicker{font-size:9px}.book-reader>header{padding-bottom:8px}.book-reader #readerClose{border-color:#cec7b7;border-radius:50%;width:44px;height:44px;padding:0}.book-reader [role=status]{font-size:12px}.reader-stage{perspective:1600px;background:radial-gradient(ellipse at center,#eee9d8,#f6f1e5 70%);padding:25px 34px 28px;min-height:160px;overflow:visible;isolation:isolate}.reader-sheet{position:relative;width:min(56dvh,100%);aspect-ratio:1;transform-style:preserve-3d;transition:transform .35s;box-shadow:1px 1px 0 #d4ccbb,4px 3px 0 #fffaf0,6px 5px 0 #d7cebc,9px 8px 0 #fffaf0,12px 11px 0 #c9beaa,20px 25px 35px #39484026}.reader-sheet>img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#fffaf1;display:block}.reader-sheet>img[hidden]{display:none}.reader-sheet>.reader-turn{position:absolute;inset:0;z-index:2;backface-visibility:hidden;pointer-events:none;box-shadow:5px 0 18px #233d3d44}.book-reader.is-3d .reader-sheet.is-cover{transform:rotateY(-9deg) rotateX(2deg)}.book-reader:not(.is-3d) .reader-sheet{box-shadow:0 3px 16px #334a431c}.book-reader .reader-sheet.is-cover::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#15304328,transparent 4%,#ffffff25 5%,transparent 7%)}.book-reader:not(.is-3d) .reader-sheet::after{display:none}.book-reader nav{margin-top:22px}.book-reader nav button{border-radius:50%;background:#355961}.book-reader nav select{border-radius:100px;background:#fffaf3;font-size:12px;padding:12px 18px}.book-reader footer{align-items:center;font-size:11px;color:#6e7b76;margin-top:14px}.book-reader footer button{background:transparent;color:#355961;border-color:#c1cbbf;border-radius:30px;font-size:11px;padding:6px 12px;min-height:34px}.book-reader footer button[aria-pressed=true]{background:#e6ebdf}.book-reader #readerCounter{margin-right:auto}.book-reader a{color:#355961}.book-reader .reader-empty{font:italic 23px var(--space-serif);text-align:center;padding:80px 15px;color:#7f9187}
@media(max-width:1200px){.atelier-home-links{gap:15px;font-size:11px}.atelier-nav{padding:0 3%;gap:14px}.atelier-nav-actions{gap:12px}.atelier-create{padding:15px 20px}.atelier-logo{font-size:23px}.atelier-logo small{font-size:7px}}@media(max-width:1100px){.atelier-home-links{display:none}.atelier-menu-button{display:block}.space-main .library-book{grid-template-columns:280px 1fr;gap:30px;padding:30px}.atelier-nav-actions{gap:18px}}@media(max-width:700px){.atelier-nav{min-height:72px;padding:0 16px;gap:8px}.atelier-logo{font-size:21px;gap:5px}.atelier-logo>svg{width:25px;height:32px}.atelier-logo small{font-size:5.5px;letter-spacing:1px}.atelier-nav-actions{gap:3px}.atelier-account summary>span,.atelier-create{display:none}.atelier-account summary{padding:10px}.atelier-cart{padding:8px 3px}.atelier-cart svg{width:19px}.atelier-menu-button{padding:8px;min-width:36px}.atelier-account-menu{right:-80px}.space-subnav{padding:16px 22px 0;font-size:11px;gap:22px}.space-main{padding:30px 22px 55px}.space-main h1{font-size:48px}.space-intro{font-size:13px}.space-main .library-book{grid-template-columns:1fr;padding:22px;gap:0}.space-main .book-display{max-width:290px;margin:auto}.library-book-copy{padding:16px 0 0}.space-main h3{font-size:32px}.library-book-copy .space-actions{margin-top:20px}.book-reader{padding:16px;width:96vw}.book-reader h2{font-size:24px}.reader-stage{padding:18px 18px 24px}.reader-sheet{width:min(49dvh,100%)}.book-reader nav{margin-top:18px}.book-reader footer{gap:10px}.book-reader #readerCounter{width:100%}.book-reader footer button{min-height:40px}.space-footer{padding:25px 22px}.space-actions{align-items:stretch}.book-reader nav select{max-width:66%;padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.book-object,.atelier-create,.reader-sheet{transition:none!important}.book-display:hover .book-object,.book-display:focus-visible .book-object{transform:rotateY(-15deg)}}
@media(max-width:430px){.atelier-nav{padding:0 12px;gap:6px}.atelier-logo{font-size:18px;min-width:0}.atelier-logo small{font-size:5px;letter-spacing:.8px}.atelier-logo>svg{width:22px}.atelier-nav-actions{gap:0}.atelier-account summary{padding:10px 8px}.atelier-cart{gap:5px}.atelier-menu-button{padding:7px;min-width:34px}.atelier-account-menu{right:-75px}}
@media(max-width:370px){.atelier-nav{padding:0 10px;gap:4px}.atelier-logo{font-size:17px}.atelier-logo>svg{display:none}.atelier-logo small{font-size:4.8px;letter-spacing:.6px}}
/* Open-book reading: two real facing pages, hinged around the gutter. */
.book-reader{width:min(1280px,96vw)}.reader-sheet{display:flex}.reader-sheet.is-spread{width:min(112dvh,100%);aspect-ratio:2}.reader-leaf{position:relative;flex:1;min-width:0;aspect-ratio:1;background:#fffaf1;overflow:hidden}.reader-leaf img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none}.reader-blank{background:linear-gradient(90deg,#eee6d5,#fffaf1 90%)}.reader-left{border-radius:4px 0 0 4px}.reader-right{border-radius:0 4px 4px 0}.book-reader.is-3d .reader-left::after,.book-reader.is-3d .reader-right::after{content:'';position:absolute;inset:0;pointer-events:none}.book-reader.is-3d .reader-left::after{background:linear-gradient(90deg,#fff8e91a,transparent 85%,#49391c30)}.book-reader.is-3d .reader-right::after{background:linear-gradient(90deg,#49391c38,transparent 12%,#fff8e90c)}.reader-sheet>.reader-turn{position:absolute;inset:0;width:100%;height:100%;z-index:4;transform-style:preserve-3d;backface-visibility:visible;pointer-events:none;background:transparent;box-shadow:none}.reader-sheet>.reader-turn-half{width:50%;right:auto}.reader-turn-front,.reader-turn-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fffaf1;box-shadow:0 4px 24px #243a4033}.reader-turn-back{transform:rotateY(180deg)}.reader-turn img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.reader-sheet.is-spread::after{display:none}.book-reader.is-3d .reader-sheet.is-spread{transform:rotateX(3deg)}
