/*
Theme Name: MicroMineral Trial
Theme URI: https://micromineral.lovable.app/
Author: MicroMineral
Description: A lightweight bespoke staging theme for MicroMineral.
Version: 0.1.0
Text Domain: micromineral-trial
*/
:root{--paper:#f2eee6;--chalk:#faf8f3;--ink:#282b29;--muted:#6d706a;--line:rgba(40,43,41,.18);--clay:#a87455;--moss:#435147;--display:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--gutter:clamp(1.25rem,4vw,5.5rem);--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.mm-wrap{width:min(100% - 2*var(--gutter),1360px);margin:auto}.mm-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;color:var(--muted);font-weight:700}.mm-button{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--ink);padding:.82rem 1.2rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.3s ease}.mm-button:hover{background:var(--ink);color:var(--chalk)}.mm-button--light{border-color:rgba(255,255,255,.75);color:#fff}.mm-button--light:hover{background:#fff;color:var(--ink)}.site-header{position:absolute;z-index:4;top:0;left:0;right:0;color:#fff}.site-header__in{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.27)}.site-brand{font-size:1.25rem;letter-spacing:-.055em;font-weight:700}.site-brand span{font-weight:400}.primary-nav ul{list-style:none;display:flex;gap:1.7rem;margin:0;padding:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.primary-nav a:hover{opacity:.65}.hero{min-height:780px;min-height:100svh;position:relative;display:grid;align-items:end;background:#5a5248;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,24,22,.68),rgba(25,24,22,.08) 70%),linear-gradient(0deg,rgba(25,24,22,.32),transparent 45%);z-index:1}.hero__image{position:absolute;inset:0;background:linear-gradient(135deg,#817766,#403a31);background-size:cover;background-position:center}.hero__image.has-image{background-color:#4d483f}.hero__content{position:relative;z-index:2;padding:0 0 clamp(3rem,8vh,7rem);max-width:780px}.hero h1,.mm-title{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.92;margin:.7rem 0 1.5rem}.hero h1{font-size:clamp(3.75rem,9.4vw,8.8rem)}.hero p{max-width:550px;font-size:clamp(1rem,1.6vw,1.3rem);margin:0 0 2rem}.intro{padding:clamp(5rem,11vw,11rem) 0;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,10vw,11rem);border-bottom:1px solid var(--line)}.intro .mm-title{font-size:clamp(2.7rem,5vw,5.4rem)}.intro p{font-size:1.13rem;max-width:570px}.system-grid{padding:clamp(5rem,10vw,10rem) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head .mm-title{font-size:clamp(2.6rem,4.6vw,5rem);margin:0}.systems{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.system{min-height:320px;padding:1.25rem 1.25rem 2rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:var(--chalk);transition:background .3s}.system:last-child{border-right:0}.system:hover{background:#e7ded2}.system__number{font-family:var(--display);font-size:2rem;color:var(--clay)}.system h3{font:400 clamp(1.7rem,2.7vw,2.7rem)/1 var(--display);letter-spacing:-.045em;margin:0}.image-break{height:clamp(350px,58vw,760px);position:relative;background:#817766 center/cover no-repeat}.image-break:after{content:"Material, made precise.";position:absolute;left:var(--gutter);bottom:1.5rem;color:#fff;font:400 clamp(2rem,4vw,4.4rem)/1 var(--display);letter-spacing:-.05em}.reason{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);padding:clamp(5rem,11vw,11rem) 0}.reason h2{font:400 clamp(2.7rem,5vw,5.2rem)/.95 var(--display);letter-spacing:-.055em;margin:0}.reason ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.reason li{padding:1.3rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:3rem 1fr;gap:1rem;font-size:1.15rem}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.project{position:relative;min-height:520px;background:#635d54 center/cover no-repeat;color:#fff}.project:nth-child(2){min-height:250px}.project:nth-child(3){min-height:250px}.project__meta{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.6);padding-top:.7rem;font-size:.77rem}.project-grid .project:nth-child(1){grid-row:span 2}.project-grid .project:nth-child(2){background-color:#9d8e7e}.project-grid .project:nth-child(3){background-color:#4e534f}.calculator{padding:clamp(5rem,11vw,10rem) 0;background:var(--ink);color:var(--chalk)}.calculator__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,8vw,10rem)}.calculator .mm-title{font-size:clamp(3rem,5.5vw,5.7rem)}.calculator p{color:#cfcac0}.calculator-card{background:var(--chalk);color:var(--ink);padding:clamp(1.3rem,3vw,2.5rem)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.calc-field{display:flex;flex-direction:column;gap:.4rem}.calc-field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.calc-field input,.calc-field select{border:1px solid var(--line);background:#fff;padding:.8rem;font:inherit;color:var(--ink)}.calc-result{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.calc-result strong{font:400 2.2rem/1 var(--display)}.calc-note{font-size:.76rem;color:var(--muted);margin-top:1rem}.trust{padding:clamp(5rem,9vw,9rem) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.trust div{border-top:1px solid var(--line);padding-top:1rem}.trust h3{font:400 1.8rem/1 var(--display);letter-spacing:-.04em;margin:.45rem 0}.shop{padding:clamp(4rem,8vw,8rem) 0;background:#e5ddd0}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-card{background:var(--chalk);padding:1rem}.product-swatch{aspect-ratio:1.1;background:linear-gradient(140deg,#b7ae9f,#797368);margin-bottom:1rem}.product-card:nth-child(2) .product-swatch{background:linear-gradient(140deg,#d1c6af,#918474)}.product-card:nth-child(3) .product-swatch{background:linear-gradient(140deg,#4d4f4b,#8b8981)}.product-card h3{font:400 1.5rem var(--display);margin:.3rem 0}.quote{padding:clamp(5rem,11vw,11rem) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.quote h2{font:400 clamp(3rem,6vw,6rem)/.9 var(--display);letter-spacing:-.06em;margin:.6rem 0}.quote-form{display:grid;gap:1rem}.quote-form input,.quote-form textarea{border:0;border-bottom:1px solid var(--line);background:none;padding:.8rem 0;font:inherit}.quote-form textarea{min-height:95px;resize:vertical}.quote-form button{justify-self:start;background:var(--ink);color:#fff}.site-footer{background:#232523;color:#e7e2d9;padding:2rem 0}.footer-grid{display:flex;justify-content:space-between;gap:2rem;align-items:end}.site-footer p{margin:.25rem 0;font-size:.78rem;color:#bfbcb4}.site-footer nav{display:flex;gap:1.2rem;font-size:.78rem}.mm-disclaimer{padding:.8rem 1rem;background:#efe6d7;color:#5f5549;font-size:.75rem;border-left:3px solid var(--clay);margin-top:1.5rem}.site-main--plain{padding:10rem 0 6rem;min-height:70vh}.site-main--plain h1{font:400 clamp(3rem,6vw,6rem)/.9 var(--display)}
@media(max-width:760px){.site-header__in{height:68px}.primary-nav{display:none}.hero{min-height:680px}.intro,.reason,.calculator__layout,.quote{grid-template-columns:1fr}.systems,.shop-grid,.trust{grid-template-columns:1fr}.system{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.project-grid .project:nth-child(1){grid-row:auto;min-height:380px}.project{min-height:260px!important}.calc-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.footer-grid{display:block}.site-footer nav{margin-top:1.5rem;flex-wrap:wrap}}