/* A full-width invitation, held briefly in the reading flow like the homepage. */
body .detail-contact-track {
  --contact-surface: #d6be91;
  --contact-ink: #241f18;
  --contact-muted: #514336;
  --contact-rule: #49372340;
  --contact-top: 84px;
  --contact-stage-height: calc(100svh - var(--contact-top));
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--contact-surface);
  color: var(--contact-ink);
}
body .detail-contact-track[data-contact-tone=atelier] {--contact-surface:#c8cbc9;--contact-muted:#3e4643;--contact-rule:#28352f3d}
body .detail-contact-track[data-contact-tone=carnet] {--contact-surface:#d19b7d;--contact-muted:#50382c;--contact-rule:#633a2440}
body .detail-contact-track.contact-pin {min-height:calc(var(--contact-stage-height) + clamp(100px,24svh,280px))}
body .detail-contact-scene {
  position: relative;
  display: grid;
  align-items: center;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(56px,6svh,100px) max(48px,calc((100% - 1440px)/2));
  background: var(--contact-surface);
  color: var(--contact-ink);
  border: 0;
  /* The shared document already reserves the header in scroll-padding-top. */
  scroll-margin-top: 0;
}
body .contact-pin .detail-contact-scene {position:sticky;top:var(--contact-top);min-height:var(--contact-stage-height)}
body .detail-contact-inner {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px clamp(48px,6vw,120px);width:100%;min-width:0}
body .detail-contact-copy {grid-column:2;grid-row:1;min-width:0}
body .detail-contact-scene .eyebrow {font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--contact-muted);margin:0 0 22px}
body .detail-contact-scene h2 {font-size:clamp(42px,4.2vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.18;color:var(--contact-ink);margin:0;text-wrap:balance;word-break:keep-all}
body .detail-contact-promise {font-size:clamp(21px,2vw,28px);line-height:1.5;letter-spacing:-.035em;color:var(--contact-ink);margin:22px 0 12px;text-wrap:balance}
body .detail-contact-intro {font-size:16px;line-height:1.85;color:var(--contact-muted);margin:0;word-break:keep-all}
body .detail-contact-questions {grid-column:1;grid-row:1;display:block;list-style:none;margin:0;padding:0;min-width:0}
body .detail-contact-questions li {display:grid;grid-template-columns:48px 1fr;gap:22px;align-items:baseline;padding:27px 0;border-bottom:1px solid var(--contact-rule)}
body .detail-contact-questions li:first-child {padding-top:0}
body .detail-contact-questions li>span {font-size:32px;font-weight:300;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--contact-muted);letter-spacing:-.055em}
body .detail-contact-questions h3 {font-size:23px;font-weight:500;line-height:1.5;letter-spacing:-.03em;color:var(--contact-ink);margin:0 0 8px;word-break:keep-all}
body .detail-contact-questions p {font-size:15px;line-height:1.8;color:var(--contact-muted);max-width:28em;margin:0;word-break:keep-all}
body .detail-contact-actions {display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:28px}
body.reading-light main .detail-contact-track .detail-contact-scene .button {width:270px;min-height:62px;height:auto;max-width:100%;padding:20px 24px;background:#30281f;color:#fff7e9;border-color:#30281f;font-size:15px;line-height:1.45;--button-highlight:#fff7e9}
body.reading-light main .detail-contact-track .detail-contact-scene .button:hover {background:#30281f;color:#fff7e9;border-color:#30281f}
body.reading-light main .detail-contact-track .detail-contact-scene .button::after {background:#fff7e9}
body.reading-light main .detail-contact-track .detail-contact-scene .button:is(.is-pointer-inside,:focus-visible) :is(.button-label,.button-arrow) {color:#30281f}
body .detail-contact-secondary {color:var(--contact-ink);font-size:14px;line-height:1.6;padding-block:10px;text-decoration:underline;text-decoration-color:var(--contact-rule);text-underline-offset:8px;transition:text-decoration-color 200ms}
body .detail-contact-secondary:hover {text-decoration-color:currentColor}
body .detail-contact-scene :is(a,button):focus-visible {outline:2px solid var(--contact-ink);outline-offset:6px}
body .detail-contact-note {grid-column:1/-1;font-size:13px;line-height:1.85;color:var(--contact-muted);max-width:none;border-top:1px solid var(--contact-rule);margin:0;padding-top:22px;word-break:keep-all}
body.product-detail .product-next-steps.product-gallery-only {display:block}
body.product-detail .product-next-steps.product-gallery-only .gallery-entry {display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:none;width:100%;border:0;margin:0;padding:0}
body.product-detail .product-gallery-only .gallery-entry-copy {display:block;max-width:58em}
body.product-detail .product-gallery-only .gallery-entry .text-link {flex-shrink:0}
@media(min-width:1800px) and (min-height:800px) {
  body .detail-contact-scene {padding-inline:var(--wide-edge);padding-block:clamp(48px,5svh,100px)}
  body .detail-contact-inner {gap:clamp(36px,3svh,60px) var(--wide-column-gap)}
  body .detail-contact-scene h2 {font-size:clamp(68px,3.1vw,116px)}
  body .detail-contact-scene .eyebrow {font-size:var(--wide-small)}
  body .detail-contact-promise {font-size:clamp(26px,1.1vw,40px);margin-top:30px}
  body .detail-contact-intro {font-size:var(--wide-body)}
  body .detail-contact-questions li {grid-template-columns:64px 1fr;gap:32px;padding-block:clamp(28px,2.4svh,42px)}
  body .detail-contact-questions li>span {font-size:clamp(38px,1.4vw,52px)}
  body .detail-contact-questions h3 {font-size:clamp(26px,1vw,36px)}
  body .detail-contact-questions p {font-size:var(--wide-body)}
  body .detail-contact-note {font-size:var(--wide-small)}
  body.reading-light main .detail-contact-track .detail-contact-scene .button {width:clamp(280px,11vw,400px);min-height:clamp(68px,2.5vw,88px);font-size:var(--wide-small)}
  body .detail-contact-secondary {font-size:var(--wide-small)}
}
@media(max-width:1000px) and (min-width:701px) {
  body .detail-contact-scene {padding-inline:40px;padding-block:40px}
  body .detail-contact-inner {gap:32px}
  body .detail-contact-scene h2 {font-size:42px}
  body .detail-contact-questions li {grid-template-columns:34px 1fr;gap:14px}
  body .detail-contact-questions h3 {font-size:19px}
}
@media(max-width:700px) {
  body .detail-contact-scene {padding:28px 24px}
  body .detail-contact-inner {grid-template-columns:1fr;gap:22px}
  body .detail-contact-copy {grid-column:1;grid-row:1}
  body .detail-contact-scene .eyebrow {font-size:12px;margin-bottom:16px}
  body .detail-contact-scene h2 {font-size:clamp(36px,9vw,46px)}
  body .detail-contact-promise {font-size:20px;margin:16px 0 8px}
  body .detail-contact-intro {font-size:15px;line-height:1.7}
  body .detail-contact-questions {grid-column:1;grid-row:2}
  body .detail-contact-questions li {grid-template-columns:30px 1fr;gap:16px;padding:15px 0}
  body .detail-contact-questions li>span {font-size:24px}
  body .detail-contact-questions h3 {font-size:18px;margin-bottom:4px}
  body .detail-contact-questions p {font-size:14px;line-height:1.65;max-width:none}
  body .detail-contact-actions {margin-top:22px;gap:10px 20px}
  body.reading-light main .detail-contact-track .detail-contact-scene .button {width:100%;min-height:56px;padding:17px 22px;font-size:15px}
  body .detail-contact-note {font-size:12px;line-height:1.75;padding-top:0;border-top:0}
  body .detail-contact-track.contact-pin {min-height:calc(var(--contact-stage-height) + 100px)}
  body.product-detail .product-next-steps.product-gallery-only .gallery-entry {display:block}
}
@media(prefers-reduced-motion:reduce) {
  body .detail-contact-track.contact-pin {min-height:0}
  body .contact-pin .detail-contact-scene {position:relative;top:auto;min-height:0}
  body .detail-contact-secondary {transition:none}
}