/* Fotografie native Gutenberg; senza JS rimane visibile la prima scena. */
.df-cinema{contain:paint}
.df-cinema .df-scene{position:absolute;inset:0;margin:0!important;width:100%;height:100%;opacity:0;overflow:hidden;transition:opacity 2s ease-in-out}
.df-cinema .df-scene:first-child,.df-cinema .df-scene.is-current{opacity:1}
.df-cinema.is-ready .df-scene:not(.is-current){opacity:0}
.df-cinema .df-scene img{width:100%;height:100%;object-fit:cover;transform-origin:center center}
.df-cinema .df-scene figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.df-cinema-controls{position:absolute;bottom:27px;right:var(--df-pad);z-index:3;display:flex;align-items:center;gap:22px;padding:8px 12px 8px 20px;color:#f7f5f0;background:#171915e8;border:1px solid #c59c7559}
.df-cinema-label{min-width:142px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.df-cinema-selectors{display:flex;gap:5px;align-items:center}
.df-scene-select,.df-cinema-toggle{appearance:none;border:0;border-radius:0;background:transparent;color:#e9d6bd;font:inherit;cursor:pointer;position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0}
.df-scene-select{font-size:10px;letter-spacing:.08em;color:#aaa79f}
.df-scene-select:before,.df-scene-select:after{content:'';position:absolute;left:6px;right:6px;height:1px;bottom:6px;background:#56564e}
.df-scene-select:after{background:#d7ad83;transform:scaleX(0);transform-origin:left}
.df-scene-select[aria-pressed=true]{color:#f8e5ce}
.df-scene-select[aria-pressed=true]:after{transform:scaleX(1)}
.df-scene-select:hover,.df-cinema-toggle:hover{background:#ffffff0d;color:white}
.df-cinema-toggle{border-left:1px solid #ffffff25;margin-left:3px}
.df-cinema-toggle svg{width:16px;height:16px;fill:currentColor}
.df-cinema-toggle .df-play{display:none}
.df-cinema-toggle[aria-pressed=true] .df-play{display:block}
.df-cinema-toggle[aria-pressed=true] .df-pause{display:none}
.df-home-hero{padding-bottom:105px;min-height:635px}
.df-reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#d2a574;transform:scaleX(0);transform-origin:left;pointer-events:none}
.df-section h1,.df-section h2{text-wrap:balance}
.df-image-card,.df-project-card{display:flex;flex-direction:column}
.df-image-card figure,.df-project-card figure{width:100%;flex-shrink:0}
.df-card-copy{display:flex;flex-direction:column;flex:1}
.df-card-copy>.df-text-link,.df-project-card>.df-text-link{margin-top:auto!important;padding-top:20px}
.df-home-hero .df-cinema-controls{font-variant-numeric:tabular-nums}
@media(min-width:1100px){.df-home-hero .df-hero-content{width:62%;max-width:890px}.df-home-hero h1{font-size:clamp(39px,3.2vw,54px);max-width:850px}}
.df-depth{overflow:hidden}.df-depth img{transform-origin:center center}.df-depth.is-in-view img{will-change:transform}
/* Dettagli di metodo nativi: le attività e gli output rimangono editabili e utilizzabili senza JS. */
.df-method-grid{align-items:start}
.df-step{position:relative;padding:20px 0 10px;transition:border-color .25s}
.df-step:has(details[open]){border-color:var(--df-link)}
.df-phase-detail{margin:0}
.df-phase-detail summary{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;font-size:16px;font-weight:500;line-height:1.5;min-height:50px;cursor:pointer;list-style:none;padding:0 0 10px}
.df-phase-detail summary::-webkit-details-marker{display:none}
.df-phase-detail summary:after{content:'+';color:var(--df-link);font-size:24px;line-height:1;flex:0 0 20px;text-align:center;transition:transform .25s}
.df-phase-detail[open] summary:after{transform:rotate(45deg)}
.df-phase-detail .df-phase-input{font-size:13px;line-height:1.75;margin:10px 0 0}
.df-phase-detail .df-phase-output{border-left:1px solid var(--df-bronze);padding-left:13px;font-size:12px;line-height:1.7;margin:20px 0 0}
.df-phase-output strong{display:inline-block;text-transform:uppercase;font-size:9px;letter-spacing:.06em;font-weight:500;margin-bottom:6px;color:var(--df-link)}
.df-image-card figure,.df-project-card figure{position:relative}
.df-image-card figure:after,.df-project-card figure:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--df-bronze);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.df-image-card img,.df-project-card img{transition:transform .8s cubic-bezier(.22,1,.36,1)}
.df-image-card:focus-within img,.df-project-card:focus-within img{transform:scale(1.055)}
.df-image-card:focus-within figure:after,.df-project-card:focus-within figure:after{transform:scaleX(1)}
@media(hover:hover){.df-image-card:hover img,.df-project-card:hover img{transform:scale(1.055)}.df-image-card:hover figure:after,.df-project-card:hover figure:after{transform:scaleX(1)}}
@media(min-width:641px) and (max-width:1050px){.df-cinema-controls{gap:10px;right:24px;bottom:22px}.df-cinema-label{min-width:0;font-size:9px}.df-home-hero{padding-bottom:110px}}
@media(max-width:640px){
 .df-method-grid{grid-template-columns:1fr;gap:0;margin-top:30px}
 .df-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:15px;padding:20px 0 12px}
 .df-step-number{font-size:21px!important;margin:3px 0 0!important}
 .df-phase-detail summary{font-size:16px;min-height:42px;align-items:flex-start}
 .df-phase-detail .df-phase-input{font-size:14px;margin-top:6px}
 .df-phase-detail .df-phase-output{margin-bottom:17px}
 .df-home-hero{padding-bottom:38px;min-height:0}
 .df-home-hero .df-cinema{height:310px;margin-bottom:30px!important}
 .df-cinema-controls{top:238px;bottom:auto;left:24px;right:24px;gap:8px;padding:5px 6px 5px 12px;justify-content:space-between}
 .df-cinema-label{min-width:0;font-size:9px;max-width:95px;flex:1;letter-spacing:.08em}
 .df-cinema-selectors{gap:0}
 .df-scene-select,.df-cinema-toggle{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.df-cinema-toggle{display:none}.df-cinema .df-scene img,.df-image-card img,.df-project-card img{transform:none!important}}