/* Katania editorial collage: paper, photographic cutouts, original printed work. */
:root{--collage-paper:#e7e4da;--collage-white:#f5f3ec;--collage-ink:#171714;--collage-yellow:#fff200;--paper-edge:polygon(0 1%,18% 0,41% 1%,67% 0,99% 1%,100% 28%,99% 60%,100% 99%,76% 100%,49% 99%,22% 100%,0 99%,1% 65%,0 31%)}
.type-page,.type-section{font-weight:500;letter-spacing:-.045em}.type-feature{font-weight:500;letter-spacing:-.035em}
.motion-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:72px var(--gutter);background:var(--collage-paper);overflow:hidden;min-height:610px}
.motion-intro-copy{position:relative;z-index:2;min-width:0;display:grid;gap:26px}
.motion-intro-copy h1,.motion-intro-copy p{margin:0}.motion-intro-copy h1{max-width:15ch;font-size:clamp(42px,5.1vw,76px);line-height:1.02;letter-spacing:-.05em}
.motion-intro-copy p{max-width:39ch}.motion-intro-copy .work-hero-bottom{display:block;margin:0}.motion-intro-copy .round-scroll{display:none}
.motion-intro::after,.paper-scene-art::after,.paper-cta::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.paper-scene{position:relative;min-width:0;width:100%;max-width:680px;justify-self:end;container-type:inline-size}
.paper-scene-art{position:relative;aspect-ratio:1.13;isolation:isolate;overflow:hidden}
.paper-layer{position:absolute;display:block;margin:0;transform:rotate(var(--angle,0deg));transform-origin:50% 65%;pointer-events:none;user-select:none}
.paper-scene img{height:auto;max-width:none;object-fit:contain}
.paper-sun{width:81%;aspect-ratio:1;background:var(--collage-yellow);left:9%;top:7%;border-radius:49% 52% 46% 51%}
.paper-subject{width:88%;left:7%;bottom:-3%;z-index:2;filter:grayscale(1)}
.paper-city{width:120%;left:-12%;bottom:-5%;opacity:.55;filter:grayscale(1);mix-blend-mode:multiply}
.paper-label{left:1%;bottom:11%;z-index:3;background:var(--collage-ink);color:var(--collage-white);padding:9px 14px;font-size:clamp(17px,4.1cqw,28px);line-height:1.08;font-weight:600;letter-spacing:-.025em;clip-path:var(--paper-edge)}
.paper-ring{width:61%;aspect-ratio:1;border:24px solid var(--collage-ink);border-radius:50%;right:0;top:4%}
.paper-scene-sguardo .paper-subject{width:77%;left:20%;bottom:-8%}.paper-scene-sguardo .paper-label{bottom:16%;left:0}
.paper-scene-formati .paper-subject{width:69%;left:-6%;bottom:-7%}.paper-scene-formati .paper-original{width:40%;right:8%;top:7%;z-index:1;border:6px solid var(--collage-white);box-shadow:4px 5px 0 #17171418}
.paper-scene-formati .paper-label{left:auto;right:1%;bottom:12%}.paper-scene-formati .paper-sun{border-radius:0;clip-path:var(--paper-edge);top:17%;height:69%;width:93%;left:2%;aspect-ratio:auto}
.paper-scene-insieme .paper-subject{width:106%;left:-3%;bottom:-6%}.paper-scene-insieme .paper-sun{left:0;top:24%;width:65%}.paper-scene-insieme .paper-label{left:0;bottom:auto;top:9%}
/* Chapters: spacious typography and varied compositions, with real work intact. */
.home .visual-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:var(--collage-white);padding-block:88px;text-align:left}
.home .community-copy{display:grid;gap:24px;grid-template-columns:1fr;margin:0}.home .community-copy h2{grid-row:auto;text-align:left}.home .community-copy p{margin:0;text-align:left}.home .community-copy .button{grid-column:auto;justify-self:start;margin:0}
.home .home-formats,.page-work .format-lab{background:var(--collage-paper);position:relative}
.home .showcase-art{background:var(--collage-yellow);border-radius:0;position:relative;overflow:visible}
.home .showcase-art img{border:8px solid var(--collage-white);box-shadow:6px 7px 0 #17171414;transform:rotate(-2deg);max-width:92%;max-height:440px}
.home .showcase-copy{background:var(--collage-white);border-radius:0}
.home .format-showcase-panel{border-radius:0;overflow:visible;border:0}
.home .showcase-tabs{border-bottom:1px solid #17171430}.home .showcase-tabs button{border-radius:0}.home .showcase-tabs button[aria-selected=true]{background:var(--collage-ink);color:var(--collage-white)}
.home .home-project-spotlight{background:var(--collage-white);border:0;border-radius:0;overflow:visible;position:relative;padding:16px}
.home .home-project-spotlight .spotlight-art{transform:rotate(-1.5deg);border:8px solid #fff;box-shadow:5px 7px 0 #17171412}
.home .partner-section{background:var(--collage-ink);color:var(--collage-white);position:relative}
.home .partner-section .section-heading h2{max-width:16ch}.home .partner-logos{border-top:1px solid #ffffff35;padding-top:32px}
.home .projects-section,.page-work .projects-section{background:var(--collage-paper)}
.project-tile{border-radius:2px;box-shadow:none;background:var(--collage-white)}
.project-tile>div:last-child{background:var(--collage-white)}
.project-tile .artwork,.project-tile .future-cover{border-radius:0}
.home .home-campaign-card{background:var(--collage-yellow);border:0;border-radius:0;overflow:visible;padding:14px;gap:0}
.home .home-campaign-card .off-campaign{border:7px solid var(--collage-white);transform:rotate(-1.2deg);box-shadow:5px 6px 0 #17171415;z-index:1}
.home .home-campaign-card .off-copy{background:var(--collage-yellow)}
/* Paper mounts do not crop original posters or repaint partner identities. */
.brand-story-card{border-radius:0!important;border:0!important;overflow:visible!important;position:relative;background:var(--collage-white)}
.brand-story-card .brand-story-media{position:relative;border:8px solid #fff;transform:rotate(-1deg);box-shadow:5px 6px 0 #17171412;border-radius:0!important}
.brand-story-card.reverse .brand-story-media{transform:rotate(1deg)}
.brand-story-card.black{background:var(--collage-ink);color:var(--collage-white)}
.brand-story-card.yellow{background:var(--collage-paper)}
.brand-story-media::after,.home .spotlight-art::after,.home .off-campaign::after{content:"";position:absolute;top:-16px;left:42%;width:78px;height:27px;background:var(--collage-yellow);transform:rotate(5deg);opacity:.95;clip-path:var(--paper-edge);pointer-events:none}
.page-projects .project-lead{background:var(--collage-paper);border-radius:0;border:0;padding:30px;gap:5%}
.page-projects .project-lead .civic-image{border:8px solid var(--collage-white);transform:rotate(-1deg);box-shadow:5px 6px 0 #17171412}
.page-projects .podcast-episodes,.page-projects .video-library{background:var(--collage-white)}
.page-projects .off-project{background:var(--collage-paper)}
.page-projects .off-project img{border:8px solid var(--collage-white);box-shadow:4px 5px 0 #17171415}
.page-projects .research-project{background:var(--collage-white)}
.collab-section{background:var(--collage-white)}.collab-card{border-radius:0;background:#fff;box-shadow:3px 4px 0 #1717140b;border:1px solid #17171416}
.collab-visual{border-radius:0!important}.collab-filters button{border-radius:2px}.collab-filters button[aria-pressed=true]{background:var(--collage-ink);color:#fff}
.marks-section{background:var(--collage-paper)}.marks-wall figure{border-radius:0;background:var(--collage-white);border:0}.archive-section{background:var(--collage-white)}
.page-about .about-evolution{background:var(--collage-white)}.story-sequence article{border-top:2px solid var(--collage-ink);padding-top:24px}
.page-about .photo-essay{background:var(--collage-paper)}.about-portraits img{border:7px solid var(--collage-white);box-shadow:4px 5px 0 #17171412;border-radius:0}.about-portraits img:first-child{transform:rotate(-2deg)}.about-portraits img:last-child{transform:rotate(2deg)}
.page-about .manifesto{background:var(--collage-ink);color:var(--collage-white);border-top:12px solid var(--collage-yellow)}.page-about .manifesto h2{max-width:22ch}.page-about .about-reportage{background:var(--collage-white)}
.page-work .format-index{background:var(--collage-yellow)}.page-work .editorial-examples{background:var(--collage-white)}
.page-work .format-stage{border-radius:0}.page-work .format-preview{border-radius:0}
.paper-contact{min-height:500px}.paper-contact .paper-scene{max-width:450px}.contact-layout{background:var(--collage-white)}.contact-side{border-radius:0;background:var(--collage-paper)}
/* A shared closing composition replaces the generic decorative asterisk. */
.paper-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center;background:var(--collage-yellow);color:var(--collage-ink);padding:72px var(--gutter);min-height:370px}
.paper-cta .cta-heading{position:relative;min-height:220px;display:flex;align-items:center;z-index:1}.paper-cta h2{position:relative;z-index:2;margin:0;max-width:11ch}.paper-cta .cta-heading img{position:absolute;width:58%;max-width:290px;right:-7%;bottom:-65px;filter:grayscale(1);transform:rotate(9deg);opacity:.9;z-index:0}.paper-cta .cta-copy{position:relative;z-index:2}.paper-cta .cta-copy p{margin:0 0 24px}.paper-cta .cta-copy .button{margin:0}
@media(max-width:1049px){.motion-intro{min-height:0;padding-block:60px;gap:4%}.motion-intro-copy h1{font-size:48px}.paper-label{font-size:20px}.home .visual-intro{padding-block:64px}.paper-cta{gap:7%;padding-block:56px}.paper-cta .cta-heading img{right:-10%;bottom:-35px;width:65%}}
@media(max-width:699px){
 .motion-intro{grid-template-columns:1fr;gap:26px;padding:44px 22px 30px}.motion-intro-copy{gap:22px}.motion-intro-copy h1{font-size:42px;max-width:15ch}.motion-intro-copy p{max-width:40ch}.paper-scene{max-width:430px;justify-self:center}.paper-scene-art{aspect-ratio:1.22}.paper-label{font-size:20px}.paper-ring{border-width:17px}
 .home .visual-intro{grid-template-columns:1fr;gap:28px;padding-block:52px}.home .community-copy{gap:20px}.home .visual-intro .paper-scene{max-width:370px}
 .home .showcase-art img{max-height:330px;border-width:6px}.home .showcase-copy{padding:28px 24px}.home .home-project-spotlight{padding:12px}.home .home-project-spotlight .spotlight-art{border-width:5px;transform:rotate(-1deg)}.home .home-project-spotlight .spotlight-copy{padding:28px 12px 16px}
 .home .home-campaign-card{padding:10px}.home .home-campaign-card .off-campaign{border-width:5px}.home .home-campaign-card .off-copy{padding:28px 14px 20px}
 .brand-story-card .brand-story-media{border-width:5px;transform:rotate(-.6deg)}.page-projects .project-lead{padding:16px;gap:28px}.page-projects .project-lead .civic-image{border-width:5px}.page-projects .off-project img{border-width:5px}
 .paper-cta{grid-template-columns:1fr;gap:32px;padding:48px 22px;min-height:0}.paper-cta .cta-heading{min-height:125px;align-items:flex-start}.paper-cta h2{max-width:10ch}.paper-cta .cta-heading img{width:45%;max-width:190px;right:-8px;bottom:-15px}.paper-cta .cta-copy p{max-width:30ch}.paper-contact .paper-scene{max-width:350px}
}
@media(max-width:359px){.motion-intro-copy h1{font-size:36px}.paper-label{font-size:17px}.paper-cta .cta-heading img{width:40%;bottom:0}.paper-cta h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.paper-layer{animation:none!important;transition:none!important}}
/* Breathing room at chapter boundaries. */
.collab-section,.page-about .about-evolution,.page-work .format-lab{padding-top:72px;padding-bottom:72px}
@media(max-width:699px){.collab-section,.page-about .about-evolution,.page-work .format-lab{padding-top:48px;padding-bottom:48px}}
.home .showcase-tabs,.page-work .lab-top .tabs{border-radius:0;background:var(--collage-white);padding:4px}
.page-work .lab-top .tabs button{border-radius:0}.page-work .lab-top .tabs button[aria-selected=true]{background:var(--collage-ink);color:#fff}
.page-work .lab-panel{border-radius:0;background:var(--collage-white);border:0;overflow:visible}
.page-work .lab-panel .artwork{border-radius:0;background:transparent}
.page-work .lab-panel .artwork img{border-radius:0;border:5px solid #fff;box-shadow:3px 4px 0 #17171414}
.paper-scene-formati .paper-subject{left:1%;width:67%}.paper-scene-formati .paper-label{bottom:24%}
.paper-cta{background:var(--collage-paper)}
.paper-cta h2{isolation:isolate}.paper-cta h2::before{content:"";position:absolute;z-index:-1;left:-5px;right:-8px;bottom:2px;height:32%;background:var(--collage-yellow);transform:rotate(-2deg);clip-path:var(--paper-edge)}

.contact-layout{padding-top:72px;padding-bottom:72px}.contact-side{padding:32px}
@media(max-width:699px){.contact-layout{padding-top:48px;padding-bottom:48px}.contact-side{padding:24px}}