/* 3000 K is local to the fixture and its pool of light, keeping the room's
   monochrome photograph around it. The mask follows the source image crop. */
.studio-story .story-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}
.studio-story .story-photo .story-warm{position:absolute;inset:0;filter:none;opacity:0;pointer-events:none;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1);mask-image:radial-gradient(ellipse var(--lampRX) var(--lampRY) at var(--lampX) var(--lampY),#000 20%,#000a 45%,transparent 100%),radial-gradient(ellipse var(--tableRX) var(--tableRY) at var(--tableX) var(--tableY),#000b 8%,#0006 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--lampRX) var(--lampRY) at var(--lampX) var(--lampY),#000 20%,#000a 45%,transparent 100%),radial-gradient(ellipse var(--tableRX) var(--tableRY) at var(--tableX) var(--tableY),#000b 8%,#0006 50%,transparent 100%)}
.studio-story .story-photo .story-red-chairs{position:absolute;inset:0;filter:none;opacity:0;pointer-events:none;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1);mask-image:url('/assets/story-chair-mask-v139.svg');mask-size:var(--chairMaskWidth) var(--chairMaskHeight);mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('/assets/story-chair-mask-v139.svg');-webkit-mask-size:var(--chairMaskWidth) var(--chairMaskHeight);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.studio-story.story-lamp-on.story-light-ready .story-warm,.studio-story.story-lamp-on.story-light-ready .story-red-chairs{opacity:1}
.disciplines .we-do>span{position:relative}
.disciplines .we-do>span:after{content:attr(data-word);position:absolute;inset:0;color:transparent;background-image:url('/assets/we-do-marble-v87.webp');background-size:cover;background-position:42% 48%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;mask-image:linear-gradient(to top,#000 calc(var(--marble-fill,0%) - 15%),transparent var(--marble-fill,0%));-webkit-mask-image:linear-gradient(to top,#000 calc(var(--marble-fill,0%) - 15%),transparent var(--marble-fill,0%));pointer-events:none}
.disciplines .we-do>span:nth-child(2):after{background-position:70% 62%}
@media(prefers-reduced-motion:reduce){.studio-story .story-photo .story-warm,.studio-story .story-photo .story-red-chairs{transition:none}.disciplines .we-do>span:after{mask-image:none;-webkit-mask-image:none}}

/* Original category typography, with only a warm halo on interaction. */
.discipline-list>a:not(.pill){color:var(--ink);text-shadow:0 0 3px transparent,0 0 9px transparent,0 0 18px transparent,0 0 28px transparent;transition:text-shadow .55s ease}
.discipline-list>a:not(.pill):focus-visible,.discipline-list>a:not(.pill):active{color:var(--ink);text-shadow:0 0 3px #fff0cf,0 0 9px #ffda99c7,0 0 18px #f1be7480,0 0 28px #e7ac5538}
@media(hover:hover){.discipline-list>a:not(.pill):hover{color:var(--ink);text-shadow:0 0 3px #fff0cf,0 0 9px #ffda99c7,0 0 18px #f1be7480,0 0 28px #e7ac5538}}
@media(prefers-reduced-motion:reduce){.discipline-list>a:not(.pill){transition:none}}

/* Reveal the photographed sky only. Match the existing cover crop on every size. */
.studio-story .story-photo .story-blue-sky{position:absolute;inset:0;filter:saturate(1.7);opacity:0;pointer-events:none;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1);mask-image:url('/assets/story-sky-mask-v165.svg');mask-size:var(--chairMaskWidth) var(--chairMaskHeight);mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('/assets/story-sky-mask-v165.svg');-webkit-mask-size:var(--chairMaskWidth) var(--chairMaskHeight);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.studio-story.story-lamp-on.story-light-ready .story-blue-sky{opacity:1}
@media(prefers-reduced-motion:reduce){.studio-story .story-photo .story-blue-sky{transition:none}}
