/* Boris to the exterior, tied to one short stretch of native scrolling. */
.photo-concept .hero-wide { --cut-progress: 0; --story-mix: 1; --story-zoom: 1; background:#252129; }
.photo-concept .hero-atmosphere img { filter: none; }
.photo-concept .photo-story-outside { opacity: calc(1 - var(--story-mix)); }
.photo-concept .photo-story-outside img { transform: scale(var(--story-zoom)); transform-origin: 78% 48%; }
.photo-concept .photo-story-inside { opacity: var(--story-mix); }
.photo-concept .hero.photo-story-sticky { height: calc(var(--story-stage-height) + var(--story-distance)); overflow-anchor:none; }
.photo-concept .hero.photo-story-sticky .hero-stage { --concept-stage-height:var(--story-stage-height); height:var(--story-stage-height); position:sticky; top:var(--story-top)!important; }
.photo-story-toggle { color: inherit; background: transparent; border: 0; border-bottom: 1px solid currentColor; padding: 3px 0; font: inherit; cursor: pointer; }
.photo-story-toggle[hidden] { display: none; }
.photo-concept .hero-footer .photo-story-toggle { color: #f0dfff; font-size: 12px; min-height: 44px; }
.photo-story-toggle:focus-visible { outline: 2px solid #dbbcec; outline-offset: 4px; }
.photo-concept .hero-signature { position:absolute; left:var(--gutter); bottom:63px; width:min(54%,720px); height:74px; z-index:4; pointer-events:none; overflow:visible; }
.photo-concept .hero-signature svg { display:block; width:100%; height:100%; overflow:visible; }
.signature-guide,.signature-line { fill:none; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.signature-guide { stroke:#e5d6ed; stroke-width:1; opacity:.23; }
.signature-line { stroke:#d5b792; stroke-width:1.5; }
.signature-scissors { color:#e2c49f; fill:none; stroke:currentColor; stroke-width:1.15; stroke-linecap:round; stroke-linejoin:round; }
.signature-scissors .signature-steel { fill:currentColor; stroke:none; }
.signature-scissors .signature-pivot { fill:#d5b792; stroke:none; }
.signature-fibres { fill:none; stroke:#d6b7e9; stroke-width:1.6; opacity:0; }
.photo-concept .hero-wide .hero-grid { padding-bottom:138px; }
.photo-concept .hero-wide .hero-scroll-note { font-size:12px; }
@media(max-width:760px) {
 .photo-concept .photo-story-outside,
 .photo-concept .photo-story-inside { will-change:opacity; }
 .photo-concept .hero .fashion-face,
 .photo-concept .hero .fashion-backdrop,
 .photo-concept .hero .fashion-halftone,
 .photo-concept .hero .fashion-outline { will-change:transform; }
 .photo-concept .hero.photo-story-sticky .hero-stage { height:auto; }
 .photo-concept .hero.photo-story-sticky .hero-visual { height:var(--story-photo-height); }
 .photo-concept .hero-wide .hero-grid { padding:0; }
 .photo-concept .hero-signature { left:var(--gutter); right:var(--gutter); bottom:12px; width:auto; height:56px; }
 .signature-scissors { stroke-width:1.35; }
 .signature-guide { opacity:.35; }
}
@media(prefers-reduced-motion:reduce) {
 .photo-concept .photo-story-outside,
 .photo-concept .photo-story-inside,
 .photo-concept .hero .fashion-face,
 .photo-concept .hero .fashion-backdrop,
 .photo-concept .hero .fashion-halftone,
 .photo-concept .hero .fashion-outline { will-change:auto; }
 .photo-concept .hero-footer { flex-wrap: wrap; }
 .photo-concept .hero-footer .hero-scroll-note { display: none; }
 .photo-concept .hero-atmosphere img { filter:none; }
 .photo-concept .photo-story-outside img { transform:none; }
 .photo-concept .hero.photo-story-sticky { height:auto; }
 .photo-concept .hero.photo-story-sticky .hero-stage { position:relative; top:auto!important; }
 .signature-scissors,.signature-fibres { display:none; }
 .signature-line { stroke-dashoffset:0!important; }
}