/* Service pages extend the existing paper, stone, bronze and ink palette. */
.services-equal{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.services-equal .service-feature:nth-child(2){margin-top:0}
.services-equal .service-feature .media-frame{height:330px}
.services-equal .service-meta{gap:12px}
.services-equal .service-meta h3{font-size:clamp(26px,2.5vw,35px)}
.services-equal .service-meta>a{width:40px;height:40px}
.services-equal .service-meta p{min-height:89px}
.service-page-link{margin-top:20px;font-size:11px;gap:12px}
.service-header{color:var(--ink);background:var(--paper)}
.service-header .header-inner{border-color:var(--line)}
.service-header .brand-mark{stroke:#91764f}
.service-header .nav-list a::after{background:var(--bronze)}
.service-hero{padding-top:150px;padding-bottom:76px;background:var(--paper)}
.breadcrumbs{margin-bottom:38px;font-size:11px;color:var(--muted)}
.breadcrumbs ol{list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin:0;padding:0}
.breadcrumbs li+li::before{content:'/';margin-right:12px;color:var(--bronze)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.service-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(40px,6vw,86px);align-items:center}
.service-hero-copy h1{font-size:clamp(55px,6vw,86px);line-height:1.02;max-width:680px}
.service-hero-copy h1 em{color:#846d4c}
.service-hero-copy>p{font-size:14px;line-height:1.9;max-width:510px;margin-top:28px}
.service-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-top:30px}
.service-hero-actions .btn{gap:24px;font-size:12px}
.service-scroll{display:inline-flex;gap:15px;align-items:center;margin-top:40px;font-size:10px;color:var(--muted)}
.service-scroll .icon{width:15px}
.service-hero-photo{align-self:stretch;min-width:0}
.service-hero-photo>img{height:530px;object-fit:cover;object-position:center;max-height:650px}
.service-hero-photo figcaption{font-size:10px;line-height:1.7;margin-top:15px;color:var(--muted)}
.service-hero-photo figcaption span{display:block;font-size:9px;margin-top:3px}
.service-content-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(45px,8vw,115px)}
.service-content-grid h2{font-size:clamp(43px,4.6vw,64px);line-height:1.05}
.service-content-grid h2 em{color:#846d4c}
.service-section-intro>p{margin-top:26px;font-size:14px;line-height:1.9;max-width:65ch}
.service-section-intro>.text-link{margin-top:30px}
.service-scope{background:var(--white)}
.service-note{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.service-note h3{font-size:13px;font-weight:700;margin-bottom:10px}
.service-note p{font-size:12px;line-height:1.9}
.scope-row{padding:28px 0;border-top:1px solid var(--line)}
.scope-row:first-child{padding-top:0;border-top:0}
.scope-row:last-child{padding-bottom:0}
.scope-row h3{font-family:var(--display);font-size:32px;line-height:1.15}
.scope-row p{font-size:13px;line-height:1.95;margin-top:14px;max-width:65ch}
.service-projects .section-top p{max-width:380px}
.service-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.service-gallery .project-card{margin-bottom:36px}
.service-gallery .media-frame{height:370px}
.service-gallery .media-frame img{height:100%;object-fit:cover}
.service-gallery img[src*="boya-kartonpiyer"]{object-position:center top}
.service-section-intro p a,.scope-row p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:4px}
.service-gallery .project-card figcaption{align-items:flex-start}
.service-gallery .project-card figcaption span{white-space:normal;line-height:1.8;max-width:33ch;font-size:11px}
.service-projects>.container>.text-link{color:var(--paper)}
.service-pricing{background:var(--paper)}
.price-factor{padding:22px 0;border-bottom:1px solid var(--line)}
.price-factor:first-child{padding-top:0}
.price-factor h3{font-size:17px;margin-bottom:12px}
.price-factor p{font-size:13px;line-height:1.9}
.price-note{font-size:11px;line-height:1.9;margin-top:22px}
.service-area{background:var(--stone)}
.service-area p{font-size:14px;line-height:1.95}
.service-area p+p{margin-top:20px}
.service-area .text-link{margin-top:27px}
.service-questions{background:var(--white)}
.faq-intro{font-size:13px;max-width:350px;margin-top:24px}
.service-faq{border-bottom:1px solid var(--line)}
.service-faq:first-child{border-top:1px solid var(--line)}
.service-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:14px;font-weight:600;line-height:1.6}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary .icon{width:17px;height:17px;transition:transform .2s}
.service-faq[open] summary .icon{transform:rotate(180deg)}
.service-faq>p{font-size:13px;line-height:1.95;padding:0 25px 25px 0;max-width:65ch}
.service-close{background:var(--ink);color:var(--paper)}
.service-close h2 em{color:var(--champagne)}
.service-close .section-top p{color:#c7c8bd;font-size:13px;max-width:350px;line-height:1.9}
.service-close .btn{margin-top:25px}
.service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:60px}
.service-links a{padding:22px 0;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;align-items:center;gap:15px;font-family:var(--display);font-size:30px}
.service-links a:hover,.service-links a[aria-current]{color:var(--champagne)}
.service-links a[aria-current]{border-top-color:var(--champagne)}
.noscript-note{padding:24px;text-align:center;font-size:13px}
@media(max-width:1000px){
 .services-equal{gap:22px}.services-equal .service-feature .media-frame{height:270px}
 .services-equal .service-meta{display:block}.services-equal .service-meta>a{display:none}
 .services-equal .service-meta p{min-height:110px}
 .service-hero{padding-top:125px}.service-hero-grid{gap:35px}
 .service-hero-copy h1{font-size:clamp(50px,6vw,65px)}
 .service-hero-photo>img{height:540px}
 .service-content-grid{gap:45px}
 .service-gallery{gap:20px}.service-gallery .media-frame{height:300px}
 .service-links a{font-size:26px}
}
@media(max-width:700px){
 .services-equal{grid-template-columns:1fr;gap:45px}
 .services-equal .service-feature .media-frame{height:340px}
 .services-equal .service-meta{display:flex}.services-equal .service-meta>a{display:grid}
 .services-equal .service-meta h3{font-size:34px}.services-equal .service-meta p{min-height:0}
 .service-page-link{margin-top:18px}
 .service-hero{padding-top:121px;padding-bottom:54px}
 .breadcrumbs{font-size:10px;margin-bottom:30px}
 .service-hero-grid{grid-template-columns:1fr;gap:34px}
 .service-hero-copy h1{font-size:clamp(49px,11.4vw,70px);max-width:580px}
 .service-hero-copy>p{font-size:13px;margin-top:23px}
 .service-hero-actions{gap:20px;margin-top:25px}.service-hero-actions .btn{width:100%;font-size:12px;padding-inline:20px}
 .service-scroll{display:none}
 .service-hero-photo>img{height:400px;object-position:center 45%}
 .service-content-grid{grid-template-columns:1fr;gap:36px}
 .service-content-grid h2{font-size:clamp(43px,10vw,60px)}
 .service-section-intro>p,.service-area p{font-size:13px}
 .scope-row h3{font-size:31px}
 .service-gallery{grid-template-columns:1fr;gap:6px}
 .service-gallery .media-frame{height:390px}
 .service-gallery .project-card figcaption span{max-width:40ch}
 .service-links{grid-template-columns:1fr;gap:0;margin-top:38px}
 .service-links a{font-size:30px}
 .service-close .section-top{align-items:start}.service-close .section-top>div{width:100%}
 .service-close .btn{width:100%}
 .service-faq summary{font-size:13px;gap:15px}
}
@media(max-width:380px){
 .service-hero-copy h1{font-size:46px}.service-hero-actions .btn{font-size:11px;padding-inline:15px;gap:10px}
 .service-hero-photo>img{height:330px}.service-gallery .media-frame{height:330px}
 .services-equal .service-feature .media-frame{height:300px}
}
