@font-face{font-family:"Neue Montreal";src:url("../fonts/neue-montreal-regular.otf") format("opentype");font-display:swap;font-weight:400}@font-face{font-family:"Neue Montreal";src:url("../fonts/neue-montreal-medium.otf") format("opentype");font-display:swap;font-weight:500}
.book-detail-layout{margin:0;color:#141411;background:#fdfdfd;font-family:"Neue Montreal",Arial,sans-serif}.book-detail-layout *{box-sizing:border-box}.book-detail-layout main{background:#fdfdfd}.book-detail-layout .site-header{position:relative;z-index:20;height:104px;color:#fdfdfd;background:#141411;border:0;box-shadow:none}.book-detail-layout .header-main{width:100%;max-width:1280px;height:104px;min-height:104px;margin:auto;padding:36px 64px 20px}.book-detail-layout .brand-logo{content:url("../brand/rta-logo-gradient.png");width:138px;height:48px}.book-detail-layout .main-navigation{position:absolute;top:36px;left:50%;gap:0;transform:translateX(-50%)}.book-detail-layout .nav-primary-link,.book-detail-layout .header-actions>a{height:32px;padding:0 16px 8px;font:500 16px/24px "Neue Montreal",Arial,sans-serif}.book-detail-layout .header-actions{position:absolute;top:36px;right:64px;gap:0}.book-detail-layout .header-actions .icon{width:20px;height:20px}.book-detail-layout .header-cart{position:relative}.book-detail-layout .header-cart [data-cart-count]{position:absolute;top:-8px;left:-10px;display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;color:#141411;background:#fdfdfd;border-radius:100px;font-size:12px}.book-detail-layout .header-meta,.book-detail-layout .nav-context{display:none}
.book-detail-breadcrumbs{display:flex;height:96px;align-items:flex-end;gap:16px;padding:0 max(64px,calc((100vw - 1280px)/2 + 64px)) 35px;border-bottom:1px solid #dedede;color:#4a4a3f;font-size:16px;line-height:24px}.book-detail-breadcrumbs strong{color:#141411;font-weight:500}
.figma-book-detail{display:grid;min-height:1042px;padding:64px max(64px,calc((100vw - 1280px)/2 + 64px)) 358px;grid-template-columns:467px minmax(0,669px);gap:16px;justify-content:space-between;border-bottom:1px solid #dedede}.figma-book-gallery-wrap{height:620px}.figma-book-gallery-wrap .book-gallery{width:467px;gap:16px}.figma-book-gallery-wrap .book-gallery-stage{height:484px}.figma-book-gallery-wrap .book-gallery-slide .detail-cover{width:100%;height:100%;max-width:none;object-fit:contain;filter:none}.figma-book-gallery-wrap .gallery-arrow{display:none}.figma-book-gallery-wrap .gallery-count{right:29px;bottom:-32px;padding:4px 8px;color:#141411;background:#ededec;font-size:16px;line-height:24px;letter-spacing:0}.figma-book-gallery-wrap .book-gallery-thumbs{gap:24px;justify-content:center}.figma-book-gallery-wrap .book-gallery-thumbs button{width:80px;height:80px;padding:0;border:1px solid transparent;background:transparent;opacity:.42}.figma-book-gallery-wrap .book-gallery-thumbs button.is-active{border-color:#8e8e8c;opacity:1}.figma-book-gallery-wrap .book-gallery-thumbs img{object-fit:cover}
.figma-book-copy{display:flex;flex-direction:column;gap:24px}.figma-book-copy>header{padding-bottom:24px;border-bottom:1px solid #dedede}.figma-book-copy>header p{margin:0 0 8px;color:#4a4a3f;font-size:16px;font-weight:500;line-height:24px}.figma-book-copy h1{margin:0;font-size:56px;font-weight:500;line-height:64px;letter-spacing:0}.figma-book-copy>header h2{margin:8px 0 0;color:#4a4a3f;font-size:24px;font-weight:400;line-height:36px}.figma-book-purchase{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid #dedede}.figma-book-price{display:flex;flex-direction:column;gap:8px}.figma-book-price strong{order:1;font-size:24px;font-weight:500;line-height:36px}.figma-book-price s{order:2;color:#8e8e8c;font-size:14px}.figma-book-price p{order:3;margin:0;color:#4a4a3f;font-size:14px;line-height:22px}.figma-book-price p.is-empty{color:#984f45}.figma-book-actions{display:flex;align-items:flex-end;gap:16px}.figma-book-actions label{display:flex;width:136px;flex-direction:column;gap:8px;color:#4a4a3f;font-size:14px;font-weight:500;line-height:22px}.figma-book-actions input{width:136px;height:56px;padding:16px;border:1px solid #8e8e8c;background:transparent;font:500 16px/24px "Neue Montreal",sans-serif}.figma-book-actions button{display:flex;height:56px;align-items:center;gap:8px;padding:16px 24px;border:0;color:#fdfdfd;background:linear-gradient(#3f3f36,#141411);font:500 16px/24px "Neue Montreal",sans-serif;cursor:pointer}.figma-book-actions button .icon{width:20px;height:20px;filter:brightness(0) invert(1)}
.figma-book-description{position:relative;padding-bottom:24px;border-bottom:1px solid #dedede}.figma-book-description summary{position:absolute;right:0;bottom:24px;z-index:2;cursor:pointer;list-style:none;font-size:14px;font-weight:500;line-height:22px}.figma-book-description summary::-webkit-details-marker{display:none}.figma-book-description h2,.figma-book-specs h2{margin:0 0 16px;font-size:16px;font-weight:500;line-height:24px}.figma-book-description p{height:64px;margin:0 0 30px;overflow:hidden;color:#4a4a3f;font-size:16px;line-height:24px}.figma-book-description[open] p{height:auto}.figma-book-description[open] summary span{font-size:0}.figma-book-description[open] summary span::after{content:"[ Tutup ]";font-size:14px}.figma-book-specs{padding-bottom:24px;border-bottom:1px solid #dedede}.figma-book-specs dl{display:flex;margin:0;flex-direction:column;gap:16px}.figma-book-specs dl div{display:flex;flex-direction:column;gap:8px}.figma-book-specs dt{color:#4a4a3f;font-size:14px;line-height:22px}.figma-book-specs dd{margin:0;font-size:16px;font-weight:500;line-height:24px}
.book-detail-layout .site-footer{position:relative;display:grid;width:100%;height:840px;min-height:840px;padding:538px max(64px,calc((100vw - 1280px)/2 + 64px)) 70px;grid-template-columns:minmax(294px,1fr) 244px 244px;gap:40px;color:#fdfdfd;background:#141411;font-family:"Neue Montreal",Arial,sans-serif}.book-detail-layout .site-footer.compact-footer{padding-top:538px}.book-detail-layout .footer-brand{display:flex;flex-direction:column;gap:24px}.book-detail-layout .footer-brand .brand-logo{content:url("../brand/rta-logo-light.png");width:138px;height:48px}.book-detail-layout .footer-brand p{margin:0;color:#8e8e8c;font-size:16px;line-height:24px}.book-detail-layout .site-footer>div:not(.footer-brand):not(.footer-ornament){display:flex;flex-direction:column;align-items:flex-start}.book-detail-layout .site-footer h2{margin:0 0 16px;color:#8e8e8c;font-size:16px;font-weight:400}.book-detail-layout .site-footer a{min-height:32px;padding:4px 16px;color:#fdfdfd;font-size:16px;font-weight:500}.book-detail-layout .site-footer .social-icon,.book-detail-layout .site-footer .social-link-copy>span{display:none}.book-detail-layout .site-footer .social-link-copy strong{color:#fdfdfd;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none}.book-detail-layout .footer-brand a{padding:0}.book-detail-layout .footer-ornament{position:absolute;top:48px;left:50%;width:min(603px,70vw);height:318px;transform:translateX(-50%);opacity:.08}.book-detail-layout .footer-ornament img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.book-detail-layout .copyright{position:absolute;right:0;bottom:0;left:0;margin:0;padding:24px 64px;border-top:1px solid rgba(253,253,253,.08);color:#8e8e8c;font-size:14px;text-align:center}
@media(max-width:1000px){.book-detail-layout .header-main{padding:24px}.book-detail-breadcrumbs{padding-right:24px;padding-left:24px}.figma-book-detail{padding:56px 24px 100px;grid-template-columns:42% 1fr;gap:32px}.figma-book-gallery-wrap .book-gallery{width:100%}.figma-book-copy h1{font-size:44px;line-height:50px}.book-detail-layout .site-footer{padding-right:24px;padding-left:24px}}
@media(max-width:700px){.book-detail-breadcrumbs{height:auto;padding:28px 20px 20px;flex-wrap:wrap;font-size:13px}.figma-book-detail{min-height:0;padding:40px 20px 80px;grid-template-columns:1fr}.figma-book-gallery-wrap{height:auto}.figma-book-gallery-wrap .book-gallery-stage{height:110vw;max-height:484px}.figma-book-gallery-wrap .gallery-count{bottom:8px}.figma-book-copy h1{font-size:42px;line-height:48px}.figma-book-actions{align-items:stretch;flex-direction:column}.figma-book-actions label,.figma-book-actions input,.figma-book-actions button{width:100%}.book-detail-layout .site-footer{height:auto;min-height:760px;padding:330px 20px 90px;grid-template-columns:1fr 1fr}.book-detail-layout .footer-brand{grid-column:1/-1}.book-detail-layout .footer-ornament{top:30px;width:86vw;height:260px}.book-detail-layout .copyright{padding:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.figma-book-gallery-slide.is-active{animation:none}}
.figma-book-description>.figma-book-description-excerpt{display:-webkit-box;height:auto;max-height:48px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.book-detail-layout .main-navigation a::after{right:16px;bottom:0;left:16px}
.figma-book-description>h2{margin:0 0 16px;font-size:16px;font-weight:500;line-height:24px}.figma-book-description>.figma-book-description-excerpt{height:64px;margin:0 0 30px;overflow:hidden;color:#4a4a3f;font-size:16px;line-height:24px}.figma-book-description details{position:static}.figma-book-description details summary{position:absolute;right:0;bottom:24px;cursor:pointer;list-style:none;font-size:14px;font-weight:500;line-height:22px}.figma-book-description details summary::-webkit-details-marker{display:none}.figma-book-description details>p{height:auto;margin:0 0 30px;color:#4a4a3f;font-size:16px;line-height:24px}.figma-book-description:has(details[open])>.figma-book-description-excerpt{display:none}.figma-book-description details[open] summary span{font-size:0}.figma-book-description details[open] summary span::after{content:"[ Tutup ]";font-size:14px}