/* Chapter 02: one pivot, five leaves. All artwork and fonts are local. */
#panel-umbral.experiences-chapter{--fan-open:0;--fan-lift:0;background:#efb66d;color:#263f40;isolation:isolate;overflow:hidden;min-height:760px;height:100svh}
.experiences-paper{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 19% 76%,#f9d898 0,transparent 52%),linear-gradient(122deg,#f7cf8e,#e59467);pointer-events:none}
.experiences-paper:after{content:"";position:absolute;width:70vw;height:70vw;border:1px solid #6c49252a;border-radius:50%;left:-18vw;top:2vh;box-shadow:0 0 0 35px #fff1,0 0 0 70px #fff1,0 0 0 105px #fff1}
.experiences-heading{position:absolute;left:8%;top:12%;z-index:3;pointer-events:none}
.experiences-heading .mini{font-size:10px;letter-spacing:.19em;margin:0 0 16px}
.experiences-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(48px,5.8vw,94px);line-height:.9;letter-spacing:-.04em;margin:0}
.experiences-heading h2 em{color:#ae3c32;font-weight:400}
.experiences-heading>p:last-child{font-size:14px;line-height:1.6;margin-top:20px}
.experience-fan{position:absolute;left:4%;bottom:14%;width:52vw;height:min(48vw,56vh);perspective:1000px;transform:translateY(calc((1 - var(--fan-lift))*30px));z-index:2}
.experience-leaf{position:absolute;width:39%;height:100%;left:30.5%;bottom:0;border:0;padding:0;background:#355451;transform-origin:50% 100%;transform:rotate(calc(var(--angle)*var(--fan-open)));clip-path:polygon(50% 100%,0 10%,6% 5%,18% 1%,32% 0,68% 0,82% 1%,94% 5%,100% 10%);cursor:pointer;overflow:hidden;filter:brightness(.87);transition:filter .3s}
.experience-leaf:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#ba7446 0 13%,#ead194 13% 17%,transparent 17% 65%,#062c4266);pointer-events:none}
.experience-leaf:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#fff0 47%,#fdebc7aa 50%,#452a1844 52%,#fff0 55%);pointer-events:none}
.experience-leaf img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.experience-leaf:nth-child(2) img{object-position:60% center}
.experience-leaf span{position:absolute;left:0;right:0;top:12%;color:#fff7df;text-shadow:0 1px 6px #162727;font-family:'Syne',sans-serif;font-size:clamp(11px,1.2vw,18px);z-index:3}
.experience-leaf.is-selected,.experience-leaf:hover{filter:brightness(1.12)}
.fan-rivet{position:absolute;width:35px;height:35px;border-radius:50%;left:calc(50% - 17px);bottom:-17px;display:grid;place-items:center;background:#284747;color:#edce91;z-index:10;box-shadow:0 3px 9px #6e3d3044;font-size:24px}
.fan-caption{position:absolute;left:0;right:0;bottom:-55px;text-align:center;font-size:8px;letter-spacing:.2em;color:#5e4b35}
.experiences-selector{position:absolute;right:7%;top:31%;width:34%;max-width:510px;z-index:5}
.experience-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #2b45443d;padding-bottom:14px}
.experience-tabs button{font:500 11px 'DM Sans',sans-serif;color:#263f40;border:1px solid #2b454450;border-radius:40px;background:transparent;padding:9px 12px;cursor:pointer;transition:background .2s,color .2s}
.experience-tabs button[aria-selected=true]{background:#263f40;color:#fce3b1;border-color:#263f40}
.experiences-chapter :focus-visible{outline:3px solid #b63b33;outline-offset:5px}
.experience-card{padding-top:24px;max-height:48vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#284747 transparent;overscroll-behavior:contain;padding-right:6px}
.experience-card[hidden]{display:none}
.experience-time{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#733829}
.experience-card h3{font:400 clamp(28px,3vw,46px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;margin:12px 0 16px}
.experience-card p{font-size:14px;line-height:1.65;margin:0 0 14px}
.experience-card details{border-top:1px solid #2b45443d;margin:15px 0}
.experience-card summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:600}
.experience-card details p{font-size:12px;line-height:1.65}
.experience-card>a{display:inline-flex;gap:25px;align-items:center;font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:6px;color:inherit;text-decoration:none}
.experiences-all{display:block;margin-top:22px;font-size:10px;color:#263f40;text-underline-offset:4px}
.fan-scroll{position:absolute;bottom:4%;right:7%;font-size:8px;letter-spacing:.14em;color:#674939}
body.experiences-active .continuity-orb{opacity:0!important}
body.continuous-journey #panel-umbral.experiences-chapter{min-height:0;height:100%}
@media(min-width:701px) and (max-height:680px){.experiences-heading{top:13%}.experiences-heading h2{font-size:50px}.experiences-heading>p:last-child{font-size:11px;margin-top:12px}.experience-fan{height:48vh;bottom:15%;width:46vw;left:7%}.experiences-selector{top:18%;width:37%;right:6%}.experience-card{max-height:52vh;padding-top:12px}.experience-card h3{font-size:30px}.experience-card p{font-size:12px}.experiences-all{margin-top:12px}}
@media(max-width:700px){
 .experiences-heading{left:7%;top:10%}.experiences-heading .mini{font-size:8px;margin-bottom:10px}.experiences-heading h2{font-size:clamp(36px,9vw,54px)}.experiences-heading h2 br{display:none}.experiences-heading h2 em{display:block}.experiences-heading>p:last-child{display:none}
 .experience-fan{width:82vw;height:27vh;left:9%;bottom:auto;top:23%;transform:none}.experience-leaf{width:34%;left:33%}.experience-leaf span{font-size:10px;top:14%}.fan-rivet{width:24px;height:24px;left:calc(50% - 12px);bottom:-12px;font-size:16px}.fan-caption{display:none}
 .experiences-selector{top:54%;left:7%;right:7%;width:auto;max-width:none}.experience-tabs{gap:5px;padding-bottom:10px;flex-wrap:nowrap;justify-content:space-between}.experience-tabs button{font-size:9px;padding:7px 8px}.experience-card{padding-top:11px;max-height:27vh}.experience-time{font-size:8px}.experience-card h3{font-size:27px;margin:8px 0 9px}.experience-card p{font-size:12px;line-height:1.5}.experience-card details{margin:8px 0}.experience-card summary{padding:8px 0;font-size:11px}.experience-card>a{font-size:11px}.experiences-all{font-size:9px;margin-top:12px}.fan-scroll{bottom:3%;left:7%;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 #panel-umbral.experiences-chapter{height:auto;min-height:1000px;padding:90px 7% 55px;--fan-open:1;--fan-lift:1}.experiences-heading{position:relative;left:auto;top:auto}.experience-fan{position:relative;left:auto;top:auto;bottom:auto;margin:50px auto 80px;width:min(700px,85vw);height:min(360px,42vw)}.experiences-selector{position:relative;top:auto;left:auto;right:auto;width:100%;max-width:700px;margin:auto}.experience-card{max-height:none;overflow:visible}.fan-scroll{display:none}.experience-leaf{transition:none}
}