.book-product{background:#fcf6ed;color:#422423;padding:28px 0 72px}.book-product *{box-sizing:border-box}.book-product__wrap{max-width:1280px;margin:auto;padding:0 32px}.book-product__back{display:inline-block;color:#475e7d;font-size:13px;margin-bottom:28px;text-underline-offset:4px}.book-product__hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:64px;align-items:start}.book-product figure{margin:0}.book-product__figure{overflow:hidden;border-radius:12px;background:#fff}.book-product__figure img{display:block;width:100%;height:auto;object-fit:contain}.book-product__media-frame{position:relative}.book-product__art{width:100%;padding:50px 16px}.book-product figcaption{padding:8px 16px 12px;color:#475e7d;text-transform:uppercase;font:500 10px/1.4 var(--record,monospace);letter-spacing:.1em}.book-product__figure--secondary{margin-top:20px!important}.book-product__gallery--interactive{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.book-product__gallery--interactive .book-product__figure{min-width:0}.book-product__gallery--interactive .book-product__hero-image{margin:0!important}.book-product__gallery--interactive .book-product__media-frame{aspect-ratio:1/1;display:grid;place-items:center;background:#fff;overflow:hidden}.book-product__gallery--interactive .book-product__media-frame img{display:block;width:100%;height:100%;object-fit:contain}.book-product__gallery--interactive figcaption{min-height:30px}.book-product__previews{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin;scroll-snap-type:x mandatory}.book-product__preview{flex:0 0 14%;min-width:64px;aspect-ratio:1/1;padding:4px;border:1px solid #D4C7B8;border-radius:6px;background:#fff;cursor:pointer;scroll-snap-align:start;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.book-product__preview img{display:block;width:100%;height:100%;object-fit:contain}.book-product__preview:hover{transform:translateY(-2px)}.book-product__preview.is-current{border:2px solid #475E7D;box-shadow:0 0 0 2px #475e7d1f}.book-product__preview:focus-visible{outline:3px solid #99523C;outline-offset:2px}.book-product__offer{position:sticky;top:110px;padding:10px 0}.book-product__eyebrow{font:500 11px/1.5 var(--record,monospace);text-transform:uppercase;letter-spacing:.1em;color:#475e7d;margin:0 0 16px}.book-product h1{font-family:var(--declare,Impact,sans-serif);font-size:clamp(52px,7vw,90px);line-height:.95;margin:0 0 18px;font-weight:400;letter-spacing:-.02em}.book-product--set h1{font-size:clamp(44px,5.3vw,68px);max-width:9ch}.book-product__line{font-size:22px;line-height:1.25;margin:0 0 16px}.book-product__description{font-size:15px;line-height:1.55;margin:0 0 22px;max-width:40ch}.book-product__price{font-size:30px;line-height:1.2}.book-product__shipping{font-size:13px;margin:6px 0 16px}.book-product__delivery{font-size:14px;padding:12px 0;border-top:1px solid #EDE4D6;border-bottom:1px solid #EDE4D6}.book-product__form{margin:22px 0 16px}.book-product__form label{display:block;font-size:12px;margin-bottom:6px}.book-product__purchase{display:flex;align-items:end;gap:12px}.book-product__purchase input{background:transparent;border:1px solid #475E7D;border-radius:4px;color:#422423;font-size:16px;width:72px;min-height:50px;padding:10px}.book-product__form select{width:100%;min-height:44px;margin-bottom:12px}.book-product__purchase button{flex:1;min-height:50px;background:#475e7d;color:#fcf6ed;border:0;border-radius:4px;padding:14px 18px;font:500 15px/1.3 var(--explain,sans-serif);cursor:pointer}.book-product--set .book-product__purchase button{background:#99523c}.book-product__purchase button:disabled{opacity:.5;cursor:not-allowed}.book-product__purchase button:hover{filter:brightness(.94)}.book-product :focus-visible{outline:3px solid #99523C;outline-offset:4px}.book-product__giving{font-size:13px;line-height:1.5}.book-product__details{margin-top:24px}.book-product details{border-top:1px solid #D4C7B8;padding:15px 0}.book-product summary{cursor:pointer;font-size:15px;min-height:28px}.book-product details ul{padding-left:18px;font-size:13px;line-height:1.7;margin:12px 0 0}.book-product details p,.book-product details a{font-size:14px;line-height:1.6}.book-product details a{color:inherit}.book-product__story{padding:56px 40px;margin:56px 0;background:#cdeaf4;border-radius:12px;max-width:100%}.book-product h2{font-family:var(--declare,Impact,sans-serif);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.1;margin:0 0 16px}.book-product__story p:last-child{font-size:17px;line-height:1.65;max-width:60ch;margin:0}.book-product__family{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:20px 0}.book-product__family p{line-height:1.6;max-width:42ch}.book-product__family img{display:block;width:100%;height:auto;border-radius:8px}.book-product__link{color:#422423;font-size:15px;text-underline-offset:5px}.book-product__link span{margin-left:8px}@media(max-width:899px){.book-product__wrap{padding:0 20px}.book-product__hero{grid-template-columns:1fr;gap:28px}.book-product__offer{position:static}.book-product__family{grid-template-columns:1fr;gap:24px}.book-product__story{padding:32px 24px;margin:32px 0}.book-product__art{padding:36px 12px}.book-product h1{font-size:64px}.book-product--set h1{font-size:54px;max-width:none}.book-product__back{margin-bottom:20px}}@media(max-width:560px){.book-product__gallery--interactive{gap:8px}.book-product__gallery--interactive figcaption{padding:7px 9px 10px;font-size:9px}.book-product__preview{flex-basis:16%;min-width:58px;padding:3px}}.book-shelf{margin-top:34px;padding-top:26px;border-top:1px solid #d9c8b7;color:#422423}.book-shelf__heading{margin-bottom:20px}.book-shelf__heading .book-product__eyebrow{margin:0 0 8px}.book-shelf__heading h3{margin:0 0 8px;font-size:clamp(22px,3vw,34px);line-height:1.08}.book-shelf__heading>p:last-child{margin:0;font-size:15px;line-height:1.45}.book-shelf__stage{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:24px;align-items:center;min-height:290px;max-width:720px;padding:18px;background:#fff;border:1px solid #e5dbd0;border-radius:10px;transition:opacity .16s ease,transform .16s ease}.book-shelf__stage.is-switching{opacity:.42;transform:translateY(5px)}.book-shelf__empty{grid-column:1/-1;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.book-shelf__empty-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:14px;border:1px solid #99523c;border-radius:50%;color:#99523c;font:500 27px/1 var(--record,monospace)}.book-shelf__empty p{margin:0 0 5px;font-size:18px}.book-shelf__empty small{color:#475e7d;font-size:13px}.book-shelf__reveal{display:contents}.book-shelf__reveal[hidden]{display:none}.book-shelf__reveal img{display:block;grid-column:1;width:100%;max-width:240px;aspect-ratio:1/1;object-fit:contain;opacity:0;transform:translate(-8px);animation:shelf-book-in .28s ease forwards}.book-shelf__reveal figcaption{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.book-shelf__book-name{font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.05}.book-shelf__reveal figcaption>span:not(.book-shelf__book-name){color:#475e7d;font-size:16px}.book-shelf__reveal figcaption a{margin-top:8px;color:#99523c;text-decoration-thickness:1px;text-underline-offset:4px}@keyframes shelf-book-in{to{opacity:1;transform:translate(0) scale(1.08)}}.book-shelf__rail{display:flex;align-items:flex-end;gap:12px;min-height:204px;max-width:720px;margin-top:18px;padding:0 16px 12px;border-bottom:7px solid #99523c;position:relative}.book-shelf__spine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:30px;height:180px;padding:14px 4px 10px 9px;border:1px solid rgba(66,36,35,.22);border-radius:3px 5px 2px 2px;color:#fff;text-decoration:none;box-shadow:inset 5px 0 #ffffff26,4px 0 #42242314,0 5px 8px #42242321;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center;transform-origin:bottom center;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.book-shelf__spine:before{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;background:repeating-conic-gradient(#FCF6ED 0% 25%,transparent 0% 50%) 0 0/7px 7px;opacity:.95}.book-shelf__spine[data-shelf-select=pop]{background:#99523c}.book-shelf__spine[data-shelf-select=ope]{background:#475e7d}.book-shelf__spine[data-shelf-select=rah]{background:#422423}.book-shelf__spine-title{font-size:9px;font-weight:700;letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase}.book-shelf__spine-mark{font:500 6px/1.1 var(--record,monospace);letter-spacing:.06em;text-transform:uppercase}.book-shelf__spine:hover,.book-shelf__spine:focus-visible,.book-shelf__spine.is-selected{z-index:1;transform:translateY(-10px) rotate(-2deg);box-shadow:inset 5px 0 #ffffff2e,6px 8px 11px #42242333;filter:saturate(1.08)}.book-shelf__spine:focus-visible{outline:3px solid #cdeaf4;outline-offset:3px}.book-shelf__rail-label{margin:0 0 4px auto;color:#475e7d;font:500 10px/1.3 var(--record,monospace);letter-spacing:.12em;text-transform:uppercase}@media(max-width:560px){.book-shelf{margin-top:26px;padding-top:22px}.book-shelf__stage{grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;max-width:100%;padding:14px}.book-shelf__empty{min-height:200px}.book-shelf__reveal img{grid-column:1;width:min(100%,250px);margin:0 auto}.book-shelf__reveal figcaption{grid-column:1;align-items:center;text-align:center;padding:0 0 8px}.book-shelf__rail{gap:9px;min-height:176px;padding:0 8px 10px}.book-shelf__spine{width:27px;height:142px;padding:10px 3px 8px 8px}.book-shelf__spine-title{font-size:8px}.book-shelf__rail-label{font-size:8px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.book-shelf__stage,.book-shelf__spine{transition:none}.book-shelf__reveal img{animation:none;opacity:1;transform:none}}.book-product__gallery--interactive .book-product__media-frame img.is-mockup{transform:scale(1.18)}@media(max-width:560px){.book-product__gallery--interactive .book-product__media-frame img.is-mockup{transform:scale(1.08)}}.book-shelf__empty[hidden]{display:none}.book-shelf__spine{width:38px;height:180px;padding:0;overflow:hidden;background:#fff!important;border-color:#42242340}.book-shelf__spine:before{display:none}.book-shelf__spine-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:#fff}.book-shelf__spine-art{display:block;width:100%;height:100%;object-fit:cover;object-position:50% center}@media(max-width:560px){.book-shelf__spine{width:34px;height:142px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/sod-book-product.css.map */