/*
Theme Name: MANN & FORM
Theme URI: https://mannandform.com/
Author: MANN & FORM
Description: Editorial WordPress and WooCommerce theme for MANN & FORM.
Version: 1.0.0
*/
:root{--paper:#f3f0e9;--ink:#1d1d1b;--muted:#706d66;--line:#d8d3c8;--clay:#b56f52;--olive:#73735f;--sand:#ded8cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.mf-wrap{width:min(1180px,calc(100% - 64px));margin:auto}.mf-header{border-bottom:1px solid var(--line);padding:26px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mf-logo{font-size:12px;letter-spacing:.18em;font-weight:600}.mf-nav{display:flex;gap:28px;color:#484640}.mf-nav a:hover,.mf-utility a:hover{color:var(--clay)}.mf-utility{justify-self:end;border-bottom:1px solid var(--ink);padding-bottom:3px}.mf-main{min-height:60vh;padding:clamp(5rem,10vw,9rem) 0}.mf-kicker{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.mf-kicker:before{content:"";width:28px;height:1px;background:currentColor}.mf-title{font:400 clamp(3.5rem,8vw,8rem)/.94 "DM Serif Display",Georgia,serif;letter-spacing:-.035em;max-width:850px;margin:28px 0 54px}.mf-title em{color:var(--clay)}.mf-rule{border-top:1px solid var(--line)}.mf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:32px}.mf-card{border-top:1px solid var(--line);padding-top:20px}.mf-card h2{font:400 clamp(1.8rem,3vw,3rem)/.98 "DM Serif Display",Georgia,serif;margin:14px 0}.mf-meta{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.mf-excerpt{color:var(--muted);max-width:430px}.mf-content{max-width:760px;font-size:16px}.mf-content h2,.mf-content h3{font:400 2.5rem/.98 "DM Serif Display",Georgia,serif}.mf-content a{color:var(--clay);text-decoration:underline;text-underline-offset:4px}.mf-footer{background:var(--sand);padding:50px 0;color:#5f5b53}.mf-footer-inner{display:flex;justify-content:space-between;gap:30px}.mf-footer strong{font:400 2rem/.95 "DM Serif Display",Georgia,serif;color:var(--ink)}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:28px;margin:0!important;padding:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;border-top:1px solid var(--line);padding-top:20px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 2rem/.98 "DM Serif Display",Georgia,serif}.woocommerce div.product .product_title{font:400 clamp(2.5rem,6vw,6rem)/.95 "DM Serif Display",Georgia,serif}.woocommerce button.button,.woocommerce a.button{border-radius:0;background:var(--ink);color:var(--paper);font:11px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:13px 20px}.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--clay);color:#fff}@media(max-width:700px){.mf-wrap{width:min(100% - 40px,600px)}.mf-header{padding:22px 20px;display:flex;justify-content:space-between}.mf-nav{gap:12px}.mf-nav a:nth-child(-n+2){display:none}.mf-utility{display:none}.mf-grid,.woocommerce ul.products{grid-template-columns:1fr!important}.mf-footer-inner{display:block}.mf-footer-inner>*+*{margin-top:24px}}
