/* Editorial layouts, within the approved black / red particle identity. */
.internal .header{background:linear-gradient(180deg,rgb(9 9 11 / 42%),rgb(9 9 11 / 12%) 70%,transparent);border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.internal .header.scrolled{background:rgb(9 9 11 / 68%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgb(244 241 235 / 10%)}
.internal .inner-page{--chapter-space:144px;--chapter-gap:64px}
.internal .hero-page-marker{position:absolute;bottom:38px;left:var(--gutter);right:auto;margin:0;font-size:13px;color:#d1cbd0}
.branding-page .hero-page-marker{left:calc(var(--gutter) + 64px)}
.internal .inner-copy h1{letter-spacing:-.04em}
.internal .service-section{padding-block:var(--chapter-space)}
.internal .service-contact{padding-block:140px;text-align:left;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr;gap:32px 72px;align-items:end}
.internal .service-contact h2{grid-row:1/3;margin:0;max-width:720px;font-size:clamp(44px,5.7vw,82px)}
.internal .service-contact p{margin:0;font-size:19px;max-width:370px}
.internal .service-contact .button{justify-self:start;align-self:start}
/* Branding: a large cover, a persistent explanation, then a portfolio with scale. */
.branding-page .intro-work{padding:0;margin:0;max-width:none}
.branding-page .intro-work figure>img{border-radius:0;height:min(72vw,820px);object-position:center}
.branding-page .intro-work figcaption{padding:20px var(--gutter);text-align:right}
.branding-page .split-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--chapter-gap);align-items:start}
.branding-page .split-chapter .guide-section-heading{position:sticky;top:150px;margin:0}
.branding-page .split-chapter .guide-topics{margin:0}
.branding-page .split-chapter .guide-topics>div{grid-template-columns:1fr;gap:20px;padding:40px 0}
.branding-page .split-chapter dt{font-size:32px}
.branding-page .split-chapter dd{max-width:43ch;font-size:18px}
.branding-page .feature-chapter{padding-block:24px 120px}
.branding-page .service-proof{grid-template-columns:1.4fr 1fr;gap:0;background:#edab37;color:#111a23;align-items:stretch}
.branding-page .service-proof>img{height:100%;aspect-ratio:1.06;object-fit:cover;border-radius:0}
.branding-page .service-proof>div{padding:64px 48px;display:flex;flex-direction:column;justify-content:center}
.branding-page .service-proof h2{font-size:clamp(38px,4vw,60px)}
.branding-page .service-proof p{color:#28313b}
.branding-page .service-label{order:0;margin:0 0 28px}
.branding-page .service-arrow{margin-top:24px;width:64px;height:64px;border:1px solid #192c3c;border-radius:50%;display:grid;place-items:center}
.branding-page .service-arrow svg{width:28px;height:28px}
.branding-page .portfolio-chapter{padding-top:40px}
.branding-page .portfolio-chapter .guide-section-heading{margin-bottom:80px;align-items:end}
.branding-page .service-works{grid-template-columns:repeat(12,minmax(0,1fr));gap:100px 40px}
.branding-page .service-work{grid-column:span 7;padding:0}
.branding-page .service-work:nth-child(2){grid-column:9/13;margin-top:160px}
.branding-page .service-work:nth-child(3){grid-column:1/6}
.branding-page .service-work:nth-child(4){grid-column:7/13;margin-top:128px}
.branding-page .service-work:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:1fr 28%;gap:12px 48px;align-items:end}
.branding-page .service-work:nth-child(5)>img{grid-row:1/3;aspect-ratio:1.55}
.branding-page .service-work:nth-child(5) .service-work-name{font-size:40px;align-self:end;margin:0}
.branding-page .service-work:nth-child(5) .service-work-text{align-self:start}
.branding-page .service-work:nth-child(6){grid-column:5/13}
.branding-page .service-work>img{border-radius:0;aspect-ratio:1.35;transition:filter .3s}
.branding-page .service-work:nth-child(2)>img,.branding-page .service-work:nth-child(3)>img{aspect-ratio:.95}
.branding-page .service-work-name{font-size:26px;margin-top:24px}
.branding-page .faq-chapter{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;border-top:1px solid var(--line)}
.branding-page .faq-chapter .guide-section-heading{margin:0}
.branding-page .faq-list{margin:0}
/* About: editorial team section, a red method chapter and full-size product views. */
.about-page .section-index{justify-content:space-between;gap:12px 24px;padding-block:24px}
.about-page .section-index a{min-height:44px;display:flex;align-items:center}
.about-page .team-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:72px 8%}
.about-page .team-chapter .guide-section-heading{grid-column:1/-1;margin:0;align-items:end}
.about-page .team-chapter .hero-art{display:flex;flex-direction:column;gap:20px}
.about-page .team-chapter .hero-art img{border-radius:0;height:auto;aspect-ratio:1.5;object-fit:cover}
.about-page .team-chapter .hero-art .work-front{width:78%;margin:-52px 0 0 22%;border:10px solid var(--bg)}
.about-page .team-chapter .art-caption{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}
.about-page .team-chapter .guide-topics{margin:0}
.about-page .team-chapter .guide-topics>div{display:block;padding:28px 0}
.about-page .team-chapter dt{font-size:30px;margin-bottom:18px}
.about-page .team-chapter dd{max-width:46ch}
.about-page #clienti{padding-top:32px;padding-bottom:120px}
.about-page #clienti .guide-section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;margin-bottom:40px}
.about-page #clienti .guide-section-heading>p{max-width:480px;padding:0}
.about-page .static-logos{grid-template-columns:repeat(5,1fr)}
.about-page .static-logos li{height:164px;padding:16px}
.about-page .static-logos img{width:100%;max-width:240px;height:110px;object-fit:contain}
.about-page #clienti .directory-row{grid-template-columns:1.2fr 1fr 28px;gap:48px;padding-block:26px}
.about-page #metodo{max-width:none;background:#bd142c;color:#fff;padding-block:120px}
.about-page #metodo .guide-section-heading{max-width:1424px;margin:0 auto 80px;align-items:end}
.about-page #metodo h2{font-size:clamp(46px,6vw,86px);max-width:800px}
.about-page #metodo p,.about-page #metodo dd{color:#fff0f2}
.about-page #metodo .guide-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:1424px;margin:auto}
.about-page #metodo .guide-topics>div{display:block;border-top:1px solid #ee8b99;border-bottom:0;padding-top:32px}
.about-page #metodo dt{font-size:30px;margin-bottom:24px;max-width:240px}
.about-page #metodo dd{font-size:17px;max-width:36ch}
.about-page .awards-chapter{display:grid;grid-template-columns:1fr 1.3fr;gap:72px}
.about-page .awards-chapter .guide-section-heading{margin:0}
.about-page .awards-chapter .directory-row{grid-template-columns:1fr 26px;gap:20px;padding-block:32px}
.about-page .awards-chapter .directory-row:first-child{border-top:1px solid var(--line)}
.about-page .awards-chapter .directory-row p{grid-column:1}
.about-page .awards-chapter .directory-row svg{grid-column:2;grid-row:1/3}
.about-page .service-demo{display:flex;flex-direction:column;gap:48px;align-items:stretch;padding-top:64px;padding-bottom:112px}
.about-page .service-demo>div{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 100px;align-items:end}
.about-page .service-demo>div p{margin:0;max-width:530px}
.about-page .service-demo>div .text-link{grid-column:2;margin-top:0;justify-self:start}
.about-page .service-demo figure{width:100%;max-width:none;padding:48px;background:#17151a}
.about-page .service-demo img{border-radius:0;max-height:850px;object-fit:contain;object-position:top}
.about-page .service-demo figcaption{margin-top:20px}
.about-page #deepcms{padding-bottom:144px}
.about-page #deepcms figure{background:#121d20}
.about-page #recensioni{max-width:none;background:#eeeae4;color:#171319;padding-block:100px}
.about-page #recensioni .guide-section-heading{max-width:1424px;margin:0 auto 48px}
.about-page #recensioni h2{font-size:26px;letter-spacing:-.025em}
.about-page #recensioni .case-quote{width:auto;max-width:1100px;margin:0 auto;padding:0 0 64px}
.about-page #recensioni blockquote p{color:#171319;font-size:clamp(32px,4.1vw,58px);line-height:1.25}
.about-page #recensioni figcaption{margin-top:40px;border-top:1px solid #b0aaa4;padding-top:24px}
.about-page #recensioni figcaption span:last-child,.about-page #recensioni .directory-row p{color:#514b51}
.about-page #recensioni .directory-row{max-width:1424px;margin:auto;border-color:#b0aaa4}
.about-page .service-contact{border-top:0}
@media(min-width:761px) and (max-width:1100px){
 .internal .inner-page{--chapter-space:100px;--chapter-gap:40px}
 .branding-page .service-proof>div{padding:36px 28px}
 .branding-page .service-proof h2{font-size:40px}
 .branding-page .service-works{gap:72px 28px}
 .about-page .team-chapter{gap:48px 40px}
 .about-page .team-chapter dt{font-size:25px}
 .about-page .awards-chapter{grid-template-columns:1fr 1.3fr;gap:40px}
 .about-page #metodo .guide-topics{gap:28px}
 .about-page #metodo dt{font-size:25px}
 .about-page .service-demo>div{gap:24px 48px}
 .about-page .service-demo figure{padding:28px}
 .internal .service-contact{gap:24px 40px}
}
@media(max-width:760px){
 .internal .inner-page{--chapter-space:72px;--chapter-gap:32px}
 .internal .hero-page-marker{font-size:12px;bottom:35px}
 .internal .header:has(.nav-links.open){background:rgb(9 9 11 / 96%)}
 .internal .service-contact{display:block;padding-block:80px}
 .internal .service-contact h2{font-size:43px}
 .internal .service-contact p{font-size:17px;margin-block:24px}
 .branding-page .intro-work figure>img{height:360px}
 .branding-page .intro-work figcaption{font-size:11px;text-align:left}
 .branding-page .split-chapter,.branding-page .faq-chapter{display:block}
 .branding-page .split-chapter .guide-section-heading{position:static;margin-bottom:32px}
 .branding-page .split-chapter .guide-topics>div{padding-block:28px}
 .branding-page .split-chapter dt{font-size:25px}
 .branding-page .split-chapter dd{font-size:16px}
 .branding-page .feature-chapter{padding:0 0 72px}
 .branding-page .service-proof{display:block}
 .branding-page .service-proof>img{aspect-ratio:1.2;width:100%;height:auto}
 .branding-page .service-proof>div{padding:32px var(--gutter) 40px}
 .branding-page .service-proof h2{font-size:38px}
 .branding-page .service-proof .service-label{margin-bottom:20px}
 .branding-page .service-arrow{width:48px;height:48px;margin-top:8px}
 .branding-page .portfolio-chapter{padding-top:0}
 .branding-page .portfolio-chapter .guide-section-heading{margin-bottom:40px}
 .branding-page .service-works{display:block}
 .branding-page .service-work,.branding-page .service-work:nth-child(n){display:block;width:100%;margin:0 0 52px;padding:0}
 .branding-page .service-work:nth-child(2),.branding-page .service-work:nth-child(3){width:88%}
 .branding-page .service-work:nth-child(2){margin-left:auto}
 .branding-page .service-work:nth-child(n)>img{aspect-ratio:1.2}
 .branding-page .service-work-name,.branding-page .service-work:nth-child(5) .service-work-name{font-size:24px;margin-top:20px}
 .branding-page .faq-chapter .guide-section-heading{margin-bottom:32px}
 .about-page .section-index{flex-wrap:nowrap;overflow-x:auto;justify-content:start;gap:24px;scrollbar-width:thin}
 .about-page .section-index a{flex:none}
 .about-page .team-chapter{display:block}
 .about-page .team-chapter .guide-section-heading{margin-bottom:40px}
 .about-page .team-chapter .hero-art{margin-bottom:40px}
 .about-page .team-chapter .hero-art .work-front{margin-top:-24px;border-width:6px}
 .about-page .team-chapter dt{font-size:26px}
 .about-page #clienti{padding-block:0 72px}
 .about-page #clienti .guide-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}
 .about-page .static-logos{grid-template-columns:repeat(2,1fr)}
 .about-page .static-logos li{height:120px;padding:12px}
 .about-page .static-logos img{height:90px;max-width:190px}
 .about-page #clienti .directory-row{grid-template-columns:1fr 24px;gap:12px 20px}
 .about-page #metodo{padding-block:72px}
 .about-page #metodo .guide-section-heading{margin-bottom:40px}
 .about-page #metodo h2{font-size:43px}
 .about-page #metodo .guide-topics{display:block}
 .about-page #metodo .guide-topics>div{padding-block:28px}
 .about-page #metodo dt{font-size:27px;max-width:none;margin-bottom:18px}
 .about-page #metodo dd{font-size:16px}
 .about-page .awards-chapter{display:block}
 .about-page .awards-chapter .guide-section-heading{margin-bottom:32px}
 .about-page .service-demo{padding-block:16px 72px;gap:32px}
 .about-page .service-demo>div{display:block}
 .about-page .service-demo>div p{margin-top:24px;font-size:16px}
 .about-page .service-demo>div .text-link{margin-top:24px}
 .about-page .service-demo figure{padding:16px}
 .about-page .service-demo figcaption{font-size:11px}
 .about-page #deepcms{padding-bottom:72px}
 .about-page #recensioni{padding-block:64px}
 .about-page #recensioni .guide-section-heading{margin-bottom:32px}
 .about-page #recensioni h2{font-size:23px}
 .about-page #recensioni blockquote p{font-size:31px}
 .about-page #recensioni .case-quote{padding-bottom:40px}
}