body.mm-analog{
  --an-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .06 0 0 0 0 .04 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  --an-radius:12px;
  --an-lift:color-mix(in srgb,var(--mm-coral) 30%,var(--mm-porcelain));
  --an-on-taupe:var(--mm-ink);
  background:var(--mm-porcelain) var(--an-grain);
  color:var(--mm-ink);
}

:is(body.mm-analog,.an-book){--an-shadow:0 26px 50px -30px rgba(20,15,10,.5),0 2px 6px -2px rgba(20,15,10,.08)}

body.mm-analog .an-porcelain{background:var(--mm-porcelain) var(--an-grain)}
body.mm-analog .an-linen{background:var(--linen,var(--mm-ground-warm)) var(--an-grain)}
body.mm-analog .an-taupe{background:var(--mm-porcelain) var(--an-grain)!important;color:var(--an-on-taupe);border-block:1px solid var(--mm-line);
  --ink:var(--an-on-taupe);--mm-ink:var(--an-on-taupe);--mm-lead-ink:var(--an-on-taupe);--muted:var(--an-on-taupe);--mm-muted-ink:var(--an-on-taupe)}
body.mm-analog .an-band.an-taupe{border-block:0}
body.mm-analog .an-taupe :is(h1,h2,h3,h4,p,li,span,b,strong,em,i,small,dd,dt,label):not(.a5 *){color:var(--an-on-taupe)!important}
body.mm-analog .an-taupe :is(p,li,small){opacity:.86}
html body.mm-analog .an-taupe.mm-offer p[data-offer-eyebrow]{color:var(--mm-eyebrow)!important;opacity:1}
body.mm-analog .an-taupe :is(.eyebrow,.hw-n,[class*="eyebrow"]):not(.a5 *){opacity:1}
body.mm-analog{overflow-x:clip}
body.mm-analog .an-band{position:relative;z-index:0;background:none!important}
body.mm-analog .an-band::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none}
body.mm-analog .an-band.an-linen::before{background:var(--linen,var(--mm-ground-warm)) var(--an-grain)}
body.mm-analog .an-band.an-taupe::before{background:var(--mm-porcelain) var(--an-grain);border-block:1px solid var(--mm-line);box-sizing:border-box}

body.mm-analog main :is(h1,h2){
font-family:var(--mm-face-head,'Fraunces',Georgia,serif)!important;letter-spacing:-.012em!important;line-height:var(--lh-head,1.12)}
body.mm-analog main :is(p,li){font-family:'Figtree',system-ui,sans-serif}
/* Not coral: small labels must reach 4.5:1 (label-contrast.spec.js); --mm-muted does. */
body.mm-analog main{--mm-label:var(--mm-muted);--plum:var(--mm-ink)}
body.mm-analog main .an-taupe{--mm-label:var(--an-on-taupe)}
body.mm-analog main :is(.cv,.engcv,.cb-art,.cover,.a5){--plum:var(--mm-plum)}
body.mm-analog main .hw-n{color:var(--mm-coral)}

body.mm-analog .site-header .header-cta .nav-apply{border-color:var(--mm-coral)!important}
body.mm-analog .site-header .header-cta .nav-apply:hover{filter:brightness(.92)}
body.mm-analog .site-header{background:var(--mm-porcelain) var(--an-grain)}


/* No will-change or backface-visibility here: they rasterise the turned book and blur the cover (CRISP-01). */
:is(.an-book,body.mm-analog :is(.cover-grid .engcv,.hw-book,.go-book)){position:relative;display:block;transform:rotate(var(--an-turn,-2deg));transform-origin:50% 90%}
:is(.an-book,body.mm-analog :is(.cover-grid .engcv,.hw-book,.go-book)) :is(.cv,.cb-art,.cover-inner){box-shadow:var(--an-shadow)!important;border-radius:0}
:is(.an-book,body.mm-analog :is(.cover-grid .engcv,.hw-book,.go-book))::after{content:"";position:absolute;top:3.5%;bottom:3.5%;right:-2px;width:6px;border-radius:0 2px 2px 0;pointer-events:none;
  background:repeating-linear-gradient(90deg,var(--mm-white) 0 1px,var(--mm-line) 1px 2px);box-shadow:2px 6px 10px -6px rgba(20,15,10,.35);z-index:-1}
:is(.an-book,body.mm-analog :is(.cover-grid .engcv,.hw-book,.go-book))::before{content:"";position:absolute;top:0;bottom:0;left:0;width:7%;pointer-events:none;z-index:3;
  background:linear-gradient(90deg,rgba(20,15,10,.16),rgba(255,255,255,.12) 45%,rgba(20,15,10,0))}
body.mm-analog :is(.cover-grid .cov-item:nth-child(even) .engcv,.hw-row:nth-child(even) .hw-book){--an-turn:2deg}

body.mm-analog main :is(.ap-card,.jn-card,.dk-card,.g-card,.card){border-radius:var(--an-radius)}

html.an-motion body.mm-analog .an-rise{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
html.an-motion body.mm-analog .an-rise.an-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.an-motion body.mm-analog .an-rise{opacity:1;transform:none;transition:none}}


body.mm-analog main .mm-offer.an-taupe{margin-top:0!important}

@media (max-width:899px){
  html:not(.mm-authed) body.mm-analog .site-header .header-inner{align-items:center}
  html:not(.mm-authed) body.mm-analog .site-header .header-cta{align-items:center;margin-left:auto;margin-right:12px;order:2}
  html:not(.mm-authed) body.mm-analog .site-header .nav-toggle{order:3}
  html:not(.mm-authed) body.mm-analog .site-header .header-cta .nav-apply{align-items:center;min-height:40px;padding:8px 16px;font-size:.92rem;border-radius:999px;white-space:nowrap}
}

body.mm-analog .hw-rows{max-width:none;padding:0}
body.mm-analog .hw-row{border-top:0;padding-left:max(22px,calc((100% - 1120px) / 2 + 22px));padding-right:max(22px,calc((100% - 1120px) / 2 + 22px))}
body.mm-analog .hw-close{max-width:none;border-top:0}
body.mm-analog .hw-close > *{margin-left:auto;margin-right:auto}
body.mm-analog .hw-art{background:none!important;border-radius:0;overflow:visible}
body.mm-analog .hw-book{overflow:visible;box-shadow:none;border-radius:0}
body.mm-analog .hw-book > *{border-radius:0;overflow:hidden;box-shadow:var(--an-shadow)}

body.mm-analog .go-book{box-shadow:none}
body.mm-analog .go-book .go-cover{box-shadow:var(--an-shadow)}
body.mm-analog .go-steps.an-band{padding:var(--s-8) 0}
body.mm-analog .an-taupe .go-n{border-color:var(--an-on-taupe)}
body.mm-analog .go-buy.an-band{margin-top:0;padding:var(--s-8) 0}
body.mm-analog main:has(.go-buy.an-band){padding-bottom:0}

body.mm-analog .jn-steps.an-band{padding:var(--s-7) 0}
body.mm-analog .dk.an-band{padding:var(--s-8) 0}
body.mm-analog .jn-close.an-band{margin-top:var(--s-8)}
body.mm-analog main:has(> .jn-close.an-band:last-of-type){padding-bottom:0}
body.mm-analog .jn:has(> .dk.an-band:last-child){padding-bottom:0;margin-bottom:0}
body.mm-analog .jn:has(> .dk.an-band:last-child) + .jn-close.an-band{margin-top:0}


/* mimmii-head.js writes the greeting's padding inline, so the band's ground reaches past it. */

body.mm-analog #products.an-linen{background:var(--mm-linen) var(--an-grain)}


body.mm-analog .hw-write{display:block;width:min(300px,62%);margin:0 auto;transform:rotate(1.2deg)}
body.mm-analog .hw-pages{display:flex;width:84%;margin:0 auto;transform:rotate(-1.5deg);box-shadow:var(--an-shadow);border-radius:3px;background:var(--mm-white)}
body.mm-analog .hw-shelf{display:flex;align-items:flex-end;justify-content:center;width:88%;margin:0 auto;padding-bottom:var(--s-3);border-bottom:2px solid var(--mm-line)}

body.mm-analog .pr-hero .eyebrow{margin:0 0 var(--s-4)}
body.mm-analog .mm-offer-card{background:var(--mm-plum);color:var(--mm-white)}


body.mm-analog main :is(h1,h2,h3,p):has(+ :is(a.btn,button.btn,.mm-btn,.mm-hero-cta)){margin-bottom:var(--s-5)!important}
body.mm-analog main :is(h1,h2,h3,p) + :is(a.btn,button.btn,.mm-btn,.mm-hero-cta){margin-top:0!important}


body.mm-analog .go-cover{border-radius:0}
