/* Scroll story and large three-dimensional composition. */
.encounter{padding:0;overflow:visible;background:#300e1e}
.encounter::before{display:none}
.experience-intro{padding-top:90px;padding-bottom:64px;position:relative;z-index:2}
.experience-intro .statement{max-width:1000px;font-size:clamp(3.2rem,5.3vw,5.5rem)}
.experience-intro-note{color:#cbb0b5;font-size:.9375rem;margin-top:27px;max-width:620px}
.experience-shell{position:relative;min-height:740px;background:radial-gradient(ellipse at 76% 50%,#78422e33,transparent 61%),#300e1e}
.experience-sticky{position:relative;padding-top:22px;padding-bottom:76px;isolation:isolate;overflow:clip;min-height:740px}
.experience-aura{position:absolute;inset:5% 0 0 35%;background:radial-gradient(ellipse,#c1735023,transparent 62%);pointer-events:none;z-index:-1;transform:translate3d(0,0,0)}
.experience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center;position:relative;z-index:2;min-height:605px}
.experience-story{position:relative;z-index:3;padding-block:40px;min-width:0}
.experience-overline{font-size:.75rem;letter-spacing:.16em;color:#c99678;margin-bottom:36px}
.experience-panels{position:relative}
.experience-panel{padding-bottom:24px}
.phase-number{display:block;color:#c99678;font-size:.75rem;letter-spacing:.15em;line-height:1.4;margin-bottom:23px}
.experience-panel h3{font-family:var(--serif);font-weight:400;font-size:clamp(3.7rem,5.9vw,6.1rem);line-height:1.01;letter-spacing:-.045em;margin:0 0 24px;color:#f5efe7;overflow-wrap:normal}
.experience-panel h3 em{color:#e4ad83}
.experience-panel>p{font-size:.9375rem;color:#ccb6ba;line-height:1.95;max-width:390px}
body[data-experience=ready] .experience-panels{display:grid}
body[data-experience=ready] .experience-panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(22px);pointer-events:none;transition:opacity .65s var(--ease),transform .8s var(--ease),visibility .65s}
body[data-experience=ready] .experience-panel.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.experience-chapters{display:flex;gap:19px;align-items:flex-start;border-top:1px solid #8e67664a;padding-top:22px;margin-top:11px;max-width:450px}
.chapter-button{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:none;border:0;color:#ad8b95;padding:0 0 16px;font-size:.75rem;line-height:1.5;min-height:64px;transition:color .25s}
.chapter-num{font-family:var(--serif);font-size:1.5rem;line-height:1.1;color:#bd8e76}
.chapter-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:#9a71643d;overflow:hidden}
.chapter-line::after{content:'';position:absolute;inset:0;background:#e7b58c;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease)}
.chapter-button:hover,.chapter-button.is-active{color:#f1ded1}
.chapter-button.is-active .chapter-line::after{transform:scaleX(1)}
.experience-next{display:inline-block;color:#e3b18c;border-bottom-color:#9b705d;margin-top:28px;font-size:.8125rem}
.experience-visual{position:relative;min-width:0;align-self:center;isolation:isolate}
.encounter .sculpture-stage{position:relative;top:auto;left:auto;transform:none;width:100%;height:575px;margin:0;z-index:2;touch-action:pan-y;cursor:grab;border-radius:50%;outline-offset:-18px}
.encounter .sculpture-stage.is-dragging{cursor:grabbing}
.experience-orbit{position:absolute;border:1px solid #b5876130;border-radius:50%;inset:8% 9%;pointer-events:none;z-index:-1;transform:rotate(-24deg) scaleY(.82)}
.experience-orbit.orbit-two{inset:13% 13%;transform:rotate(23deg) scaleY(.94);border-color:#b5876118}
.experience-axis{position:absolute;right:-4px;top:24%;writing-mode:vertical-rl;letter-spacing:.2em;color:#ad7b7b;font-size:.625rem;z-index:3}
.experience-scene-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px;position:relative;z-index:4}
.experience-scene-controls .drag-instruction{display:block;color:#c5a0a0;font-size:.75rem;line-height:1.5}
.experience-scene-controls #scene-rotate{border:1px solid #ae81734d;background:#bd856810;color:#e3bd9e;border-radius:50px;padding:9px 19px;font-size:.75rem;min-height:40px}
.experience-scene-controls #scene-rotate:hover{background:#b57d6533;border-color:#c898777a}
.experience-scene-controls #scene-rotate:disabled{opacity:.4}
.experience-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#b89291;z-index:3}
.experience-bottom p:first-child{font-size:.75rem;letter-spacing:.04em}
.experience-bottom p:last-child{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:#d4b198}
.experience-progress{width:150px;height:1px;background:#9a6b6040;display:block;flex-shrink:0}
.experience-progress>span{display:block;height:1px;background:#e0ab7f;transform-origin:left;transform:scaleX(.03)}
.experience-exit{position:absolute;right:64px;bottom:3px;color:#b59497;font-size:.6875rem;z-index:4;padding:7px}
.experience-exit:hover{color:#efc2a4}
.scene-fallback{border-radius:140px 140px 3px 3px}
.site-header.is-in-experience{background:#300e1ef4;color:#f5f0e9;box-shadow:0 1px 0 #9e766336}
.site-header.is-in-experience .header-contact{background:#c48b66;color:#300e1e;border-color:#c48b66}
.site-header.is-in-experience .wordmark-dot{color:#d3a281}
.principle{position:relative;transition:background .3s}
.principle::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#b47850;transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease)}
.principle[open]{background:#e5d8c829}
.principle[open]::before{transform:scaleY(1)}
.principle[open] summary{color:var(--rust)}
.portrait-outline{transform-origin:center}
.desktop-nav a{white-space:nowrap}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}}
@media(min-width:901px){
 body[data-experience=ready][data-motion=on] .experience-shell{height:240svh;min-height:1900px}
 body[data-experience=ready][data-motion=on] .experience-sticky{position:sticky;top:86px;height:calc(100svh - 86px);min-height:640px;display:flex;align-items:center;padding-block:18px 73px}
 body[data-experience=ready][data-motion=on] .experience-grid{min-height:0;width:calc(100% - 128px)}
 body[data-experience=ready][data-motion=on] .encounter .sculpture-stage{height:clamp(450px,66svh,790px)}
}
@media(min-width:1650px){.experience-panel h3{font-size:6.4rem}.experience-grid{gap:65px;grid-template-columns:.78fr 1.22fr}.experience-axis{right:6px}.experience-panel>p{font-size:1rem;max-width:430px}}
@media(max-width:1150px){.desktop-nav{gap:23px;margin-left:0}.experience-grid{grid-template-columns:.86fr 1.14fr;gap:27px}.experience-panel h3{font-size:4.55rem}.experience-panel>p{font-size:.875rem}.experience-overline{letter-spacing:.1em;margin-bottom:26px}.experience-chapters{gap:13px}.experience-axis{display:none}.experience-exit{right:40px}.experience-bottom{gap:20px}.experience-progress{width:90px}.experience-bottom p:first-child{max-width:210px}body[data-experience=ready][data-motion=on] .experience-grid{width:calc(100% - 80px)}}
@media(max-height:760px) and (min-width:901px){body[data-experience=ready][data-motion=on] .experience-sticky{top:86px;min-height:570px;height:calc(100svh - 86px)}.experience-panel h3{font-size:4.5rem}.experience-story{padding-block:10px}.experience-overline{margin-bottom:20px}.phase-number{margin-bottom:14px}.experience-panel h3{margin-bottom:17px}.experience-panel>p{line-height:1.8}.experience-chapters{padding-top:15px;margin-top:0}.experience-next{margin-top:20px}.experience-bottom{bottom:29px}.encounter .sculpture-stage{height:440px}}
@media(max-width:900px){
 .experience-intro{padding-top:68px;padding-bottom:40px}.experience-intro .statement{font-size:3.85rem}.experience-grid{grid-template-columns:.9fr 1.1fr;gap:28px;min-height:0}.experience-shell{min-height:0}.experience-sticky{min-height:0;padding-top:4px;padding-bottom:94px}.experience-story{padding-block:22px}.experience-panel h3{font-size:3.5rem}.experience-panel>p{font-size:.875rem}.experience-overline{font-size:.6875rem}.encounter .sculpture-stage{height:450px}.experience-scene-controls{flex-wrap:wrap;gap:10px}.experience-scene-controls .drag-instruction{font-size:.6875rem}.experience-bottom{bottom:34px;gap:20px}.experience-progress{display:none}.experience-exit{right:28px}.experience-chapters{gap:12px}.chapter-button{font-size:.6875rem}.experience-next{font-size:.75rem}
}
@media(max-width:700px){
 .experience-intro{padding-top:60px;padding-bottom:31px}.experience-intro .statement{font-size:clamp(2.85rem,9.7vw,4rem);line-height:1.08}.experience-intro-note{font-size:.875rem;line-height:1.9;margin-top:24px;max-width:380px}.experience-grid{display:flex;flex-direction:column;gap:9px;align-items:stretch}.experience-story{display:contents}.experience-overline{order:1;margin-top:7px;margin-bottom:5px;font-size:.6875rem}.experience-visual{order:2;width:100%;align-self:auto;margin-inline:auto}.encounter .sculpture-stage{height:360px;width:100%;border-radius:20px;outline-offset:-8px}.experience-orbit{inset:11% 1%;transform:rotate(-23deg) scaleY(.78)}.experience-orbit.orbit-two{inset:13% 6%;transform:rotate(17deg) scaleY(.95)}.experience-scene-controls{margin-top:0;gap:12px;flex-wrap:nowrap}.experience-scene-controls .drag-instruction{font-size:.6875rem;max-width:190px}.experience-scene-controls #scene-rotate{font-size:.75rem;min-height:42px;padding-inline:17px}.experience-panels{order:4;margin-top:24px}.phase-number{margin-bottom:13px;font-size:.6875rem}.experience-panel h3{font-size:clamp(3.1rem,11vw,4.5rem);margin-bottom:19px;line-height:1.06}.experience-panel>p{font-size:.875rem;line-height:1.9;max-width:100%}.experience-panel{padding-bottom:0}.experience-chapters{order:3;margin-top:24px;padding-top:17px;gap:15px;max-width:100%}.chapter-button{font-size:.75rem;padding-bottom:14px;min-height:65px}.chapter-num{font-size:1.5rem}.experience-next{order:5;font-size:.8125rem;margin-top:14px;align-self:flex-start}.experience-sticky{padding-bottom:82px}.experience-bottom{bottom:32px;gap:20px}.experience-bottom p:first-child{display:none}.experience-bottom p:last-child{font-size:1.2rem}.experience-exit{right:15px;bottom:11px;font-size:.6875rem}.experience-intro .kicker-rule{max-width:85px}.experience-aura{inset:2% -20% 30% -20%}.encounter .scene-fallback{inset:5% 18% 10%}.experience-visual .scene-cursor{display:none}.experience-exit{display:none}
}
@media(max-width:360px){.encounter .sculpture-stage{height:310px}.experience-panel h3{font-size:3.05rem}.experience-intro .statement{font-size:2.8rem}.experience-chapters{gap:9px}.chapter-button{font-size:.6875rem}.experience-scene-controls .drag-instruction{font-size:.625rem}.experience-scene-controls{gap:10px}.experience-intro-note{font-size:.8125rem}}
@media(max-width:900px){body[data-experience=ready][data-motion] .experience-grid{width:calc(100% - 56px)}}
@media(max-width:700px){body[data-experience=ready][data-motion] .experience-grid{width:calc(100% - 44px)}}
@media(max-width:360px){body[data-experience=ready][data-motion] .experience-grid{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.experience-shell{height:auto!important;min-height:0!important}.experience-sticky{position:relative!important;height:auto!important;min-height:0!important}.experience-panel{transition:none!important}}
body[data-motion=off] .experience-shell{height:auto;min-height:0}
body[data-motion=off] .experience-sticky{position:relative;height:auto}
html[data-motion=off]{scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
html[lang=de] .experience-panel h3{font-size:clamp(3.2rem,4.8vw,5.1rem);overflow-wrap:anywhere}
@media(max-width:900px){html[lang=de] .experience-panel h3{font-size:clamp(2.8rem,4.8vw,4.4rem)}}
@media(max-width:700px){html[lang=de] .experience-panel h3{font-size:clamp(2.95rem,9.6vw,4.15rem)}}
@media(max-height:759px) and (min-width:901px){
 body[data-experience=ready][data-motion=on] .experience-shell{height:auto;min-height:0}
 body[data-experience=ready][data-motion=on] .experience-sticky{position:relative;top:auto;height:auto;min-height:0;display:block;padding-top:8px;padding-bottom:76px}
 body[data-experience=ready][data-motion=on] .encounter .sculpture-stage{height:410px}
 .experience-overline{margin-bottom:20px}.experience-panel h3{font-size:4.15rem}.experience-panel>p{font-size:.875rem}.experience-story{padding-block:14px}
}