/* Material warmth, the existing Seehof line icons, and six unhurried places. */
#renderings{background:radial-gradient(ellipse at 9% 10%,#ead7c85e,transparent 45%),radial-gradient(ellipse at 95% 90%,#a7bda147,transparent 42%),#f8f4ed}
#renderings .kino-head{max-width:790px}
#renderings .kino-head p{max-width:670px}
.experience{margin-top:32px}
.experience-shell{border:1px solid #29493a23;border-radius:20px;overflow:hidden;background:#fbf8f2;box-shadow:0 20px 70px -48px #223b36}
.experience-stations{height:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:#fcfaf5;padding:10px 12px;position:relative}
.experience-stations:before{content:"";position:absolute;left:6%;right:6%;top:36px;height:1px;background:linear-gradient(90deg,#c88a69,#8aa9be,#9aaf76,#8fbcaa,#b59ac2,#d5a1ad);opacity:.4;pointer-events:none}
.experience-tab{min-width:0;min-height:80px;padding:10px 4px 8px;text-align:center;position:relative;color:#4b5855;font-size:.79rem;font-weight:600;display:grid;justify-items:center;gap:4px;border-radius:9px;border:1px solid transparent;line-height:1.35}
.experience-tab svg{width:26px;height:26px;color:var(--station-color);background:#fcfaf5;box-shadow:0 0 0 7px #fcfaf5;z-index:1}
.experience-number{position:absolute;right:9px;top:8px;font-size:.58rem;color:#6c7470;font-variant-numeric:tabular-nums}
.experience-tab[aria-selected=true]{border-color:var(--station-color);background:#fff;color:#243b35}
.experience-tab[aria-selected=true] svg{background:#fff;box-shadow:0 0 0 7px #fff}
.experience-tab:hover{background:#f0eee6}.experience-tab:focus-visible,.experience-panel:focus-visible{outline:3px solid #294f63;outline-offset:-4px}
.experience-panel{display:grid;grid-template-columns:1.2fr 1fr;min-height:520px;scroll-margin-top:90px}
.experience-panel[hidden]{display:none!important}
.experience-picture{margin:0!important;position:relative;min-width:0;overflow:hidden;min-height:520px;background:#d8ded5}
.experience-picture button{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:zoom-in}
.experience-picture img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.2s ease}
.experience-picture button:hover img{transform:scale(1.025)}
.experience-picture figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 16px;background:linear-gradient(transparent,#0b232bcc);color:#fff;font-size:.71rem;letter-spacing:.04em;pointer-events:none}
.experience-picture .image-zoom{top:15px;bottom:auto;left:auto;right:15px}
.experience-story{padding:36px 32px 26px;background:radial-gradient(ellipse at 100% 0,#ffffff7a,transparent 70%),var(--station-wash);color:#283b35;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0}
.experience-kicker{font-size:.67rem;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin-bottom:18px;color:#465950}
.experience-story h3{font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:1.16;margin-bottom:22px;max-width:420px;color:#233b32}
.experience-copy{font-size:.94rem;line-height:1.8;max-width:460px;margin-bottom:22px}
.experience-chapter{font-size:.82rem;font-weight:600;line-height:1.65;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:6px 0;color:#254b50}
.experience-thought{margin-top:auto;padding-top:18px;width:100%;border-top:1px solid #29493a26}
.experience-thought summary{display:flex;justify-content:space-between;gap:8px;align-items:center;cursor:pointer;list-style:none;min-height:44px;font-size:.77rem;font-weight:600;line-height:1.4}
.experience-thought summary::-webkit-details-marker{display:none}
.experience-thought summary span{font-size:1.2rem;font-weight:400;transition:transform .2s}
.experience-thought[open] summary span{transform:rotate(45deg)}
.experience-thought p{font-size:.84rem;line-height:1.75;margin:12px 0;color:#40554c}
.experience-thought .text-link{font-size:.8rem;line-height:1.7;display:inline-block;padding-block:8px}
.experience-rhythms{padding:28px 2px 0;color:#395248}.experience-rhythms>p{font-size:.72rem;line-height:1.6;color:#5d7065;margin-bottom:17px}.experience-rhythms>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.experience-rhythms a{display:block;border-top:1px solid #9bac9355;padding:14px 20px 10px 0;font-size:.9rem;line-height:1.6;position:relative;min-height:65px}.experience-rhythms a>span{display:block;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;color:#69805f;margin-bottom:6px}.experience-rhythms b{font-weight:400;position:absolute;right:0;top:15px}.experience-rhythms a:focus-visible{outline:3px solid #294f63;outline-offset:3px}
@media(max-width:650px){.experience-rhythms>div{grid-template-columns:1fr;gap:8px}.experience-rhythms a{display:grid;grid-template-columns:95px 1fr;gap:12px;align-items:center;font-size:.83rem;padding-right:18px;min-height:62px}.experience-rhythms a>span{margin:0;font-size:.61rem}.experience-rhythms b{top:18px}}
.practice-library{grid-column:1/-1;width:100%;padding-top:35px;margin-top:18px;border-top:1px solid #a58b9b38;display:grid;grid-template-columns:.8fr 2fr;gap:35px}
.library-heading h5{font-family:Fraunces,Georgia,serif;font-size:1.7rem;font-weight:500;line-height:1.3;margin-bottom:15px}
.library-heading p{font-size:.88rem;line-height:1.8;color:#625568}
.library-heading .eyebrow{font-size:.6rem;letter-spacing:.12em;color:#6e5d78}
.library-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.library-link{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px 18px;border:1px solid #b59dc446;border-radius:12px;background:#fff8;transition:background .2s}
.library-link:hover{background:#fff}.library-link:focus-visible{outline:3px solid #705a84;outline-offset:3px}
.library-link svg{width:28px;height:28px;color:#806891;margin-bottom:18px}
.library-kicker{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:#6b596e;margin-bottom:10px}
.library-link strong{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.13rem;line-height:1.3;margin-bottom:12px;color:#3b3042}
.library-description{font-size:.76rem;line-height:1.75;color:#625568}
.library-arrow{position:absolute;right:16px;top:16px;color:#775a85}
@media(max-width:1000px){.experience-story{padding:28px 24px}.practice-library{grid-template-columns:1fr}.library-heading{max-width:540px}}
@media(max-width:800px){.experience{padding-inline:16px}.experience-panel{grid-template-columns:1fr;min-height:0}.experience-picture{min-height:0;aspect-ratio:16/10}.experience-story{padding:27px 25px 18px;min-height:340px}.experience-story h3{font-size:2rem;max-width:480px}.experience-kicker{margin-bottom:12px}.experience-copy{max-width:none}.experience-thought{margin-top:14px}.experience-stations{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:4px}.experience-stations:before{display:none}.experience-tab{min-height:66px;gap:2px;font-size:.75rem;padding:7px 4px}.experience-tab svg{width:23px;height:23px;box-shadow:none}.experience-number{right:7px;top:6px}.experience-shell{border-radius:16px}.experience-picture figcaption{padding:25px 18px 12px}.practice-library{padding-top:25px;gap:24px}.library-links{grid-template-columns:1fr}.library-link{padding:18px 40px 18px 62px;min-height:120px}.library-link svg{position:absolute;left:18px;top:22px;width:26px;height:26px}.library-kicker{margin-bottom:6px}.library-link strong{margin-bottom:8px}.library-description{font-size:.8rem}.library-heading h5{font-size:1.65rem}}
@media(max-width:359px){.experience-story{padding:24px 20px 15px}.experience-story h3{font-size:1.75rem}.experience-copy{font-size:.88rem}.experience-number{display:none}.experience-tab{font-size:.7rem}.experience-kicker{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.experience-picture img,.experience-thought summary span,.library-link{transition:none}.experience-picture button:hover img{transform:none}}
