:root{--gray:#b6b2a9;--gray-dark:#a5a198}
body{overflow-wrap:break-word}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ccff33;outline-offset:5px;border-radius:4px}a{touch-action:manipulation}button{font:inherit}.nav-cta,.btn-primary,.cta-btn-primary{color:#0c0c0b!important}.menu-toggle{min-width:44px;min-height:44px}.nav-links a,.filter-btn{min-height:44px;display:inline-flex;align-items:center}.article-meta-bar{flex-wrap:wrap;gap:.6rem 1.2rem}.article-wrap{max-width:820px}.article-body{font-size:1rem;line-height:1.85}.article-body h2,section[id],h2[id]{scroll-margin-top:100px}.article-body a{color:#ccff33;text-underline-offset:4px}.reading-skip{position:fixed;left:1rem;top:1rem;z-index:1000;padding:1rem 1.3rem;background:#ccff33;color:#0c0c0b;transform:translateY(-200%);font-weight:700}.reading-skip:focus{transform:none}.reading-breadcrumbs{margin:0 0 1.8rem;font-size:.79rem;line-height:1.6;color:#b6b2a9}.reading-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin:0;padding:0}.reading-breadcrumbs li+li:before{content:'/';margin-right:.7rem;color:#615f58}.reading-breadcrumbs a{color:#b6b2a9;text-underline-offset:4px}.reading-breadcrumbs [aria-current]{color:#f3f0e8}.reading-toc,.reading-related{margin:2rem 0;padding:1.4rem 1.5rem;background:#141412;border:1px solid #34362d;border-radius:16px}.reading-toc strong,.reading-related h2{display:block;font-family:'Space Grotesk',sans-serif;font-size:1rem;margin:0 0 .7rem!important;border:0!important;padding:0!important;color:#f3f0e8}.reading-toc ul,.reading-related ul{padding-left:1.15rem;margin:0}.reading-toc li,.reading-related li{padding:.25rem 0;line-height:1.6}.reading-toc a,.reading-related a{color:#ccff33;text-underline-offset:4px}.reading-related p{margin:.8rem 0 0;color:#b6b2a9}.reading-footer-links{display:flex;gap:.65rem 1.3rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.reading-footer-links a{display:inline-flex;align-items:center;min-height:44px}.reading-count{padding:.8rem 1.5rem 0;max-width:1200px;margin:auto;font-size:.85rem;color:#b6b2a9}.reading-blog-breadcrumbs{max-width:1100px;margin:0 auto;padding:0 2.5rem}.reading-blog-related{max-width:1100px;margin:2.5rem auto}.studio-document{background:#0c0c0b;color:#f3f0e8;font-family:'Manrope',sans-serif;line-height:1.75;margin:0}.studio-document *{box-sizing:border-box}.studio-header{padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid #34362d;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.studio-header a{color:#f3f0e8;text-decoration:none;padding:.5rem 0}.studio-wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.3rem}.studio-wordmark span{color:#ccff33}.studio-header-links{display:flex;gap:1rem;flex-wrap:wrap}.studio-content{max-width:1040px;padding:clamp(2rem,7vw,5rem) clamp(1rem,5vw,2.5rem);margin:0 auto}.studio-content h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.07;letter-spacing:-.04em;max-width:18ch}.studio-content h2{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;margin-top:2.5rem}.studio-content p{max-width:68ch}.studio-content a{color:#ccff33;text-underline-offset:4px}.studio-content .studio-contact-button{display:inline-flex;padding:.85rem 1.3rem;color:#0c0c0b;background:#ccff33;border-radius:8px;text-decoration:none;font-weight:700}.studio-content .studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.studio-content .studio-grid section{min-width:0}.studio-content li{padding:.4rem 0}.studio-document footer{padding:2rem;text-align:center;border-top:1px solid #34362d;color:#b6b2a9}.studio-document footer a{color:#ccff33}.studio-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#ccff33}
@media(max-width:768px){.nav-links{max-height:calc(100dvh - 74px);overflow-y:auto}.article-wrap{padding-left:1.2rem;padding-right:1.2rem}.reading-toc,.reading-related{padding:1.1rem}.reading-blog-related{margin:2rem 1.2rem}.reading-blog-breadcrumbs{padding:0 1.2rem}.studio-content .studio-grid{grid-template-columns:1fr;gap:0}.studio-header-links{font-size:.85rem}.blog-filters{padding-left:1rem;padding-right:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Align supporting pages with the main editorial palette and quieter controls. */
body:not(.studio-document) nav[aria-label="Navigation principale"]{background:rgba(12,12,11,.96)!important;border-bottom:1px solid #ffffff24!important;box-shadow:none!important}
.btn-primary,.cta-btn-primary,.nav-cta{box-shadow:none!important;border-radius:4px!important}.btn-secondary,.cta-btn-secondary{border-radius:4px!important}.blog-card{box-shadow:none!important;border-color:#ffffff24!important}.blog-card:hover{border-color:#ccff3377!important;transform:none!important}.article-body h2{line-height:1.3}.reading-toc,.reading-related{border-radius:6px}.studio-content h1,.studio-content h2{font-family:'Fraunces',Georgia,serif;font-weight:500}.studio-header{background:#0c0c0b}
/* The same two type families and reading rhythm as the portfolio. */
:root{--font-display:'Manrope',sans-serif;--font-body:'Manrope',sans-serif;--font-head:'Fraunces',Georgia,serif}
body{font-kerning:normal}
.article-wrap h1,.wrap h1,.blog-header h1{font-family:var(--font-head);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.article-body h2,.wrap h2{font-family:var(--font-display);font-weight:650;line-height:1.4}
.reading-toc strong,.reading-related h2,.studio-wordmark{font-family:var(--font-display)}
.article-body{font-size:16px;line-height:1.8}
.article-body p,.lede{text-wrap:pretty}
.article-meta-bar{font-size:12px;line-height:1.7;color:#c0c3b5}
.reading-toc,.reading-related{border-radius:14px;background:#191b15}
.reading-toc a{display:inline-block;padding:5px 0}
.reading-breadcrumbs a{display:inline-block;padding:5px 0}
.blog-card{border-radius:14px!important;background:#181a14!important}
.blog-card h2,.blog-card h3{line-height:1.4!important;font-weight:600!important}
.service-box,.price-box{border-color:#ffffff29}
.hero-ctas .btn-primary,.hero-ctas .btn-secondary{min-height:48px;padding:12px 18px}
.studio-header-links a{min-height:44px;display:inline-flex;align-items:center}
.studio-content{padding-top:42px;padding-bottom:48px}
.studio-content h1{font-family:var(--font-head);font-size:clamp(32px,5vw,56px);line-height:1.12;text-wrap:balance}
.studio-content h2{font-size:26px}
@media(max-width:600px){.article-wrap h1,.wrap h1{font-size:32px;line-height:1.15}.article-wrap{padding-top:6.3rem!important}.article-meta-bar{gap:6px 12px;margin-bottom:24px}.reading-toc{margin-block:24px}.article-body h2{font-size:21px}.studio-content{padding-top:28px}.service-row,.price-row{gap:10px}.service-box,.price-box{padding:16px}.hero-ctas{gap:10px}.reading-related{margin-top:26px}}
.blog-hero h1{font-family:var(--font-head);font-weight:500;letter-spacing:-.035em;text-wrap:balance}
.blog-hero{padding-bottom:3rem}
.reading-search{max-width:1020px;width:calc(100% - 40px);margin:24px auto 0}
.reading-search label{display:block;font:600 12px/1.5 var(--font-body);color:#c0c3b5;margin-bottom:8px}
.reading-search input{width:100%;min-height:48px;padding:12px 16px;border:1px solid #ffffff30;border-radius:8px;background:#181a14;color:#f3f0e8;font:400 16px/1.5 var(--font-body);appearance:none}
.reading-search input::placeholder{color:#acb09f}
.reading-search input:focus-visible{outline:2px solid #ccff33;outline-offset:3px}
@media(max-width:600px){.blog-hero{padding:6rem 20px 2rem}.blog-filters{padding-top:20px;gap:8px}.filter-btn{padding-inline:12px;font-size:11px}.blog-grid-wrap{padding:20px 20px 40px}.blog-grid{grid-template-columns:minmax(0,1fr);gap:12px}.blog-card{padding:20px}.reading-count{padding:0 0 16px}}