/* Shared Fantasy Fiber magazine layout for Chi siamo */
.ff-about{font-family:'Barlow',Arial,sans-serif;color:#eeeadd;background:transparent}
.ff-about *{box-sizing:border-box}
.ff-about section{background:transparent;border-bottom:1px solid rgba(162,176,113,.17)}
.ff-about .hero{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;padding:65px clamp(24px,6vw,105px);gap:24px}
.ff-about .hero>div{padding:20px 0}
.ff-about .hero>img{width:100%;max-width:470px;height:520px;max-height:520px;justify-self:center;object-fit:contain;background:transparent}
.ff-about h1,.ff-about h2,.ff-about h3,.ff-about blockquote{font-family:'Barlow Condensed',sans-serif;letter-spacing:.01em}
.ff-about h1{font-size:clamp(56px,6vw,100px)!important;line-height:.96!important;font-weight:700}
.ff-about h2{font-size:clamp(42px,4.4vw,70px)!important;line-height:1.02!important;font-weight:650}
.ff-about h3{font-size:32px!important}
.ff-about label,.ff-about strong,.ff-about .cards article>b{color:#b7c17b}
.ff-about p{font-family:'Barlow',sans-serif;font-size:17px;line-height:1.7;color:#c9c9b9}
.ff-about .lead{font-size:19px;max-width:690px}
.ff-about .story{padding:80px clamp(24px,6vw,105px);display:grid;grid-template-columns:75px minmax(0,1fr) minmax(0,.9fr);gap:30px}
.ff-about .story .grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0;background:transparent}
.ff-about .story .grid img{width:100%;height:340px;object-fit:contain}
.ff-about .split,.ff-about .today{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:55px clamp(24px,6vw,105px);background:transparent}
.ff-about .split>div,.ff-about .today>div{padding:25px 0;background:transparent;border:0}
.ff-about .split>img,.ff-about .today>img{width:100%;height:480px;max-width:100%;object-fit:contain}
.ff-about .gallery,.ff-about .text{display:block;padding:75px clamp(24px,6vw,105px);margin:0;max-width:none;background:transparent}
.ff-about .masonry{columns:3 190px;column-gap:18px;margin-top:25px}
.ff-about .masonry img{width:100%;height:auto;max-height:330px;object-fit:contain;margin-bottom:15px}
.ff-about .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent}
.ff-about .cards article{padding:45px 30px;border-right:1px solid rgba(162,176,113,.17);background:transparent}
.ff-about .cards article:last-child{border-right:0}
.ff-about .final{text-align:center;padding:100px 20px;background:transparent}
.ff-about .final h2{font-size:clamp(65px,9vw,145px)!important}
.ff-about .year{font:600 31px 'Barlow Condensed',sans-serif;color:#9aa481}
.ff-about blockquote{font-size:27px;line-height:1.3}
.ff-about img{border:0!important;box-shadow:none!important;background:transparent!important;object-fit:contain!important}
@media(max-width:950px){.ff-about .hero{min-height:0;grid-template-columns:1fr;padding:38px 24px 25px}.ff-about .hero>img{height:340px;max-width:330px}.ff-about .story{grid-template-columns:1fr;padding:45px 24px;gap:16px}.ff-about .split,.ff-about .today{grid-template-columns:1fr;padding:45px 24px}.ff-about .split>img,.ff-about .today>img{height:350px}.ff-about .today>img{order:2}.ff-about .today>div{order:1}.ff-about .gallery,.ff-about .text{padding:45px 24px}.ff-about .cards{grid-template-columns:1fr}.ff-about .cards article{padding:30px 24px;border-right:0;border-bottom:1px solid rgba(162,176,113,.17)}.ff-about .hero h1{font-size:clamp(47px,8vw,76px)!important}.ff-about h2{font-size:clamp(37px,6vw,54px)!important}}
@media(max-width:620px){.ff-about .hero{padding:25px 18px}.ff-about .hero>img{height:260px}.ff-about .story,.ff-about .split,.ff-about .today,.ff-about .gallery,.ff-about .text{padding:30px 18px}.ff-about .masonry{columns:2 130px}.ff-about .hero h1{font-size:48px!important}.ff-about h2{font-size:37px!important}.ff-about p{font-size:15px}.ff-about blockquote{font-size:22px}.ff-about .final{padding:55px 18px}.ff-about .final h2{font-size:64px!important}}
