/*
Theme Name: MFC Industria
Author: Studio Custom
Description: Tema a blocchi per agenzie creative, con design scuro, accenti arancioni e sezioni editoriali. Nessun plugin obbligatorio.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mfc-industria
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#070707;color:#f7f7f3;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ff5425;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}p{line-height:1.65} .wp-site-blocks>*{margin-block-start:0}.wp-block-group.alignfull{margin-left:0;margin-right:0}.shell{max-width:1400px;margin:auto;padding:0 6%}.site-header{padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1c;position:relative;z-index:5;background:#070707}.brand{font-size:38px;font-weight:800;letter-spacing:-2px}.brand b{color:#ff5425}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.nav-cta{border:1px solid #ffffff60;border-radius:30px;padding:12px 20px}.hero{position:relative;min-height:790px;padding-top:95px;padding-bottom:70px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(62px,8.8vw,140px);line-height:1.02;position:relative;z-index:2;margin:42px 0 26px}.hero h1 em{font-weight:400;color:#ff6339}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;gap:40px}.hero-bottom p{max-width:400px;font-size:16px;color:#c9c9c9}.circle-link{width:126px;height:126px;border:1px solid #ffffff55;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:11px;letter-spacing:.1em;background:#08080877}.circle-link span{font-size:36px}.orb{position:absolute;width:610px;height:610px;border-radius:45% 55% 61% 39% / 47% 40% 60% 53%;left:47%;top:60px;background:radial-gradient(ellipse at 38% 35%,#050505 37%,#2b0901 48%,#ee380c 60%,#ff946b 66%,#ffefe1 69%,#71200b 73%,#050505 78%);box-shadow:inset 0 0 70px #000,0 0 80px #ec3e0a19;transform:rotate(-20deg);animation:orbit 15s ease-in-out infinite alternate;opacity:.95}.orb:after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 3px,#0003 4px 5px);mix-blend-mode:overlay}.hero .eyebrow{position:relative;z-index:2}.hero-meta{display:flex;justify-content:space-between;color:#777;font-size:11px;margin-top:75px;position:relative;z-index:2}.light{color:#171717;background:#f6f6f2;border-radius:32px}.partners{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;padding:40px 0;border-bottom:1px solid #dcdcd6;color:#91918c;font-size:28px;font-weight:800;letter-spacing:-1.5px}.section{padding:100px 0}.section.shell{padding:100px 6%}.section-label{display:flex;gap:16px;font-size:13px;margin-bottom:42px}.section-label span{color:#888}.section h2{font-size:clamp(40px,5.4vw,76px);line-height:1.08;max-width:850px}.intro{text-align:center;padding-bottom:65px}.intro .section-label{justify-content:center}.intro h2{margin:0 auto 26px}.intro p{max-width:580px;margin:0 auto;color:#777}.feature-art{height:380px;background:#deded7;border-radius:22px;position:relative;overflow:hidden;margin-top:55px;display:grid;place-items:center}.feature-art:before{content:'';width:230px;height:230px;background:#ff5425;border-radius:50%;box-shadow:90px 0 0 #161616,-90px 0 0 #f6f6f2;transform:rotate(-25deg)}.feature-art:after{content:'CREATIVITY IN MOTION';position:absolute;bottom:24px;left:28px;font-size:11px;letter-spacing:.2em}.service-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}.service-heading p{color:#888;max-width:340px}.service-row{border-top:1px solid #ccc;padding:28px 0;display:flex;align-items:center;gap:25px}.service-row small{color:#888}.service-row h3{font-size:clamp(30px,4vw,54px);margin:0}.service-row .arrow{margin-left:auto;border:1px solid #bbb;border-radius:50%;padding:12px 17px;font-size:24px}.service-row:hover{color:#e74519}.projects{padding-top:110px;padding-bottom:110px}.projects-head{display:flex;align-items:end;justify-content:space-between}.projects h2{font-size:clamp(48px,6vw,90px);line-height:1;margin-bottom:40px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.project-art{height:360px;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.project-art strong{font-size:68px;letter-spacing:-5px;z-index:1}.art-one{background:#e8e4da;color:#222}.art-one:before{content:'';position:absolute;width:230px;height:230px;background:#ff5425;border-radius:45px;transform:rotate(-20deg)}.art-one strong{transform:rotate(-12deg);color:white}.art-two{background:#b7c7bd;color:#123729}.art-two:before{content:'';position:absolute;width:240px;height:310px;background:#e8f0de;border-radius:120px 120px 25px 25px;transform:rotate(16deg);box-shadow:20px 20px 50px #18352930}.art-two strong{font-size:48px;transform:rotate(16deg);letter-spacing:-3px}.project-info{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.project-info h3{font-size:25px;margin:0}.project-info span{font-size:12px;color:#aaa}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:60px;border-top:1px solid #333}.stats strong{display:block;font-size:65px;letter-spacing:-4px}.stats span{color:#888;font-size:13px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq h2{font-size:56px}.faq details{padding:22px 0;border-top:1px solid #ccc}.faq summary{cursor:pointer;font-size:18px;line-height:1.4}.faq details p{color:#777;font-size:14px;margin:20px 0 0}.footer{padding-top:100px;padding-bottom:28px}.footer h2{font-size:clamp(52px,8vw,112px);line-height:1.05;margin-bottom:45px}.footer h2 em{color:#ff5425}.contact-link{display:inline-flex;gap:50px;align-items:center;border-bottom:1px solid #777;padding:18px 0;font-size:24px}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:100px;padding-top:25px;border-top:1px solid #333;font-size:12px;color:#999}.footer-bottom nav{display:flex;gap:22px}.content-page{min-height:60vh;padding:80px 6%;max-width:1100px;margin:auto}.content-page h1{font-size:64px}.wp-block-post-featured-image img{border-radius:18px}.wp-block-button__link{background:#ff5425;border-radius:30px}.skip-link{position:absolute;left:10px;top:-100px;z-index:99;background:white;color:black;padding:15px}.skip-link:focus{top:10px}@keyframes orbit{to{transform:rotate(15deg) scale(.94);border-radius:53% 47% 40% 60% / 60% 57% 43% 40%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1500px){.hero{min-height:850px}}@media(max-width:760px){.site-header{padding:22px 6%;flex-wrap:wrap;gap:18px}.brand{font-size:32px}.site-header nav{gap:16px;font-size:12px;flex-wrap:wrap}.nav-cta{padding:8px 12px}.hero{min-height:720px;padding-top:65px}.hero h1{font-size:clamp(52px,11vw,80px);margin-top:60px}.orb{width:440px;height:440px;left:10%;top:60px;opacity:.7}.hero-bottom{gap:24px;align-items:flex-start}.hero-bottom p{font-size:14px;max-width:230px}.circle-link{width:100px;height:100px;flex-shrink:0;font-size:9px}.hero-meta{margin-top:65px}.section{padding:65px 0}.section.shell{padding:65px 6%}.partners{font-size:22px;justify-content:center}.feature-art{height:280px}.service-heading,.faq{grid-template-columns:1fr;gap:20px}.project-grid{grid-template-columns:1fr}.project-art{height:330px}.projects-head{display:block}.stats strong{font-size:44px}.stats{gap:15px}.stats span{font-size:11px}.faq h2{font-size:44px}.footer{padding-top:70px}.footer-bottom{margin-top:65px}.contact-link{font-size:20px}.light{border-radius:24px}}

.hero{background:linear-gradient(90deg,#07070788,transparent 75%),url('assets/mfc-ferro-incandescente-home.png') center center/cover no-repeat;min-height:820px}.hero h1{font-size:clamp(58px,7.8vw,120px);max-width:1100px}.hero h1 em{color:#ff6339;font-style:normal}.hero-bottom p{background:#07070799;padding:16px;border-radius:12px}.site-header .wp-block-site-logo img{max-height:70px;width:auto;max-width:180px;object-fit:contain}.site-header .wp-block-site-logo:empty{display:none}.brand{letter-spacing:-1px}.brand small{font-size:12px;letter-spacing:.12em;display:block;font-weight:400;margin-top:4px}.partners{font-size:clamp(13px,1.6vw,23px);letter-spacing:.02em;font-weight:500;justify-content:center;text-align:center}.feature-art{background:linear-gradient(90deg,#0009,#0002),url('assets/mfc-ferro-incandescente-home.png') center/cover}.feature-art:before{display:none}.feature-art:after{content:'MFC · DOVE LE IDEE PRENDONO STRUTTURA';color:#fff;font-size:10px}.service-row .service-copy{flex:1}.service-row h3{font-size:clamp(25px,3.5vw,46px)}.service-row p{font-size:14px;color:#777;margin:10px 0 0}.project-art{background:#171717;border:1px solid #333;flex-direction:column;gap:15px;color:#aaa;text-align:center;padding:30px}.project-art strong{font-size:clamp(26px,3vw,42px);letter-spacing:-1px}.project-art small{font-size:11px;letter-spacing:.12em}.project-art:before{display:none}.project-info{align-items:flex-start;gap:15px}.project-info h3{font-size:22px}.project-info span{max-width:130px;text-align:right;line-height:1.5}.stats strong{font-size:32px;letter-spacing:-1px;margin-bottom:15px}.stats span{line-height:1.7;display:block}.company-data{color:#aaa;font-size:13px;line-height:1.85;margin-top:65px;max-width:780px}.company-data strong{color:#fff}.contact-link{flex-wrap:wrap;font-size:20px}.contact-note{color:#999;font-size:12px;margin-top:18px}.footer h2{font-size:clamp(45px,6.8vw,96px)}.footer>p:not(.eyebrow){max-width:620px}.site-header .identity{display:flex;align-items:center;gap:16px}.legal-label{color:#777}.hero-meta{gap:20px}@media(max-width:760px){.hero{min-height:780px;background-position:64% center}.hero h1{font-size:clamp(48px,10.5vw,76px)}.hero-bottom{flex-direction:column;gap:25px}.hero-bottom p{max-width:100%;font-size:15px}.hero-meta{font-size:9px;margin-top:40px}.site-header nav{gap:12px}.site-header .nav-cta{font-size:11px}.stats{grid-template-columns:1fr}.stats strong{font-size:29px}.service-row{gap:12px}.service-row .arrow{font-size:20px;padding:8px 12px}.project-info{flex-direction:column}.project-info span{text-align:left;max-width:none}.contact-link{font-size:17px;gap:15px}.brand{font-size:34px}}

.mfc-logo{display:block;flex-shrink:0}.mfc-logo img{display:block;width:270px;max-width:100%;height:auto}.feature-art{background:linear-gradient(0deg,#0009,transparent 65%),url('assets/capannone-industriale.png') center 48%/cover no-repeat;height:460px}.feature-art:after{text-shadow:0 1px 4px #000}.project-art{padding:0}.project-art img{display:block;width:100%;height:100%;object-fit:cover}.image-note{color:#929292;font-size:12px;margin:8px 0 35px}.section-label{gap:0}.stats{padding-top:35px}@media(max-width:1050px){.site-header{gap:22px;justify-content:center}.site-header nav{justify-content:center}.mfc-logo img{width:245px}}@media(max-width:760px){.mfc-logo img{width:220px}.feature-art{height:310px}.project-art{height:300px}.site-header{padding-top:18px;padding-bottom:18px}.site-header nav{gap:12px;font-size:11px}}