/* Mar-Mate prototype v1 – scoped styles for an Enfold Code Block */
.marmate { --ink:#28332b; --leaf:#344938; --sage:#dce5d8; --paper:#f7f1e6; --cream:#fffaf1; --clay:#bc7456; --denim:#2a4c6d; --line:#c9b59d; color:var(--ink); font-family:'Trebuchet MS',Arial,sans-serif; background:var(--paper); line-height:1.6; overflow:hidden; }
.marmate *, .marmate *::before,.marmate *::after {box-sizing:border-box}
.marmate h1,.marmate h2,.marmate h3,.marmate p{margin:0}
.marmate img{max-width:100%;height:auto;display:block}
.marmate .mm-wrap{max-width:1150px;margin:auto;padding:0 30px}
.marmate .mm-brow{font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#7e6045}
.marmate .mm-top{background:#e8ded0; border-bottom:1px dashed #cbbca8;padding:13px 0}
.marmate .mm-top .mm-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.marmate .mm-wordmark{font-size:21px;letter-spacing:-.05em;font-weight:900;color:var(--leaf)}
.marmate .mm-top-note{font-size:13px;color:#71634f}
.marmate .mm-hero{position:relative;padding:80px 0 74px;background:radial-gradient(circle at 15% 20%,#fff9ee 0,transparent 46%),var(--paper)}
.marmate .mm-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.marmate .mm-heading{font:700 clamp(54px,7.5vw,106px)/.97 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:18px 0 24px!important;color:var(--leaf)}
.marmate .mm-heading em{display:block;font-weight:400;color:var(--clay);font-style:italic}
.marmate .mm-intro{font-size:clamp(17px,1.8vw,21px);max-width:550px;color:#465145}
.marmate .mm-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.marmate .mm-pill{display:inline-block;background:#ede3d5;border:1px solid #d7c8b6;border-radius:25px;padding:7px 15px;font-size:13px;font-weight:700}
.marmate .mm-label-group{position:relative;max-width:370px;margin:0 auto;padding:20px 20px 45px}
.marmate .mm-label-group::before{content:'';position:absolute;inset:18px 1px 29px 20px;background:#d2c5ad;border-radius:50% 42% 49% 40%;transform:rotate(-8deg)}
.marmate .mm-label{position:relative;width:100%;border:9px solid #efe5d8;border-radius:7px;box-shadow:12px 18px 0 #cec2b0, 0 23px 36px #5d4b392b;transform:rotate(7deg)}
.marmate .mm-hand{position:absolute;right:-14px;bottom:-23px;font:italic 25px 'Comic Sans MS',cursive;color:var(--clay);transform:rotate(-8deg)}
.marmate .mm-thread{position:absolute;pointer-events:none;opacity:.57;width:180px;height:180px;border:2px dashed var(--clay);border-radius:50%;transform:rotate(-26deg)}
.marmate .mm-thread-a{right:-105px;top:-80px;border-left-color:transparent;border-bottom-color:transparent}
.marmate .mm-divider{height:36px;background:repeating-linear-gradient(90deg,var(--leaf) 0 32px,var(--paper) 32px 48px);opacity:.12}
.marmate .mm-about{padding:105px 0;background:#fffaf1}
.marmate .mm-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.marmate .mm-portrait-frame{position:relative;transform:rotate(-3deg);background:#d5d8ca;padding:14px 14px 50px;border-radius:5px;box-shadow:14px 17px 0 #e9dbc5}
.marmate .mm-portrait-frame img{width:100%;height:360px;object-fit:cover;object-position:49% 48%;filter:saturate(.85);border-radius:3px}
.marmate .mm-picture-caption{position:absolute;bottom:10px;left:23px;font:italic 23px Georgia,serif;color:#46563e}
.marmate .mm-section-title{font:700 clamp(38px,5vw,65px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:15px 0 22px!important;color:var(--leaf)}
.marmate .mm-copy{font-size:17px;margin-bottom:19px!important;max-width:550px}
.marmate .mm-stamp{display:inline-block;margin-top:15px;border:2px solid var(--clay);color:var(--clay);padding:8px 18px;border-radius:50%;font:italic 21px Georgia,serif;transform:rotate(-8deg)}
.marmate .mm-works{padding:100px 0 100px;position:relative}
.marmate .mm-works-head{text-align:center;max-width:700px;margin:0 auto 60px}
.marmate .mm-showcase{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.marmate .mm-work-card{position:relative}
.marmate .mm-photo{background:#ece4d4;padding:18px;border-radius:180px 180px 16px 16px;box-shadow:10px 12px 0 #d5c7b2}
.marmate .mm-photo img{width:100%;object-fit:cover;object-position:center;border-radius:165px 165px 9px 9px}
.marmate .mm-green .mm-photo{transform:rotate(-3deg)}
.marmate .mm-green .mm-photo img{aspect-ratio:1/1;object-position:center}
.marmate .mm-blue{margin-top:100px}
.marmate .mm-blue .mm-photo{background:#dce4e8;box-shadow:10px 12px 0 #bfccd5;transform:rotate(3deg)}
.marmate .mm-blue .mm-photo img{aspect-ratio:4/5;object-position:center 49%}
.marmate .mm-work-caption{padding:38px 12px 0}
.marmate .mm-work-caption h3{font:700 30px Georgia,serif;margin:0 0 9px!important;color:var(--leaf)}
.marmate .mm-work-caption p{font-size:16px;max-width:420px}
.marmate .mm-number{position:absolute;z-index:1;top:-24px;left:-13px;background:var(--leaf);color:white;width:62px;height:62px;display:grid;place-items:center;border-radius:100%;font:italic 31px Georgia,serif;transform:rotate(-12deg)}
.marmate .mm-repair{padding:95px 0;background:var(--leaf);color:#fff9ef;position:relative}
.marmate .mm-repair-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.marmate .mm-repair .mm-brow{color:#ddbd9f}
.marmate .mm-repair .mm-section-title{color:#fffaf2}
.marmate .mm-repair .mm-copy{color:#e0e8de}
.marmate .mm-repair-note{background:#faf1df;color:var(--ink);padding:36px 36px 34px;transform:rotate(4deg);box-shadow:11px 11px 0 #23382c;border-radius:4px}
.marmate .mm-repair-note h3{font:700 30px Georgia,serif;color:var(--leaf);margin-bottom:15px!important}
.marmate .mm-repair-note p{font-size:17px}
.marmate .mm-repair-note .mm-small{font-size:13px;margin-top:18px!important;color:#766b59}
.marmate .mm-foot{background:#e8ded0;text-align:center;padding:60px 20px}
.marmate .mm-foot-title{font:700 38px Georgia,serif;color:var(--leaf)}
.marmate .mm-foot p{font-size:15px;margin:10px 0!important}
.marmate .mm-footer-slogan{letter-spacing:.12em;text-transform:uppercase;font-size:11px!important;font-weight:700;color:#7f6a53}
@media(max-width:767px){.marmate .mm-wrap{padding:0 22px}.marmate .mm-top-note{display:none}.marmate .mm-hero{padding:65px 0 46px}.marmate .mm-hero-grid,.marmate .mm-about-grid,.marmate .mm-showcase,.marmate .mm-repair-grid{grid-template-columns:1fr;gap:46px}.marmate .mm-heading{font-size:65px}.marmate .mm-label-group{max-width:280px}.marmate .mm-about,.marmate .mm-works,.marmate .mm-repair{padding:70px 0}.marmate .mm-about-grid{gap:60px}.marmate .mm-portrait-frame img{height:260px}.marmate .mm-works-head{margin-bottom:50px}.marmate .mm-blue{margin-top:0}.marmate .mm-photo{max-width:470px;margin:auto}.marmate .mm-repair-note{transform:rotate(2deg);padding:30px}.marmate .mm-thread{display:none}}