.stories-page{--accent:#ff43c8;--stories-ink:#0a0a0a;--stories-wash:#fff0fa;background:#fff}
.stories-pad{padding:clamp(82px,9vw,148px) var(--gutter)}
.stories-hero{position:relative;height:100svh;min-height:720px;padding-top:var(--header);overflow:hidden;background:#30251d;color:#fff}.stories-hero-image{position:absolute;inset:var(--header) 0 0;overflow:hidden}.stories-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.27) 46%,rgba(0,0,0,0) 72%)}.stories-hero-image img{object-position:center 44%;animation:stories-cover-in .9s cubic-bezier(.2,.72,.2,1) both}.stories-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(100px,12vh,150px) var(--gutter) clamp(56px,7vh,84px);max-width:min(850px,68vw)}.stories-hero-copy .section-index{color:#ff8dde}.stories-hero-copy h1{max-width:820px;margin:18px 0 24px;font-size:clamp(54px,6.2vw,98px);line-height:.9;letter-spacing:-.056em}.stories-hero-copy>p:not(.section-index){max-width:650px;margin:0 0 26px;font-size:clamp(16px,1.25vw,20px);line-height:1.5}.stories-hero-meta{display:flex;gap:22px;margin-bottom:26px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stories-hero-copy .text-link{color:#fff}
.stories-sections{position:sticky;top:var(--header);z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-bottom:1px solid var(--line)}.stories-sections a{padding:18px 12px;text-align:center;border-right:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:background .18s ease}.stories-sections a:last-child{border-right:0}.stories-sections a:hover,.stories-sections a:focus-visible{background:var(--accent)}
.stories-featured{background:#fff}.stories-heading{display:grid;grid-template-columns:.25fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(60px,8vw,120px)}.stories-heading h2,.stories-scene-copy h2,.stories-archive-heading h2{margin:0;font-size:clamp(48px,6.4vw,100px);line-height:.91;letter-spacing:-.055em}.stories-featured-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2.2vw,34px);align-items:start}.story-feature>a{display:block}.story-feature figure{overflow:hidden;background:#ddd}.story-feature img{transition:transform .65s cubic-bezier(.2,.72,.2,1)}.story-feature:hover img,.story-feature:focus-within img{transform:scale(1.025)}.story-feature-copy{padding-top:18px}.story-feature-copy p{margin:0 0 12px;color:#a50077;font-size:9px;font-weight:700;letter-spacing:.13em}.story-feature-copy h3{margin:0;font-size:clamp(26px,3vw,48px);line-height:1.02;letter-spacing:-.042em}.story-feature-copy span{display:inline-block;margin-top:18px;padding-bottom:4px;border-bottom:1px solid;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.story-feature-munich{grid-column:1/7}.story-feature-munich figure{aspect-ratio:3/2}.story-feature-technology{grid-column:8/13;margin-top:10vw}.story-feature-technology figure{aspect-ratio:3/2}.story-feature-circuit{grid-column:3/9;margin-top:3vw}.story-feature-circuit figure{aspect-ratio:4/5}.story-feature-circuit img{object-position:center 34%}
.stories-scene{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);background:var(--accent)}.stories-scene-image{min-height:760px;overflow:hidden}.stories-scene-image img{object-position:center center}.stories-scene-copy{align-self:center}.stories-scene-copy h2{margin:22px 0 28px;font-size:clamp(48px,5.7vw,90px)}.stories-scene-copy>p:not(.section-index){max-width:590px;margin:0 0 26px;font-size:clamp(16px,1.2vw,20px);line-height:1.56}.stories-scene-meta{display:flex;gap:22px;margin-bottom:28px;font-size:9px;font-weight:700;letter-spacing:.12em}
.stories-archive{background:#f3f4f6}.stories-archive-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(60px,9vw,150px);align-items:end;margin-bottom:54px}.stories-archive-heading h2{max-width:880px;margin-top:22px}.stories-search{display:grid;gap:10px}.stories-search span{font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.stories-search input{width:100%;padding:16px 0;border:0;border-bottom:2px solid var(--stories-ink);border-radius:0;background:transparent;color:inherit;font:600 clamp(17px,1.4vw,22px)/1.3 Space,Arial,sans-serif;outline:none}.stories-search input:focus{border-bottom-color:#a50077}.stories-search input::placeholder{color:rgba(10,10,10,.48)}
.stories-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.stories-filters button{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:0;background:transparent;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.stories-filters button[aria-pressed="true"],.stories-filters button:hover{background:var(--stories-ink);color:#fff}.stories-result-count{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.stories-list{border-top:1px solid var(--line)}.story-row{display:grid;grid-template-columns:42px 118px minmax(260px,1fr) 150px 28px;gap:22px;align-items:center;min-height:112px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .18s ease,background .18s ease}.story-row:hover,.story-row:focus-visible{padding-left:14px;padding-right:14px;background:#fff}.story-row[hidden]{display:none}.story-row>span,.story-row time{font-size:9px;font-weight:700;letter-spacing:.1em}.story-row strong{font-size:clamp(20px,2vw,31px);line-height:1.08;letter-spacing:-.03em}.story-row em{font-size:9px;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.story-row b{font-size:22px}.stories-no-result{padding:40px 0;margin:0;font-size:17px}.stories-shop-bridge{background:var(--stories-wash)}
@keyframes stories-cover-in{from{transform:scale(1.035);opacity:.78}to{transform:scale(1);opacity:1}}
@media(max-width:960px){.stories-hero{height:auto;min-height:0;display:grid;padding-top:var(--header)}.stories-hero-image{position:relative;inset:auto;aspect-ratio:3/2}.stories-hero-image::after{background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 48%)}.stories-hero-image img{object-position:center 43%}.stories-hero-copy{height:auto;max-width:none;min-height:460px;padding:48px var(--gutter) 54px;background:#151515}.stories-sections{grid-template-columns:repeat(3,1fr);position:relative;top:auto}.stories-sections a:nth-child(n+4){display:none}.stories-heading{grid-template-columns:1fr;gap:20px}.stories-featured-grid{grid-template-columns:1fr 1fr}.story-feature-munich,.story-feature-technology,.story-feature-circuit{grid-column:auto;margin-top:0}.story-feature-circuit{grid-column:1/-1}.story-feature-circuit>a{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.story-feature-circuit figure{aspect-ratio:3/2}.stories-scene{grid-template-columns:1fr}.stories-scene-image{min-height:0;aspect-ratio:3/2}.stories-archive-heading{grid-template-columns:1fr;gap:44px}.story-row{grid-template-columns:36px 1fr 26px;gap:8px 16px}.story-row time{grid-column:2;grid-row:1}.story-row strong{grid-column:2;grid-row:2}.story-row em{grid-column:2;grid-row:3}.story-row b{grid-column:3;grid-row:1/4}.story-row>span{grid-column:1;grid-row:1/4}}
@media(max-width:620px){.stories-hero-image{aspect-ratio:4/3}.stories-hero-copy{min-height:0;padding:40px var(--gutter) 44px}.stories-hero-copy h1{font-size:clamp(46px,13vw,56px)}.stories-hero-copy>p:not(.section-index){font-size:15.5px}.stories-hero-meta{flex-direction:column;gap:7px}.stories-sections a{padding:15px 8px;font-size:8px}.stories-heading h2,.stories-scene-copy h2,.stories-archive-heading h2{font-size:clamp(44px,13vw,62px)}.stories-featured-grid{grid-template-columns:1fr;gap:62px}.story-feature-circuit{grid-column:auto}.story-feature-circuit>a{display:block}.story-feature figure,.story-feature-munich figure,.story-feature-technology figure,.story-feature-circuit figure{aspect-ratio:4/3}.story-feature-circuit img{object-position:center 31%}.stories-scene-image{aspect-ratio:4/3}.stories-scene-image img{object-position:center center}.stories-filters{display:grid;grid-template-columns:1fr 1fr}.stories-filters button{text-align:left}.story-row{min-height:132px}.story-row strong{font-size:21px}.stories-search input{font-size:18px}}
@media(prefers-reduced-motion:reduce){.stories-hero-image img,.story-feature img{animation:none;transition:none}}