.experiences-intro,.experiences-list,.experiences-outro{width:min(1180px,86%);margin-inline:auto}
.experiences-intro{padding-block:clamp(55px,8vw,120px) 64px}
.experiences-intro h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(58px,7vw,100px);font-weight:400;line-height:1.02;margin:0 0 32px;text-wrap:balance}
.experiences-intro h1 span{display:block;font-family:'Beauty Handwriting',cursive;font-size:.7em;color:#a9531c;line-height:1.4}
.experiences-intro p{max-width:65ch;font-size:18px;line-height:1.7}
.experiences-intro .experiences-date{font-size:14px}.experiences-intro .experiences-draft{font-size:15px;background:#f3e2c7;padding:20px 24px;margin-top:28px}
.experiences-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 6%;align-items:start;padding-bottom:100px}
.experience{min-width:0}.experience-stage{position:relative;background:#e4e6da}
.experience-photo{display:block;width:100%;height:auto}
.experience-photo-placeholder{display:flex;aspect-ratio:4/5;align-items:center;justify-content:center;flex-direction:column;background:#e4e6da;color:#263c30;font-size:25px;gap:10px}
.experience-photo-placeholder small{font-size:14px}
.experience-trigger,.experience-close{display:none}
.experience-name{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:400;line-height:1.15;margin:20px 0 0;overflow-wrap:anywhere}
.experience-overlay{padding:32px;background:#16291f;color:#fffaf2;font-size:18px;line-height:1.7;overflow-wrap:anywhere}
.experience-source{font-size:14px;margin:0 40px 12px 0}.experience-rating svg{display:block;width:110px;height:22px;fill:#efd3a6;margin-bottom:22px}
.experience-scroll{min-height:0;scrollbar-color:#efd3a6 #263c30;scrollbar-width:thin;overscroll-behavior:contain;scroll-padding-block:8px}
.experience-scroll blockquote{margin:0}.experience-scroll p{margin:0 0 18px}.experience-scroll p:last-child{margin-bottom:0}
.experience-google{display:block;padding-block:14px 0;color:#fffaf2;text-underline-offset:5px;line-height:1.5;font-size:16px}.experience-google span{font-size:13px}.experience-google:hover{text-decoration-thickness:2px;color:#efd3a6}
.experiences-enhanced .experience-stage{aspect-ratio:4/5}
.experiences-enhanced .experience-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.experiences-enhanced .experience-photo-placeholder{height:100%;aspect-ratio:auto}
.experiences-enhanced .experience-trigger{display:flex;align-items:flex-end;justify-content:flex-start;position:absolute;inset:0;width:100%;border:0;background:transparent;color:#fffaf2;cursor:pointer;padding:24px;font:inherit;touch-action:manipulation}
.experience-trigger span{background:#263c30;padding:12px 18px;line-height:1.5;font-size:15px}
.experiences-enhanced .experience-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;background:rgb(10 24 16 / 90%)}
.experiences-enhanced .experience-overlay[hidden]{display:none!important}
.experiences-enhanced .experience-scroll{overflow:auto;flex:1;padding:4px 12px 4px 4px;margin-left:-4px}
.experiences-enhanced .experience-close{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;right:14px;width:44px;height:44px;color:#fffaf2;background:transparent;border:0;cursor:pointer;touch-action:manipulation}
.experience-close span{position:relative;width:18px;height:18px}.experience-close span::before,.experience-close span::after{content:'';position:absolute;left:8px;top:0;width:2px;height:18px;background:currentColor;transform:rotate(45deg)}.experience-close span::after{transform:rotate(-45deg)}.experience-close:hover{background:#263c30}
.experiences-outro{padding-block:0 100px}.experiences-outro h2{font-size:clamp(36px,5vw,60px)}.experiences-outro p{font-size:18px;line-height:1.7;margin-bottom:28px}
.experiences-page :is(button,a,.experience-scroll):focus-visible{outline:3px solid #a9531c;outline-offset:5px}.experiences-page .experience-overlay :is(button,a,.experience-scroll):focus-visible{outline-color:#efd3a6;outline-offset:3px}
.experiences-page ::selection{background:#efd3a6;color:#263c30}.experiences-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.experiences-list{grid-template-columns:1fr;gap:40px;padding-bottom:64px}.experiences-intro{padding-bottom:36px}.experience-name{font-size:30px}.experience-overlay{padding:24px;font-size:17px;line-height:1.65}.experience-source{margin-bottom:8px}.experience-rating svg{margin-bottom:16px}.experiences-outro{padding-bottom:64px}.experiences-enhanced .experience-stage{aspect-ratio:auto;height:clamp(460px,140vw,600px)}}

/* Magazine captions: quiet names and fine outlined stars. */
.experience-cover-copy{position:absolute;inset:auto 28px 100px;z-index:1;pointer-events:none;color:#fffaf2;text-shadow:0 1px 4px rgb(0 0 0 / 65%)}
.experience-cover-copy .experience-name{margin:0 0 16px;font-size:clamp(38px,4vw,56px);font-weight:400;line-height:1.05;letter-spacing:.015em;text-transform:none;color:inherit;max-width:100%;text-wrap:balance}
.experience-cover-stars svg{display:block;width:110px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round}
.experience-rating svg{width:110px;height:20px;fill:#efd3a6;stroke:#efd3a6;stroke-width:1.35;stroke-linejoin:round}
.experiences-enhanced .experience-overlay{z-index:2}
.experience-stage:has(.experience-photo-placeholder) .experience-cover-copy{color:#263c30;text-shadow:none}
@media(max-width:700px){.experience-cover-copy{inset:auto 24px 100px}.experience-cover-copy .experience-name{font-size:42px}}
/* Janet, 19.10.2026: dezenter dunkler Verlauf unten im Foto, damit Namen und Sterne auch auf hellen Bildern lesbar sind. */
.experience-stage:has(.experience-photo)::after{content:'';position:absolute;inset:auto 0 0;height:55%;z-index:0;pointer-events:none;background:linear-gradient(to top,rgb(10 24 16 / 62%),rgb(10 24 16 / 28%) 45%,rgb(10 24 16 / 0%))}
.experiences-enhanced .experience-trigger{z-index:1}