/* Univers AUREM — narration éditoriale animée. */
.brand-story{--story-progress:0;position:relative;isolation:isolate;overflow:clip;background:#f5f2ed;color:#181817}
.story-progress{position:fixed;z-index:26;top:var(--header);left:0;width:100%;height:2px;pointer-events:none;background:#9d4e43;transform:scaleX(var(--story-progress));transform-origin:left center;will-change:transform}
.story-opening{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--header));background:radial-gradient(circle at 22% 26%,#3b3d38 0,transparent 38%),#171816}
.story-opening::before{content:'';position:absolute;z-index:-1;inset:-25%;background:linear-gradient(115deg,transparent 35%,#ffffff09 49%,transparent 62%);transform:translate3d(-12%,0,0) rotate(-5deg);animation:story-light 10s ease-in-out infinite alternate;pointer-events:none}
.story-opening-copy{position:relative;z-index:2}
.story-opening-copy::before{content:'01';position:absolute;top:46px;right:5vw;color:#ffffff25;font:500 12px/1 Arial,sans-serif;letter-spacing:.16em}
.story-opening h1{font-family:Arial,Helvetica,sans-serif}
.story-title-line{display:block;overflow:clip;padding-bottom:.06em}
.story-title-line>span{display:block}
.story-opening-media,.story-opening-media .story-image-shell{height:calc(100svh - var(--header));min-height:0}
.story-opening-media .story-image-shell{background:#a99d94}
.story-opening-media img{object-fit:contain;object-position:center bottom;background:#a99d94}
.story-image-shell{position:relative;overflow:hidden;background:#292a27}
.story-image-shell img{transform:none}
.story-scroll-cue{position:absolute;z-index:3;bottom:32px;left:calc(55% + 28px);display:flex;align-items:center;gap:12px;color:#fff;font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;writing-mode:vertical-rl}
.story-scroll-cue span{display:block;width:1px;height:48px;background:#ffffff65;overflow:hidden}
.story-scroll-cue span::after{content:'';display:block;width:1px;height:18px;background:#fff;animation:story-scroll 2.2s ease-in-out infinite}
.story-nav{transition:box-shadow 280ms ease,background 280ms ease}
.story-nav a{position:relative;padding:2px 0 9px;color:#777;transition:color 220ms ease}
.story-nav a::after{content:'';position:absolute;right:0;bottom:0;left:0;height:1px;background:#8b4037;transform:scaleX(0);transform-origin:right center;transition:transform 360ms cubic-bezier(.2,.75,.25,1)}
.story-nav a:hover,.story-nav a[aria-current=true]{color:#171715}
.story-nav a[aria-current=true]::after{transform:scaleX(1);transform-origin:left center}
.story-manifesto{position:relative;isolation:isolate;overflow:hidden;min-height:620px;display:flex;flex-direction:column;justify-content:center}
.story-wordmark{position:absolute;z-index:-1;right:4vw;top:50%;color:#ebe5dd;font:500 clamp(96px,16vw,250px)/.75 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;transform:translate3d(0,-50%,0);user-select:none;pointer-events:none;animation:story-breathe 9s ease-in-out infinite alternate}
.story-manifesto h2{max-width:920px}
.story-columns p{position:relative;padding-top:22px}
.story-columns p::before{content:'';position:absolute;top:0;left:0;width:42px;height:1px;background:#a14e43}
.story-marquee{overflow:hidden;border-block:1px solid #d6d0c8;background:#ece7df;padding:17px 0;color:#766d64;font:500 clamp(14px,1.35vw,20px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.19em;white-space:nowrap}
.story-marquee>div{display:flex;width:max-content;animation:story-marquee 24s linear infinite}
.story-marquee span{padding-right:1.1em}
.story-contrast{position:relative;overflow:hidden}
.story-photo{overflow:hidden}
.story-photo .story-image-shell{height:min(82vw,960px)}
.story-photo img{height:100%;max-height:none;object-fit:contain}
.story-copy{position:relative}
.story-copy::before{content:'対比';position:absolute;right:4vw;top:36px;color:#ddd8d1;font:500 clamp(48px,7vw,104px)/1 'Cormorant Garamond',Georgia,serif;writing-mode:vertical-rl;pointer-events:none}
.story-copy>*{position:relative;z-index:1}
.story-silhouette{position:relative;background:#fff}
.story-silhouette>div,.story-silhouette figure{position:relative;z-index:1}
.story-silhouette figure{overflow:hidden}
.story-silhouette .story-image-shell{max-height:760px}
.story-silhouette .story-image-shell img{display:block}
.story-closing{position:relative;isolation:isolate;overflow:hidden;background:#1e201d}
.story-closing::before,.story-closing::after{content:'';position:absolute;z-index:-1;width:38vw;height:38vw;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}
.story-closing::before{left:-18vw;top:-22vw}.story-closing::after{right:-16vw;bottom:-26vw}
.story-closing>div{display:flex;flex-direction:column;align-items:center}
.story-closing>div>.text-link{margin-top:26px}
.brand-story .text-link svg,.brand-story .button svg{transition:transform 300ms cubic-bezier(.2,.75,.25,1)}
.brand-story .text-link:hover svg,.brand-story .button:hover svg{transform:translateX(5px)}
.universe-ready [data-story-hero]{opacity:0;transform:translate3d(0,22px,0);transition:opacity 750ms ease,transform 900ms cubic-bezier(.2,.75,.25,1)}
.universe-ready .story-title-line>span{transform:translate3d(0,112%,0);transition:transform 780ms cubic-bezier(.16,1,.3,1)}
.universe-entered [data-story-hero]{opacity:1;transform:none}
.universe-entered [data-story-hero]:nth-child(3){transition-delay:140ms}.universe-entered [data-story-hero]:nth-child(4){transition-delay:240ms}
.universe-entered .story-title-line>span{transform:none}.universe-entered .story-title-line:nth-child(2)>span{transition-delay:70ms}
.universe-ready [data-story-reveal]{opacity:0;transform:translate3d(0,44px,0);transition:opacity 680ms ease var(--story-delay,0ms),transform 850ms cubic-bezier(.16,1,.3,1) var(--story-delay,0ms)}
.universe-ready [data-story-reveal].is-story-visible{opacity:1;transform:none}
@keyframes story-light{to{transform:translate3d(12%,2%,0) rotate(5deg)}}
@keyframes story-scroll{0%{transform:translateY(-22px);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(54px);opacity:0}}
@keyframes story-breathe{to{transform:translate3d(-2.5%,-50%,0)}}
@keyframes story-marquee{to{transform:translateX(-50%)}}
.story-marquee:not(.is-motion-visible)>div,.story-wordmark:not(.is-motion-visible),.story-opening:not(.is-motion-visible)::before{animation-play-state:paused}
@media(max-width:1100px){.story-scroll-cue{left:auto;right:20px}.story-manifesto{min-height:540px}.story-photo .story-image-shell{height:min(110vw,820px)}}
@media(max-width:767px){.story-progress{top:var(--header)}.story-opening-copy::before,.story-scroll-cue{display:none}.story-opening-media,.story-opening-media .story-image-shell{height:540px;min-height:540px}.story-opening-media .story-image-shell{clip-path:inset(0 0 0 0)}.story-opening-media img{transform:none}.story-manifesto{min-height:0}.story-wordmark{top:43%;right:18px;font-size:96px}.story-marquee{padding:14px 0}.story-contrast{overflow:visible}.story-photo .story-image-shell{height:610px}.story-photo img{height:100%}.story-copy::before{right:18px;top:28px;font-size:62px}.story-closing>div>.text-link{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.story-progress,.story-scroll-cue{display:none}.brand-story [data-story-hero],.brand-story [data-story-reveal],.story-title-line>span,.story-opening-media figcaption{opacity:1!important;transform:none!important}.story-opening-media .story-image-shell{clip-path:none!important}.story-image-shell img{transform:none!important}.story-marquee>div,.story-wordmark,.story-opening::before{animation:none!important}}