/* Behind the Scenes only. Does not modify the intro, reel, or Featured Projects. */
#process-work.dynamic-process-library { scroll-margin-top:90px; padding:12px 0 30px; }
.practice-intro {padding:45px 0 50px; border-bottom:3px solid var(--ink); display:grid; grid-template-columns:.8fr 1.3fr 1fr; gap:24px; align-items:center; }
.practice-intro-label {font-weight:950; font-size:.75rem;letter-spacing:.11em;margin:0;}
.practice-intro-chips {display:flex;flex-wrap:wrap;gap:7px;align-content:center;}
.practice-intro-chips span {border:2px solid var(--ink);border-radius:40px;padding:9px 11px; font-weight:900;font-size:.65rem;letter-spacing:.03em;background:var(--paper);}
.practice-intro>p:last-child {font-size:.94rem; font-weight:700;line-height:1.5; margin:0;}
.bts-library-section {scroll-margin-top:95px;}
.bts-grid-thirds {grid-template-columns:repeat(3,minmax(0,1fr));}
.bts-study-card .video-card-title {font-size:clamp(1.9rem,3.2vw,3.5rem);margin-bottom:17px;line-height:1.02;}
.bts-card-media {width:100%;aspect-ratio:16 / 10; background:#211a13;border:3px solid var(--ink);border-radius:12px; overflow:hidden;box-shadow:8px 8px 0 var(--ink);}
.bts-card-media video {display:block;width:100%;height:100%;object-fit:contain;background:#151313;}
.bts-card-media video:focus-visible,.bts-image-link:focus-visible {outline:4px solid var(--orange);outline-offset:-5px;}
.bts-image-link {position:relative;display:block;width:100%;height:100%;background:var(--paper);}
.bts-image-link img {display:block;width:100%;height:100%;object-fit:contain;}
.bts-enlarge-cue {position:absolute;bottom:12px;right:12px;border-radius:100px;background:var(--ink);color:var(--paper);padding:9px 11px;font-weight:950;font-size:.65rem;letter-spacing:.04em;opacity:.92;}
.bts-study-card .video-card-description {font-size:.91rem;line-height:1.55;margin-top:22px;}
.bts-empty-state {padding:85px clamp(25px,6vw,70px) 95px;margin:30px 0 15px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:9px 9px 0 var(--ink);}
.bts-empty-state h2 {font:1000 clamp(2.8rem,7.4vw,7rem)/.96 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.045em;margin:15px 0 20px;}
.bts-empty-state p:last-child {max-width:560px;line-height:1.6;font-weight:650;}
@media(max-width:960px){.bts-grid-thirds {grid-template-columns:repeat(2,minmax(0,1fr));}.practice-intro {grid-template-columns:1fr 1.5fr;}.practice-intro>p:last-child {grid-column:1/-1;}}
@media(max-width:680px){.bts-grid-thirds {grid-template-columns:1fr;}.practice-intro {grid-template-columns:1fr;}.practice-intro>p:last-child {grid-column:auto;}.bts-card-media {box-shadow:5px 5px 0 var(--ink);}.bts-study-card .video-card-title{font-size:clamp(2.3rem,9vw,4rem);}}
@media(prefers-reduced-motion: reduce){.bts-study-card *, .bts-study-card *:before,.bts-study-card *:after{transition:none!important;}}

/* =======================================================
   COLOR-STORY GALLERY
   The entire Behind the Scenes page follows the artwork.
   Other pages, the house, and the reel stay unchanged.
   ======================================================= */
body.subpage-body {
  --bts-scene: #f4c53b;
  background: var(--bts-scene);
  transition: background-color .72s cubic-bezier(.2,.7,.2,1);
}
body.subpage-body .portfolio-content,
body.subpage-body .site-nav {
  background: var(--bts-scene);
  transition: background-color .72s cubic-bezier(.2,.7,.2,1);
}
.process-hero { min-height: 69svh; }
.process-page .practice-intro { padding-bottom: 30px; }
.bts-art-note {
  display: inline-flex; gap: .8em; align-items: center;
  width: fit-content; margin: 24px 0 0;
  font-size: .75rem; letter-spacing: .1em; font-weight: 950;
  padding: 10px 15px; border: 2px solid var(--ink); border-radius: 100px;
  background: rgba(255, 248, 232, .66);
}
.bts-art-note::before { content: ''; display:inline-block; width: 11px; height: 11px; border-radius: 50%; background:var(--orange); }
.bts-library-section { padding-top: clamp(54px,7vw,100px); }
.bts-grid-feature { grid-template-columns: 1fr; }
.bts-grid-feature .bts-card-media { aspect-ratio: 16 / 9; }
.bts-grid-feature .bts-study-card .video-card-title { font-size: clamp(3rem, 6vw, 6.2rem); }
.bts-study-card .video-card-title { font-size: clamp(2rem, 3.3vw, 4.4rem); }
.bts-card-media {
  aspect-ratio: 16 / 10; background: #f9f8f4;
  box-shadow: 8px 8px 0 var(--ink); overflow:hidden;
}
.bts-image-open {
  display:block; position:relative; width:100%; height:100%; padding:0;
  border:0; background:#f9f8f4; cursor:zoom-in; overflow:hidden;
}
.bts-image-open img {
  width:100%; height:100%; object-fit:contain;
  display:block; transition: transform 300ms cubic-bezier(.2,.75,.3,1);
}
.bts-image-open:hover img { transform:scale(1.025); }
.bts-image-open:focus-visible {outline:5px solid var(--orange);outline-offset:-5px;}
.bts-image-open:hover .bts-enlarge-cue,
.bts-image-open:focus-visible .bts-enlarge-cue {background:var(--orange);color:#1e160f;}
.bts-enlarge-cue {pointer-events:none;}
.bts-lightbox[hidden] {display:none!important;}
.bts-lightbox {
  position:fixed; inset:0; z-index:99999; display:flex;
  flex-direction:column; padding:clamp(14px,2.6vw,38px);
  background:var(--viewer-color,#e2d7c5);
  color:var(--viewer-ink,#221b16);
  transition:background-color .55s cubic-bezier(.2,.7,.2,1),color .35s ease;
  overflow:auto;
}
.bts-viewer-toolbar {
  width:100%; max-width:1600px; margin:0 auto;
  display:flex; justify-content:space-between; align-items:center; gap:20px;
  font-size:.9rem;letter-spacing:.12em;font-weight:950;
}
.bts-viewer-close {
  border:2px solid currentColor; border-radius:60px; background:transparent;
  color:inherit; padding:13px 19px; cursor:pointer;
  font:900 .75rem/1 Arial,sans-serif;letter-spacing:.12em;
}
.bts-viewer-close:hover,.bts-viewer-arrow:hover {background:var(--viewer-ink);color:var(--viewer-color);}
.bts-viewer-center {
  width:100%; max-width:1600px; min-height:0; flex:1;
  margin:0 auto; display:grid;grid-template-columns:52px minmax(0,1fr) 52px;
  align-items:center; gap:clamp(8px,2vw,28px);padding:15px 0;
}
.bts-viewer-figure { min-width:0; min-height:0; margin:0; display:flex; flex-direction:column; align-items:center; gap:15px; }
.bts-viewer-image {
  display:block;max-width:100%; max-height:calc(100dvh - 185px);
  width:auto; height:auto; object-fit:contain;
  box-shadow:0 15px 45px rgba(0,0,0,.15);
}
.bts-viewer-figure figcaption { display:flex; justify-content:space-between;align-items:baseline; gap:18px; width:100%;max-width:1100px; }
.bts-viewer-title {font:900 clamp(1.1rem,2.5vw,2.2rem)/1.1 Impact,'Arial Black',sans-serif; letter-spacing:-.02em;}
.bts-viewer-description {font-size:.83rem;font-weight:650;line-height:1.4;text-align:right;max-width:400px;}
.bts-viewer-arrow {
  background:transparent;color:inherit; border:2px solid currentColor;
  width:46px;height:46px;border-radius:50%;font:400 2.2rem/1 Arial,sans-serif;
  display:grid;place-items:center;cursor:pointer;
}
.bts-viewer-close:focus-visible,.bts-viewer-arrow:focus-visible {
  outline:4px solid currentColor;outline-offset:4px;
}
@media (max-width: 680px){
  .bts-viewer-center {grid-template-columns:32px minmax(0,1fr) 32px; gap:6px;}
  .bts-viewer-arrow{width:31px;height:38px;font-size:1.65rem;border-width:1px;}
  .bts-viewer-image{max-height:calc(100dvh - 240px);}
  .bts-viewer-figure figcaption{flex-direction:column;gap:8px;align-items:flex-start;}
  .bts-viewer-description{text-align:left;}
  .bts-library-section .video-section-title{font-size:clamp(3rem,12vw,6rem);}
}
@media(prefers-reduced-motion: reduce){
  body.subpage-body,body.subpage-body .portfolio-content,body.subpage-body .site-nav,
  .bts-lightbox,.bts-image-open img {transition:none!important;}
}

.bts-single-entry { grid-template-columns: 1fr; }