/* 0.4.0 — legibility, photographic rhythm and a quieter, distinctive identity. */
@font-face{font-family:Chiodi Newsreader;src:url(fonts/newsreader.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Chiodi Newsreader;src:url(fonts/newsreader-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Chiodi Manrope;src:url(fonts/manrope-regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Chiodi Manrope;src:url(fonts/manrope-semibold.woff2) format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
:root{--serif:'Chiodi Newsreader',Georgia,serif;--sans:'Chiodi Manrope',Arial,sans-serif;--muted:#596158}
html{scroll-padding-top:106px}
.chiodi{font-family:var(--sans)}
.chiodi .shell{max-width:1240px}
.chiodi .section{padding-block:80px}
.chiodi .copy,.page-description{font-size:16px;line-height:1.8}
.chiodi .eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em}
.chiodi h1,.chiodi h2,.chiodi h3{font-family:var(--serif);font-weight:400}
.chiodi .section-title{font-size:50px;line-height:1.08;letter-spacing:-.025em}
.c-header .shell{height:86px}
.brand{gap:12px}
.brand-name{font-size:22px;line-height:1.04;max-width:190px}
.brand-name small{font-size:9px;letter-spacing:.17em;margin-top:6px}
.brand img{height:52px!important;width:62px!important}
.chiodi .c-nav{gap:26px}
.c-nav a{font:600 14px/1.4 var(--sans);letter-spacing:0;min-height:42px;display:flex;align-items:center}
.c-nav a:not(.nav-contact):after{bottom:3px}
.c-nav .nav-contact{padding:11px 18px}
.c-header.is-scrolled{box-shadow:0 6px 24px #272b2808}
.chiodi .c-hero{padding-top:30px}
.hero-layout{grid-template-columns:1fr 1.05fr;gap:64px}
.hero-copy{padding-block:20px}
.hero-copy h1{font-size:94px;line-height:1.03;letter-spacing:-.038em;margin-block:22px 24px}
.hero-copy .copy{max-width:405px;line-height:1.8}
.hero-actions{margin-top:26px}
.hero-visual .wp-block-image{height:520px}
.hero-caption{font-family:var(--sans);font-size:10px;letter-spacing:.045em}
.hero-scroll{font:600 11px/1.6 var(--sans);letter-spacing:.09em;padding-block:20px 25px}
.chiodi .link-arrow{font:600 13px/1.5 var(--sans);min-height:44px;gap:18px}
.link-arrow span{width:32px;height:32px;font-weight:400}
.c-intro{padding-block:48px;gap:52px}
.c-intro h2{font-size:36px;line-height:1.2;letter-spacing:-.015em;max-width:700px}
.story-section,.story-section.reverse-story{padding-block:72px;gap:70px}
.story-copy .copy{margin-top:24px}
.story-copy .link-arrow{margin-top:24px}
.chiodi .story-image .wp-block-image img{max-height:550px}
.section-heading{margin-bottom:32px;gap:45px}
.section-heading .eyebrow{margin-bottom:15px}
.section-heading .copy{font-size:15px;max-width:330px}
.chiodi .page-intro{padding-block:54px 38px}
.page-intro .eyebrow{margin-bottom:20px}
.page-intro h1{font-size:74px;line-height:1.04;letter-spacing:-.025em;max-width:1100px}
.page-description{margin-top:20px!important;max-width:690px}
.panorama{margin-bottom:24px!important}
.panorama .wp-block-image,.page-lavorazioni .panorama .wp-block-image{height:460px}
.chiodi .home-families{gap:40px;align-items:start}
.home-families .photo-card:nth-child(n){padding-top:0;max-width:300px;justify-self:center;width:100%}
.home-families .wp-block-image img{max-height:430px;width:auto!important;max-width:100%;margin-inline:auto}
.home-families .photo-caption{max-width:300px;margin-inline:auto}
.home-gallery{columns:3;display:block;column-gap:30px}
.home-gallery .photo-card{break-inside:avoid;margin-bottom:30px!important}
.home-gallery .wp-block-image img{width:100%;height:auto}
.chiodi .photo-caption{font-size:12px;line-height:1.65;padding-top:12px}
.forms-index{display:flex;gap:30px;flex-wrap:wrap;padding-block:14px;border-block:1px solid var(--line);margin-bottom:18px!important}
.forms-index a{font-size:14px;font-weight:600;line-height:1.5;min-height:36px;display:flex;align-items:center;text-decoration:none;text-underline-offset:6px}
.forms-index a:hover{text-decoration:underline;color:var(--clay)}
.forms-family{padding-block:54px!important;scroll-margin-top:112px}
.forms-family .section-heading{margin-bottom:30px;align-items:center}
.forms-family .section-title{font-size:45px}
.forms-grid{display:block;columns:3;column-gap:28px}
.forms-grid .photo-card{break-inside:avoid;padding-top:0!important;margin:0 0 30px!important}
.forms-grid .photo-card:nth-child(n){padding-top:0}
.forms-grid .wp-block-image img{height:auto!important;width:100%}
.archive-note{padding-block:26px;gap:35px}
.image-band{height:440px}
.image-band h2{font-size:65px;line-height:1.02;letter-spacing:-.02em}
.lab-layout{gap:70px}
.lab-copy h2{font-size:54px;line-height:1.08;letter-spacing:-.02em}
.lab-copy .copy{font-size:16px;line-height:1.8}
.lab-media{max-width:480px;justify-self:center;width:100%}
.video-label,.lab-media .video-label{font:11px/1.7 var(--sans);letter-spacing:.05em}
.video-label span{font-size:10px}
.chapter-links{padding-block:12px;gap:22px}
.chapter-links a{font-size:13px;font-weight:600;min-height:36px}
.process-chapter{padding-bottom:50px;scroll-margin-top:112px}
.film-pair{gap:72px}
.film-copy h2{font-size:42px;letter-spacing:-.02em}
.film-copy .copy{line-height:1.8}
.gallery-filters{padding-block:15px;gap:9px}
.gallery-filters button{font:600 13px var(--sans);min-height:44px;padding:11px 18px}
.gallery-status{font:12px/1.6 var(--sans);letter-spacing:.04em;margin-block:18px 24px!important}
.photo-grid{column-gap:28px}
.gallery-section{padding-bottom:45px}
.contact-page{padding-top:22px}
.contact-top{gap:76px;grid-template-columns:1fr 1fr}
.contact-copy h2,.contact-page .contact-copy h2{font-size:48px;line-height:1.1;letter-spacing:-.02em}
.contact-details{margin-top:28px;gap:15px}
.contact-details .email-link{font-size:18px;line-height:1.6}
.contact-details .map-link{font-size:14px;line-height:1.7}
.contact-form label{font:600 13px/1.7 var(--sans);letter-spacing:0}
.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{font:16px/1.6 var(--sans);padding-block:13px}
.contact-form .form-note{font-size:12px;line-height:1.7}
.contact-form input[type=submit]{font:600 14px/1.5 var(--sans);min-height:48px;padding:14px 23px}
.info-grid{gap:40px}
.info-grid h3{font-size:29px;line-height:1.15}
.info-grid p{font-size:15px;line-height:1.8}
.contact-panorama .wp-block-image{height:280px;margin-bottom:44px!important}
.chiodi .motion-scene{padding-block:75px}
.motion-heading h2{font-size:64px;line-height:1.05;letter-spacing:-.025em}
.motion-heading .copy{font-size:15px}
.motion-track{margin-block:28px 36px}
.motion-still figcaption{font:600 11px/1.7 var(--sans);letter-spacing:.06em}
.motion-film-caption{font:12px/1.6 var(--sans);letter-spacing:0}
.motion-film-caption small{font-size:10px}
.motion-toggle{font:600 13px/1.5 var(--sans);min-height:44px}
.js-chiodi [data-reveal]{opacity:.18;transform:translateY(10px);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.js-chiodi [data-reveal].is-visible{opacity:1;transform:none}
.js-chiodi .motion-still img{clip-path:inset(0 0 8% 0);transition:clip-path .65s var(--ease)}
.js-chiodi .motion-still.is-visible img{clip-path:inset(0)}
.hero-copy>.eyebrow,.hero-copy h1,.hero-copy>.copy,.hero-actions,.hero-visual{animation-duration:.65s}
.chiodi .c-footer{padding-block:0;background:#e8ece3;border-top:1px solid #ccd3c7}
.footer-contact{padding-block:54px 36px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #c9d1c2}
.footer-contact .eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.footer-contact h2{font-size:58px;line-height:1.1;margin-top:13px;letter-spacing:-.02em}
.footer-email{font:400 24px/1.5 var(--sans);text-decoration:none;display:inline-flex;align-items:center;gap:20px;overflow-wrap:anywhere;min-height:48px}
.footer-email span{font-size:23px;transition:transform .3s}
.footer-email:hover span{transform:translate(3px,-3px)}
.footer-v2{grid-template-columns:1.15fr 1fr 1fr;gap:48px;padding-block:36px 30px;color:#485246;font-size:14px}
.footer-v2 strong{font:400 28px/1.15 var(--serif)}
.footer-v2 p{font-size:14px;line-height:1.8;margin-top:14px}
.footer-v2 nav{gap:0 25px;align-content:start}
.footer-v2 nav a{font-size:14px;line-height:1.6;min-height:38px;display:flex;align-items:center}
.footer-v2 .footer-place{text-align:right}
.footer-v2 .footer-place p{margin-top:0;margin-bottom:12px}
.footer-place a{font-size:14px;line-height:1.6;display:inline-block;min-height:38px;padding-block:7px}
.footer-bottom{border-top:1px solid #c9d1c2;padding-block:18px 22px;display:flex;justify-content:space-between;gap:25px;color:#596158;font-size:12px;line-height:1.7}
.footer-bottom a{text-underline-offset:4px;min-height:28px}
@media(max-width:1100px){.chiodi .c-nav{gap:19px}.hero-layout{gap:40px}.hero-copy h1{font-size:78px}.hero-visual .wp-block-image{height:480px}.section-heading{gap:32px}.story-section,.story-section.reverse-story{gap:50px}.footer-email{font-size:20px}.footer-v2{gap:30px}.page-intro h1{font-size:66px}}
@media(max-width:900px){.chiodi .c-nav{top:86px;gap:0}.c-nav a{font-size:15px;min-height:46px}.c-nav a:not(.nav-contact):after{display:none}.forms-grid{columns:2}.home-gallery{columns:2}.chiodi .home-families{gap:24px}.footer-v2{grid-template-columns:1fr 1fr}.footer-v2 .footer-place{grid-column:1/-1;text-align:left}.contact-top{gap:45px}.footer-contact{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:92px}.chiodi .shell{width:calc(100% - 40px)}.chiodi .section{padding-block:54px}.c-header .shell{height:72px}.brand img{height:46px!important;width:54px!important}.brand-name{font-size:20px}.brand-name small{font-size:8px;margin-top:5px}.menu-toggle{font:600 13px/1.5 var(--sans);padding:9px 14px;min-height:42px}.chiodi .c-nav{top:72px;padding-block:14px}.chiodi .c-hero{padding-top:16px}.hero-layout{grid-template-columns:1fr;gap:20px}.hero-copy{padding-block:10px 0}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.11em}.hero-copy h1{font-size:60px;line-height:1.04;letter-spacing:-.025em;margin-block:18px 18px}.hero-copy .copy{font-size:16px;line-height:1.7;max-width:none}.hero-actions{margin-top:20px}.hero-visual .wp-block-image{height:390px}.hero-visual{padding-bottom:32px}.hero-caption{font-size:9px;letter-spacing:0;line-height:1.5}.hero-scroll{font-size:10px;padding-block:12px 20px}.c-intro{padding-block:32px;gap:18px}.c-intro .eyebrow{padding:0}.c-intro h2{font-size:29px;line-height:1.2}.chiodi .copy,.page-description{font-size:16px;line-height:1.75}.chiodi .section-title{font-size:38px;line-height:1.1;letter-spacing:-.02em}.story-section,.story-section.reverse-story{padding-block:48px;gap:28px}.chiodi .story-image .wp-block-image img{max-height:480px}.story-copy .copy{margin-top:20px}.story-copy .link-arrow{margin-top:20px}.section-heading{gap:18px;margin-bottom:26px}.section-heading .copy{font-size:15px;max-width:none}.chiodi .page-intro{padding-block:36px 28px}.page-intro .eyebrow{font-size:10px;margin-bottom:15px}.page-intro h1{font-size:44px;line-height:1.08;letter-spacing:-.015em}.page-description{margin-top:16px!important}.panorama .wp-block-image,.page-laboratorio .panorama .wp-block-image,.page-lavorazioni .panorama .wp-block-image{height:280px}.panorama{margin-bottom:10px!important}.chiodi .home-families{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-families .photo-card:nth-child(n){max-width:none}.home-families .wp-block-image img{width:100%!important;max-height:none}.home-families .photo-caption{font-size:11px!important;line-height:1.6}.home-gallery{columns:2;column-gap:18px}.home-gallery .photo-card{margin-bottom:24px!important}.chiodi .photo-caption{font-size:12px!important;line-height:1.6}.forms-index{gap:5px 20px;padding-block:9px;margin-bottom:5px!important}.forms-index a{font-size:12px;min-height:38px}.forms-family{padding-block:36px!important;scroll-margin-top:92px}.forms-family .section-title{font-size:36px}.forms-family .section-heading{margin-bottom:24px}.forms-grid{columns:2;column-gap:18px}.forms-grid .photo-card{margin-bottom:24px!important}.archive-note{padding-block:24px}.image-band{height:350px}.image-band h2{font-size:50px}.lab-layout{gap:32px}.lab-copy h2{font-size:43px}.lab-copy .copy{font-size:16px;line-height:1.75}.lab-media{max-width:420px}.film-pair{gap:30px}.film-copy h2{font-size:36px}.chapter-links{gap:5px 15px;padding-block:9px}.chapter-links a{font-size:12px;min-height:40px}.process-chapter{padding-bottom:30px;scroll-margin-top:92px}.gallery-filters{gap:6px;padding-block:12px}.gallery-filters button{font-size:12px;padding:10px 13px}.gallery-status{font-size:12px}.photo-grid{column-gap:18px}.contact-top{grid-template-columns:1fr;gap:38px}.contact-copy h2,.contact-page .contact-copy h2{font-size:38px}.contact-details .email-link{font-size:16px}.contact-details .map-link{font-size:13px}.contact-form{padding-top:0}.info-grid{gap:28px}.info-grid h3{font-size:27px}.info-grid p{font-size:15px}.contact-panorama .wp-block-image{height:220px;margin-bottom:30px!important}.chiodi .motion-scene{padding-block:54px}.motion-heading h2{font-size:44px}.motion-heading .copy{font-size:15px}.motion-track{margin-block:24px 28px}.motion-still figcaption{font-size:10px}.motion-film-caption{font-size:11px}.motion-toggle{font-size:12px}.footer-contact{display:block;padding-block:38px 28px}.footer-contact h2{font-size:46px;margin-top:10px}.footer-email{font-size:18px;gap:12px;margin-top:20px;max-width:100%}.footer-email span{font-size:22px}.footer-v2{grid-template-columns:1fr;padding-block:28px 22px;gap:25px}.footer-v2 strong{font-size:27px}.footer-v2 p{font-size:14px;margin-top:10px}.footer-v2 nav{max-width:none;gap:0 25px}.footer-v2 nav a{font-size:14px;min-height:42px}.footer-v2 .footer-place{grid-column:auto;text-align:left}.footer-v2 .footer-place p{margin-bottom:7px}.footer-bottom{font-size:12px;display:block;padding-block:16px 20px}.footer-bottom a{display:inline-block;margin-top:9px;min-height:32px}.c-lightbox .lb-caption{font:12px/1.5 var(--sans)}.lb-position{font-size:11px}}
@media(max-width:380px){.hero-copy h1{font-size:56px}.page-intro h1{font-size:41px}.chiodi .home-families{gap:10px}.footer-email{font-size:16px}.forms-index{gap:4px 15px}}
@media(max-width:760px){.page-gallery .page-intro{padding-block:28px 20px}.gallery-filters button{padding-inline:10px}.gallery-filters{gap:5px}}
.forms-family,.process-chapter{scroll-margin-top:12px}
@media(prefers-reduced-motion:reduce){.js-chiodi [data-reveal]{opacity:1!important;transform:none!important}.js-chiodi .motion-still img{clip-path:none!important}}