@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,400,40,1;1,9..144,400,40,1&family=Manrope:wght@400;500;600;700&display=swap');
body[data-store='mira']{font-family:'Manrope',Arial,sans-serif;--bg:#f5f4ed;--ink:#344239;--muted:#6e776b;--surface:#e7e9db;--button:#3e5542;--accent:#6f896d}body[data-store='mira'] .mira{font-family:'Manrope',Arial,sans-serif}body[data-store='mira'] .hero-copy h1,body[data-store='mira'] .section-intro h2,body[data-store='mira'] .editorial-copy h2,body[data-store='mira'] .quote-section blockquote,body[data-store='mira'] .newsletter h2{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-.055em}body[data-store='mira'] .store-header{height:100px}body[data-store='mira'] .store-header .logo{letter-spacing:.16em;font-size:29px}body[data-store='mira'] .store-header .logo small{letter-spacing:.23em;margin-top:10px}body[data-store='mira'] .store-hero{grid-template-columns:48% 52%;min-height:760px}body[data-store='mira'] .hero-copy{padding-left:13%}body[data-store='mira'] .hero-copy h1{font-size:clamp(77px,7vw,125px);line-height:.98}body[data-store='mira'] .hero-copy p{font-family:'Manrope',sans-serif;font-size:15px}body[data-store='mira'] .hero-image{background-position:62% center}body[data-store='mira'] .section-shell{padding:125px 7%}body[data-store='mira'] .section-intro h2{font-size:clamp(64px,6vw,95px)}body[data-store='mira'] .product-grid{gap:55px 22px}body[data-store='mira'] .product-info h3{font-weight:600}body[data-store='mira'] .quote-section{background:#e2e8dc}body[data-store='mira'] .quote-section blockquote{font-style:normal;font-size:clamp(45px,4.4vw,75px)}body[data-store='mira'] .editorial{background:#455648}body[data-store='mira'] .editorial-copy p{color:#c3cec1}body[data-store='mira'] .newsletter{background:#dce4d8}body[data-store='mira'] .store-footer{background:#334739}
@media(max-width:900px){body[data-store='mira'] .store-hero{grid-template-columns:1fr}body[data-store='mira'] .hero-copy{padding:65px 7%}body[data-store='mira'] .hero-copy h1{font-size:85px}body[data-store='mira'] .store-header{height:70px}}
@media(max-width:600px){body[data-store='mira'] .hero-copy h1{font-size:67px}body[data-store='mira'] .section-shell{padding:80px 5%}body[data-store='mira'] .section-intro h2{font-size:55px}body[data-store='mira'] .product-grid{gap:30px 12px}}