.service-section-nav{border-block:1px solid #e8e8e5;background:#fff}
.service-section-nav>.wrap{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-block:16px;scrollbar-width:thin}
.service-section-nav a{flex-shrink:0;padding:10px 15px;border-radius:999px;font-size:13px;font-weight:600;color:#585c51;white-space:nowrap}
.service-section-nav a:hover{background:#f3f3f1;color:var(--logo-gold)}
.service-section-nav a:last-child{margin-left:auto;background:var(--logo-gold);color:#262820}
.subservice-main .subservice-overview{padding-block:80px;gap:64px}
.service-details{padding-block:0 80px}
.service-detail-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:32px}
.service-detail-heading h2{margin-top:18px;max-width:650px}
.service-detail-heading>p{margin:0;color:#62665b}
.service-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-option-grid .service-option-card{padding:0;overflow:hidden;border:1px solid #dedfd8;border-radius:22px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-option-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e7e8ea;isolation:isolate}
.service-option-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.service-option-photo::after{content:"";position:absolute;inset:45% 0 0;z-index:1;background:linear-gradient(transparent,rgba(25,29,25,.76));pointer-events:none}
.service-option-grid .service-option-photo h3{position:absolute;inset:auto 24px 24px;margin:0;z-index:2;font-size:23px;line-height:1.3;letter-spacing:-.025em;color:#fff;text-wrap:balance;text-shadow:0 1px 3px #0003}
.service-option-body{padding:25px 24px 28px}
.service-option-grid .service-option-body p{margin:0;color:#62665b}
.service-usecases{padding-block:80px;background-image:linear-gradient(#f5f5f5f2,#f5f5f5f2),url('assets/testimonials-hanging-shirts.webp');background-size:cover;background-position:center;background-attachment:fixed}
.service-usecase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:80px;align-items:center}
.service-usecase-grid>img{display:block;width:100%;height:auto;border-radius:24px}
.service-usecase-grid h2{margin:18px 0 22px}
.service-usecase-intro{margin:0 0 26px}
.service-idea-list article{padding:20px 0;border-top:1px solid #dcded5}
.service-idea-list h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;color:#2c3026}
.service-idea-list p{margin:9px 0 0}
.service-usecase-grid .text-link{margin-top:16px}
.subservice-main .service-work-gallery{padding-block:80px}
.service-ready{padding-block:0 80px;display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}
.service-ready h2{margin:18px 0 24px}
.service-ready>div>p{margin:0 0 22px;max-width:480px}
.service-preparation-card{min-width:0}
.service-preparation-card ul{display:grid;gap:14px;list-style:none;padding:0;margin:0}
.service-preparation-card li{display:flex;align-items:center;gap:18px;font-size:17px;line-height:1.65;color:#43483b;padding:22px 24px;border:1px solid #e0e2dc;border-radius:18px;background:#fff;box-shadow:0 3px 12px #24242403;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.service-preparation-card li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f5f5f3;border:1px solid #e7ddb7;color:var(--logo-gold);font-weight:700;flex-shrink:0;transition:background .22s ease,color .22s ease,border-color .22s ease}
.service-preparation-note{margin-top:22px;padding:25px;border:1px solid #e7e8e2;border-radius:18px;background:#f7f7f6}
.service-preparation-note h3{font-size:20px;line-height:1.35;color:#292d24}
.service-preparation-note p{margin:12px 0 0}
.subservice-main .subservice-related{padding-block:64px 72px}
@media(max-width:1000px){
  .service-detail-heading,.service-usecase-grid,.service-ready{gap:35px}
  .service-option-grid{gap:16px}.service-option-grid .service-option-photo h3{inset-inline:20px;font-size:21px}.service-option-body{padding:22px 20px}
  .service-section-nav a:last-child{margin-left:0}
}
@media(max-width:760px){
  .subservice-main .subservice-overview{padding-block:46px;gap:28px}
  .service-details{padding-bottom:48px}
  .service-detail-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}
  .service-option-grid{grid-template-columns:1fr;gap:16px}
  .service-option-grid .service-option-photo h3{inset: auto 23px 23px;font-size:23px}.service-option-body{padding:23px}
  .service-usecases{padding-block:46px;background-attachment:scroll}
  .service-usecase-grid{grid-template-columns:1fr;gap:32px}
  .service-usecase-grid>img{max-height:none;border-radius:20px}
  .service-ready{grid-template-columns:1fr;gap:28px;padding-bottom:46px}
  .service-preparation-card li{font-size:16px;padding:19px 20px;gap:14px}
  .subservice-main .service-work-gallery{padding-block:46px}
  .subservice-main .subservice-related{padding-block:46px}
}
@media(prefers-reduced-motion:reduce){.service-usecases{background-attachment:scroll}}
@media(hover:hover) and (pointer:fine){
  .service-option-card:hover{transform:translateY(-5px);border-color:var(--logo-gold);box-shadow:0 12px 30px #24242412}
  .service-option-card:hover .service-option-photo img{transform:scale(1.025)}
  .service-preparation-card li:hover{transform:translateY(-3px);border-color:var(--logo-gold);box-shadow:0 10px 26px #2424240d}
  .service-preparation-card li:hover>span{background:var(--logo-gold);border-color:var(--logo-gold);color:#262820}
}
@media(prefers-reduced-motion:reduce){.service-preparation-card li,.service-preparation-card li>span{transition:none}.service-preparation-card li:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.service-option-grid .service-option-card,.service-option-photo img{transition:none}.service-option-card:hover,.service-option-card:hover .service-option-photo img{transform:none}}
/* The shared page scroll padding already accounts for the fixed header. */
.subservice-main :is(section,form)[id]{scroll-margin-top:16px}

/* Natural portrait proportions and square gallery photos prevent letterbox gaps. */
.subservice-main .subservice-overview>img{aspect-ratio:auto;height:auto;object-fit:cover;background:#eee}
.subservice-main .service-work-grid .work-photo{aspect-ratio:1;background:#eee}
.subservice-main .service-work-grid .work-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.subservice-main .service-work-grid figure:hover img{transform:none}