/* Page-specific compositions. Article text remains in Joomla, not in this layer. */
.page-composition{--page-gap:64px}.page-intro{margin:15px 0 70px;position:relative}.page-intro .content-lead{max-width:950px;margin:0;line-height:1.7}.page-composition .page-section{min-width:0}.page-composition .page-section>h2:first-child{margin-top:0}.page-composition .section-copy p+p{margin-top:18px}.page-composition .section-copy ul{padding-left:23px}.page-composition .section-copy .button{margin-top:25px}.page-composition .section-copy a:not(.button):not(.link-arrow){text-underline-offset:4px}.page-composition .stage-index{font:400 24px/1.4 var(--heading);letter-spacing:-.04em}.page-composition .page-section[id],.page-composition h2[id],.page-composition summary[id]{scroll-margin-top:130px}.page-composition .related-links{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.page-composition .related-links a{min-width:0;line-height:1.6;gap:18px}.page-composition .related-links a span{flex-shrink:0}.page-composition .section-start{margin:65px 0;padding:48px 52px;background:#e9ecee;border-radius:32px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.page-composition .section-start h2{font-size:32px}.page-composition .section-start .section-copy p{font-size:18px}.page-composition .section-related{padding:15px 0 0}.page-composition .section-related h2{font-size:30px}.page-composition .page-primary>.button{margin-top:36px}
/* The service directory is a readable index rather than another card grid. */
.page-catalog .page-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.page-catalog .page-title h1{max-width:650px;margin:0}.page-catalog .page-intro .content-lead{font-size:22px}.page-catalog .service-grid{display:block;margin:0}.page-catalog .service-card{display:grid;grid-template-columns:55px minmax(260px,.8fr) minmax(300px,1fr) 44px;gap:28px;align-items:center;border-radius:0;border:0;border-top:1px solid #cfd4d5;padding:32px 0;min-height:150px;background:transparent;color:var(--ink)}.page-catalog .service-card:last-child{border-bottom:1px solid #cfd4d5}.page-catalog .service-card:hover{background:#eef0ed;transform:none}.page-catalog .card-number{display:block;color:#747e88;font:400 18px/1.5 var(--heading)}.page-catalog .service-card h2{font-size:27px;margin:0}.page-catalog .service-card p{max-width:480px;color:#5c646b;font-size:18px}.page-catalog .card-arrow{position:static;width:44px;height:44px;color:var(--ink);font-size:28px}.page-catalog .page-section{padding-top:60px}.page-catalog .page-section h2{font-size:32px}
/* Development: a sequence of deliverables followed by format selection. */
.page-development .page-intro{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:start}.page-development .page-title h1{margin:0}.page-development .page-intro .content-lead{font-size:22px;padding-top:9px}.development-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.development-stages .page-section{padding:35px 32px 40px;background:#fff;border-radius:28px;border:1px solid #e0e3df}.development-stages .stage-index{display:block;padding-bottom:36px;color:#8794a0}.development-stages .page-section h2{font-size:27px;line-height:1.45;margin:0 0 22px}.development-stages .section-copy p{font-size:17px;line-height:1.85}.development-stages .page-section:nth-child(2){background:#292d30;color:#fff;margin-top:35px;margin-bottom:-35px}.development-stages .page-section:nth-child(2) p{color:#d1d7dc}.page-development .section-start{margin-top:100px}
/* Design: an editorial opening and alternating, overlapping panels. */
.page-design .page-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:end;margin-bottom:80px}.page-design .page-title h1{font-size:clamp(58px,7vw,106px);line-height:1.15;letter-spacing:-.06em;margin:0}.page-design .page-intro .content-lead{font-size:23px;padding-bottom:7px}.creative-sections{padding-bottom:5px}.creative-panel{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;padding:62px 56px 95px;border-radius:36px;position:relative;margin-top:-30px}.creative-panel:first-child{margin-top:0}.creative-panel:last-child{padding-bottom:62px}.panel-dark{background:#292d30;color:#fff}.panel-light{background:#e8ebed;color:var(--ink)}.creative-heading{display:flex;gap:28px;align-items:flex-start}.creative-heading .stage-index{color:#8c9dad;min-width:40px;line-height:1.7}.creative-heading h2{margin:0;font-size:32px}.creative-panel .section-copy p,.creative-panel .section-copy li{font-size:19px;line-height:1.85}.panel-dark p,.panel-dark li{color:#d4dade}.panel-dark .button{background:#fff;color:#252729}.panel-dark .button>span{background:#ecefed}.panel-dark .related-links a{border-color:#ffffff35}.page-creative .page-intro{max-width:1100px}.page-creative .page-title h1{max-width:1100px;font-size:58px}.page-creative .creative-panel{grid-template-columns:.9fr 1.1fr}.page-identity .page-intro{padding:55px 58px;background:#292d30;color:#fff;border-radius:36px}.page-identity .page-intro p{color:#d2d8de;font-size:23px}.page-identity .creative-panel{background:transparent;color:var(--ink);border-top:1px solid #c8ced1;border-radius:0;padding:43px 0;margin:0}.page-identity .creative-panel p,.page-identity .creative-panel li{color:#59626a}.page-identity .creative-panel .button{background:#252729;color:#fff}.page-identity .creative-panel .button>span{background:#ffffff20}
/* Technical and legal pages: persistent section navigation and a reading column. */
.reading-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:90px;align-items:start}.reading-layout>aside{position:sticky;top:125px}.page-toc{border-top:1px solid #c8ced2}.page-toc a{display:grid;grid-template-columns:25px 1fr 22px;align-items:start;gap:14px;padding:19px 0;border-bottom:1px solid #d7dcdf;font-size:16px;line-height:1.6}.page-toc a>span:first-child{color:#838e99;font-size:12px;padding-top:3px}.page-toc a>span:last-child{font-size:23px;line-height:1.1}.page-toc a:hover{color:var(--blue)}.reading-content .page-section{margin-bottom:45px;padding-bottom:45px;border-bottom:1px solid #d7dcdf}.reading-content .page-section h2{font-size:31px;margin:0 0 25px}.reading-content .page-section p{font-size:19px;line-height:1.9}.reading-content .page-section:last-child{margin:0;border-bottom:0}.page-seo .page-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.page-seo .page-intro .content-lead{font-size:23px}.page-seo .reading-content .page-section{padding:38px 40px;border:1px solid #dbe0df;border-radius:28px;background:#fff;margin-bottom:22px}.page-seo .reading-content .page-section:last-child{background:#e8ecee}.page-technical .page-intro{border-bottom:1px solid #c8ced2;padding-bottom:45px}.page-technical .reading-content ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-technical .reading-content li{padding:22px 25px;border-radius:22px;background:#e8ecee;font-size:17px;line-height:1.75}.page-legal .page-intro h1{font-size:48px;max-width:1100px}.page-legal .page-intro .content-lead{font-size:21px}.page-legal .reading-content{max-width:850px}.page-legal .reading-content p{font-size:18px}.page-legal .reading-content h2{font-size:28px}
/* Growth: one continuous route, not a grid of identical tiles. */
.page-growth .page-intro{max-width:1050px}.page-growth .content-lead{font-size:25px}.growth-path{border-top:1px solid #c9cfd2}.growth-path .page-section{display:grid;grid-template-columns:90px .9fr 1.1fr;gap:45px;align-items:start;padding:48px 0;border-bottom:1px solid #c9cfd2}.growth-node{width:70px;height:70px;border:1px solid #bfc8cf;border-radius:50%;display:grid;place-items:center;font:400 21px var(--heading)}.growth-path h2{margin:10px 0 0;font-size:32px}.growth-path .section-copy p{font-size:19px}.growth-path .page-section:nth-child(2){padding-left:45px;padding-right:45px;border-radius:30px;background:#e6eaec}.growth-path .page-section:last-child{border-bottom:0}
/* Campaigns: a connected left-to-right workflow. */
.page-ads .page-intro{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:end}.page-ads .page-title h1{margin:0}.page-ads .page-intro .content-lead{font-size:23px}.campaign-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9cfd2;border-bottom:1px solid #c9cfd2}.campaign-flow .page-section{padding:35px 30px 45px;border-right:1px solid #c9cfd2}.campaign-flow .page-section:first-child{padding-left:0}.campaign-flow .page-section:last-child{border-right:0;padding-right:0}.flow-direction{display:flex;justify-content:space-between;align-items:center;color:#72818e;font:400 24px var(--heading);margin-bottom:48px}.flow-direction>span:last-child{font:42px/1 Arial,sans-serif}.campaign-flow .page-section h2{font-size:27px;margin:0 0 22px}.campaign-flow p{font-size:18px}.page-ads .section-start{background:#292d30;color:#fff}.page-ads .section-start p{color:#d2d9df}.page-ads .section-start .button{background:#fff;color:#252729}.page-ads .section-start .button>span{background:#edf0ee}
/* Support: useful expandable scope and a dedicated dark opening. */
.page-support .page-intro{background:#292d30;color:#fff;padding:55px 60px;border-radius:36px;display:grid;grid-template-columns:1fr .9fr;gap:35px 60px;align-items:start}.page-support .page-intro h1{font-size:53px;margin:0}.page-support .page-intro p{font-size:23px;color:#cbd4dc}.page-support .page-intro>.button{grid-column:2;justify-self:start}.support-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.support-layout>div>h2{font-size:35px;margin:0 0 23px}.support-layout>div>p{font-size:18px}.support-accordion details{border-top:1px solid #c8ced2;padding:26px 0}.support-accordion summary{list-style:none;display:flex;justify-content:space-between;gap:30px;font-size:24px;line-height:1.5;font-weight:600;cursor:pointer}.support-accordion summary::-webkit-details-marker{display:none}.support-accordion summary>span:last-child{font:30px Arial,sans-serif;transition:transform .2s}.support-accordion details[open] summary>span:last-child{transform:rotate(45deg)}.support-accordion .section-copy{padding-top:22px}.support-accordion .section-start{display:block;margin:20px 0 0;padding:32px}.support-accordion .section-start h2{font-size:26px;margin:0 0 20px}
/* Product formats and editorial services retain their own reading rhythm. */
.page-format .page-intro,.page-commerce .page-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.page-format .page-title h1,.page-commerce .page-title h1{margin:0}.page-format .page-intro .content-lead,.page-commerce .page-intro .content-lead{font-size:23px}.format-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:38px 65px;align-items:start}.format-layout .page-section:first-child{grid-row:span 2;background:#fff;border:1px solid #e0e4e1;border-radius:30px;padding:40px}.format-layout .page-section h2{font-size:30px;margin:0 0 25px}.format-layout .page-section:first-child ul{list-style:none;padding:0}.format-layout .page-section:first-child li{font-size:19px;padding:21px 0;border-bottom:1px solid #dce0df}.format-layout .page-section:first-child li:last-child{border:0}.format-layout .page-section:first-child li:first-child{padding-top:0}.format-layout .page-section:not(:first-child) p{font-size:18px}.page-commerce .format-layout{grid-template-columns:1fr 1fr}.page-commerce .format-layout .page-section:first-child{grid-column:1/-1;grid-row:auto;background:#292d30;color:#fff}.page-commerce .format-layout .page-section:first-child ul{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.page-commerce .format-layout .page-section:first-child li{color:#d3dbe0;border-color:#ffffff25;padding:21px 0}.page-editorial .page-intro{max-width:1050px;border-bottom:1px solid #bfc7cd;padding-bottom:48px}.page-editorial .page-title h1{font-size:58px;max-width:1100px}.editorial-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px 90px}.editorial-layout .page-section h2{font-size:31px}.editorial-layout .page-section:first-child{grid-row:span 2;border-right:1px solid #ccd2d5;padding-right:65px}.editorial-layout .page-section:first-child ul{list-style:decimal;padding-left:25px}.editorial-layout li{padding:15px 0 15px 12px;border-bottom:1px solid #d5dbde;font-size:20px}.editorial-layout .page-section p{font-size:19px}
/* Studio: a founding-year composition and a large, open principles list. */
.page-studio .page-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:25px 100px;align-items:start;padding-bottom:55px}.page-studio .page-title h1{font-size:76px;margin:0}.page-studio .content-lead{grid-column:1;font-size:25px}.studio-since{grid-column:2;grid-row:1/3;border-left:1px solid #bbc5cd;padding-left:60px;align-self:center}.studio-since>span{font:500 clamp(65px,7vw,100px)/1.3 var(--heading);letter-spacing:-.07em;color:#727e89}.studio-since>p{font-size:17px;line-height:1.8}.studio-principles .page-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:45px 0;border-top:1px solid #c7cfd4}.studio-principle-title{display:flex;gap:30px;align-items:start}.studio-principle-title>span{color:#8895a1;font:400 17px/2 var(--heading)}.studio-principle-title h2{margin:0;font-size:32px}.studio-principles .page-section p{font-size:20px}.studio-principles .page-section .related-links{grid-template-columns:1fr}
/* Contacts: phones are the primary content, with official messenger marks. */
.page-contacts .page-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}.page-contacts .page-title h1{font-size:74px;margin:0}.page-contacts .page-intro .content-lead{font-size:25px;max-width:760px}.page-contacts .contact-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid #c7ced3}.page-contacts .contact-list>div{padding:36px 0 42px;border:0;border-bottom:1px solid #c7ced3;background:transparent;border-radius:0}.page-contacts .contact-list>div:nth-child(even){padding-left:60px;border-left:1px solid #c7ced3}.page-contacts .contact-list>div:nth-child(odd){padding-right:60px}.page-contacts .contact-list>div>span{font-size:17px;color:#717a82;display:block;margin-bottom:18px}.page-contacts .contact-list a{display:block;font:500 clamp(25px,2.7vw,42px)/1.5 Manrope,Arial,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}.page-contacts .contact-list p{font-size:18px;margin-top:15px;line-height:1.8}.page-contacts .contact-messenger-cell{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-contacts .contact-messenger-cell>span{width:100%;margin:0!important}.page-contacts .contact-messenger-cell>a{width:72px;height:72px;display:grid;place-items:center;border:1px solid #d4dadd;border-radius:50%;background:#fff;transition:transform .2s}.page-contacts .contact-messenger-cell>a:hover{transform:translateY(-3px)}.contact-messenger-cell img{width:49px;height:49px}.contact-messenger-cell a[title=WhatsApp] img{width:42px;height:42px}.page-contacts .page-primary>.button{min-width:285px}
/* Portfolio: broad first project and alternating widths, no invented results. */
.page-work .page-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.page-work .page-title h1{font-size:76px;margin:0}.page-work .content-lead{font-size:24px}.page-work .project-grid{grid-template-columns:1.15fr .85fr;gap:60px 35px}.page-work .project-card:first-child{grid-column:1/-1}.page-work .project-card:first-child .project-image{height:510px}.page-work .project-card:nth-child(3){padding-top:95px}.page-work .project-card:nth-child(4){padding-top:45px}.page-work .project-card:nth-child(6){grid-column:1/-1;display:grid;grid-template-columns:1fr .75fr;gap:0 45px;align-items:end}.page-work .project-card:nth-child(6) .project-image{grid-row:span 2;height:390px}.page-work .project-card:nth-child(6) .project-caption{align-self:end}.page-work .project-card:nth-child(6)>p{align-self:start}.page-work .project-image{height:420px}.page-work .project-caption h3{font-size:28px}.page-case .page-intro{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end}.page-case .page-title h1{font-size:70px;margin:0}.page-case .page-intro .content-lead{font-size:24px}.case-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}.case-cover .case-image{width:100%;height:590px;object-fit:cover;border-radius:30px;margin:0}.case-story .page-section h2{font-size:33px;margin:0 0 25px}.case-story p{font-size:19px}.case-story .link-arrow{margin-top:30px}.next-project{display:grid;grid-template-columns:1fr 1fr 60px;gap:30px;align-items:center;border-top:1px solid #bfc9d0;margin-top:70px;padding:35px 0 10px}.next-project>span:first-child{font-size:17px;color:#6d7780}.next-project strong{font:500 30px/1.5 var(--heading)}.next-project>span:last-child{font:42px/1 Arial,sans-serif;justify-self:end}
/* Reviews keep genuine quotations and have varied heights instead of equal tiles. */
.page-reviews blockquote,.page-reviews figcaption{overflow-wrap:anywhere}
.page-reviews .page-intro{max-width:1050px}.page-reviews .reviews-grid{display:block;columns:2;column-gap:28px}.page-reviews .review-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 28px;padding:35px 38px;background:#fff;border:1px solid #e0e4e3}.page-reviews .review-card:first-child{background:#292d30;color:#fff}.page-reviews .review-card:first-child blockquote p{color:#d3dbe1;font-size:23px}.page-reviews .review-card figcaption{border-top:1px solid #cbd2d7;padding-top:22px;margin-top:26px;font-size:18px}.page-reviews .review-card:first-child figcaption{border-color:#ffffff35}.page-reviews .review-card:first-child figcaption span{color:#bac7d1}.page-reviews .review-card blockquote p{font-size:18px;line-height:1.85}.page-reviews .review-card figcaption span{font-size:15px}
@media(max-width:1200px){.page-intro{margin-bottom:55px}.page-catalog .service-card{grid-template-columns:40px minmax(240px,.9fr) 1fr 40px;gap:22px}.page-catalog .service-card h2{font-size:23px}.page-catalog .service-card p{font-size:17px}.page-development .page-intro,.page-design .page-intro,.page-ads .page-intro{gap:45px}.development-stages{gap:17px}.development-stages .page-section{padding:30px 25px}.development-stages .page-section h2{font-size:23px}.creative-panel{gap:45px;padding:45px 40px 75px}.creative-heading{gap:20px}.creative-heading h2{font-size:27px}.reading-layout{grid-template-columns:270px minmax(0,1fr);gap:50px}.growth-path .page-section{gap:30px;grid-template-columns:75px .9fr 1.1fr}.growth-path h2{font-size:27px}.campaign-flow .page-section{padding-left:23px;padding-right:23px}.campaign-flow .page-section h2{font-size:24px}.page-support .page-intro{padding:45px;gap:30px 40px}.page-support .page-intro h1{font-size:44px}.support-layout{gap:50px}.page-studio .page-intro{gap:25px 55px}.studio-since{padding-left:40px}.studio-principles .page-section{gap:55px}.page-contacts .page-title h1{font-size:58px}.page-contacts .page-intro .content-lead{font-size:22px}.page-contacts .contact-list>div:nth-child(even){padding-left:35px}.page-contacts .contact-list>div:nth-child(odd){padding-right:35px}.case-layout{gap:45px}.case-cover .case-image{height:520px}.page-composition .section-start{padding:40px;gap:40px}.page-creative .page-title h1,.page-editorial .page-title h1{font-size:50px}}
@media(max-width:900px){.page-intro{margin-bottom:42px}.page-catalog .page-intro,.page-development .page-intro,.page-design .page-intro,.page-ads .page-intro,.page-contacts .page-intro,.page-work .page-intro,.page-case .page-intro,.page-format .page-intro,.page-commerce .page-intro,.page-seo .page-intro{grid-template-columns:1fr;gap:25px}.page-catalog .service-card{grid-template-columns:35px 1fr 40px;gap:14px 22px;padding:28px 0}.page-catalog .service-card h2{grid-column:2}.page-catalog .service-card p{grid-column:2;max-width:650px}.page-catalog .card-arrow{grid-column:3;grid-row:1/3}.development-stages{grid-template-columns:1fr;gap:20px}.development-stages .page-section{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:30px}.development-stages .stage-index{grid-row:span 2;padding:0}.development-stages .page-section h2{margin:0;font-size:26px}.development-stages .section-copy{grid-column:2}.development-stages .page-section:nth-child(2){margin:0}.page-development .section-start{margin-top:45px}.page-composition .section-start{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.page-design .page-title h1{font-size:75px}.creative-panel{grid-template-columns:1fr!important;gap:27px;padding:40px 35px 65px}.creative-panel:last-child{padding-bottom:38px}.creative-heading h2{font-size:30px}.creative-panel .section-copy{padding-left:60px}.page-identity .page-intro{padding:40px}.reading-layout{grid-template-columns:1fr;gap:40px}.reading-layout>aside{position:static}.page-toc{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.reading-content .page-section h2{font-size:30px}.growth-path .page-section{grid-template-columns:70px 1fr;gap:22px}.growth-path .section-copy{grid-column:2}.growth-path h2{margin-top:12px}.growth-path .page-section:nth-child(2){padding-left:25px;padding-right:25px}.campaign-flow{grid-template-columns:1fr}.campaign-flow .page-section{padding:30px 0;border-right:0;border-bottom:1px solid #c9cfd2;display:grid;grid-template-columns:60px .8fr 1.2fr;gap:28px}.campaign-flow .page-section:last-child{border-bottom:0}.flow-direction{display:block;margin:0}.flow-direction>span:last-child{display:none}.campaign-flow .page-section h2{margin:0;font-size:24px}.page-support .page-intro{grid-template-columns:1fr;gap:25px}.page-support .page-intro>.button{grid-column:1}.page-support .page-intro h1{font-size:45px}.support-layout{grid-template-columns:1fr;gap:30px}.support-layout>div>h2 br{display:none}.format-layout{grid-template-columns:1fr;gap:35px}.format-layout .page-section:first-child{grid-row:auto}.format-layout .page-section:first-child ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.format-layout .page-section:first-child li{padding:18px 0!important}.editorial-layout{gap:35px}.editorial-layout .page-section:first-child{padding-right:35px}.page-studio .page-title h1{font-size:56px}.page-studio .content-lead{font-size:21px}.page-studio .page-intro{grid-template-columns:1fr .6fr;gap:20px 35px}.studio-since{padding-left:25px}.studio-since>span{font-size:60px}.studio-principles .page-section{grid-template-columns:1fr;gap:23px}.studio-principles .section-copy{padding-left:57px}.studio-principle-title h2{font-size:31px}.page-contacts .page-title h1{font-size:60px}.page-contacts .contact-list a{font-size:28px}.page-contacts .contact-list>div:nth-child(even){padding-left:25px}.page-contacts .contact-list>div:nth-child(odd){padding-right:25px}.page-work .page-title h1{font-size:60px}.page-work .project-grid{gap:40px 25px}.page-work .project-card:first-child .project-image{height:400px}.page-work .project-image{height:320px}.page-work .project-card:nth-child(3){padding-top:55px}.page-work .project-caption h3{font-size:23px}.page-case .page-title h1{font-size:55px}.case-layout{grid-template-columns:1fr;gap:38px}.case-cover .case-image{height:480px}.next-project{grid-template-columns:1fr 1.3fr 35px;gap:20px}.next-project strong{font-size:23px}.page-reviews .review-card{padding:28px}.page-reviews .review-card blockquote p{font-size:17px}}
@media(max-width:600px){.page-intro{margin:0 0 35px}.page-intro .content-lead{font-size:20px!important;line-height:1.75}.page-composition .page-title h1{font-size:37px;line-height:1.3;overflow-wrap:break-word;margin-bottom:0}.page-composition .page-intro:not(:has(.content-lead)){margin-bottom:30px}.page-composition .page-title+.content-lead{margin-top:22px}.page-composition .page-intro{gap:0}.page-composition .page-section h2{font-size:26px}.page-composition .section-copy p,.page-composition .section-copy li{font-size:17px;line-height:1.85}.page-composition .related-links{grid-template-columns:1fr}.page-composition .related-links a{font-size:17px;padding:18px 0}.page-composition .section-start{padding:30px 25px;border-radius:25px;margin-top:35px}.page-composition .section-start h2{font-size:25px}.page-composition .section-copy .button{font-size:15px;gap:15px;padding-left:22px;max-width:100%}.page-catalog .service-card{grid-template-columns:22px minmax(0,1fr) 32px;gap:12px 15px;padding:26px 0;min-height:0}.page-catalog .card-number{font-size:12px;align-self:start;padding-top:4px}.page-catalog .service-card h2{font-size:20px;line-height:1.5}.page-catalog .service-card p{font-size:16px;line-height:1.8}.page-catalog .card-arrow{width:32px;height:32px;font-size:23px;align-self:start}.page-catalog .page-section{padding-top:35px}.development-stages .page-section{display:block;padding:28px 25px;border-radius:25px}.development-stages .stage-index{font-size:19px;padding-bottom:20px}.development-stages .page-section h2{font-size:25px;margin-bottom:18px}.page-design .page-title h1{font-size:53px}.creative-panel{padding:32px 25px 62px;border-radius:28px;gap:22px}.creative-heading{display:block}.creative-heading .stage-index{display:block;font-size:18px;margin-bottom:17px}.creative-heading h2{font-size:26px}.creative-panel .section-copy{padding:0}.page-identity .page-intro{padding:32px 25px}.page-identity .page-title h1{font-size:33px}.page-identity .creative-panel{padding:30px 0}.page-toc{grid-template-columns:1fr}.page-toc a{font-size:15px;padding:15px 0}.reading-layout{gap:32px}.reading-content .page-section{padding-bottom:30px;margin-bottom:30px}.page-seo .reading-content .page-section{padding:28px 25px}.page-technical .reading-content ul{grid-template-columns:1fr;gap:12px}.page-technical .reading-content li{padding:18px 21px}.page-legal .page-title h1{font-size:30px}.page-legal .page-section h2{font-size:25px}.growth-path .page-section,.growth-path .page-section:nth-child(2){grid-template-columns:45px 1fr;gap:18px;padding:30px 0;border-radius:0;background:none}.growth-node{width:42px;height:42px;font-size:15px}.growth-path h2{font-size:26px;margin:0}.growth-path .section-copy{grid-column:1/-1}.campaign-flow .page-section{grid-template-columns:35px 1fr;gap:20px}.campaign-flow .section-copy{grid-column:2}.campaign-flow .page-section h2{font-size:25px}.flow-direction{font-size:17px;padding-top:3px}.page-support .page-intro{padding:33px 25px;border-radius:28px;gap:25px}.page-support .page-title h1{font-size:33px}.page-support .page-intro .content-lead{margin-top:0}.page-support .page-intro>.button{font-size:15px;gap:16px;padding-left:20px}.support-layout>div>h2{font-size:28px}.support-accordion summary{font-size:21px;gap:20px}.support-accordion .section-start{padding:28px 25px}.format-layout .page-section:first-child{padding:28px 25px}.format-layout .page-section:first-child ul,.page-commerce .format-layout{grid-template-columns:1fr}.page-commerce .format-layout .page-section:first-child ul{grid-template-columns:1fr}.editorial-layout{grid-template-columns:1fr;gap:35px}.editorial-layout .page-section:first-child{grid-row:auto;border-right:0;padding-right:0}.editorial-layout li{font-size:18px}.page-studio .page-intro{grid-template-columns:1fr;padding-bottom:0;gap:22px}.page-studio .content-lead{margin-top:0!important}.studio-since{grid-column:1;grid-row:auto;padding:24px 0 0;border-left:0;border-top:1px solid #c5cdd3;display:flex;gap:28px;align-items:center}.studio-since>span{font-size:61px}.studio-since>p{font-size:15px;line-height:1.7}.studio-principles .page-section{padding:30px 0;gap:20px}.studio-principle-title{gap:18px}.studio-principle-title>span{font-size:13px}.studio-principle-title h2{font-size:26px}.studio-principles .section-copy{padding-left:0}.page-contacts .contact-list{grid-template-columns:1fr}.page-contacts .contact-list>div{padding:27px 0!important;border-left:0!important}.page-contacts .contact-list>div>span{font-size:16px;margin-bottom:12px}.page-contacts .contact-list a{font-size:30px}.page-contacts .contact-list p{font-size:17px}.page-contacts .contact-messenger-cell>a{width:65px;height:65px}.contact-messenger-cell img{width:44px;height:44px}.page-contacts .contact-list a[href^='mailto:']{font-size:28px}.page-work .project-grid{grid-template-columns:1fr;gap:35px}.page-work .project-card:nth-child(n){padding:0;grid-column:auto;display:block}.page-work .project-card:nth-child(n) .project-image{height:340px}.page-work .project-card:nth-child(n) .project-caption{margin-top:18px}.page-work .project-caption h3{font-size:24px}.page-work .project-card>p{font-size:17px}.case-cover .case-image{height:380px}.case-layout{gap:30px}.case-story .page-section h2{font-size:27px}.next-project{grid-template-columns:1fr 35px;gap:15px;margin-top:45px;padding-top:25px}.next-project>span:first-child{grid-column:1/-1;font-size:15px}.next-project strong{font-size:23px}.page-reviews .reviews-grid{columns:1}.page-reviews .review-card{padding:29px 25px;margin-bottom:20px;border-radius:25px}.page-reviews .review-card:first-child blockquote p{font-size:21px}.page-reviews .review-card figcaption{font-size:18px}.page-reviews .review-card figcaption span{font-size:14px}}
@media(max-width:360px){.page-composition .page-title h1{font-size:30px}.page-design .page-title h1{font-size:44px}.page-composition .page-intro .content-lead{font-size:18px!important}.page-composition .page-section h2{font-size:23px}.page-composition .section-copy .button{font-size:14px;padding-left:18px;gap:12px}.page-catalog .service-card h2{font-size:18px}.page-catalog .service-card p{font-size:15px}.page-catalog .service-card{grid-template-columns:18px 1fr 28px;gap:12px}.page-composition .section-start,.creative-panel,.page-support .page-intro{padding-left:22px;padding-right:22px}.page-contacts .contact-list a{font-size:26px}.page-contacts .contact-list a[href^='mailto:']{font-size:25px}.page-legal .page-title h1{font-size:27px}.page-work .project-card:nth-child(n) .project-image{height:280px}}
@media(prefers-reduced-motion:reduce){.contact-messenger-cell>a:hover{transform:none}}