/*
Theme Name: FMA Lab
Author: FMA
Description: Tema portfolio per Forma Materia Artigianalità.
Version: 1.0.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: fma
*/
:root{--ivory:#f4efe6;--ink:#292b2a;--oak:#b69570;--sage:#89917c;--bronze:#85745f;--line:#d8d0c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}.wrap{width:min(1360px,calc(100% - 8vw));margin-inline:auto}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--ivory)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:28px}.brand{display:inline-flex;align-items:baseline;gap:13px}.brand-mark{font-family:Georgia,serif;font-size:35px;font-weight:700;letter-spacing:-.095em;line-height:1}.brand-name{font-size:10px;letter-spacing:.18em;text-transform:uppercase;line-height:1.5;color:#665f56}.main-nav{display:flex;gap:32px;align-items:center}.main-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.13em}.main-nav a:hover,.text-link:hover{color:var(--bronze)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:7px 12px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:var(--bronze);font-weight:700}.hero{padding:90px 0 75px}.hero h1,.page-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.13}.hero h1{font-size:clamp(46px,6.7vw,105px);max-width:1050px;margin:18px 0 30px}.hero p{max-width:620px;font-size:clamp(16px,1.6vw,20px);line-height:1.6}.hero-image{overflow:hidden;background:#ded6cb}.hero-image img{width:100%;max-height:760px;object-fit:cover;object-position:center}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section h2,.page-title{font-size:clamp(37px,4.3vw,65px);margin:9px 0 0}.text-link{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:7px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}.project-card{grid-column:span 6;min-width:0}.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){grid-column:span 5}.project-card:nth-child(4n+3){grid-column:3/span 5}.project-media{overflow:hidden;background:#ddd3c6;display:block;aspect-ratio:1.42}.project-card:nth-child(4n+2) .project-media{aspect-ratio:.86}.project-card:nth-child(4n+3) .project-media{aspect-ratio:1.15}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.045)}.project-card h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(22px,2.1vw,30px);line-height:1.2;margin:15px 0 3px}.project-card .meta{font-size:12px;color:#777064}.lab-band{background:var(--ink);color:var(--ivory);padding:85px 0}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.lab-layout h2{font-family:Georgia,serif;font-size:clamp(40px,4vw,66px);font-weight:400;line-height:1.12;margin:10px 0}.lab-layout p{max-width:520px;color:#ddd6ca}.lab-layout .text-link{display:inline-block;margin-top:20px}.contact-teaser{padding:95px 0;border-bottom:1px solid var(--line)}.contact-teaser h2{font:400 clamp(40px,5vw,74px)/1.12 Georgia,serif;max-width:850px;margin:12px 0 30px}.site-footer{padding:42px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px;color:#69645c}.footer-inner a{text-decoration:underline}.page-intro{padding:85px 0 50px}.page-intro p{max-width:700px;font-size:18px}.single-cover{margin-bottom:55px}.single-cover img{width:100%;max-height:780px;object-fit:cover}.single-body{max-width:780px;margin:0 auto 60px;font-size:18px}.single-body p{margin-bottom:1.4em}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:90px}.gallery figure{grid-column:span 6;margin:0;overflow:hidden}.gallery figure:nth-child(3n){grid-column:span 12}.gallery img{width:100%;height:100%;max-height:740px;object-fit:cover}.back-link{display:inline-block;margin-bottom:50px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.field input,.field textarea{background:#fffdf9;border:1px solid #c9c1b5;padding:13px;width:100%;border-radius:0}.field textarea{min-height:180px;resize:vertical}.submit{border:0;background:var(--ink);color:var(--ivory);padding:15px 25px;cursor:pointer}.submit:hover{background:#4b4b45}.notice{padding:15px;border:1px solid var(--bronze);max-width:800px;margin-bottom:25px}.hidden-field{position:absolute;left:-9999px}.empty{border-top:1px solid var(--line);padding:45px 0;color:#686157}.wp-block-image img{height:auto}@media(max-width:750px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:75px}.brand-mark{font-size:30px}.brand-name{font-size:8px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:75px;padding:22px 18px;background:var(--ivory);border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:18px}.main-nav.is-open{display:flex}.hero{padding:62px 0 42px}.section{padding:65px 0}.section-head{align-items:start;flex-direction:column}.project-grid{display:grid;grid-template-columns:1fr;gap:36px}.project-card,.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){grid-column:auto}.project-card:nth-child(4n+2) .project-media{aspect-ratio:1.15}.lab-layout{grid-template-columns:1fr;gap:20px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure:nth-child(3n){grid-column:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* Logo FMA: A grafica, senza dipendenza dal supporto del glifo Lambda */
.brand-mark{display:inline-flex;align-items:baseline;gap:0;letter-spacing:-.095em;white-space:nowrap}.brand-a{display:inline-block;width:.69em;height:.84em;flex:none;margin-left:.025em;vertical-align:baseline;overflow:visible}
