:root { --mf-ink:#302c27; --mf-paper:#f1ede4; --mf-clay:#b96e4c; --mf-green:#293d35; --mf-stone:#cbbca3; --mf-line:rgba(48,44,39,.22); --mf-serif:"Instrument Serif",Georgia,serif; --mf-sans:"Manrope",Arial,sans-serif; --mf-mono:"DM Mono",monospace; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--mf-ink);background:var(--mf-paper);font-family:var(--mf-sans)} a{color:inherit;text-decoration:none} button,select{font:inherit} button{cursor:pointer}.mf-skip{position:fixed;z-index:10;top:8px;left:8px;padding:10px;color:#fff;background:var(--mf-green);transform:translateY(-140%)}.mf-skip:focus{transform:translateY(0)}.mf-title-mobile{display:none}
.mf-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 4.8vw;border-bottom:1px solid var(--mf-line);background:rgba(241,237,228,.95)}.mf-back,.mf-contact-link,.mf-nav a{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mf-back{color:#736d63}.mf-back span{margin-left:8px;color:var(--mf-ink)}.mf-logo{font:400 1.48rem/.85 var(--mf-serif);letter-spacing:-.05em}.mf-logo i{color:var(--mf-clay);font-style:italic}.mf-header-actions{display:flex;justify-content:end;align-items:center;gap:28px}.mf-nav{display:flex;gap:19px}.mf-nav a{color:#6c675e}.mf-nav a:hover{color:var(--mf-clay)}.mf-contact-link span{margin-left:8px;color:var(--mf-clay);font-size:15px}
.mf-hero{position:relative;min-height:740px;overflow:hidden;color:#fff;background:#292620}.mf-hero-image{position:absolute;inset:0;background:url("assets/materia-forma-hero.png") center/cover no-repeat}.mf-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,14,12,.64),rgba(16,14,12,.15) 67%),linear-gradient(0deg,rgba(16,14,12,.42),transparent 55%)}.mf-hero-copy{position:relative;z-index:1;max-width:760px;padding:136px 5.8vw}.mf-hero-copy>p,.mf-eyebrow{margin:0;color:#edc18b;font:500 10px var(--mf-mono);letter-spacing:.1em}.mf-hero h1,.mf-intro h2,.mf-section-head h2,.mf-method h2,.mf-project h2,.mf-final h2{margin:25px 0 0;font:400 clamp(4.7rem,8vw,9rem)/.78 var(--mf-serif);letter-spacing:-.065em}.mf-hero h1 em,.mf-intro h2 em,.mf-method h2 em,.mf-project h2 em,.mf-final h2 em{color:#e6ae79;font-style:italic}.mf-circle-link{display:inline-flex;align-items:center;gap:14px;margin-top:35px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mf-circle-link span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;transition:background .2s,color .2s}.mf-circle-link:hover span{color:var(--mf-green);background:#fff}.mf-hero-index{position:absolute;z-index:1;right:5vw;bottom:38px;font:500 10px var(--mf-mono);letter-spacing:.1em}.mf-hero-note{position:absolute;z-index:1;right:5.8vw;bottom:85px;max-width:235px;padding:17px 18px;color:#eee3d3;border-left:1px solid rgba(255,255,255,.6);background:rgba(24,25,22,.45);backdrop-filter:blur(6px)}.mf-hero-note span{display:block;color:#e6ae79;font:500 9px var(--mf-mono);letter-spacing:.09em}.mf-hero-note strong{display:block;margin-top:12px;font:400 1.65rem/.88 var(--mf-serif)}
.mf-section{max-width:1500px;margin:0 auto;padding:145px 4.8vw}.mf-index{margin:0;color:#8d8373;font:500 10px var(--mf-mono)}.mf-intro{display:grid;grid-template-columns:.3fr 1.3fr .7fr;gap:35px;align-items:end}.mf-intro h2,.mf-section-head h2,.mf-method h2,.mf-project h2{font-size:clamp(3.5rem,6vw,6.8rem)}.mf-intro>p:last-child,.mf-section-head>p,.mf-project-top>p{max-width:265px;margin:0;color:#6f6a61;font-size:13px;line-height:1.65}.mf-materials{padding-top:0}.mf-section-head,.mf-project-top{display:flex;justify-content:space-between;gap:42px;align-items:end}.mf-section-head h2,.mf-project-top h2{margin-top:18px}.mf-material-console{display:grid;grid-template-columns:1.04fr .96fr;margin-top:68px;border:1px solid var(--mf-line);background:#e8e1d4}.mf-material-stage{position:relative;min-height:470px;padding:26px;overflow:hidden;color:#f6f2e9;background:#c6af8a}.mf-material-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(86deg,rgba(104,72,43,.14) 0 1px,transparent 1px 25px),linear-gradient(115deg,#c9b08a,#e2d2b5 43%,#aa8a68)}.mf-material-stage.is-verde:before{background:repeating-linear-gradient(22deg,rgba(226,231,215,.3) 0 2px,transparent 2px 31px),linear-gradient(120deg,#132d29,#365448 48%,#192c28)}.mf-material-stage.is-grigio:before{background:repeating-linear-gradient(98deg,rgba(31,33,30,.2) 0 2px,transparent 2px 29px),linear-gradient(125deg,#858078,#b0aaa0 45%,#726d65)}.mf-material-stage.is-onice:before{background:repeating-linear-gradient(90deg,rgba(117,72,29,.22) 0 2px,transparent 2px 34px),linear-gradient(120deg,#bd8047,#e6bb75 47%,#9b5b2c)}.mf-material-stage:after{content:"";position:absolute;width:62%;height:120%;right:-19%;bottom:-46%;border:1px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.09),0 0 0 74px rgba(255,255,255,.07)}.mf-stage-label,.mf-material-stage p{position:relative;z-index:1}.mf-stage-label{display:flex;flex-direction:column;gap:11px}.mf-stage-label span{font:500 10px var(--mf-mono);letter-spacing:.1em}.mf-stage-label b{max-width:370px;font:400 clamp(3.7rem,6vw,6.4rem)/.8 var(--mf-serif);letter-spacing:-.06em}.mf-material-stage p{position:absolute;bottom:23px;left:26px;max-width:290px;margin:0;font-size:13px;line-height:1.55}.mf-material-stage i{position:absolute;z-index:1;right:26px;bottom:25px;width:34px;height:34px;border:1px solid #fff;border-radius:50%}.mf-material-picker{display:flex;flex-direction:column;background:#f5f1e8}.mf-material-picker button{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;min-height:105px;padding:17px 22px;border:0;border-bottom:1px solid var(--mf-line);color:var(--mf-ink);background:transparent;text-align:left;transition:background .2s,color .2s}.mf-material-picker button.is-active,.mf-material-picker button:hover{color:#f5f1e8;background:var(--mf-green)}.mf-swatch{width:46px;height:46px;border-radius:50%;border:1px solid rgba(48,44,39,.2)}.mf-swatch-travertino{background:repeating-linear-gradient(88deg,#d8c0a0 0 3px,#b99771 4px 7px)}.mf-swatch-verde{background:repeating-linear-gradient(23deg,#27483d 0 3px,#a0b0a1 4px 5px)}.mf-swatch-grigio{background:repeating-linear-gradient(96deg,#77716a 0 2px,#b5aea2 3px 6px)}.mf-swatch-onice{background:repeating-linear-gradient(85deg,#c77534 0 2px,#edc276 3px 7px)}.mf-material-picker b{display:block;font:400 1.6rem/.9 var(--mf-serif);letter-spacing:-.04em}.mf-material-picker small{display:block;margin-top:7px;color:#857c70;font-size:10px}.mf-material-picker button.is-active small{color:#c9d1c8}.mf-material-picker i{color:#a77b5c;font:500 10px var(--mf-mono);font-style:normal}.mf-material-data{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mf-line);background:#ddd2be}.mf-material-data div{min-height:100px;padding:20px;border-right:1px solid var(--mf-line)}.mf-material-data div:last-child{border:0}.mf-material-data small{display:block;color:#7c7160;font:500 9px var(--mf-mono);letter-spacing:.08em}.mf-material-data strong{display:block;margin-top:13px;font:400 1.4rem/.9 var(--mf-serif)}
.mf-method{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw;align-items:center;padding:135px 12vw;color:#f2eee4;background:#2a4037}.mf-method h2{color:#f4f1e8;font-size:clamp(3.8rem,6.2vw,7.2rem)}.mf-method-copy>p:last-child{max-width:360px;margin:28px 0 0;color:#c0cec3;font-size:14px;line-height:1.65}.mf-method-list{margin:0;padding:0;border-top:1px solid rgba(242,238,228,.33);list-style:none}.mf-method-list li{display:grid;grid-template-columns:43px 1fr;gap:16px;padding:25px 0;border-bottom:1px solid rgba(242,238,228,.33)}.mf-method-list li>span{padding-top:5px;color:#e1ad7c;font:500 10px var(--mf-mono)}.mf-method-list h3{margin:0;color:#f3efe7;font:400 2.1rem/.9 var(--mf-serif);letter-spacing:-.04em}.mf-method-list p{margin:8px 0 0;color:#c0cec3;font-size:12px;line-height:1.5}.mf-project-top>p{margin-bottom:5px}.mf-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:72px;border:1px solid var(--mf-line)}.mf-brief label{min-height:135px;padding:23px;border-right:1px solid var(--mf-line);color:#746b5e;font-size:10px;font-weight:700;letter-spacing:.06em}.mf-brief select{display:block;width:100%;margin-top:20px;padding:0 0 12px;border:0;border-bottom:1px solid var(--mf-ink);color:var(--mf-ink);background:transparent;font:400 1.45rem var(--mf-serif);outline:0}.mf-brief button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 23px;border:0;color:#f5f1e8;background:var(--mf-green);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s}.mf-brief button:hover{background:#466254}.mf-brief button span{color:#e1ad7c;font-size:18px}.mf-brief p{grid-column:1/-1;min-height:20px;margin:12px 0 0;color:#83614b;font-size:12px}.mf-final{padding:145px 22px;color:#f5f0e7;background:#a25f45;text-align:center}.mf-final .mf-eyebrow{color:#f2d4ad}.mf-final h2{font-size:clamp(4.5rem,8vw,9rem)}.mf-final a{display:inline-flex;align-items:center;gap:11px;margin-top:43px;min-height:52px;padding:0 20px;color:#f5f1e8;background:#2b4037;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s}.mf-final a:hover{transform:translateY(-3px)}.mf-final a span{color:#e6ae79;font-size:16px}.mf-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 4.8vw;color:#736c62;background:#f1ede4;font:500 9px var(--mf-mono);letter-spacing:.08em}.mf-footer a{color:#a25f45}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--mf-clay);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:800px){.mf-title-desktop{display:none}.mf-title-mobile{display:inline}.mf-header{grid-template-columns:1fr auto;min-height:66px;padding:0 22px}.mf-back,.mf-nav{display:none}.mf-logo{grid-column:1;justify-self:start;font-size:1.3rem}.mf-header-actions{grid-column:2;gap:0}.mf-hero{min-height:700px}.mf-hero-image{background-position:62% center}.mf-hero-copy{padding:108px 22px}.mf-hero h1{font-size:clamp(3.45rem,14.5vw,4.25rem)}.mf-hero-note{right:22px;bottom:74px;max-width:192px;padding:13px}.mf-hero-note strong{font-size:1.35rem}.mf-hero-index{right:22px;bottom:34px}.mf-section{padding:92px 22px}.mf-intro{display:block}.mf-index{margin-bottom:28px}.mf-intro h2,.mf-section-head h2,.mf-method h2,.mf-project h2{font-size:clamp(3rem,12.5vw,4.3rem)}.mf-intro>p:last-child{margin-top:27px}.mf-section-head,.mf-project-top{display:block}.mf-section-head>p,.mf-project-top>p{margin:26px 0 0}.mf-material-console{display:block;margin-top:44px}.mf-material-stage{min-height:370px;padding:20px}.mf-stage-label b{font-size:3.6rem}.mf-material-stage p{bottom:20px;left:20px}.mf-material-picker button{min-height:88px;padding:14px 18px}.mf-material-data{grid-template-columns:1fr}.mf-material-data div{min-height:0;display:grid;grid-template-columns:120px 1fr;gap:13px;padding:16px 19px;border-right:0;border-bottom:1px solid var(--mf-line)}.mf-material-data strong{margin:0}.mf-method{display:block;padding:95px 22px}.mf-method-copy>p:last-child{margin-bottom:45px}.mf-project-top h2{font-size:clamp(2.8rem,11.8vw,4rem)}.mf-brief{display:block;margin-top:44px}.mf-brief label{display:block;min-height:0;padding:20px;border-right:0;border-bottom:1px solid var(--mf-line)}.mf-brief button{width:100%;margin-top:0}.mf-brief p{margin:12px 0}.mf-final{padding:105px 22px}.mf-final h2{font-size:clamp(3.35rem,13.3vw,4.25rem)}.mf-footer{display:block;padding:20px 22px}.mf-footer span+span,.mf-footer a{display:block;margin-top:8px}}