/* Photographs suspended in the same dark space as the particle formations. */
.chapter-team:has(.memory-field) .chapter-crest{display:none}
.memory-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)}
.memory-fragment{--memory-play:paused;position:absolute;left:var(--mx);top:var(--my);width:var(--mw);margin:0;opacity:var(--memory-alpha,.96);transform:translate3d(var(--memory-x,0px),var(--memory-y,0px),var(--mz,0px)) rotate(var(--mr,0deg));transform-origin:50% 50%;will-change:transform;mix-blend-mode:normal}
.memory-float{position:relative;transform-origin:50% 50%;--memory-play:inherit}
.has-memory-motion .memory-float{animation:memory-hover var(--duration,11s) ease-in-out var(--delay,-3s) infinite alternate;animation-play-state:var(--memory-play,paused)}
.memory-fragment img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(1.12) brightness(1.04);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect;box-shadow:none}
.memory-fragment figcaption,.arrival-photo figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.memory-fragment:nth-child(2n){--duration:13s;--delay:-7s}
.memory-fragment:nth-child(3n){--duration:10s;--delay:-5s}
.memory-fragment:nth-child(4n){--duration:15s;--delay:-1s}
/* First photo is the subject. Supports sit below it, clear of the left copy. */
.memory-field .memory-fragment:first-child{z-index:1;--mx:38%;--my:12%;--mw:60%;--mr:-.6deg;--mz:0px;--sx:3%;--sy:14%;--sw:94%}
.memory-field .memory-fragment:not(:first-child){z-index:2;--mx:43%;--my:73%;--mw:22%;--mr:1.2deg;--mz:0px;--sx:64%;--sy:42%;--sw:31%}
.memory-field .memory-fragment:nth-child(2n+3){--mx:75%;--my:69%;--mw:22%;--mr:-1.1deg}
.memory-field .memory-fragment:first-child{--memory-alpha:1}
/* Dedicated places keep supporting memories visible instead of cycling out. */
.memory-field--team .memory-fragment:not(:first-child){--mw:14%;--my:76%}
.memory-field--team .memory-fragment:nth-child(2){--mx:40%}
.memory-field--team .memory-fragment:nth-child(3){--mx:54.5%}
.memory-field--team .memory-fragment:nth-child(4){--mx:69%}
.memory-field--team .memory-fragment:nth-child(5){--mx:83.5%}
.memory-field--record .memory-fragment:nth-child(2){--mx:41%;--mw:21%}
.memory-field--record .memory-fragment:nth-child(3){--mx:65%;--my:71%;--mw:10%!important}
.memory-field--record .memory-fragment:nth-child(4){--mx:78%;--mw:21%}
@keyframes memory-hover{
 from{transform:translate3d(-3px,4px,0)}
 to{transform:translate3d(4px,-5px,0)}
}
.chapter-team .chapter-copy{isolation:isolate}
.chapter-team .chapter-copy::before{display:none}
body.is-chapters .chapter-record .chapter-pin::after{background:linear-gradient(0deg,#08090b 1%,#08090be6 28%,#08090b00 73%)}
.chapter-record .chapter-copy{max-width:850px}
.chapter-record .chapter-copy h2{max-width:800px}
.studio-home .arrival-photo,.studio-home.is-story .arrival-photo{height:auto;max-width:640px;width:100%;aspect-ratio:1600/1067;overflow:visible;align-self:center;justify-self:center;transform:none;clip-path:none;mix-blend-mode:normal}
.studio-home .arrival-photo img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;filter:saturate(1.12) brightness(1.04);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect;box-shadow:none}
.arrival-photo figcaption{text-align:left}
.arrival-photo .memory-float{--duration:12s;--delay:-5s}
@media(max-width:800px){
 .memory-fragment{left:var(--sx);top:var(--sy);width:var(--sw)}
 .memory-field .memory-fragment:first-child{top:max(112px,var(--sy))}
 .memory-field .memory-fragment:not(:first-child){top:max(345px,41%);--sw:21%}
 .memory-field .memory-fragment:nth-child(2){--sx:5%}
 .memory-field .memory-fragment:nth-child(3){--sx:28%}
 .memory-field .memory-fragment:nth-child(4){--sx:51%}
 .memory-field .memory-fragment:nth-child(5){--sx:74%}
 .memory-field--world .memory-fragment:nth-child(2){--sx:18%;--sw:28%}
 .memory-field--world .memory-fragment:nth-child(3){--sx:56%;--sw:28%}
 .memory-field--record .memory-fragment:nth-child(2){--sx:8%;--sw:27%}
 .memory-field--record .memory-fragment:nth-child(3){--sx:44%;--sw:12%}
 .memory-field--record .memory-fragment:nth-child(4){--sx:65%;--sw:27%}
 .memory-field{mask-image:linear-gradient(180deg,transparent,#000 4%,#000 54%,transparent 60%)}
 .memory-fragment figcaption{font-size:6px;letter-spacing:.02em;margin-top:6px}
 .chapter-record .chapter-copy h2{font-size:clamp(32px,8.5vw,56px)}
 body.is-chapters .chapter-record .chapter-pin::after{background:linear-gradient(0deg,#08090b 6%,#08090bef 35%,#08090b00 68%)}
 .studio-home.is-story .arrival-photo{position:absolute;left:8%;top:120px;right:auto;bottom:auto;width:80%;height:auto;opacity:.8;transform:none;align-self:auto}
 .studio-home.is-story .arrival-photo::after{display:none}
 .studio-home.is-story .arrival-copy{padding-top:0}
 .arrival-photo figcaption{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .memory-field{mask-image:none;min-height:620px}
 .memory-field .memory-fragment{--memory-alpha:.96}
 .memory-field .memory-fragment:first-child{--memory-alpha:1}
 .memory-field .memory-fragment:nth-child(2){--memory-alpha:.96}
 .has-memory-motion .memory-float{animation:none!important}
 .memory-fragment{transform:translateZ(var(--mz,0px)) rotate(var(--mr,0deg));will-change:auto}
 .studio-home .arrival-photo{transform:none}
}
@media print{
 .memory-field{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;perspective:none;padding:15px 0;overflow:visible}
 .memory-fragment{position:relative;inset:auto;width:100%;opacity:1!important;transform:none!important;will-change:auto;break-inside:avoid}
 .memory-float{animation:none!important;transform:none!important}
 .chapter-pin{display:block!important}
 .chapter-copy::before{display:none}
}

/* Native images remain visible while decorative glow and dust prepare. */
.memory-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.memory-glow{position:absolute;inset:-16%;width:132%;height:132%;pointer-events:none;opacity:0;transition:opacity .8s ease;mix-blend-mode:screen}
.is-developed>.memory-glow{opacity:.22}
.memory-dust{z-index:2;opacity:0;transition:opacity .8s ease;animation:memory-dust 17s ease-in-out -6s infinite alternate;animation-play-state:var(--memory-play,paused)}
.is-developed>.memory-dust{opacity:.28}
.memory-float>img{position:relative;z-index:1;opacity:1}
@keyframes memory-dust{from{transform:translate3d(-2px,3px,0) scale(1)}to{transform:translate3d(3px,-4px,0) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.memory-dust{animation:none!important}.memory-float>img,.memory-dust,.memory-glow{transition:none!important}}
@media print{.memory-dust,.memory-glow{display:none}.memory-field{mask-image:none;opacity:1}.is-developed>img{opacity:1;mask-image:none;filter:none}.memory-fragment figcaption{position:static;width:auto;height:auto;clip-path:none;white-space:normal}.memory-fragment{mix-blend-mode:normal}}

/* Colour lives around the memories; skin retains its original hues. */
.memory-field::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 67% 36%,color-mix(in srgb,var(--dy-red) 11%,transparent),transparent 66%),radial-gradient(ellipse at 32% 67%,color-mix(in srgb,var(--dy-orange) 7%,transparent),transparent 64%);pointer-events:none}