/* The logo rail keeps square cards and uses the work filmstrip's perspective. */
[hidden]{display:none!important}
.clients{padding-block:clamp(3.5rem,7vw,6rem);scroll-margin-top:7rem}
.clients h2{margin:0 0 2rem;font-weight:800;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.25;text-align:center}
.clients-grid{--client-size:clamp(180px,30vw,400px);display:flex;gap:1.25rem;overflow-x:auto;overscroll-behavior-x:contain;direction:ltr;isolation:isolate;scrollbar-width:none;scroll-snap-type:x proximity}
.clients-grid::-webkit-scrollbar{display:none}
.clients-grid:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:12px}
.clients-grid.is-filmstrip{position:relative;display:block;height:calc(var(--client-size) * 1.36 + 2rem);overflow:hidden;perspective:1400px;touch-action:pan-y;cursor:grab;scroll-snap-type:none}
.clients-grid.is-filmstrip:active{cursor:grabbing}
.clients-grid:empty{display:none}
.client-card{position:relative;flex:0 0 var(--client-size);width:var(--client-size);aspect-ratio:1;max-width:400px;overflow:hidden;border-radius:6.44%;background:#fff;scroll-snap-align:center;backface-visibility:hidden}
.is-filmstrip .client-card{position:absolute;top:45%;left:50%;will-change:transform,opacity}
.client-card>a,.client-card-face{display:grid;place-items:center;width:100%;height:100%;padding:12%;outline-offset:-4px}
.client-card a:focus-visible{outline:2px solid var(--red)}
.client-card img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.clients-empty{margin:0;color:#645f5e;font-size:1rem}
.innbox-dock-host .atd-modern__item:last-child{display:inline-flex!important}
@media(max-width:700px){.clients-grid{--client-size:clamp(180px,54vw,260px);gap:.8rem}}
@media(prefers-reduced-motion:reduce){.client-card{transform:none!important;transition:none!important;will-change:auto!important}}

/* Mobile reading rhythm: one clear column, comfortable copy and touch targets. */
@media(max-width:700px){
 .section{padding-block:4rem;scroll-margin-top:1.25rem}
 .statement .statement-title{max-width:20ch;font-size:clamp(1.85rem,7.6vw,2.6rem);line-height:1.55;letter-spacing:0;padding:0}
 .statement .statement-title span{margin-top:.3em;line-height:1.55}
 .statement .statement-copy{max-width:36ch;margin-top:1.5rem;font-size:1rem;line-height:1.95}
 .statement .principles{margin-top:2rem;gap:1rem;text-align:start}
 .statement .principle{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem .75rem;padding:1.25rem;border:1px solid rgb(23 22 22 / 9%);border-radius:1rem;background:#fff}
 .statement .principle b{grid-column:1;grid-row:1;font-size:.875rem;line-height:1.8}
 .statement .principle h3{grid-column:2;margin:0;font-size:1.125rem;line-height:1.8}
 .statement .principle p{grid-column:1/-1;margin:0;font-size:1rem;line-height:1.85}
 .brief .brief-grid{gap:1.75rem;padding:1.25rem;border-radius:1.25rem}
 .brief .brief-title{max-width:19ch;font-size:clamp(1.8rem,7.5vw,2.5rem);line-height:1.6;letter-spacing:0;margin:0;padding:0;text-wrap:pretty}
 .brief .brief-side-copy{margin-top:1rem;font-size:1rem;line-height:1.9}
 .brief .contact{margin-top:1.25rem;gap:.5rem}
 .brief .contact a{display:flex;align-items:center;width:100%;min-height:48px;padding:.7rem .9rem;border:1px solid rgb(100 53 60 / 14%);border-radius:.75rem;background:rgb(255 255 255 / 65%);font-size:1rem;overflow-wrap:anywhere}
 .brief .contact a[href^="mailto:"]{direction:ltr;justify-content:flex-end}
 [dir=ltr] .brief .contact a[href^="mailto:"]{justify-content:flex-start}
 .brief .contact span{padding:.5rem 0;font-size:.875rem;line-height:1.8}
 .brief .steps{margin-top:1.25rem;gap:.75rem}
 .brief .steps li{font-size:.9375rem;line-height:1.9;padding-top:.75rem}
 .brief .form{padding:1.25rem 1rem;min-width:0;border-radius:1rem;box-shadow:none;background:#fff}
 .brief .form-grid{gap:1.25rem}
 .brief .field{min-width:0;gap:.6rem}
 .brief .field label{font-size:.9375rem;line-height:1.8}
 .brief input,.brief textarea{min-width:0;max-width:100%;min-height:48px;padding:.8rem;border:1px solid #d8d2d3;border-radius:.6rem;background:#faf9f9;font-size:1rem;line-height:1.7}
 .brief textarea{min-height:8rem}
 .brief .form-bottom{display:grid;gap:1rem;margin-top:1.5rem}
 .brief .form-bottom .primary{justify-content:center;min-height:52px;width:100%;font-size:1rem}
 .brief .form-note{font-size:.875rem;line-height:1.85}
 .brief .status:empty{display:none}
 .footer-nav a,.box-footer-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem}
 .footer-social a,.box-footer-social a{min-height:48px;font-size:.875rem}
 .box-language button{min-width:44px;min-height:44px;font-size:.875rem}
 .box-header-actions{gap:.4rem}.box-home{display:flex;align-items:center;min-height:44px;font-size:.875rem}
 .box-header-inner{gap:.65rem}.box-brand{width:44px;max-width:44px;min-height:44px;flex-shrink:0;display:flex;align-items:center}
 .box-brand img{width:38px;max-height:60px;object-fit:contain}
 .box-contact-section{padding:1.25rem;gap:1.5rem}.box-contact-heading h2{font-size:1.65rem;line-height:1.6}
 .box-field small,.box-form-actions p{font-size:.875rem;line-height:1.8}
 .work-heading p{font-size:1rem}
 .hero-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
 body.contact-in-view .wa{opacity:0;visibility:hidden;pointer-events:none}
 body:has(.innbox-floating-cta.is-visible) .wa{opacity:0;visibility:hidden;pointer-events:none}
 .innbox-floating-cta{inset-block-end:max(1rem,env(safe-area-inset-bottom))}
}
/* Brand logos: Simple Icons 16.0.0 (CC0), https://simpleicons.org.
   Embedded masks preserve saved CMS links and avoid emoji/font substitution. */
.footer-social a[href*="youtube.com/"] .footer-social-glyph,
.box-footer-social a[href*="youtube.com/"] .box-footer-social-glyph,
.footer-social a[href*="youtu.be/"] .footer-social-glyph,
.box-footer-social a[href*="youtu.be/"] .box-footer-social-glyph{
 --social-logo:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%200%200%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%22%2F%3E%3C%2Fsvg%3E");
}
.footer-social a[href*="snapchat.com/"] .footer-social-glyph,
.box-footer-social a[href*="snapchat.com/"] .box-footer-social-glyph{
 --social-logo:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.206.793c.99%200%204.347.276%205.93%203.821.529%201.193.403%203.219.299%204.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12%201.033-.301.165-.088.344-.104.464-.104.182%200%20.359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213%201.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136%201.526%203.475%204.791%204.014.255.044.435.27.42.509%200%20.075-.015.149-.045.225-.24.569-1.273.988-3.146%201.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135%200-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3%200-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826%201.288-3.294%201.288-.06%200-.119-.015-.18-.015h-.149c-1.468%200-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54%200-.958.089-1.272.149-.211.043-.391.074-.54.074-.374%200-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509%203.264-.54%204.73-3.879%204.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793%201.168-.793.146%200%20.27.029.383.074.42.194.789.3%201.104.3.234%200%20.384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392%201.077%2010.739.807%2011.727.807l.419-.015h.06z%22%2F%3E%3C%2Fsvg%3E");
}
.footer-social a[href*="facebook.com/"] .footer-social-glyph,
.box-footer-social a[href*="facebook.com/"] .box-footer-social-glyph{
 --social-logo:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E");
}
.footer-social a[href*="instagram.com/"] .footer-social-glyph,
.box-footer-social a[href*="instagram.com/"] .box-footer-social-glyph{
 --social-logo:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228%201.3877-.6652.6677-1.075%201.3368-1.3802%202.127-.2954.7638-.4956%201.6365-.552%202.914-.0564%201.2775-.0689%201.6882-.0626%204.947.0062%203.2586.0206%203.6671.0825%204.9473.061%201.2765.264%202.1482.5635%202.9107.308.7889.72%201.4573%201.388%202.1228.6679.6655%201.3365%201.0743%202.1285%201.38.7632.295%201.6361.4961%202.9134.552%201.2773.056%201.6884.069%204.9462.0627%203.2578-.0062%203.668-.0207%204.9478-.0814%201.28-.0607%202.147-.2652%202.9098-.5633.7889-.3086%201.4578-.72%202.1228-1.3881.665-.6682%201.0745-1.3378%201.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982%201.33%2020.628.9208%2019.8378.6165%2019.074.321%2018.2017.1197%2016.9244.0645%2015.6471.0093%2015.236-.005%2011.977.0014%208.718.0076%208.31.0215%207.0301.0839m.1402%2021.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814%201.3783-.9003.423-.1651%201.0575-.3614%202.227-.4171%201.2655-.06%201.6447-.072%204.848-.079%203.2033-.007%203.5835.005%204.8495.0608%201.169.0508%201.8053.2445%202.228.408.5608.216.96.4754%201.3816.895.4217.4194.6816.8176.9005%201.3787.1653.4217.3617%201.056.4169%202.2263.0602%201.2655.0739%201.645.0796%204.848.0058%203.203-.0055%203.5834-.061%204.848-.051%201.17-.245%201.8055-.408%202.2294-.216.5604-.4763.96-.8954%201.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953%205.5864A1.44%201.44%200%201%200%2018.39%204.144a1.44%201.44%200%200%200-1.437%201.4424M5.8385%2012.012c.0067%203.4032%202.7706%206.1557%206.173%206.1493%203.4026-.0065%206.157-2.7701%206.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156%202.771-6.1496%206.1738M8%2012.0077a4%204%200%201%201%204.008%203.9921A3.9996%203.9996%200%200%201%208%2012.0077%22%2F%3E%3C%2Fsvg%3E");
}
.footer-social a[href*="tiktok.com/"] .footer-social-glyph,
.box-footer-social a[href*="tiktok.com/"] .box-footer-social-glyph{
 --social-logo:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3C%2Fsvg%3E");
}
.footer-social a[href*="x.com/"] .footer-social-glyph,
.box-footer-social a[href*="x.com/"] .box-footer-social-glyph,
.footer-social a[href*="twitter.com/"] .footer-social-glyph,
.box-footer-social a[href*="twitter.com/"] .box-footer-social-glyph{
 --social-logo:url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.234%2010.162%2022.977%200h-2.072l-7.591%208.824L7.251%200H.258l9.168%2013.343L.258%2024H2.33l8.016-9.318L16.749%2024h6.993zm-2.837%203.299-.929-1.329L3.076%201.56h3.182l5.965%208.532.929%201.329%207.754%2011.09h-3.182z%22%2F%3E%3C%2Fsvg%3E");
}
.footer-social a[href*="youtube.com/"] .footer-social-glyph,
.box-footer-social a[href*="youtube.com/"] .box-footer-social-glyph,
.footer-social a[href*="youtu.be/"] .footer-social-glyph,
.box-footer-social a[href*="youtu.be/"] .box-footer-social-glyph,
.footer-social a[href*="snapchat.com/"] .footer-social-glyph,
.box-footer-social a[href*="snapchat.com/"] .box-footer-social-glyph,
.footer-social a[href*="facebook.com/"] .footer-social-glyph,
.box-footer-social a[href*="facebook.com/"] .box-footer-social-glyph,
.footer-social a[href*="instagram.com/"] .footer-social-glyph,
.box-footer-social a[href*="instagram.com/"] .box-footer-social-glyph,
.footer-social a[href*="tiktok.com/"] .footer-social-glyph,
.box-footer-social a[href*="tiktok.com/"] .box-footer-social-glyph,
.footer-social a[href*="x.com/"] .footer-social-glyph,
.box-footer-social a[href*="x.com/"] .box-footer-social-glyph,
.footer-social a[href*="twitter.com/"] .footer-social-glyph,
.box-footer-social a[href*="twitter.com/"] .box-footer-social-glyph{
 font-size:0!important;border:0!important;border-radius:0;background:none;
}
.footer-social a[href*="youtube.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="youtube.com/"] .box-footer-social-glyph::before,
.footer-social a[href*="youtu.be/"] .footer-social-glyph::before,
.box-footer-social a[href*="youtu.be/"] .box-footer-social-glyph::before,
.footer-social a[href*="snapchat.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="snapchat.com/"] .box-footer-social-glyph::before,
.footer-social a[href*="facebook.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="facebook.com/"] .box-footer-social-glyph::before,
.footer-social a[href*="instagram.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="instagram.com/"] .box-footer-social-glyph::before,
.footer-social a[href*="tiktok.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="tiktok.com/"] .box-footer-social-glyph::before,
.footer-social a[href*="x.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="x.com/"] .box-footer-social-glyph::before,
.footer-social a[href*="twitter.com/"] .footer-social-glyph::before,
.box-footer-social a[href*="twitter.com/"] .box-footer-social-glyph::before{
 content:"";display:block;width:20px;height:20px;background-color:currentColor;
 -webkit-mask:var(--social-logo) center/contain no-repeat;
 mask:var(--social-logo) center/contain no-repeat;
}
@media(max-width:360px){
 .brief .brief-grid{padding:1rem}.brief .form{padding:1rem .75rem}
 .box-header-actions{flex-wrap:wrap;justify-content:flex-end}.box-home{font-size:.875rem}
 .statement .principle{padding:1rem}
}