/*
Theme Name: Mesiti Books
Description: Mesiti Books branding and block layouts for Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.0.0
Text Domain: mesiti-books
*/
:root{--mb-purple:#5a3f99;--mb-ink:#242129;--mb-muted:#635f6b;--mb-pale:#f3f0f8}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{transition:color .15s,background .15s}
a:focus-visible,button:focus-visible{outline:3px solid #e96c35;outline-offset:5px}
.wp-site-blocks{padding:0}.wp-site-blocks>*+*,.mb-main,.mb-main .wp-block-post-content>*{margin-block-start:0}
.mb-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.mb-brandbar{background:var(--mb-purple);color:#fff}
.mb-brandrow{display:flex;justify-content:space-between;align-items:center;min-height:115px;gap:24px}
.mb-brand{display:flex;align-items:center;gap:22px;text-decoration:none!important;color:#fff!important}
.mb-brand img{width:210px;height:auto;display:block}
.mb-brand span{border-left:1px solid #ffffff70;padding-left:22px;letter-spacing:.23em;font-size:15px;font-weight:400}
.mb-signature{width:235px;height:auto}
.mb-navrow{margin:0!important;padding:19px 30px;border-bottom:1px solid #ece8f0;background:white}
.mb-navigation{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#29252f;gap:34px!important}
.mb-navigation a:hover{color:var(--mb-purple)}
.mb-hero{background:#faf9fc;overflow:hidden;padding:72px 0 70px}
.mb-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.mb-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.5;color:var(--mb-purple);margin:0 0 19px}
.mb-hero-title{font-size:clamp(42px,5.1vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0 0 25px;font-weight:800}
.mb-purple{color:var(--mb-purple)}
.mb-hero-copy{color:var(--mb-muted);font-size:18px;line-height:1.65;max-width:450px;margin:0 0 30px}
.wp-block-buttons{gap:12px}
.wp-block-button__link{border:2px solid var(--mb-purple);text-decoration:none!important;box-shadow:none!important}
.wp-block-button__link:hover{background:#40266f;color:white}
.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid var(--mb-purple);padding:16px 27px;color:var(--mb-purple);background:transparent}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--mb-purple);color:white}
.mb-book-stage{height:510px;position:relative;margin:0;isolation:isolate}
.mb-book-stage:before{content:'';position:absolute;width:440px;height:440px;max-width:95%;border-radius:50%;background:#e9e2f1;top:42px;left:5%;z-index:-1}
.mb-book-stage figure{position:absolute;margin:0!important;transform-origin:bottom center;box-shadow:12px 18px 30px #20112b38;border-radius:2px}
.mb-book-stage img{display:block;width:100%;height:auto;border-radius:2px}
.mb-stack-back{width:39%;left:0;top:92px;transform:rotate(-12deg);z-index:1}
.mb-stack-side{width:39%;right:0;top:80px;transform:rotate(11deg);z-index:2}
.mb-stack-front{width:48%;left:26%;top:27px;z-index:3;transform:rotate(-2deg)}
.mb-belief{background:var(--mb-purple);padding:22px 25px;color:#fff}
.mb-belief-text{margin:0;text-align:center;font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.8}
.mb-belief-text span{margin:0 29px;padding:0 29px;border-inline:1px solid #ffffff60}
.mb-collection{padding:82px 0 88px}
.mb-collection h2,.mb-story h2,.mb-ending h2{font-size:clamp(30px,3.2vw,43px);margin:0 0 20px}
.mb-section-intro{color:var(--mb-muted);max-width:640px;margin:0 0 43px}
.mb-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.mb-book-card{margin:0!important;display:flex;flex-direction:column}
.mb-card-art{background:#f3f0f6;padding:32px 24px;display:flex;justify-content:center;align-items:center;min-height:345px}
.mb-card-cover{margin:0!important;width:180px;box-shadow:8px 10px 18px #26163728;transition:transform .2s}
.mb-card-cover img{width:100%;height:auto;max-height:290px;object-fit:contain;display:block}
.mb-book-card:hover .mb-card-cover{transform:translateY(-5px)}
.mb-card-copy{padding:25px 0 0;margin:0;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.mb-card-copy .mb-eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 11px}
.mb-card-copy h3{font-size:25px;line-height:1.14;margin:0 0 13px}
.mb-card-copy>p:not(.mb-eyebrow):not(.mb-card-link){font-size:15px;line-height:1.7;color:var(--mb-muted);margin:0 0 22px}
.mb-card-link{margin:auto 0 0;font-size:14px;font-weight:700}
.mb-card-link a,.mb-text-link a{text-decoration:none;border-bottom:1px solid #9d87be;padding-bottom:4px}
.mb-card-link span,.mb-text-link span{padding-left:10px}
.mb-all-books{padding:0 0 80px}.mb-all-books h2{font-size:clamp(28px,3vw,38px);margin:0 0 30px}
.mb-directory{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:45px;padding:0;margin:0;counter-reset:mb-book}
.mb-directory li{margin:0;border-bottom:1px solid #e5e0ea;counter-increment:mb-book}
.mb-directory a{display:flex;gap:15px;align-items:center;padding:18px 4px;color:var(--mb-ink);text-decoration:none;font-weight:600;font-size:15px;line-height:1.35}
.mb-directory a:before{content:counter(mb-book,decimal-leading-zero);font-size:11px;letter-spacing:.05em;color:#867497;min-width:21px;font-weight:400}
.mb-directory a:after{content:'\2197';margin-left:auto;color:var(--mb-purple);font-size:18px;font-weight:400}.mb-directory a:hover{color:var(--mb-purple);background:#faf8fc}
.mb-story{background:#f4f3f5;padding:82px 0}
.mb-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.mb-story-copy{margin:0;color:var(--mb-muted);font-size:17px}
.mb-story-copy p:first-child{margin-top:0}
.mb-text-link{font-weight:700;font-size:14px;margin-top:26px}
.mb-ending{text-align:center;padding:80px 0 85px}
.mb-ending p:not(.mb-eyebrow){color:var(--mb-muted);margin-bottom:29px}
.mb-ending .wp-block-buttons{justify-content:center}
.mb-footer{background:#25222b;color:#fff;padding:52px 0 0}
.mb-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding-bottom:40px}
.mb-footer .mb-brand img{width:160px}.mb-footer .mb-brand span{font-size:11px;padding-left:16px}.mb-footer .mb-brand{gap:16px}
.mb-footer-top p{font-size:14px;color:#c7c2ce;margin:0;line-height:1.7}
.mb-footer nav{display:flex;flex-direction:column;gap:8px;font-size:13px}
.mb-footer a{color:white;text-decoration:none}.mb-footer a:hover{text-decoration:underline}
.mb-footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid #ffffff22;font-size:11px;color:#c7c2ce;letter-spacing:.02em}
.mb-page{padding:70px 32px 90px;min-height:55vh}
@media(min-width:782px) and (max-width:1050px){.mb-book-stage{height:410px}.mb-stack-front{top:40px}.mb-stack-back,.mb-stack-side{top:95px}.mb-book-stage:before{height:340px;width:340px}.mb-hero-grid{gap:28px}.mb-belief-text span{margin:0 12px;padding:0 12px}}
@media(max-width:781px){.mb-wrap{width:calc(100% - 40px)}.mb-brandrow{min-height:88px}.mb-brand img{width:160px}.mb-brand{gap:15px}.mb-brand span{font-size:11px;padding-left:15px}.mb-signature{width:160px}.mb-navrow{padding:14px 22px}.mb-navigation{font-size:12px;gap:19px!important}.mb-hero{padding:48px 0 30px}.mb-hero-grid{grid-template-columns:1fr;gap:25px}.mb-hero-title{font-size:55px}.mb-hero-copy{max-width:100%;font-size:17px}.mb-book-stage{width:min(470px,100%);height:440px;margin-inline:auto!important}.mb-book-stage:before{width:360px;height:360px}.mb-stack-front{top:20px;width:46%}.mb-stack-back,.mb-stack-side{top:70px;width:37%}.mb-belief-text span{display:block;margin:4px 0;padding:0;border:0}.mb-collection{padding:56px 0}.mb-book-grid{gap:35px;grid-template-columns:1fr}.mb-book-card{display:grid;grid-template-columns:170px 1fr;gap:24px}.mb-card-art{min-height:0;padding:22px 17px}.mb-card-cover{width:135px}.mb-card-copy{padding:8px 0}.mb-card-copy h3{font-size:24px}.mb-story{padding:56px 0}.mb-story-grid{grid-template-columns:1fr;gap:24px}.mb-ending{padding:58px 0}.mb-footer-top{flex-wrap:wrap}.mb-footer-top p{flex:1}.mb-footer nav{flex-direction:row;gap:25px;width:100%}}
@media(max-width:480px){.mb-signature{width:115px}.mb-brand img{width:125px}.mb-brand{gap:12px}.mb-brand span{padding-left:12px;font-size:10px;letter-spacing:.13em}.mb-brandrow{gap:15px}.mb-hero-title{font-size:44px}.mb-book-stage{height:360px}.mb-book-stage:before{height:290px;width:290px;top:30px}.mb-stack-front{top:10px}.mb-stack-back,.mb-stack-side{top:60px}.mb-card-copy h3{font-size:22px}.mb-book-card{grid-template-columns:125px 1fr;gap:20px}.mb-card-art{padding:15px 12px;align-self:start}.mb-card-copy .mb-eyebrow{font-size:9px}.mb-card-copy>p:not(.mb-eyebrow):not(.mb-card-link){font-size:14px;margin-bottom:15px}.mb-card-link{font-size:13px}.mb-card-cover{width:100px}.mb-footer-top{flex-direction:column;gap:23px}.mb-footer nav{gap:20px}.mb-footer-bottom{flex-direction:column;gap:5px}.wp-block-button__link{padding:14px 20px;font-size:12px}.wp-block-button.is-style-outline>.wp-block-button__link{padding:14px 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.mb-card-cover{transition:none}.mb-book-card:hover .mb-card-cover{transform:none}}
@media(max-width:781px){.mb-directory{grid-template-columns:1fr;gap:0}.mb-all-books{padding-bottom:56px}}