/* Service detail atelier. First layer keeps refinements isolated and reversible. */
@layer sr-service-atelier {
  body#sr-design.sr-atelier-170 {--sa-paper:#f4efe5;--sa-warm:#eee7da;--sa-ink:#171717;--sa-muted:#6a6255;--sa-line:#d8cbb3;}
  body#sr-design.sr-atelier-170 .page-hero h1 {
    font-size:clamp(46px,4.5vw,66px)!important;line-height:1.06!important;letter-spacing:-.045em!important;
    font-weight:600!important;max-width:760px!important;text-wrap:balance!important;
  }
  body#sr-design.sr-atelier-170 .page-hero h1 .sa-hero-city {color:#f5c400!important;}
  body#sr-design.sr-atelier-170 .page-hero h1 .sa-hero-locality {display:block!important;}
  body#sr-design.sr-atelier-170 .page-hero .tags {gap:12px!important;margin-bottom:24px!important;}
  body#sr-design.sr-atelier-170 .page-hero .tag {border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;color:#f5c400!important;font-size:11px!important;font-weight:600!important;letter-spacing:.09em!important;}
  body#sr-design.sr-atelier-170 .page-hero .tag+.tag {border-left:1px solid #f5c40080!important;padding-left:12px!important;}
  body#sr-design.sr-atelier-170 .page-hero .sr-service-hero-description {max-width:58ch!important;font-size:17px!important;line-height:1.85!important;margin-top:26px!important;}
  body#sr-design.sr-atelier-170 .pc-office-nav {
    width:calc(100% - 96px)!important;max-width:1200px!important;padding:8px!important;
    border:1px solid var(--sa-line)!important;border-radius:8px!important;
    background:#faf7ef!important;box-shadow:0 12px 32px #3a2e1810!important;margin:24px auto 56px!important;
  }
  body#sr-design.sr-atelier-170 .pc-office-nav a {min-height:50px!important;border:0!important;border-radius:4px!important;font-size:13px!important;}
  body#sr-design.sr-atelier-170 .pc-office-nav a:not(:last-child) {border-right:1px solid var(--sa-line)!important;}
  body#sr-design.sr-atelier-170 .sr-service-content {background:var(--sa-paper)!important;padding:0!important;}
  body#sr-design.sr-atelier-170 .sr-service-content>.container {width:calc(100% - 96px)!important;max-width:1200px!important;}
  body#sr-design.sr-atelier-170 .content-grid {display:block!important;}
  body#sr-design.sr-atelier-170 .main-content {max-width:none!important;width:100%!important;}
  body#sr-design.sr-atelier-170 .main-content>.pc-editorial-section {position:relative!important;margin:0!important;padding:70px 0!important;border:0!important;}
  body#sr-design.sr-atelier-170 .main-content>.pc-editorial-section::before {color:#8d7544!important;font-size:11px!important;letter-spacing:.12em!important;}
  body#sr-design.sr-atelier-170 .pc-editorial-section h2 {font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:500!important;text-wrap:balance!important;}
  body#sr-design.sr-atelier-170 .pc-editorial-section p {font-size:16px!important;line-height:1.85!important;color:var(--sa-muted)!important;}

  /* An editorial opening, with a quiet architectural line instead of another photo. */
  body#sr-design.sr-atelier-170 .main-content>.sa-opening {
    display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:0!important;
    padding:0!important;background:#faf7ef!important;border:1px solid var(--sa-line)!important;
    border-radius:14px!important;box-shadow:0 18px 42px #392e1406!important;overflow:hidden!important;scroll-margin-top:110px!important;
  }
  body#sr-design.sr-atelier-170 .sa-opening::before {display:none!important;}
  body#sr-design.sr-atelier-170 .sa-opening-heading {position:relative!important;min-width:0!important;padding:44px!important;background:#171717!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;}
  body#sr-design.sr-atelier-170 .sa-opening-heading::before {content:attr(data-chapter)!important;display:block!important;margin-bottom:28px!important;color:#f5c400!important;font-size:11px!important;letter-spacing:.12em!important;}
  body#sr-design.sr-atelier-170 .sa-opening-heading::after {content:''!important;display:block!important;width:80px!important;height:1px!important;margin-top:32px!important;background:#f5c400!important;}
  body#sr-design.sr-atelier-170 .sa-opening-heading h2 {margin:0!important;padding:0!important;max-width:15ch!important;font-size:clamp(32px,3.2vw,44px)!important;color:#f4efe5!important;}
  body#sr-design.sr-atelier-170 .sa-opening-heading h2::before,
  body#sr-design.sr-atelier-170 .sa-opening-heading h2::after {display:none!important;}
  body#sr-design.sr-atelier-170 .sa-service-mark {margin-top:36px!important;color:#f5c400!important;}
  body#sr-design.sr-atelier-170 .sa-service-mark svg {display:block!important;width:64px!important;height:64px!important;stroke-width:1!important;}
  body#sr-design.sr-atelier-170 .sa-opening-copy {min-width:0!important;padding:44px!important;}
  body#sr-design.sr-atelier-170 .sa-opening-copy p {margin:0 0 20px!important;max-width:none!important;}
  body#sr-design.sr-atelier-170 .sa-opening-copy p:first-of-type {font-size:18px!important;line-height:1.75!important;color:var(--sa-ink)!important;}
  body#sr-design.sr-atelier-170 .sa-opening-copy p:last-child {margin-bottom:0!important;}

  /* A three-stop timeline: a readable sequence rather than three dense columns. */
  body#sr-design.sr-atelier-170 .main-content>.pc-office-process {
    display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;grid-template-rows:24px 1fr!important;column-gap:64px!important;row-gap:20px!important;
    background:transparent!important;border-radius:0!important;border-bottom:1px solid var(--sa-line)!important;
  }
  body#sr-design.sr-atelier-170 .pc-office-process>h2 {grid-column:1!important;grid-row:2!important;color:var(--sa-ink)!important;max-width:17ch!important;align-self:start!important;margin:0!important;}
  body#sr-design.sr-atelier-170 .pc-office-process::before {grid-column:1!important;grid-row:1!important;margin-bottom:22px!important;}
  body#sr-design.sr-atelier-170 .service-steps {display:block!important;grid-column:2!important;grid-row:1/3!important;margin:0!important;padding:0!important;}
  body#sr-design.sr-atelier-170 .service-steps li {
    display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;column-gap:22px!important;row-gap:8px!important;
    position:relative!important;margin:0!important;padding:0 0 34px!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body#sr-design.sr-atelier-170 .service-steps li:last-child {padding-bottom:0!important;}
  body#sr-design.sr-atelier-170 .service-steps li::before {
    content:attr(data-step)!important;grid-column:1!important;grid-row:1/3!important;position:relative!important;
    inset:auto!important;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;
    padding:0!important;margin:0!important;border:1px solid #c8b994!important;border-radius:50%!important;
    background:var(--sa-paper)!important;color:#171717!important;font-size:26px!important;line-height:1!important;font-weight:400!important;z-index:1!important;
  }
  body#sr-design.sr-atelier-170 .service-steps li::after {content:''!important;position:absolute!important;left:28px!important;top:58px!important;bottom:0!important;width:1px!important;height:auto!important;background:#ccb987!important;}
  body#sr-design.sr-atelier-170 .service-steps li:last-child::after {display:none!important;}
  body#sr-design.sr-atelier-170 .service-steps li>strong {grid-column:2!important;grid-row:1!important;font-size:19px!important;line-height:1.5!important;font-weight:500!important;color:var(--sa-ink)!important;margin:0!important;}
  body#sr-design.sr-atelier-170 .service-steps li>p {grid-column:2!important;grid-row:2!important;margin:0!important;}

  /* Scope: complete text, no truncated cards or hidden list items. */
  body#sr-design.sr-atelier-170 .pc-office-scope {display:block!important;}
  body#sr-design.sr-atelier-170 .pc-office-scope>h2 {max-width:780px!important;margin:20px 0 22px!important;}
  body#sr-design.sr-atelier-170 .pc-office-scope>.service-scope-intro {margin:0 0 32px!important;max-width:none!important;}
  body#sr-design.sr-atelier-170 .service-scope-list {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:30px 0 0!important;padding:0!important;counter-reset:scope!important;}
  body#sr-design.sr-atelier-170 .service-scope-list>li {
    display:block!important;position:relative!important;min-width:0!important;margin:0!important;padding:30px 32px 30px 80px!important;
    border:1px solid var(--sa-line)!important;border-radius:10px!important;background:#faf7ef!important;color:var(--sa-muted)!important;
    font-size:16px!important;line-height:1.75!important;counter-increment:scope!important;
  }
  body#sr-design.sr-atelier-170 .service-scope-list>li::before {
    content:counter(scope,decimal-leading-zero)!important;position:absolute!important;left:26px!important;top:30px!important;
    width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:none!important;color:#987c36!important;font-size:14px!important;font-weight:400!important;line-height:1.75!important;
  }
  body#sr-design.sr-atelier-170 .sa-scope-label {display:block!important;color:var(--sa-ink)!important;font-size:18px!important;font-weight:500!important;line-height:1.45!important;margin-bottom:10px!important;}
  body#sr-design.sr-atelier-170 .sa-scope-description {display:block!important;}
  body#sr-design.sr-atelier-170 .sr-quality-notice {margin-top:32px!important;padding:30px!important;background:var(--sa-warm)!important;border:0!important;border-radius:10px!important;}
  body#sr-design.sr-atelier-170 .sr-quality-notice h3 {font-size:21px!important;line-height:1.4!important;}

  /* A single black invitation and a calm, tactile FAQ. */
  body#sr-design.sr-atelier-170 .pc-editorial-section:has(>.content-cta) {padding:0 0 70px!important;}
  body#sr-design.sr-atelier-170 .content-cta {padding:40px!important;border-radius:12px!important;border:1px solid #39362b!important;border-top:3px solid #f5c400!important;}
  body#sr-design.sr-atelier-170 .content-cta__header p {color:#f4efe5!important;font-size:25px!important;line-height:1.45!important;max-width:800px!important;}
  body#sr-design.sr-atelier-170 .pc-office-faq {border-top:1px solid var(--sa-line)!important;}
  body#sr-design.sr-atelier-170 .pc-office-faq .faq-list {padding:8px 26px!important;background:#faf7ef!important;border:1px solid var(--sa-line)!important;border-radius:12px!important;}
  body#sr-design.sr-atelier-170 .faq-item {background:transparent!important;border:0!important;border-bottom:1px solid var(--sa-line)!important;}
  body#sr-design.sr-atelier-170 .faq-item:last-child {border-bottom:0!important;}
  body#sr-design.sr-atelier-170 .faq-q {padding:24px 0!important;font-size:16px!important;line-height:1.55!important;gap:14px!important;}
  body#sr-design.sr-atelier-170 .faq-q .faq-icon {width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:50%!important;background:var(--sa-paper)!important;}
  body#sr-design.sr-atelier-170 .faq-item.open .faq-icon {background:#f5c400!important;border-color:#f5c400!important;color:#171717!important;}
  body#sr-design.sr-atelier-170 .faq-a {padding-left:0!important;padding-right:0!important;}
  body#sr-design.sr-atelier-170 .inline-form {border-top:1px solid #39362b!important;}
  body#sr-design.sr-atelier-170 .inline-form .form-card {border-radius:12px!important;box-shadow:0 24px 64px #0003!important;}
  body#sr-design.sr-atelier-170 :is(a,button,input,textarea):focus-visible {outline:2px solid #a88300!important;outline-offset:4px!important;}

  @media(hover:hover) and (prefers-reduced-motion:no-preference) {
    body#sr-design.sr-atelier-170 .service-scope-list>li {transition:border-color .2s ease,transform .2s ease!important;}
    body#sr-design.sr-atelier-170 .service-scope-list>li:hover {border-color:#b9a16b!important;transform:translateY(-3px)!important;}
  }
  @media(max-width:1000px) {
    body#sr-design.sr-atelier-170 .sa-opening-heading,
    body#sr-design.sr-atelier-170 .sa-opening-copy {padding:30px!important;}
    body#sr-design.sr-atelier-170 .main-content>.pc-office-process {column-gap:36px!important;}
  }
  @media(max-width:800px) {
    body#sr-design.sr-atelier-170 .page-hero h1 {font-size:clamp(30px,8.2vw,44px)!important;line-height:1.1!important;max-width:100%!important;}
    body#sr-design.sr-atelier-170 .page-hero .sr-service-hero-description {font-size:16px!important;line-height:1.7!important;margin-top:20px!important;}
    body#sr-design.sr-atelier-170 .page-hero .tags {margin-bottom:18px!important;gap:8px!important;}
    body#sr-design.sr-atelier-170 .pc-office-nav {display:none!important;}
    body#sr-design.sr-atelier-170 .sr-service-content>.container {width:calc(100% - 36px)!important;}
    body#sr-design.sr-atelier-170 .main-content>.pc-editorial-section {padding:44px 0!important;}
    body#sr-design.sr-atelier-170 .main-content>.sa-opening {display:block!important;padding:0!important;margin-top:28px!important;border-radius:10px!important;}
    body#sr-design.sr-atelier-170 .sa-opening-heading {display:block!important;padding:26px 22px 0!important;background:transparent!important;}
    body#sr-design.sr-atelier-170 .sa-opening-heading::before {margin-bottom:18px!important;}
    body#sr-design.sr-atelier-170 .sa-opening-heading::after {display:none!important;}
    body#sr-design.sr-atelier-170 .sa-opening-heading h2 {font-size:28px!important;max-width:none!important;line-height:1.15!important;color:#171717!important;hyphens:auto!important;}
    body#sr-design.sr-atelier-170 .sa-opening-heading::before {color:#8d7544!important;}
    body#sr-design.sr-atelier-170 .sa-service-mark {display:none!important;}
    body#sr-design.sr-atelier-170 .sa-opening-copy {padding:24px 22px 26px!important;}
    body#sr-design.sr-atelier-170 .sa-opening-copy p:first-of-type {font-size:17px!important;}
    body#sr-design.sr-atelier-170 .pc-editorial-section p {font-size:15px!important;line-height:1.8!important;}
    body#sr-design.sr-atelier-170 .pc-editorial-section h2 {font-size:30px!important;max-width:none!important;}
    body#sr-design.sr-atelier-170 .main-content>.pc-office-process {display:block!important;}
    body#sr-design.sr-atelier-170 .pc-office-process>h2 {margin:18px 0 30px!important;}
    body#sr-design.sr-atelier-170 .service-steps li {grid-template-columns:42px minmax(0,1fr)!important;column-gap:16px!important;padding-bottom:28px!important;}
    body#sr-design.sr-atelier-170 .service-steps li::before {width:40px!important;height:40px!important;font-size:20px!important;}
    body#sr-design.sr-atelier-170 .service-steps li::after {left:19px!important;top:40px!important;}
    body#sr-design.sr-atelier-170 .service-steps li>strong {font-size:17px!important;}
    body#sr-design.sr-atelier-170 .service-scope-list {grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
    body#sr-design.sr-atelier-170 .service-scope-list>li {padding:24px 22px 24px 60px!important;font-size:15px!important;}
    body#sr-design.sr-atelier-170 .service-scope-list>li::before {left:20px!important;top:25px!important;font-size:12px!important;}
    body#sr-design.sr-atelier-170 .sa-scope-label {font-size:17px!important;}
    body#sr-design.sr-atelier-170 .sr-quality-notice {padding:24px!important;margin-top:20px!important;}
    body#sr-design.sr-atelier-170 .content-cta {padding:26px 22px!important;}
    body#sr-design.sr-atelier-170 .content-cta__header p {font-size:21px!important;}
    body#sr-design.sr-atelier-170 .pc-office-faq .faq-list {padding:0 18px!important;}
    body#sr-design.sr-atelier-170 .faq-q {padding:22px 0!important;font-size:15px!important;}
  }
}