/* One summer, four chapters. The unenhanced document is the readable fallback. */
.summer-story{--summer-ink:#352044;--summer-purple:#683596;--summer-paper:#f8f8f1;position:relative;background:var(--summer-paper);color:var(--summer-ink);scroll-margin-top:0}
.summer-canvas{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 95% 14%,#d7ecfc 0,transparent 45%),radial-gradient(ellipse at 4% 88%,#e9e0f5 0,transparent 40%),var(--summer-paper)}
.summer-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 5vw;font-size:10px;font-weight:750;letter-spacing:1.8px}
.summer-topline a{font-size:11px;letter-spacing:0;border-bottom:1px solid #35204450;padding-bottom:4px}
.summer-chapter{position:relative;padding:50px 5vw}
.summer-story h2,.summer-story h3{font-family:var(--display);font-weight:650;letter-spacing:-.065em;line-height:1.13;margin:20px 0 24px}
.summer-story h2{font-size:clamp(38px,5.5vw,86px)}
.summer-story h3{font-size:clamp(34px,4.5vw,70px)}
.summer-story h2 em,.summer-story h3 em{color:var(--summer-purple);font-style:normal}
.summer-copy>p{font-size:clamp(15px,1.35vw,20px);line-height:1.75;max-width:31em;margin:0}
.summer-copy>p strong{font-weight:750}
.summer-eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:12px}
.summer-eyebrow:before{content:'';display:block;width:25px;height:2px;background:var(--summer-purple)}
.summer-facts{display:flex;gap:20px;margin-top:32px;font-size:11px;font-weight:700;color:#6f6378;letter-spacing:.5px}
.summer-facts span+span{border-left:1px solid #bfb5c7;padding-left:20px}
.summer-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.summer-job{margin:0;min-width:0;background:#fff;box-shadow:0 9px 35px #492d6710;border:1px solid #fff;border-radius:6px;overflow:hidden}
.summer-job-media{height:220px;overflow:hidden;position:relative;background:#e7eaf3}
.summer-job img{width:100%;height:100%;object-fit:cover;display:block}
.summer-job figcaption{padding:17px 27px 20px;color:var(--summer-ink);background:#fff}
.summer-job figcaption>span{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:clamp(15px,1.4vw,22px);font-weight:550;letter-spacing:-.04em}
.summer-job figcaption small{font-family:var(--body);font-size:10px;color:#8b8193;letter-spacing:1px}
.summer-job figcaption p{font-size:12px;line-height:1.5;color:#756a7c;margin:9px 0 0}
.summer-job--emblem .summer-job-media{background:radial-gradient(ellipse at 75% 15%,#d1eaf6,transparent 65%),#e9e1f3;display:flex;align-items:center;justify-content:center}
.summer-job--emblem img{width:65%;height:78%;object-fit:contain;mix-blend-mode:multiply}
.summer-job--production .summer-job-media{background:radial-gradient(ellipse at 5% 90%,#d7e5d0,transparent 70%),#eef2e1}
.summer-emblem-caption{position:absolute;bottom:12px;left:15px;font-size:9px;letter-spacing:1px;color:#554463}
.summer-team-photo{display:block;width:min(780px,75%);margin:25px 0 0;background:none;border:0;padding:0}
.summer-team-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 13px #46315910)}
.summer-memory{margin:0;overflow:hidden;border:5px solid #fff;box-shadow:0 12px 35px #2f254c15;position:relative;background:#fff}
.summer-memory img{width:100%;height:100%;object-fit:cover;display:block}
.summer-memory figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 9px;background:linear-gradient(transparent,#17213cb3);color:#fff;font-size:10px;font-weight:650;letter-spacing:.4px}
.summer-team-memories,.summer-year-pictures{display:flex;gap:25px;margin:30px 0}
.summer-team-memories .summer-memory,.summer-year-pictures .summer-memory{width:30%;height:220px}
.summer-year .summer-copy{text-align:center;max-width:660px;margin:auto}
.summer-year .summer-eyebrow{justify-content:center}
.summer-year .summer-copy>p{margin:auto;max-width:30em}
.summer-link{display:inline-flex;align-items:center;gap:25px;border-radius:50px;background:var(--summer-purple);color:white;padding:16px 23px;font-size:13px;font-weight:750;margin-top:25px;box-shadow:0 7px 25px #6835961a}
.summer-link span{font-size:20px;line-height:1}
.summer-year-team{display:none}
.summer-floor-word,.summer-route,.summer-bottom{display:none}

/* Pinning is progressive: no JS, reduced motion and pause retain all four chapters. */
.summer-story.is-enhanced{height:660svh}
.is-enhanced .summer-canvas{position:sticky;top:0;height:100svh;min-height:0;contain:layout paint}
.is-enhanced .summer-topline{position:absolute;inset:0 0 auto;z-index:20}
.is-enhanced .summer-chapter{position:absolute;inset:0;padding:0;pointer-events:none;will-change:opacity}
.is-enhanced .summer-copy{position:absolute;z-index:5;will-change:transform,opacity}
.is-enhanced .summer-intro .summer-copy{left:5.5%;top:22%;width:47%}
.is-enhanced .summer-intro h2{font-size:clamp(36px,5.45vw,90px)}
.is-enhanced .summer-intro .summer-copy>p{max-width:28em}
.is-enhanced .summer-work .summer-copy{left:5.5%;right:5.5%;top:14%;display:flex;align-items:flex-end;justify-content:space-between;gap:7%}
.is-enhanced .summer-work h3{margin-bottom:0;font-size:clamp(34px,4.45vw,74px)}
.is-enhanced .summer-work .summer-copy>p{max-width:27em;width:39%;font-size:15px;margin-bottom:4px}
.is-enhanced .summer-track{position:absolute;left:0;top:0;display:flex;width:max-content;gap:2.5vw;margin:0;transform-origin:0 0;will-change:transform}
.is-enhanced .summer-job{flex:none;width:31vw;height:45svh;transform-origin:50% 70%;will-change:transform,opacity}
.is-enhanced .summer-job-media{height:calc(100% - 87px)}
.is-enhanced .summer-job figcaption{height:87px;padding:16px 27px}
.is-enhanced .summer-job img{will-change:transform}
.is-enhanced .summer-floor-word{display:block;position:absolute;left:-2%;top:28%;font:800 27vw/1 var(--display);letter-spacing:-.085em;color:#dfd3ee;opacity:.34;z-index:0;white-space:nowrap;pointer-events:none}
.is-enhanced .summer-route{display:block;position:absolute;left:5.5%;right:5.5%;top:37%;height:1px;background:#b7a8c13d;z-index:0;transform-origin:left;will-change:transform}
.is-enhanced .summer-team .summer-copy{left:59%;top:24%;width:35%}
.is-enhanced .summer-team h3{font-size:clamp(38px,4.8vw,78px)}
.is-enhanced .summer-team-photo{position:absolute;left:4%;bottom:12%;height:58%;width:53%;margin:0;z-index:3;will-change:transform}
.is-enhanced .summer-team-memories{position:absolute;inset:0;margin:0}
.is-enhanced .summer-team-memories .summer-memory{position:absolute;width:17%;height:23%;will-change:transform,clip-path}
.is-enhanced .summer-team-memories .summer-memory:first-child{left:5%;top:13%;transform:rotate(-7deg)}
.is-enhanced .summer-team-memories .summer-memory:last-child{left:37%;top:11%;transform:rotate(6deg)}
.is-enhanced .summer-year .summer-copy{left:26%;top:14%;width:48%;max-width:none;margin:0}
.is-enhanced .summer-year h3{font-size:clamp(33px,4.35vw,70px);margin:16px 0 20px}
.is-enhanced .summer-year .summer-copy>p{font-size:15px;max-width:28em}
.is-enhanced .summer-year-pictures{position:absolute;inset:0;display:block;margin:0}
.is-enhanced .summer-year-pictures .summer-memory{position:absolute;margin:0;will-change:transform,clip-path}
.is-enhanced .summer-year-pictures .summer-memory:nth-child(1){left:3%;top:15%;width:20%;height:32%}
.is-enhanced .summer-year-pictures .summer-memory:nth-child(2){left:78%;top:25%;width:20%;height:28%}
.is-enhanced .summer-year-pictures .summer-memory:nth-child(3){left:10%;top:62%;width:18%;height:24%}
.is-enhanced .summer-year-pictures .summer-memory:nth-child(4){left:76%;top:65%;width:15%;height:22%}
.is-enhanced .summer-year-team{display:block;position:absolute;bottom:9%;left:30%;width:40%;height:34%;object-fit:contain;object-position:bottom}
.is-enhanced .summer-chapter.is-current{pointer-events:auto}
.is-enhanced .summer-year .summer-link{position:relative;z-index:10}
.summer-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;height:72px;z-index:20;border-top:1px solid #9886ab40;align-items:center;justify-content:space-between;gap:20px}
.is-enhanced .summer-bottom{display:flex}
.summer-scroll-note{font-size:10px;letter-spacing:.4px;display:flex;align-items:center;gap:13px}
.summer-scroll-note b{font-size:23px;font-weight:400;color:var(--summer-purple)}
.summer-chapters{display:flex;gap:8px;align-items:center}
.summer-chapters button{border:0;background:transparent;color:#8e8297;position:relative;padding:12px 13px;font-size:11px;display:flex;gap:9px;align-items:center;white-space:nowrap}
.summer-chapters button:after{content:'';position:absolute;bottom:4px;left:13px;right:13px;height:2px;background:var(--summer-purple);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.summer-chapters button[aria-pressed=true]{color:var(--summer-purple);font-weight:800}
.summer-chapters button[aria-pressed=true]:after{transform:scaleX(1)}
.summer-chapters button small{font-size:9px;opacity:.7}
.summer-counter{font-size:10px;letter-spacing:2px;font-variant-numeric:tabular-nums}

@media(min-width:1700px){.is-enhanced .summer-work .summer-copy>p,.is-enhanced .summer-year .summer-copy>p{font-size:18px}.summer-job figcaption p{font-size:15px}.summer-topline{font-size:12px}.summer-chapters button{font-size:13px}}
@media(max-width:1000px) and (min-width:761px){.summer-facts{gap:12px;font-size:10px}.summer-facts span+span{padding-left:12px}.summer-job figcaption p{font-size:11px}.summer-scroll-note{display:none}.summer-bottom{justify-content:space-between}.is-enhanced .summer-year .summer-copy{left:23%;width:54%}.is-enhanced .summer-year .summer-copy>p{font-size:13px}.summer-link{padding:13px 20px;margin-top:17px}}
@media(max-width:760px){
  .summer-story.is-enhanced{height:420svh}
  .summer-topline{padding:22px 6%;font-size:9px;letter-spacing:1px}.summer-topline a{font-size:10px}
  .summer-chapter{padding:32px 6%}.summer-story h2{font-size:10vw}.summer-story h3{font-size:9vw}.summer-eyebrow{font-size:9px;letter-spacing:1.3px}
  .summer-copy>p{font-size:14px;line-height:1.65}.summer-facts{font-size:9px;gap:14px;margin-top:20px}.summer-facts span+span{padding-left:14px}
  .summer-track{grid-template-columns:repeat(2,1fr);gap:12px}.summer-job-media{height:155px}.summer-job figcaption{padding:12px}.summer-job figcaption>span{font-size:12px}.summer-job figcaption p{font-size:11px}.summer-job figcaption small{display:none}
  .is-enhanced .summer-intro .summer-copy{left:6%;top:14%;width:88%}.is-enhanced .summer-intro h2{font-size:clamp(36px,10.5vw,56px);max-width:100%;margin:14px 0 17px}.is-enhanced .summer-intro .summer-copy>p{max-width:31em;font-size:14px}
  .is-enhanced .summer-work .summer-copy{top:13%;left:6%;right:6%;display:block}.is-enhanced .summer-work h3{font-size:clamp(30px,8.3vw,44px);margin:10px 0 12px}.is-enhanced .summer-work .summer-copy>p{font-size:12px;width:100%;max-width:29em}
  .is-enhanced .summer-track{display:grid;grid-template-columns:repeat(2,41vw);gap:2.5vw;width:84.5vw}
  .is-enhanced .summer-job{width:41vw;height:16svh;min-height:0;box-shadow:0 5px 15px #3c285215}
  .is-enhanced .summer-job-media{height:calc(100% - 36px)}.is-enhanced .summer-job figcaption{height:36px;padding:10px}.is-enhanced .summer-job figcaption>span{font-size:clamp(11px,3vw,15px);letter-spacing:-.035em}.is-enhanced .summer-job figcaption p,.is-enhanced .summer-emblem-caption{display:none}
  .is-enhanced .summer-job:first-child{min-height:0}.is-enhanced .summer-job:first-child .summer-job-media{height:calc(100% - var(--summer-spread,0)*36px)}.is-enhanced .summer-job:first-child figcaption{opacity:var(--summer-spread,0)}
  .is-enhanced .summer-floor-word{top:44%;font-size:38vw}.is-enhanced .summer-route{top:35%}
  .is-enhanced .summer-team .summer-copy{left:6%;top:13%;width:88%}.is-enhanced .summer-team h3{font-size:clamp(34px,10vw,52px);margin:14px 0 17px}.is-enhanced .summer-team .summer-copy>p{font-size:14px;max-width:30em}
  .is-enhanced .summer-team-photo{width:94%;left:3%;bottom:12%;height:38%}
  .is-enhanced .summer-team-memories .summer-memory{width:27%;height:17%}.is-enhanced .summer-team-memories .summer-memory:first-child{top:48%;left:5%}.is-enhanced .summer-team-memories .summer-memory:last-child{top:46%;left:67%}
  .is-enhanced .summer-year .summer-copy{left:6%;top:13%;width:88%}.is-enhanced .summer-year h3{font-size:clamp(32px,9.1vw,48px);margin:14px 0}.is-enhanced .summer-year .summer-copy>p{font-size:13px;max-width:28em}.summer-link{font-size:12px;padding:12px 18px;margin-top:18px}
  .is-enhanced .summer-year-pictures .summer-memory:nth-child(1){left:5%;top:49%;width:29%;height:18%}.is-enhanced .summer-year-pictures .summer-memory:nth-child(2){left:65%;top:53%;width:30%;height:17%}.is-enhanced .summer-year-pictures .summer-memory:nth-child(3){left:8%;top:73%;width:24%;height:13%}.is-enhanced .summer-year-pictures .summer-memory:nth-child(4){left:74%;top:75%;width:21%;height:12%}
  .is-enhanced .summer-year-team{width:62%;height:26%;left:19%;bottom:12%}.summer-memory{border-width:3px}.summer-memory figcaption{font-size:8px;padding:18px 7px 7px}
  .summer-bottom{left:6%;right:6%;height:64px;justify-content:center}.summer-scroll-note,.summer-counter{display:none}.summer-chapters{gap:0;width:100%;justify-content:space-between}.summer-chapters button{padding:12px 6px;font-size:10px;gap:5px}.summer-chapters button small{font-size:8px}.summer-chapters button:after{left:6px;right:6px}
  .summer-team-photo{width:100%}.summer-year-pictures{flex-wrap:wrap;gap:12px}.summer-year-pictures .summer-memory{width:calc(50% - 6px);height:175px}.summer-team-memories .summer-memory{width:50%;height:160px}
}
@media(max-height:680px) and (min-width:761px){.is-enhanced .summer-intro .summer-copy{top:18%}.is-enhanced .summer-intro h2{font-size:4.8vw}.summer-facts{margin-top:18px}.is-enhanced .summer-copy>p{font-size:14px}.is-enhanced .summer-year h3{font-size:3.7vw;margin:10px 0}.summer-link{padding:11px 20px;margin-top:15px}.summer-bottom{height:58px}}
@media(max-width:760px) and (max-height:700px){.is-enhanced .summer-intro h2{font-size:9vw;margin:12px 0}.is-enhanced .summer-intro .summer-copy>p{font-size:12px}.summer-facts{margin-top:13px}.is-enhanced .summer-team h3{font-size:8.8vw;margin:10px 0}.is-enhanced .summer-team .summer-copy>p{font-size:12px}.is-enhanced .summer-year h3{font-size:8vw;margin:10px 0}.is-enhanced .summer-year .summer-copy>p{font-size:12px}.summer-link{padding:10px 16px;margin-top:12px}.summer-topline{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.summer-chapters button:after{transition:none}}