/* Service extension: approved Milk palette, logo and type family. */
body{font-size:16px;line-height:1.6}
h1,h2,h3{letter-spacing:-.03em}
.section{padding-block:clamp(64px,7vw,108px)}
.hero-intro p{max-width:66ch;line-height:1.7}
.service-home{background:var(--paper)}
.service-opening{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.service-opening h1,.service-opening h2{font-size:clamp(38px,4.5vw,64px);line-height:1.08;max-width:12ch;margin:0;letter-spacing:-.035em}
.service-opening p{font-size:18px;line-height:1.65;max-width:43ch;margin:0}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px}
.service-tile:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;padding-bottom:40px;border-bottom:1px solid var(--rule)}
.service-image{display:block;position:relative;overflow:hidden;border-radius:12px;background:var(--ink);aspect-ratio:16/9}
.service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.service-image:hover img{transform:scale(1.035)}
.service-image-label{position:absolute;bottom:16px;left:16px;padding:8px 14px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:700;line-height:1.3}
.service-caption{padding-top:24px}
.service-tile:first-child .service-caption{padding:0}
.service-caption h3{font-size:clamp(26px,2.5vw,36px);line-height:1.15;margin:0 0 16px;max-width:24ch}
.service-tile:first-child h3{font-size:clamp(32px,3.8vw,52px);max-width:15ch}
.service-caption p{font-size:17px;line-height:1.65;max-width:48ch;margin-bottom:20px}
.service-caption .text-link{font-size:16px;border-bottom:1px solid var(--ink);padding-bottom:6px;min-height:44px}
.services-more{text-align:center;margin-top:56px}
.trust-section{padding:64px 0 72px;background:var(--ink);color:var(--paper)}
.trust-section h2{font-size:clamp(24px,2.5vw,34px);line-height:1.2;text-align:center;margin:0 auto 40px;max-width:30ch}
.trust-names{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.trust-names li{display:flex;align-items:center;justify-content:center;text-align:center;min-height:100px;padding:24px 16px;border-top:1px solid #ffffff30;font-size:clamp(18px,2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.service-page .portfolio-section{padding-top:72px}
.back-link{display:inline-block;font-size:16px;text-decoration:underline;margin-bottom:40px;min-height:44px}
.detail-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.detail-opening h1{font-size:clamp(42px,6vw,80px);line-height:1.05;margin:0 0 18px;letter-spacing:-.035em}
.detail-statement{font-size:clamp(22px,2.3vw,30px);line-height:1.25;margin:0}
.detail-opening .lead{max-width:43ch}
.service-reel{margin:0 0 72px}
.service-reel video{display:block;width:100%;aspect-ratio:16/9;background:var(--ink);border-radius:12px}
.service-reel figcaption{display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:1.5;margin-top:16px}
.service-reel figcaption a{text-decoration:underline;min-height:44px;white-space:nowrap}
.service-story{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}
.service-story h2{font-size:clamp(28px,3vw,40px);margin:0 0 24px}
.service-story h3{font-size:22px;margin:32px 0 12px}
.service-story p{font-size:18px;line-height:1.7}
.service-scope{border-top:2px solid var(--blue);padding-top:24px}
.service-scope ul{list-style:none;padding:0;margin:0 0 24px}
.service-scope li{padding:14px 0;border-bottom:1px solid var(--rule);font-size:18px}
.service-scope .scope-note{font-size:15px;line-height:1.6;margin-bottom:28px}
.other-services{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px;margin-top:72px;border-top:1px solid var(--rule)}
.other-services a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;border-bottom:1px solid var(--rule);font-size:18px;font-weight:700}
.other-services a:hover{color:var(--blue)}
.service-row{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;padding:48px 0;border-top:1px solid var(--rule)}
.service-row img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.service-row h2{font-size:clamp(30px,3vw,44px);line-height:1.1;margin-bottom:20px}
.service-row p{font-size:18px;line-height:1.65;margin-bottom:28px}
.service-row .pill{white-space:normal;text-align:center}
.founder-content p{line-height:1.75;max-width:65ch}
@media(max-width:800px){
 .service-opening,.detail-opening{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 .service-opening h1,.service-opening h2{max-width:17ch}
 .services-grid{gap:40px 24px}
 .service-tile:first-child{grid-template-columns:1fr;gap:24px;padding-bottom:32px}
 .service-tile:first-child h3{max-width:24ch}
 .service-story,.service-row{grid-template-columns:1fr;gap:32px}
 .service-reel{margin-bottom:48px}
 .trust-names{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-opening h1{font-size:clamp(40px,8vw,64px)}
}
@media(max-width:540px){
 .services-grid{grid-template-columns:1fr;gap:40px}
 .service-tile:first-child{grid-column:auto;border:0;padding-bottom:0}
 .service-caption h3,.service-tile:first-child h3{font-size:30px}
 .service-caption p{font-size:16px}
 .service-image-label{font-size:14px;bottom:12px;left:12px}
 .service-reel figcaption{flex-direction:column;gap:8px}
 .other-services{grid-template-columns:1fr;margin-top:48px}
 .service-story{gap:40px}
 .service-row{gap:24px;padding:32px 0}
 .trust-names li{font-size:18px;padding:20px 10px;min-height:88px}
}
@media(prefers-reduced-motion:reduce){.service-image img{transition:none}.service-image:hover img{transform:none}}

.service-row img{height:auto}

/* Home feedback: clearer reel, compact process, circular founder and contact icons. */
.home .hero-media>video{opacity:.68;filter:none}
.home .hero-smoke{background:linear-gradient(0deg,var(--ink) 0%,rgba(16,19,28,.36) 20%,rgba(16,19,28,.24) 75%,rgba(16,19,28,.4) 100%)}
.home .hero-glow{opacity:.06}
.home .hero-composition h1,.home .hero-intro p{text-shadow:0 2px 16px rgba(0,0,0,.65)}
.home #processo>.wrap{max-width:1000px}
.home #processo .section-opening{display:block;text-align:center;margin-bottom:24px}
.home #processo h2{margin-inline:auto;max-width:22ch}
.home #processo .process-track{margin:28px 12.5% 0}
.home #processo .process-list{gap:20px;text-align:center;padding-left:0}
.home #processo .process-list li::before{left:50%;transform:translateX(-50%)}
.home #processo .process-list p{margin-inline:auto}
.home #processo .process-list h3{margin:12px 0 8px}
.home .founder-portrait{width:min(100%,300px);height:auto;aspect-ratio:1;border-radius:50%;margin:0 auto 24px}
.home .founder-portrait img{object-position:50% 30%;object-fit:cover}
.home .founder-profile{text-align:center}
.home .founder-profile>p{margin-inline:auto}
.contact-directory a{grid-template-columns:48px 80px minmax(0,1fr) 24px;gap:16px}
.contact-social-icon{width:44px;height:44px;padding:9px;border:1px solid currentColor;border-radius:50%;transition:background .2s,color .2s}
.contact-directory a:hover .contact-social-icon{background:var(--ink);color:var(--lime)}
@media(max-width:800px){.home #processo .process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.home #processo .process-track{display:none}.home #processo .process-list::before,.home #processo .process-list::after{display:none}.home #processo .process-list li{padding:16px 0 0}.home #processo .process-list li::before{top:0}.contact-directory a{grid-template-columns:44px 70px minmax(0,1fr) 20px;gap:12px}}
@media(max-width:540px){.home .founder-portrait{width:240px}.contact-directory a{grid-template-columns:44px minmax(0,1fr) 20px;gap:4px 12px}.contact-social-icon{grid-row:1/3;grid-column:1}.contact-channel{grid-column:2;grid-row:1}.contact-directory a>span:not(.contact-channel){grid-column:2;grid-row:2;font-size:16px}.contact-directory a>.icon{grid-column:3;grid-row:1/3}.home #processo .process-list p{font-size:14px}.home #processo .process-list h3{font-size:21px}}

/* Compact alternating services and disclosure-based contact links. */
.home #solucoes .service-opening{display:block;text-align:center;margin-bottom:44px}
.home #solucoes .service-opening h2{max-width:24ch;margin:0 auto 20px}
.home #solucoes .service-opening p{max-width:62ch;margin-inline:auto}
.home .services-grid{display:block;max-width:800px;margin-inline:auto}
.home .service-tile,.home .service-tile:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:28px 0;border-bottom:1px solid var(--rule)}
.home .service-tile:nth-child(odd) .service-image{grid-column:2;grid-row:1;justify-self:start}
.home .service-tile:nth-child(odd) .service-caption{grid-column:1;grid-row:1}
.home .service-tile:nth-child(even) .service-image{justify-self:end}
.home .service-tile .service-image{width:100%;max-width:360px;aspect-ratio:16/9}
.home .service-caption,.home .service-tile:first-child .service-caption{padding:0}
.home .service-caption h3,.home .service-tile:first-child h3{font-size:clamp(26px,2.1vw,34px);line-height:1.15;max-width:24ch;margin-bottom:12px}
.home .service-caption p{font-size:16px;margin-bottom:12px;max-width:46ch}
.home .service-image-label{font-size:13px;bottom:10px;left:10px;padding:6px 10px}
.home .founder-section{grid-template-columns:240px minmax(0,1fr);max-width:1080px;gap:48px}
.home .founder-profile{width:240px;justify-self:center}
.home .founder-portrait{width:210px;margin:0 auto 18px}
.home .founder-identification{padding-top:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
.home .founder-identification p{width:100%;margin-inline:auto;text-align:center}
.home .founder-identification a{align-self:center;justify-content:center}
.contact .contact-layout,.home .contact-layout{display:block;text-align:center}
.contact h2{margin-inline:auto;margin-bottom:28px}
.contact-icons{position:relative;display:flex;justify-content:center;gap:24px;min-height:64px;padding-bottom:0}
.contact-icons:has(details[open]){padding-bottom:154px}
.contact-option summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid var(--ink);border-radius:50%;transition:background .2s,color .2s}
.contact-option summary::-webkit-details-marker{display:none}
.contact-option .contact-social-icon{width:32px;height:32px;padding:0;border:0;border-radius:0}
.contact-option summary:hover,.contact-option[open] summary{background:var(--ink);color:var(--lime)}
.contact-reveal{position:absolute;top:88px;left:50%;transform:translateX(-50%);width:min(100%,480px);text-align:center}
.contact-reveal p{margin:4px auto 10px;overflow-wrap:anywhere;font-size:18px}
.contact-reveal a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.home .service-tile,.home .service-tile:first-child{gap:24px}.home .founder-section{grid-template-columns:210px minmax(0,1fr);gap:28px}.home .founder-profile{width:210px}.home .founder-portrait{width:190px}}
@media(max-width:600px){.home .service-tile,.home .service-tile:first-child{grid-template-columns:1fr;gap:20px;padding:28px 0}.home .service-tile:nth-child(odd) .service-image,.home .service-tile:nth-child(odd) .service-caption{grid-column:auto;grid-row:auto}.home .service-tile .service-image{max-width:300px;justify-self:center!important}.home .service-caption{text-align:center}.home .service-caption h3,.home .service-caption p{margin-inline:auto}.home .founder-section{grid-template-columns:1fr;gap:32px}.home .founder-profile{width:240px}.home .founder-portrait{width:180px}.home .founder-section h2{text-align:center}.contact-icons{gap:20px}}

.contact-icons .contact-option,.contact-icons .contact-option+.contact-option{border:0;padding:0;margin:0}.contact-icons summary{padding:0;margin:0}.contact-icons summary::after{display:none}


/* Hover previews stay silent and retain a still-image fallback. */
.home .hero-title-line.blue-text{text-shadow:none}
.home .service-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}
.home .service-image.is-previewing video{opacity:1}
.home .service-image-label{z-index:1}
@media(prefers-reduced-motion:reduce){.home .service-image video{transition:none}}