/* Somente adaptações de conteúdo: a base visual é a mesma landing.css + studio.css da Letra Caixa. */
.bs-site .bs-service-page .service-hero{min-height:720px;padding-block:56px 72px}
.bs-service-page .bs-breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--bs-muted);margin-bottom:36px}
.bs-service-page .bs-breadcrumb a{color:inherit}
.bs-site .bs-service-page .bs-home-copy h1{font-size:clamp(62px,6.5vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.02;overflow-wrap:normal;hyphens:none}
.bs-service-page .service-hero .bs-area{display:block;margin-top:30px}
.bs-service-page .service-hero .bs-home-art{min-height:570px;padding-bottom:0}
.bs-service-page .service-hero .bs-hero-photo{min-height:570px;border-radius:22px}
.bs-site .bs-service-page .service-hero .bs-hero-photo>img{object-position:center;width:100%;height:100%}
.bs-service-page[data-service-type="product"] .service-hero .bs-hero-photo>img{object-fit:contain;background:#eaf0f4;padding:26px}
.bs-service-page .service-hero .bs-art-stamp{right:-16px}
.bs-service-page .service-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.bs-service-page .service-story-image{position:sticky;top:126px;border-radius:18px;overflow:hidden;aspect-ratio:1;max-height:620px;background:#eaf0f4}
.bs-service-page .service-story-image img{display:block;width:100%;height:100%;object-fit:contain;padding:24px}
.bs-service-page .service-story-copy{padding:4px 4px 4px 0}
.bs-site .bs-service-page .service-story-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-.05em;font-weight:400;margin:0 0 24px}
.bs-service-page .service-prose{font-size:16px;line-height:1.75;color:var(--bs-muted);text-align:left}
.bs-service-page .service-prose :is(p,ul,ol,blockquote){margin:0 0 24px;max-width:none;width:auto;padding:0}
.bs-service-page .service-prose :is(ul,ol){padding-left:23px;display:block}
.bs-service-page .service-prose li{margin:0;padding:4px 0}
.bs-service-page .service-prose strong{color:var(--bs-ink);font-weight:500}
.bs-service-page .service-prose a{color:var(--bs-blue);text-decoration:underline;text-underline-offset:4px}
.bs-service-page .service-prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px}
.bs-service-page .service-story-copy>.bs-text-link{margin-top:12px}
.bs-service-page .service-project .project-caption{min-height:150px;align-items:flex-start}
.bs-service-page .service-project .project-caption .circle{flex-shrink:0}
.bs-service-page .service-tabs{flex-wrap:wrap}
.bs-service-page .service-option-panel .material-image{min-height:480px}
.bs-service-page .service-option-panel .material-image img{object-fit:contain;padding:26px;background:#e8eff4}
.bs-service-page .service-option-panel .material-copy .button{margin-top:12px}
.bs-service-page .service-option-panel .material-detail{width:100%}
.bs-service-page .service-option-panel.is-entering{animation:service-panel-enter .65s cubic-bezier(.16,.72,.2,1)}
@keyframes service-panel-enter{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.bs-service-page .faq-list .service-prose{padding:10px 12px 18px 0}
.bs-service-page .service-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bs-service-page .service-related-grid>a{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf0f4;border-radius:16px;padding:26px;color:var(--bs-ink);font-size:21px;letter-spacing:-.03em;line-height:1.3;transition:transform .35s,background .35s}
.bs-service-page .service-related-grid>a:hover{background:#dce8f1;transform:translateY(-4px)}
.bs-service-page .service-related-grid .circle{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#fff;border-radius:50%}
.bs-site .bs-service-page .service-contact .bk-contact{width:100%;margin-bottom:88px}
@media(max-width:1000px){.bs-service-page .service-story{gap:36px}.bs-service-page .service-hero .bs-home-art,.bs-service-page .service-hero .bs-hero-photo{min-height:510px}.bs-site .bs-service-page .bs-home-copy h1{font-size:clamp(54px,6.5vw,78px)}}
@media(max-width:650px){.bs-site .bs-service-page .service-hero{min-height:0;padding-block:30px 44px;gap:35px}.bs-service-page .bs-breadcrumb{margin-bottom:28px}.bs-site .bs-service-page .bs-home-copy h1{font-size:clamp(47px,12vw,70px);margin-block:24px}.bs-service-page .service-hero .bs-home-art,.bs-service-page .service-hero .bs-hero-photo{min-height:390px}.bs-service-page .service-hero .bs-art-stamp{right:-5px;top:-10px}.bs-service-page .service-story{grid-template-columns:1fr;gap:30px}.bs-service-page .service-story-image{position:relative;top:auto;aspect-ratio:1.1;max-height:360px}.bs-service-page .service-story-copy{padding:0}.bs-site .bs-service-page .service-story-copy h3{font-size:30px}.bs-service-page .service-prose{font-size:15px;line-height:1.75}.bs-service-page .service-project .project-caption{min-height:145px}.bs-service-page .service-option-panel .material-image{min-height:320px}.bs-service-page .service-option-panel .material-image img{padding:22px}.bs-service-page .service-related-grid{grid-template-columns:1fr;gap:14px}.bs-site .bs-service-page .service-contact .bk-contact{margin-bottom:55px}}

.bs-site .bs-service-page .service-prose h4{font:500 20px/1.35 "DM Sans",sans-serif;margin:28px 0 16px;letter-spacing:-.025em;color:var(--bs-ink)}

.bs-service-page .section-heading{--bs-reveal-delay:100ms}
.bs-service-page .service-story-copy{--bs-reveal-delay:170ms}
@media(min-width:651px){.bs-site .bs-service-page .project-grid[data-project-count="2"]{grid-auto-columns:calc((100% - 22px)/2)}.bs-site .bs-service-page .project-grid[data-project-count="1"]{grid-auto-columns:100%}}

/* Os títulos regionais podem quebrar linha sem comprimir a fotografia. */
.bs-service-page .service-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)}
.bs-service-page .service-hero>div{min-width:0}
.bs-site .bs-service-page .bs-home-copy h1 span{white-space:normal}
.bs-site .bs-service-page .service-hero--long h1{font-size:clamp(52px,5vw,76px)}
@media(max-width:650px){.bs-service-page .service-hero{grid-template-columns:minmax(0,1fr)}.bs-site .bs-service-page .service-hero--long h1{font-size:clamp(42px,10.5vw,62px)}}

.bs-site .bs-service-page .service-hero--wide-word h1{font-size:clamp(52px,5.9vw,84px)}
@media(max-width:900px){.bs-service-page .service-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.bs-site .bs-service-page .service-hero--wide-word h1{font-size:clamp(40px,10.5vw,58px)}}
