/* Layout refinements: preserve the original palette, type and artwork. */
.gallery-sticky{
  position:relative;display:grid;grid-template-columns:1fr 1.2fr;
  height:auto;min-height:0;max-height:none;gap:30px 7%;
  padding:48px 0 24px;overflow:hidden;
}
.hero-intro{padding:0;max-width:480px}
.landing-hero h1{font-size:clamp(40px,4.6vw,72px);margin:24px 0}
.landing-hero h1 em br{display:none}
.hero-intro p{font-size:14px;line-height:1.65}
.hero-intro .hero-services{font-size:12px;color:var(--ink);margin-top:20px;line-height:1.8}
.hero-intro .text-link{font-size:13px;max-width:260px;margin-top:26px}
.deck-zone{width:100%;padding-top:72px;align-self:center}
.art-deck{height:clamp(310px,29vw,440px)}
.deck-card{font:inherit;color:inherit}
.deck-controls{margin-top:24px}
.hero-wordmark{position:relative;grid-column:1/-1;inset:auto;font-size:clamp(56px,9.4vw,170px);line-height:.95;margin-top:32px}
.stage-bottom{position:relative;grid-column:1/-1;inset:auto;font-size:9px;padding-top:14px}
#work{padding-top:60px}
.work-grid .project:last-child{grid-column:auto}
.work-grid .project:last-child .project-image{aspect-ratio:1.2}
.facade-studies{margin-top:40px;border-top:1px solid #f2f1eb55}
.facade-studies summary{padding:20px 0;align-items:center;font-size:15px}
.facade-studies summary span{font-size:22px}
.facade-studies .visual-strip{height:clamp(240px,30vw,420px);padding:0;gap:12px;background:transparent}
.process .section-heading{margin-bottom:36px}
.process-row{padding:24px 0}
.process-row summary{grid-template-columns:72px 1fr 36px;min-height:44px;align-items:center}
.process-row h3{font-size:clamp(32px,4vw,60px)}
.process-number{font-size:28px;transform:none!important}
.process-body{margin:24px 40px 8px 96px;gap:32px}
.process-capabilities ul{font-size:15px;margin-top:12px}
.clients{margin-top:64px}
.client-logos{grid-auto-rows:112px}
.about .clients-more{margin-top:18px;padding:0;border:0}
.clients-more summary{min-height:48px;align-items:center;justify-content:flex-start;gap:20px;font-size:14px;width:fit-content;border-bottom:1px solid var(--ink)}
.clients-more summary span{transform:none}
.clients-more .clients-hide{display:none}
.clients-more[open] .clients-show{display:none}
.clients-more[open] .clients-hide{display:inline}
.clients-more[open] .clients-toggle{transform:rotate(45deg)}
.client-logos-extra{margin-top:24px}
.client-logos-extra .client-logo:nth-last-child(2){grid-column:2}
dialog .detail-images{align-items:start}
dialog .detail-images img:first-child:nth-last-child(odd){grid-column:1/-1;max-height:78vh;object-fit:contain;background:var(--beige)}
@media(max-width:1000px) and (min-width:761px){
  .gallery-sticky{gap:28px 3%}
  .landing-hero h1{font-size:44px}
  .art-deck{height:320px}
}
@media(max-width:760px){
  .gallery-sticky{display:flex;gap:24px;padding:28px 0 20px;min-height:0;height:auto}
  .hero-intro{display:block;max-width:none}
  .landing-hero h1{font-size:clamp(36px,9.4vw,54px);margin:18px 0 14px}
  .hero-intro p{font-size:13px;max-width:none;margin:0}
  .hero-intro .hero-services{font-size:12px;margin-top:14px}
  .hero-intro .text-link{display:flex;max-width:240px;margin-top:18px}
  .deck-zone{padding-top:72px}
  .art-deck{height:clamp(240px,64vw,340px)}
  .deck-controls{margin-top:18px}
  .hero-wordmark{font-size:11.5vw;margin-top:22px}
  .stage-bottom{font-size:8px;width:100%}
  #work{padding-top:44px}
  .process-row summary{grid-template-columns:32px 1fr 28px;gap:12px}
  .process-row h3{font-size:clamp(28px,7.4vw,42px)}
  .process-number{font-size:23px}
  .process-body{grid-template-columns:1fr;margin:22px 0 0 44px;gap:20px}
  .process-body>p{font-size:14px}
  .facade-studies .visual-strip{height:230px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .client-logos{grid-auto-rows:96px}
  .client-logos-extra .client-logo:nth-last-child(2){grid-column:auto}
  .clients{margin-top:44px}
}
@media(max-width:760px){
  .hero-intro p{justify-self:start;text-align:left;width:auto}
}
@media(max-width:760px){
  .facade-studies .visual-strip .visual-frame:last-child{display:block}
}

/* All collaborators, immediately after Selected work. */
#collaborations{margin-top:0;padding-top:28px;padding-bottom:64px}
#collaborations .client-logos{grid-auto-rows:96px}
#collaborations .logo-crop{--logo-height:min(45cqh,calc(45cqw / var(--logo-ratio)))}
@media(max-width:760px){#collaborations .client-logos{grid-auto-rows:80px}#collaborations{padding-bottom:44px}}

/* Give the Make Believe wordmark more space below the cards. */
.hero-wordmark{margin-top:56px}
@media(max-width:760px){.hero-wordmark{margin-top:32px}}

.music-control{position:fixed;bottom:20px;left:20px;z-index:80;display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid #20211d33;border-radius:30px;background:#f7f6f0ee;backdrop-filter:blur(12px);box-shadow:0 3px 18px #20211d0c}
.music-toggle{display:flex;align-items:center;gap:9px;border:0;padding:4px 0;background:none;cursor:pointer;font-size:10px;letter-spacing:.1em}.music-toggle b{font-size:18px;font-weight:400}.music-volume{width:58px;accent-color:#77884b;cursor:pointer}
@media(max-width:760px){.music-control{left:12px;bottom:12px;padding:6px 12px}.music-volume{width:44px}}

.cursor-aura{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:90;opacity:0;transition:opacity .45s ease;will-change:transform}
.cursor-aura::before{content:"";position:absolute;width:340px;height:340px;left:-170px;top:-170px;border-radius:50%;background:radial-gradient(circle,#e6ff833b 0%,#e6ff8326 23%,#e6ff8312 46%,#e6ff8300 72%);pointer-events:none}
.cursor-aura.is-active{opacity:1}
.effects-paused .cursor-aura{display:none}
@media(prefers-reduced-motion:reduce),(hover:none){.cursor-aura{display:none}}

/* Keep the client caption aligned with the right edge of the logo grid. */
#collaborations .clients-heading{justify-content:flex-end;align-items:flex-end}
#collaborations .clients-heading .eyebrow{margin-left:auto;text-align:right}

.project-films{margin:26px 0;background:#171a16;border-radius:12px;overflow:hidden}.project-films video{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#171a16}.film-playlist{display:flex;justify-content:center;gap:10px;padding:14px}.film-playlist button{border:1px solid #f7f6f066;border-radius:24px;padding:9px 18px;background:transparent;color:#f7f6f0;cursor:pointer}.film-playlist button[aria-pressed="true"]{background:var(--lime);color:var(--ink);border-color:var(--lime)}

/* Vector symbols keep their original color on iOS and Android. */
.marquee-track b .icon{width:1em;height:1em;vertical-align:-.08em}
.motion-toggle>span:first-child{display:flex;align-items:center;justify-content:center}
.motion-toggle .icon{width:22px;height:22px}
.deck-controls button{display:inline-flex;align-items:center;justify-content:center}
.deck-controls .icon{width:26px;height:26px}
.deck-card-label>span:last-child .icon{width:22px;height:22px;display:block}
.artwork-badge .icon{width:1em;height:1em;vertical-align:-.12em}

/* Compact galleries keep the complete photograph visible. */
#project-dialog .detail-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
#project-dialog .detail-images img,#project-dialog .detail-images img:first-child:nth-last-child(odd),#project-dialog .detail-images img:only-child{grid-column:auto;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent;animation:none}
@media(max-width:1000px){#project-dialog .detail-images{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#project-dialog .detail-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.gallery-more{display:block;margin:30px auto 12px;padding:12px 28px;border:1px solid var(--ink);border-radius:30px;background:transparent;cursor:pointer}.gallery-more[hidden]{display:none}.gallery-status{text-align:center;font-size:12px;opacity:.7}