/* Gabriel reference: quiet left title, one right-hand image, folded vertical neighbours. */
#campus.campus-reel{--reel-paper:#f6f6f6;--reel-ink:#443c37;--reel-muted:#786d64;--reel-accent:#d74712;--reel-selected:#ae390d;--reel-card:min(26.8vw,460px);position:relative;display:block;isolation:isolate;overflow:hidden;min-height:680px;height:100svh;padding:0;background:var(--reel-paper);color:var(--reel-ink);font-family:var(--chapter-sans);scroll-margin-top:0}
#campus.campus-reel::before,#campus.campus-reel::after{display:none}
#campus .campus-reel-copy{position:absolute;z-index:3;left:17.85%;top:50%;transform:translateY(-50%);width:34%;max-width:490px}
#campus #campus-title{font-family:LingxiScene,var(--chapter-sans);font-size:clamp(30px,2.7vw,44px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0;color:var(--reel-accent)}
#campus .campus-reel-subtitle{font-size:clamp(30px,2.7vw,44px);font-weight:500;line-height:1.25;letter-spacing:-.035em;color:var(--reel-ink);margin:3px 0 0}
#campus .campus-reel-albums{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:28px;max-width:390px}
#campus .campus-reel-albums button{font:inherit;font-size:14px;min-height:36px;border:0;border-bottom:1px solid transparent;padding:4px 0;color:#685d55;white-space:nowrap;background:transparent;transition:color .2s,border-color .2s}
#campus .campus-reel-albums button[aria-selected=true]{color:var(--reel-selected);border-color:var(--reel-selected)}
#campus .campus-reel-albums button:hover{color:var(--reel-selected)}
#campus .campus-reel-topics{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:9px;max-width:370px;min-height:32px}
#campus .campus-reel-topics button{border:0;padding:5px 0;min-height:28px;font-size:12px;color:#776c63;background:transparent;white-space:nowrap}
#campus .campus-reel-topics button[aria-pressed=true]{color:var(--reel-selected);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#bb9787}
#campus .campus-reel-navigation{display:flex;align-items:center;gap:6px;margin-top:28px}
#campus .campus-reel-navigation button{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:white;color:#88563f;border:0;transition:background .2s,transform .25s}
#campus .campus-reel-navigation button:hover{background:#eaeaea;transform:translateY(-2px)}
#campus .campus-reel-navigation button:disabled{opacity:.4;transform:none}
#campus .campus-reel-navigation svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#campus #campus-counter{font-size:12px;font-variant-numeric:tabular-nums;color:#786d64;margin-left:14px;letter-spacing:.08em}
#campus #campus-counter b{font-weight:500;color:#443c37}
#campus #campus-reel-panel{position:absolute;inset:0;pointer-events:none}
#campus .campus-reel-stage{position:absolute;left:70.5%;top:0;bottom:0;width:40%;transform:translateX(-50%);perspective:1100px;perspective-origin:50% 50%;touch-action:pan-x pinch-zoom;user-select:none;pointer-events:none}
#campus .campus-reel-photo{position:absolute;top:50%;left:50%;width:var(--reel-card);aspect-ratio:335/344;padding:0;border:0;background:transparent;text-align:left;opacity:var(--reel-opacity,1);transform:translate(-50%,-50%) translate3d(0,var(--reel-y,0px),var(--reel-z,0px)) rotateX(var(--reel-angle,0deg)) scale(var(--reel-scale,1));transform-origin:50% 50%;backface-visibility:visible;pointer-events:auto;cursor:grab;outline-offset:6px;touch-action:pan-x pinch-zoom}
#campus .campus-reel-photo[aria-hidden=true]{visibility:hidden;pointer-events:none}
#campus .campus-reel-surface{position:relative;display:block;width:100%;height:100%;aspect-ratio:335/344;overflow:hidden;border-radius:32px;background:#eaeaea;box-shadow:0 1px 2px #00000005}
#campus .campus-reel-photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
#campus .campus-reel-photo.is-current .campus-reel-surface{box-shadow:0 9px 24px #15151508}
#campus .campus-reel-surface::after{content:'';position:absolute;inset:0;z-index:2;background:#eaeaea;opacity:var(--reel-wash,0);pointer-events:none}
#campus .campus-reel-caption{position:absolute;inset:auto 0 0;padding:42px 28px 28px;display:flex;flex-direction:column;gap:5px;color:#fff;background:linear-gradient(transparent,#0009);font-size:14px;line-height:1.4;pointer-events:none}
#campus .campus-reel-caption small{font-size:10px;font-weight:400;opacity:.8}
#campus .campus-reel-stage.is-dragging .campus-reel-photo{cursor:grabbing}
#campus .campus-reel-stage.is-moving .campus-reel-photo,#campus .campus-reel-stage.is-dragging .campus-reel-photo{will-change:transform,opacity}
#campus .campus-reel-stage.is-dragging .campus-reel-surface{transform:none;transition:none}
#campus .campus-reel-dots{position:absolute;left:93.3%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;z-index:2}
#campus .campus-reel-dots button{display:grid;place-items:center;width:24px;height:24px;border:0;background:none;padding:0}
#campus .campus-reel-dots button::before{content:'';width:3px;height:3px;border-radius:50%;background:#c9c9c9;transition:background .25s,transform .25s}
#campus .campus-reel-dots button[aria-pressed=true]::before{background:var(--reel-selected);transform:scale(1.4)}
#campus .campus-reel-help{position:absolute;left:70.5%;top:calc(50% + var(--reel-card)*.514 + 30px);transform:translateX(-50%);font-size:10px;color:#786d64;text-align:center;white-space:nowrap;pointer-events:none}
#campus .campus-reel-touch-help{display:none}
#campus button:focus-visible{outline:2px solid #b73c12;outline-offset:4px}
@media(min-width:1600px){#campus.campus-reel{--reel-card:min(26.8vw,490px)}}
@media(max-width:1000px) and (min-width:701px){#campus.campus-reel{--reel-card:33vw}#campus .campus-reel-copy{left:9%;width:37%}#campus .campus-reel-albums{gap:5px 14px}#campus .campus-reel-stage,#campus .campus-reel-help{left:71%}}
@media(max-width:700px){
 #campus.campus-reel{--reel-card:min(78vw,350px,calc((100svh - 320px)*.76));height:100svh;min-height:680px}
 #campus .campus-reel-copy{inset:26px 22px auto;width:auto;max-width:none;transform:none;text-align:center;pointer-events:none}
 #campus #campus-title,#campus .campus-reel-subtitle{font-size:24px;line-height:1.18}
 #campus .campus-reel-subtitle{margin-top:3px}
 #campus .campus-reel-albums{justify-content:center;flex-wrap:nowrap;max-width:none;gap:14px;margin-top:16px;pointer-events:auto}
 #campus .campus-reel-albums button{font-size:12px;min-height:32px}
 #campus .campus-reel-topics{justify-content:center;max-width:none;gap:2px 12px;margin-top:4px;pointer-events:auto}
 #campus .campus-reel-navigation{position:absolute;top:calc(100svh - 120px);left:50%;transform:translateX(-50%);margin:0;pointer-events:auto}
 #campus .campus-reel-navigation button{width:54px;height:54px;flex-shrink:0}
 #campus #campus-counter{position:absolute;left:50%;top:-30px;transform:translateX(-50%);margin:0;white-space:nowrap}
 #campus .campus-reel-stage{left:50%;width:100%;mask-image:linear-gradient(transparent 155px,#000 172px,#000 calc(100% - 150px),transparent calc(100% - 130px))}
 #campus .campus-reel-surface{border-radius:30px}
 #campus .campus-reel-caption{font-size:13px;padding:42px 24px 24px}
 #campus .campus-reel-dots{left:auto;right:12px;transform:translateY(-50%)}
 #campus .campus-reel-dots button{height:24px}
 #campus .campus-reel-help{left:50%;font-size:9px;top:auto;bottom:140px}
}
@media(max-width:370px){#campus .campus-reel-albums{gap:12px}#campus .campus-reel-dots{right:5px}}
@media(hover:none){#campus .campus-reel-pointer-help{display:none}#campus .campus-reel-touch-help{display:inline}}
@media(prefers-reduced-motion:reduce){#campus .campus-reel-surface,#campus .campus-reel-navigation button,#campus .campus-reel-light{transition:none;transform:none}}
.motion-off #campus .campus-reel-surface,.motion-off #campus .campus-reel-navigation button,.motion-off #campus .campus-reel-light{transition:none;transform:none}