:root{--paper:#f1f0ed;--ink:#151514;--muted:#77736e;--line:#d2d0cb;--dark:#111;--dark-soft:#161615;--pad:clamp(18px,2.55vw,38px);--radius:30px;--ease:cubic-bezier(.22,1,.36,1)}
.product-page{background:var(--paper);color:var(--ink)}
.product-main{overflow:hidden}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.content-section{padding:clamp(110px,12vw,190px) var(--pad)}
.section-kicker{display:flex;align-items:center;gap:9px;margin:0 0 54px;font-size:14px;font-weight:600}
.section-kicker i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:currentColor;font-style:normal}
.section-kicker i::after{content:"+";color:var(--paper);font-size:15px}
.product-main h1,.product-main h2,.product-main h3{font-weight:500}
.product-main h1{margin:0;font-size:clamp(62px,9.5vw,146px);line-height:.84;letter-spacing:-.075em}
.product-main h2{max-width:1100px;margin:0;font-size:clamp(48px,7vw,104px);line-height:.91;letter-spacing:-.064em}
.product-main h3{letter-spacing:-.035em}
.lead{max-width:590px;color:var(--muted);font-size:clamp(17px,1.4vw,21px);line-height:1.5}
.media-frame{overflow:hidden;border-radius:var(--radius);background:#d8d4ce}
.media-frame img{display:block;width:100%;height:100%;object-fit:cover}
.text-link{border-bottom:1px solid currentColor;font-weight:600}
.product-inquiry-section{background:#e7e4df}
.product-inquiry-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:clamp(70px,10vw,150px);align-items:start}
.product-inquiry-copy h2{max-width:760px}
.product-inquiry-copy>p:not(.section-kicker){max-width:620px;margin:44px 0 58px;color:var(--muted);font-size:18px;line-height:1.55}
.consultation-points{max-width:620px;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.consultation-points li{padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
.product-inquiry-card{padding:clamp(27px,3.2vw,44px);border-radius:var(--radius);background:var(--paper)}
.product-chip{display:inline-flex;margin-bottom:46px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:600}
.product-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}
.product-inquiry-field{display:block;font-size:12px;font-weight:600}
.product-inquiry-field.wide,.product-inquiry-consent,.product-inquiry-submit,.product-inquiry-trust{grid-column:1/-1}
.product-inquiry-field input,.product-inquiry-field textarea{display:block;width:100%;margin-top:5px;padding:13px 0;border:0;border-bottom:1px solid #aaa;border-radius:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:15px;transition:border-color .25s ease}
.product-inquiry-field textarea{height:72px;resize:vertical}
.product-inquiry-field input:focus,.product-inquiry-field textarea:focus{border-color:var(--ink)}
.product-inquiry-field.is-invalid input,.product-inquiry-field.is-invalid textarea{border-color:var(--ink);border-bottom-width:2px}
.validation-hint{display:block;min-height:14px;margin-top:6px;color:var(--muted);font-size:11px;font-weight:400}
.product-inquiry-consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:var(--muted);font-size:12px;line-height:1.45}
.product-inquiry-consent input{width:16px;height:16px;margin:1px 0;accent-color:var(--ink)}
.product-inquiry-consent a,.product-inquiry-secondary{border-bottom:1px solid currentColor}
.product-inquiry-consent.is-invalid{color:var(--ink)}
.product-inquiry-submit{min-height:50px;padding:0 18px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;cursor:pointer;transition:transform .35s var(--ease),opacity .25s ease}
.product-inquiry-submit:hover{transform:translateY(-2px)}
.product-inquiry-submit:disabled{cursor:wait;opacity:.55;transform:none}
.product-inquiry-trust{margin:0;color:var(--muted);font-size:12px;line-height:1.45;text-align:center}
.product-inquiry-secondary-wrap{margin:22px 4px 0;color:var(--muted);font-size:13px;line-height:1.45}
.product-inquiry-success{min-height:430px;display:flex;flex-direction:column;justify-content:center}
.product-inquiry-success h3{margin:0 0 22px;font-size:clamp(50px,5vw,78px)}
.product-inquiry-success p{max-width:420px;margin:0 0 46px;color:var(--muted);line-height:1.5}
.product-inquiry-success a{width:max-content;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}
.faq-section{padding-top:clamp(120px,14vw,210px);padding-bottom:clamp(130px,15vw,220px)}
.faq-layout{display:grid;grid-template-columns:.78fr 1.42fr;gap:clamp(50px,10vw,150px);align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;padding:27px 46px 27px 0;cursor:pointer;list-style:none;font-size:clamp(17px,1.45vw,21px);font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:4px;top:25px;font-size:22px;font-weight:400;transition:transform .55s var(--ease)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-answer{overflow:hidden}
.faq-answer p{max-width:650px;margin:0;padding:0 50px 28px 0;color:var(--muted);line-height:1.55}
.faq-list details[open] .faq-answer{animation:faqAnswerIn .55s var(--ease) both}
@keyframes faqAnswerIn{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}
.closing-cta{min-height:620px;padding:clamp(110px,13vw,190px) var(--pad);display:flex;flex-direction:column;background:var(--dark-soft);color:var(--paper)}
.closing-cta h2{max-width:1050px}
.closing-cta p{max-width:540px;margin:55px 0;color:#aaa;font-size:18px;line-height:1.5}
.cta-button{width:max-content;margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:17px 20px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;transition:transform .45s var(--ease),background-color .35s ease}
.cta-button::after{content:"↗";font-size:15px}
.cta-button:hover{transform:translateY(-3px);background:#fff}
.page-reveal{opacity:0;transform:translate3d(0,50px,0);transition:opacity 1.05s var(--ease),transform 1.05s var(--ease)}
.page-reveal.is-visible{opacity:1;transform:none}

/* Das Objekt */
.mirror-hero{min-height:calc(100dvh - 66px);padding:clamp(76px,8vw,120px) var(--pad) 80px;text-align:center;display:flex;flex-direction:column;align-items:center}
.mirror-hero h1{max-width:1180px;color:#a4a19c}
.mirror-object{width:min(60vw,760px);height:min(64vw,780px);margin:70px auto 0}
.mirror-object img{object-position:center 55%}
.gallery-caption{width:min(60vw,760px);margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px;text-align:left}
.mirror-experience{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,10vw,150px);align-items:end}
.mirror-experience .lead{margin:0 0 9px}
.annotation-stage{position:relative;max-width:1060px;margin:95px auto 0;min-height:760px}
.annotation-stage .media-frame{width:54%;height:760px;margin:auto}
.annotation{position:absolute;width:20%;font-size:13px;line-height:1.4;color:var(--muted)}
.annotation::after{content:"";position:absolute;top:9px;width:clamp(70px,10vw,155px);height:1px;background:var(--line)}
.annotation b{display:block;margin-bottom:5px;color:var(--ink);font-size:14px}
.annotation.a1{left:0;top:10%}.annotation.a2{right:0;top:31%}.annotation.a3{left:0;top:60%}.annotation.a4{right:0;top:78%}
.annotation.a1::after,.annotation.a3::after{left:calc(100% + 16px)}.annotation.a2::after,.annotation.a4::after{right:calc(100% + 16px)}
.strip-band{padding:38px var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--dark-soft)}
.strip-band img{width:100%;aspect-ratio:1.9/1;object-fit:cover;border-radius:10px;filter:saturate(.82)}

/* Der Moment zum Hören */
.audio-page{background:#e9e5df}
.audio-hero{position:relative;min-height:calc(100dvh - 66px);margin:0 var(--pad);border-radius:var(--radius);overflow:hidden;color:var(--paper)}
.audio-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.audio-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,8,.82),rgba(10,9,8,.12) 70%)}
.audio-hero-content{position:absolute;z-index:1;left:clamp(28px,5vw,75px);bottom:clamp(40px,8vw,105px);max-width:940px}
.audio-hero h1{font-size:clamp(56px,8.6vw,130px)}
.audio-hero p{max-width:540px;margin:35px 0 0;color:#d0cbc4;font-size:19px;line-height:1.5}
.listening-section{background:#191817;color:var(--paper)}
.listening-section h2{max-width:900px}
.voice-grid{margin-top:90px;display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.voice-card{min-height:250px;padding:30px;border-radius:var(--radius);background:#242321;display:flex;flex-direction:column}
.voice-card:nth-child(3){grid-column:2}.voice-card:nth-child(4){grid-row:2;grid-column:1}
.voice-card blockquote{max-width:32ch;margin:0;font-size:clamp(20px,2vw,29px);line-height:1.3}
.voice-card small{margin-top:auto;color:#999}
.waveform{height:36px;margin:28px 0;opacity:.44;background:repeating-linear-gradient(90deg,transparent 0 7px,#d5cec3 7px 9px,transparent 9px 14px);clip-path:polygon(0 44%,4% 35%,8% 60%,12% 20%,16% 72%,20% 42%,24% 12%,28% 64%,32% 38%,36% 78%,40% 30%,44% 52%,48% 16%,52% 69%,56% 41%,60% 74%,64% 25%,68% 58%,72% 36%,76% 68%,80% 20%,84% 55%,88% 31%,92% 64%,96% 39%,100% 48%,100% 56%,0 56%)}
.audio-flow{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.flow-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.flow-item{min-height:280px;padding:28px;border-radius:var(--radius);background:#f5f2ed;display:flex;flex-direction:column}
.flow-item span{font-size:12px;color:var(--muted)}
.flow-item h3{margin:auto 0 18px;font-size:27px}
.flow-item p{margin:0;color:var(--muted);line-height:1.45}
.audio-note{margin-top:65px;max-width:610px;color:var(--muted);font-size:18px;line-height:1.55}

/* Die Inszenierung */
.effects-page,.effects-page .nav-shell{background:var(--dark);color:var(--paper)}
.effects-page .nav-shell{border-bottom:1px solid #2b2a28}
.effects-page .nav-logo img{filter:invert(1)}
.effects-hero{position:relative;min-height:calc(100dvh - 66px);display:flex;align-items:flex-end;padding:0 var(--pad) clamp(54px,7vw,100px)}
.effects-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.effects-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,8,.85),rgba(10,9,8,.05) 72%)}
.effects-hero-content{position:relative;z-index:1;max-width:1180px}
.effects-hero h1{font-size:clamp(62px,10vw,152px)}
.effects-hero p{max-width:530px;margin:38px 0 0;color:#cbc6bd;font-size:19px;line-height:1.5}
.effect-intro{background:var(--dark);color:var(--paper)}
.effect-intro .lead{margin:60px 0 0 32%;color:#aaa}
.effect-chapter{padding:0 0 clamp(130px,16vw,240px);background:var(--dark);color:var(--paper)}
.chapter-media{height:min(74vw,920px);overflow:hidden}
.chapter-media img{width:100%;height:100%;object-fit:cover}
.chapter-copy{padding:56px var(--pad) 0;display:grid;grid-template-columns:1.25fr .75fr;gap:70px}
.chapter-copy h2{font-size:clamp(50px,7.5vw,112px)}
.chapter-copy p{max-width:520px;margin:8px 0;color:#aaa;font-size:18px;line-height:1.55}
.fact-line{grid-column:2;margin-top:40px;padding-top:20px;border-top:1px solid #363431;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;color:#aaa;font-size:12px}
.effects-page .product-inquiry-section{background:#1a1917;color:var(--paper)}
.effects-page .product-inquiry-copy>p:not(.section-kicker),.effects-page .consultation-points li,.effects-page .product-inquiry-secondary-wrap{color:#aaa}
.effects-page .consultation-points{border-color:#3b3935}.effects-page .consultation-points li{border-color:#3b3935}
.effects-page .product-inquiry-card{background:#20201e;color:var(--paper)}
.effects-page .product-chip{border-color:#494641;color:#bbb}
.effects-page .product-inquiry-field input,.effects-page .product-inquiry-field textarea{border-color:#5b5751;color:var(--paper)}
.effects-page .product-inquiry-field input:focus,.effects-page .product-inquiry-field textarea:focus{border-color:var(--paper)}
.effects-page .product-inquiry-consent,.effects-page .validation-hint,.effects-page .product-inquiry-trust,.effects-page .product-inquiry-success p{color:#aaa}
.effects-page .product-inquiry-consent input{accent-color:var(--paper)}
.effects-page .product-inquiry-submit{background:var(--paper);color:var(--ink)}
.effects-page .faq-section{background:var(--dark);color:var(--paper)}
.effects-page .faq-list{border-color:#393734}.effects-page .faq-list details{border-color:#393734}.effects-page .faq-answer p{color:#aaa}

/* Die Verwandlung */
.light-hero{padding:clamp(86px,10vw,150px) var(--pad) 0}
.light-hero h1{max-width:1200px;color:#a4a19c}
.light-hero .lead{margin:55px 0 75px 31%}
.light-hero-media{height:min(68vw,850px)}
.light-experience{background:linear-gradient(180deg,var(--paper),#e4ded4)}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:90px}
.before-after figure{margin:0}
.before-after .media-frame{height:min(48vw,670px)}
.before-after figure:first-child img{filter:saturate(.32) brightness(.56)}
.before-after figcaption{display:flex;justify-content:space-between;padding:15px 2px;color:var(--muted);font-size:13px}
.light-list-section{background:#d9cec0}
.editorial-list{margin:80px 0 0 27%;border-top:1px solid rgba(21,21,20,.24)}
.editorial-list article{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:34px 0;border-bottom:1px solid rgba(21,21,20,.24)}
.editorial-list h3{margin:0;font-size:clamp(25px,2.4vw,36px)}
.editorial-list p{max-width:520px;margin:4px 0;color:#625f5a;line-height:1.5}
.light-note{max-width:620px;margin:70px 0 0;color:#625f5a;font-size:18px;line-height:1.55}

/* Leistungen overview */
.services-overview-hero{padding:clamp(100px,12vw,180px) var(--pad)}
.services-overview-hero h1{max-width:1240px;color:#a4a19c}
.services-overview-hero .lead{margin:70px 0 0 36%}
.editorial-teasers{padding:0 var(--pad) clamp(150px,18vw,260px)}
.teaser{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,7vw,110px);align-items:center;margin-bottom:clamp(100px,14vw,210px)}
.teaser:nth-child(even){grid-template-columns:.78fr 1.22fr}.teaser:nth-child(even) .teaser-media{order:2}
.teaser-media{height:min(56vw,720px)}
.teaser-copy h2{font-size:clamp(46px,6.3vw,92px)}
.teaser-copy p{max-width:470px;margin:34px 0;color:var(--muted);font-size:17px;line-height:1.55}
.teaser-link{display:inline-flex;gap:28px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:600}
.teaser-link::after{content:"↗"}

@media(max-width:900px){.product-inquiry-layout,.faq-layout,.mirror-experience,.audio-flow,.chapter-copy{grid-template-columns:1fr}.product-inquiry-layout{gap:70px}.faq-layout{gap:70px}.mirror-object,.gallery-caption{width:min(82vw,720px)}.annotation-stage{min-height:650px}.annotation-stage .media-frame{height:650px}.voice-grid{grid-template-columns:1fr 1fr}.effect-intro .lead,.light-hero .lead,.services-overview-hero .lead{margin-left:18%}.fact-line{grid-column:1}.editorial-list{margin-left:12%}.teaser{gap:45px}}
@media(max-width:768px){:root{--radius:20px}.content-section{padding-top:95px;padding-bottom:105px}.product-main h1{font-size:17vw;line-height:.88}.product-main h2{font-size:12.5vw}.mirror-hero{min-height:auto;padding-top:76px}.mirror-object,.gallery-caption{width:100%}.mirror-object{height:118vw;margin-top:48px}.gallery-caption{gap:20px}.annotation-stage{display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:auto;margin-top:60px}.annotation-stage .media-frame{grid-column:1/-1;width:100%;height:120vw}.annotation{position:static;width:auto}.annotation::after{display:none}.strip-band{grid-template-columns:1fr 1fr}.audio-hero{min-height:720px;margin:0 12px}.audio-hero-content{left:24px;right:24px}.voice-grid,.flow-list{grid-template-columns:1fr}.voice-card:nth-child(3),.voice-card:nth-child(4){grid-column:auto;grid-row:auto}.chapter-media{height:112vw}.chapter-copy{padding-top:38px}.fact-line{grid-template-columns:1fr}.effect-intro .lead,.light-hero .lead,.services-overview-hero .lead{margin-left:0}.before-after{grid-template-columns:1fr}.before-after .media-frame{height:100vw}.editorial-list{margin-left:0}.editorial-list article{grid-template-columns:1fr;gap:14px}.teaser,.teaser:nth-child(even){grid-template-columns:1fr;margin-bottom:105px}.teaser:nth-child(even) .teaser-media{order:0}.teaser-media{height:105vw}.product-inquiry-form{grid-template-columns:1fr}.product-inquiry-field.wide,.product-inquiry-consent,.product-inquiry-submit,.product-inquiry-trust{grid-column:1}.product-inquiry-card{padding:25px 20px}.closing-cta{min-height:540px}.footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.page-reveal{opacity:1;transform:none;transition:none}.cta-button,.faq-list summary::after{transition:none}.faq-list details[open] .faq-answer{animation:none}}

/* Leistungen — editorial overview */
.services-main{overflow:clip}.services-main img{transition:transform 1.2s var(--ease)}
.services-hero{min-height:calc(100dvh - 66px);padding:clamp(72px,8vw,118px) var(--pad) clamp(90px,11vw,160px);display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(44px,7vw,112px);align-items:end}
.services-hero-copy{align-self:stretch;display:flex;flex-direction:column}.services-hero .section-kicker{margin-bottom:auto}.services-hero h1{max-width:800px;font-size:clamp(60px,8.2vw,126px);color:#a4a19c}.services-hero-intro{max-width:560px;margin:clamp(56px,8vw,105px) 0 0 17%;display:grid;grid-template-columns:72px 1fr;gap:20px}.services-hero-intro span{padding-top:4px;color:var(--muted);font-size:11px}.services-hero-intro p{margin:0;color:var(--muted);font-size:clamp(16px,1.35vw,20px);line-height:1.5}
.scroll-fill-char{color:#a4a19c;transition:color .08s linear;will-change:color}
.services-hero-collage{position:relative;min-height:min(68vw,820px)}.services-hero-collage figure{position:absolute;margin:0}.services-hero-collage img{display:block;width:100%;height:100%;object-fit:cover}.services-hero-collage figcaption{display:flex;justify-content:space-between;padding-top:11px;color:var(--muted);font-size:11px}.hero-collage-main{inset:0 13% 16% 0}.hero-collage-main img{border-radius:var(--radius)}.hero-collage-side{z-index:1;right:0;bottom:0;width:39%;height:40%}.hero-collage-side img{border:8px solid var(--paper);border-radius:20px}
.service-index{padding:0 var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.service-index a{min-height:180px;padding:25px 22px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.service-index a:first-child{border-left:1px solid var(--line)}.service-index span,.service-index small{color:var(--muted);font-size:11px}.service-index strong{margin:auto 0 8px;font-size:clamp(25px,2.4vw,36px);font-weight:500;letter-spacing:-.04em}.service-index a:hover{background:#e5e2dd}.service-index a:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.service-stories{padding:clamp(150px,18vw,260px) var(--pad)}.service-story{position:relative;margin-bottom:clamp(170px,21vw,310px)}.service-story:last-child{margin-bottom:0}.story-heading span{display:block;margin-bottom:28px;color:var(--muted);font-size:12px}.story-heading h2{max-width:none;font-size:clamp(58px,9vw,138px)}.story-media{overflow:hidden;background:#d8d4ce}.story-media img{display:block;width:100%;height:100%;object-fit:cover}.story-copy p{margin:0 0 35px;color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.55}.story-copy ul{margin:0 0 38px;padding:0;list-style:none;border-top:1px solid var(--line)}.story-copy li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.story-copy a,.story-heading>a{display:flex;width:100%;justify-content:space-between;padding:15px 0;border-top:1px solid var(--ink);font-size:13px;font-weight:600;transition:opacity .25s}.story-copy a:hover,.story-heading>a:hover{opacity:.48}
.story-mirror{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:clamp(40px,8vw,130px)}.story-mirror .story-heading{grid-column:1/-1;margin-bottom:-.16em;z-index:1}.story-mirror .story-media{height:min(59vw,820px);border-radius:var(--radius)}.story-mirror .story-copy{max-width:430px;align-self:end;padding-bottom:3vw}
.story-audio{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:start}.story-audio .story-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;align-items:end}.story-audio .story-heading span{margin-bottom:16px}.story-audio .story-media{height:min(62vw,800px);border-radius:var(--radius)}.story-audio blockquote{margin:13vw 0 0;max-width:15ch;font-size:clamp(25px,3vw,45px);line-height:1.12;letter-spacing:-.04em}.story-audio .story-copy{grid-column:2;max-width:470px;margin-top:-19vw}
.story-effects{min-height:min(79vw,1050px);color:var(--paper);display:flex;align-items:flex-end;padding:clamp(32px,5vw,76px);overflow:hidden;border-radius:var(--radius)}.story-effects::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,10,.79),rgba(12,11,10,.05) 78%)}.story-effects .story-media{position:absolute;inset:0}.story-effects .story-media img{height:100%}.story-effects .story-heading{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1.2fr .8fr;column-gap:60px;align-items:end}.story-effects .story-heading span{grid-column:1/-1;color:#c4bdb3}.story-effects .story-heading h2{color:var(--paper)}.story-effects .story-heading p{max-width:480px;margin:0 0 36px;color:#d2cbc1;font-size:17px;line-height:1.55}.story-effects .story-heading>a{color:var(--paper);border-color:rgba(255,255,255,.6)}
.story-light{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:clamp(38px,7vw,105px);align-items:end}.story-light .story-heading{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;margin-bottom:-.12em;z-index:1}.story-light .story-heading span{margin-bottom:18px}.story-light .story-media{grid-column:2;height:min(56vw,760px);border-radius:var(--radius)}.story-light .story-copy{grid-column:1;grid-row:2;max-width:430px;padding-bottom:2vw}
.service-story:hover .story-media img{transform:scale(1.025)}
.service-combination{padding:clamp(130px,15vw,215px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px);background:#161615;color:var(--paper)}.combination-intro h2{font-size:clamp(56px,8vw,118px)}.combination-intro .section-kicker{color:#aaa}.combination-list{align-self:end;border-top:1px solid #3a3835}.combination-list>div{min-height:150px;padding:28px 0;border-bottom:1px solid #3a3835;display:grid;grid-template-columns:60px 1fr;gap:20px}.combination-list span{color:#777;font-size:11px}.combination-list p{max-width:430px;margin:0;color:#aaa;line-height:1.5}.combination-list strong{display:block;margin-bottom:12px;color:var(--paper);font-size:20px;font-weight:500}
.services-final-cta{min-height:92dvh;padding:clamp(100px,12vw,180px) var(--pad) 55px;display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:auto 1fr auto;background:#d8d4ce}.services-final-cta>p{margin:0;font-size:13px}.services-final-cta h2{grid-column:2;align-self:center;font-size:clamp(76px,12vw,180px);color:var(--ink)}.services-final-cta>div{grid-column:2;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;border-top:1px solid #aaa;padding-top:24px}.services-final-cta>div p{max-width:470px;margin:0;color:#625f5a;line-height:1.5}.services-final-cta .cta-button{margin:0;background:var(--ink);color:var(--paper)}
@media(max-width:900px){.services-hero{grid-template-columns:1fr;min-height:auto}.services-hero .section-kicker{margin-bottom:80px}.services-hero-collage{min-height:105vw}.service-index{grid-template-columns:1fr 1fr}.service-index a:nth-child(2){border-right:0}.service-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-mirror,.story-audio,.story-light{grid-template-columns:1fr 1fr}.story-audio .story-heading,.story-light .story-heading{grid-template-columns:1fr}.story-audio .story-copy{margin-top:-12vw}.story-effects .story-heading{grid-template-columns:1fr}.story-effects .story-heading p{margin-top:35px}.service-combination{grid-template-columns:1fr}.services-final-cta{grid-template-columns:1fr}.services-final-cta h2,.services-final-cta>div{grid-column:1}}
@media(max-width:768px){.services-hero{padding-top:62px}.services-hero h1{font-size:15.6vw}.services-hero-intro{margin-left:0}.services-hero-collage{min-height:126vw}.hero-collage-main{right:6%;bottom:13%}.hero-collage-side{width:46%;height:36%}.service-index a{min-height:145px;padding:20px 14px}.service-stories{padding-top:125px;padding-bottom:140px}.service-story{margin-bottom:145px}.story-heading h2{font-size:16vw}.story-mirror,.story-audio,.story-light{display:flex;flex-direction:column}.story-mirror .story-heading,.story-light .story-heading{margin-bottom:-.1em}.story-mirror .story-media,.story-audio .story-media,.story-light .story-media{width:100%;height:110vw;border-radius:20px}.story-mirror .story-copy,.story-audio .story-copy,.story-light .story-copy{margin:38px 0 0;padding:0;max-width:none}.story-audio blockquote{order:3;margin:42px 0 0}.story-audio .story-copy{order:4}.story-effects{min-height:160vw;padding:25px}.story-effects .story-heading p{font-size:15px}.service-combination{padding-top:110px;padding-bottom:120px}.combination-list>div{min-height:135px}.services-final-cta{min-height:760px;padding-top:95px}.services-final-cta h2{font-size:22vw}.services-final-cta>div{grid-template-columns:1fr;gap:36px}.services-final-cta .cta-button{width:100%}}
@media(prefers-reduced-motion:reduce){.services-main img{transition:none}}
@media(prefers-reduced-motion:reduce){.scroll-fill-char{color:var(--ink);transition:none}}

/* Product-page scroll foundation and signature scenes */
.product-scroll-reveal{will-change:transform,opacity,filter}
.mirror-page .mirror-hero{min-height:auto;padding-bottom:clamp(90px,9vw,130px)}
.mirror-page .mirror-object{width:min(58vw,620px);height:auto;max-width:100%;aspect-ratio:3/4;margin-top:clamp(50px,6vw,82px);transform-origin:center;will-change:transform,opacity}
.audio-page .audio-hero>img{opacity:.88;transform-origin:center;will-change:transform,opacity}
.audio-page .voice-card{will-change:transform,opacity}
.audio-page .waveform{transform:scaleX(0);transform-origin:left center;will-change:transform}
.effects-page .effect-chapter{position:relative;min-height:165vh;padding:0;background:var(--dark)}
.effects-page .chapter-media{position:sticky;top:66px;height:calc(100dvh - 66px);will-change:transform,opacity}
.effects-page .chapter-media img{will-change:transform,opacity}
.effects-page .chapter-copy{position:relative;z-index:2;width:100%;min-height:58vh;margin-top:-58vh;padding:clamp(45px,6vw,86px) var(--pad);align-items:end;background:linear-gradient(0deg,rgba(17,17,17,.92),rgba(17,17,17,0));will-change:transform,opacity}
.light-page .before-after{position:relative;display:block;isolation:isolate}
.light-page .before-after figure{width:100%}
.light-page .before-after figure+figure{position:absolute;inset:0;z-index:2;opacity:0;will-change:clip-path,opacity;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 55px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 55px),transparent 100%)}
.light-page .before-after .media-frame{height:min(62vw,800px)}
.light-page .editorial-list article{position:relative;isolation:isolate;will-change:transform,opacity}
.light-page .editorial-list article::after{content:"";position:absolute;z-index:-1;inset:4px -22px;background:radial-gradient(circle at 62% 50%,rgba(214,148,66,.25),transparent 66%);opacity:var(--light-glow-opacity,0);pointer-events:none}

/* Rhythm pass: asymmetry and alternating image/text emphasis without changing content. */
.mirror-page .mirror-experience{grid-template-columns:.82fr 1.18fr;padding-top:clamp(120px,13vw,190px)}
.audio-page .listening-section{padding-top:clamp(150px,17vw,235px);padding-bottom:clamp(160px,18vw,250px)}
.audio-page .audio-flow{grid-template-columns:.62fr 1.38fr}
.effects-page .effect-intro h2{margin-left:max(0px,8vw)}
.light-page .light-experience{padding-top:clamp(150px,17vw,235px)}
.light-page .light-list-section{padding-top:clamp(135px,15vw,215px)}

@media(max-width:768px){
  .product-scroll-reveal{filter:none!important}
  .mirror-page .mirror-object{width:100%;height:auto;margin-top:48px}
  .effects-page .effect-chapter{min-height:138vh}
  .effects-page .chapter-media{top:58px;height:calc(100dvh - 58px)}
  .effects-page .chapter-copy{min-height:52vh;margin-top:-52vh;padding:42px var(--pad)}
  .light-page .before-after .media-frame{height:105vw}
  .light-page .before-after figure+figure{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%)}
}
@media(prefers-reduced-motion:reduce){
  .product-scroll-reveal,.mirror-object,.audio-hero>img,.voice-card,.waveform,.chapter-media img,.chapter-copy,.before-after figure,.editorial-list article{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
  .effects-page .effect-chapter{min-height:auto;padding-bottom:clamp(130px,16vw,240px)}
  .effects-page .chapter-media{position:relative;top:auto;height:min(74vw,920px)}
  .effects-page .chapter-copy{min-height:auto;margin-top:0;background:none}
}

/* Scroll-linked chapter title: Spiegelfotobox */
.story-mirror .mirror-title-journey{grid-column:1/-1;height:155dvh;margin-bottom:0}
.story-mirror .mirror-title-journey .story-heading{position:sticky;top:66px;height:calc(100dvh - 66px);margin:0;overflow:visible;z-index:1}
.story-mirror .mirror-title-journey h2{position:absolute;top:0;left:0;width:max-content;max-width:none;transform-origin:left top;will-change:transform}
.story-mirror .mirror-title-journey span{position:absolute;left:0;bottom:calc(clamp(58px,9vw,138px) + 18px);margin:0;opacity:0;will-change:opacity}
@media(max-width:768px){.story-mirror .mirror-title-journey{height:auto}.story-mirror .mirror-title-journey .story-heading{position:relative;top:auto;height:auto;margin-bottom:-.1em}.story-mirror .mirror-title-journey h2{position:static;width:auto;transform:none!important}.story-mirror .mirror-title-journey span{position:static;margin-bottom:28px;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.story-mirror .mirror-title-journey{height:auto}.story-mirror .mirror-title-journey .story-heading{position:relative;top:auto;height:auto;margin-bottom:-.16em}.story-mirror .mirror-title-journey h2{position:static;width:auto;transform:none!important}.story-mirror .mirror-title-journey span{position:static;margin-bottom:28px;opacity:1!important}}

/* Spiegelfotobox — connected editorial product composition */
.mirror-page .mirror-object{width:min(58vw,620px);height:auto;aspect-ratio:3/4}
.mirror-page .mirror-object img{object-position:center}
.mirror-detail-section{padding-top:clamp(115px,13vw,190px);padding-bottom:clamp(115px,13vw,190px)}
.mirror-detail-section>h2{max-width:980px}
.mirror-detail-composition{max-width:1240px;min-height:0;margin:clamp(72px,8vw,118px) auto 0;display:grid;grid-template-columns:minmax(220px,280px) minmax(380px,520px) minmax(220px,280px);grid-template-areas:"left media right";gap:14px clamp(24px,3.5vw,54px);align-items:center}
.mirror-detail-composition .mirror-detail-portrait{grid-area:media;width:100%;height:auto;aspect-ratio:3/4;margin:0}
.mirror-detail-portrait img{aspect-ratio:3/4}
.mirror-annotations{display:flex;min-width:0;flex-direction:column;justify-content:space-around;gap:clamp(44px,7vw,92px);align-self:stretch}
.mirror-annotations-left{grid-area:left}.mirror-annotations-right{grid-area:right}
.mirror-detail-composition .annotation-card{position:relative;inset:auto;width:auto;margin:0;padding:0 0 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.45}
.mirror-detail-composition .annotation-card img{display:block;width:100%;height:auto;aspect-ratio:1.34/1;margin-bottom:17px;border-radius:14px;object-fit:cover}
.mirror-detail-composition .annotation-card p{margin:0}
.mirror-detail-composition .annotation-card b{display:block;margin-bottom:7px;color:var(--ink);font-size:15px}
.mirror-detail-composition .annotation-card::after,.mirror-detail-composition .annotation-card::before{content:"";position:absolute;top:50%;width:clamp(20px,3vw,42px);height:1px;background:var(--line)}
.mirror-annotations-left .annotation-card::after{left:calc(100% + clamp(12px,1.6vw,24px))}
.mirror-annotations-left .annotation-card::before,.mirror-annotations-right .annotation-card::after{display:none}
.mirror-annotations-right .annotation-card::before{right:calc(100% + clamp(12px,1.6vw,24px))}
.mirror-detail-section>.lead{margin:clamp(70px,8vw,115px) 0 0 50%;transform:translateX(-50%)}
.mirror-location-band{position:relative;height:min(67vw,900px);overflow:hidden;background:#171716;color:var(--paper)}
.mirror-location-band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,8,.66),transparent 52%)}
.mirror-location-band img{width:100%;height:100%;object-fit:cover;transform:scale(1.075);will-change:transform}
.mirror-location-band p{position:absolute;z-index:1;left:var(--pad);bottom:clamp(30px,5vw,72px);max-width:650px;margin:0;color:var(--paper);font-size:clamp(24px,3vw,44px);line-height:1.08;letter-spacing:-.04em;will-change:transform,opacity}
.mirror-moment{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);grid-template-rows:auto 1fr;gap:clamp(30px,4vw,60px) clamp(36px,6vw,96px);align-items:start;padding-top:clamp(120px,13vw,190px);padding-bottom:clamp(120px,13vw,190px)}
.mirror-moment figure{margin:0;overflow:hidden;border-radius:var(--radius);background:#d8d4ce}
.mirror-moment img{display:block;width:100%;height:100%;object-fit:cover}
.mirror-moment-main{grid-row:1/-1;min-height:min(53vw,760px)}
.mirror-moment-detail{min-height:min(31vw,470px);transform:translateY(clamp(24px,5vw,75px))}
.mirror-moment>p{max-width:390px;margin:0;padding-top:8px;color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.5}

@media(max-width:900px){.mirror-detail-composition{grid-template-columns:minmax(170px,.7fr) minmax(330px,1.2fr) minmax(170px,.7fr);gap:14px 28px}}
@media(max-width:768px){
  .mirror-page .mirror-hero h1{font-size:clamp(36px,10.2vw,50px);line-height:.9}
  .mirror-page .mirror-object{width:100%;aspect-ratio:3/4}
  .mirror-detail-composition{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:64px}
  .mirror-detail-portrait{order:1;width:100%;aspect-ratio:3/4}
  .mirror-annotations{display:contents}
  .mirror-detail-composition .annotation-card{order:3;padding:22px 0}
  .mirror-detail-composition .annotation-card::before,.mirror-detail-composition .annotation-card::after{display:none}
  .mirror-detail-composition .annotation-card img{max-height:240px}
  .mirror-detail-section>.lead{margin:65px 0 0;transform:none}
  .mirror-location-band{height:82vh;min-height:620px}
  .mirror-location-band img{object-position:44% center}
  .mirror-location-band p{max-width:82%;font-size:29px}
  .mirror-moment{display:flex;flex-direction:column;gap:34px;padding-top:120px;padding-bottom:130px}
  .mirror-moment-main{width:100%;min-height:74vw}
  .mirror-moment>p{order:2}
  .mirror-moment .mirror-moment-detail{order:3;width:78%;min-height:64vw;margin-left:auto;transform:translateY(0)}
}
.mirror-page .faq-section{padding-top:clamp(120px,13vw,190px);padding-bottom:clamp(120px,13vw,190px)}
@media(prefers-reduced-motion:reduce){.mirror-location-band img,.mirror-location-band p,.mirror-object{transform:none!important;opacity:1!important}}