/* Additive story composition using the existing palette, typography and photo treatment. */
#menu nav a{white-space:nowrap}
@media(max-width:380px){#menu nav a{font-size:clamp(27px,8.6vw,35px)}#menu nav a span{margin-right:18px}}
.story-opening{position:relative;min-height:780px;height:95svh;max-height:1100px;overflow:hidden;background:var(--ink)}
.story-opening-photo{position:absolute;width:78%;height:100%;inset:0 0 0 auto;object-fit:cover;object-position:58% 50%;filter:grayscale(1) brightness(.68);mask-image:linear-gradient(90deg,transparent,black 27%),linear-gradient(black 75%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,black 27%);}
.story-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink),transparent 28%),linear-gradient(90deg,#090b0ce6,transparent 75%);pointer-events:none}
.story-opening-copy{position:relative;z-index:1;padding:230px 9vw 90px;max-width:1000px}
.story-opening h1{font-size:clamp(60px,7vw,112px);line-height:1.08}.story-opening h1 em{color:var(--paper)}
.story-opening-note{color:#aaa9a5;margin:40px 0 18px;font-size:13px;letter-spacing:.05em}
.story-material .transformation-photo{background:var(--ink)}
.story-material .transformation-photo img{mix-blend-mode:normal;filter:grayscale(1) brightness(.75);object-position:57% 47%;mask-image:linear-gradient(90deg,black 75%,transparent)}
.story-material .transformation-photo>span{color:var(--muted);background:#090b0c99;padding:5px 10px}
.story-working .portrait-wrap img{object-position:48% 68%;filter:grayscale(1) brightness(.64)}
.story-working .artist-copy>p:not(.eyebrow){font:15px/1.7 'DM Sans',Arial,sans-serif;color:#a8ada7}
.story-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.48);mask-image:linear-gradient(black 20%,transparent 85%)}
@media(max-width:900px){.story-opening-copy{padding:210px 7vw 80px}.story-opening-photo{width:100%}.story-opening h1{font-size:clamp(54px,8vw,85px)}}
@media(max-width:600px){.story-opening{height:auto;min-height:790px;max-height:none}.story-opening-photo{height:540px;top:90px;object-position:50% 52%;filter:grayscale(1) brightness(.65);mask-image:linear-gradient(transparent,black 20%,black 60%,transparent);-webkit-mask-image:linear-gradient(transparent,black 20%,black 60%,transparent)}.story-opening:after{background:linear-gradient(0deg,var(--ink),transparent 62%)}.story-opening-copy{padding:430px 28px 65px}.story-opening h1{font-size:clamp(39px,10.5vw,60px)}.story-opening .eyebrow{font-size:8px;margin-bottom:22px}.story-opening-note{font-size:11px;margin-top:27px}.story-material .transformation-photo{height:560px}.story-material .transformation-photo img{mask-image:linear-gradient(black 70%,transparent)}.story-working .portrait-wrap{height:560px}.story-working .artist-copy{padding-top:30px}}

/* Artist portrait: preserve the supplied selective colour and the full composition. */
#story img.artist-cave{display:block;height:auto;max-height:none;object-fit:contain;filter:brightness(.9) contrast(1.06);mask-image:linear-gradient(transparent,black 7%,black 91%,transparent);-webkit-mask-image:linear-gradient(transparent,black 7%,black 91%,transparent)}
#story img.story-ending-photo{display:block;height:auto;max-height:none;object-fit:contain;margin:32px 0 0;mask-image:linear-gradient(transparent,black 7%,black 92%,transparent);-webkit-mask-image:linear-gradient(transparent,black 7%,black 92%,transparent)}
