/* Scoped adaptation of the selected World in Rotation study. */
#culture *{box-sizing:border-box}
#culture{background:#c6c6c6;color:#242421}
#culture{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#culture a{color:inherit;text-decoration:none}
#culture button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
#culture a:focus-visible,#culture button:focus-visible,#culture [tabindex="0"]:focus-visible{outline:2px solid #242421;outline-offset:5px}
#culture a:hover{text-decoration:underline;text-underline-offset:5px}
#culture .world-layout{max-width:1568px;margin:0 auto;display:grid;grid-template-columns:minmax(0,520fr) minmax(0,700fr);column-gap:64px;padding:42px 4.444444% 64px}
#culture .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 28px;font-size:12px;line-height:18px;letter-spacing:.06em}
#culture .eyebrow>span{height:8px;width:8px;background:#c7471b;flex:none}
#culture #world-title{font-size:68px;line-height:68px;letter-spacing:-.035em;font-weight:400;margin:0}
#culture .intro{font-size:18px;line-height:27px;margin:24px 0 30px;max-width:440px}
#culture .connections{display:flex;gap:0;justify-content:space-between;border-block:1px solid #8e8f89;margin-bottom:30px}
#culture .connections button{border:0;background:none;position:relative;padding:16px 4px;display:flex;align-items:center;gap:7px;min-height:52px;font-size:13px;line-height:20px;white-space:nowrap}
#culture .connections button:hover{text-decoration:underline;text-underline-offset:4px}
#culture .map-label:hover{text-decoration:underline;text-underline-offset:4px}
#culture .connections button>span{font-size:10px;color:#4c4d46;font-variant-numeric:tabular-nums}
#culture .connections button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#c7471b}
#culture .connections button[aria-selected=true]{font-weight:500}
#culture .story-and-archive{display:grid;grid-template-columns:minmax(0,1fr) 134px;gap:24px;min-height:316px}
#culture .story-meta{font-size:11px;letter-spacing:.075em;line-height:18px;margin:0 0 14px;color:#4c4d46}
#culture #story-title{font-size:28px;line-height:32px;font-weight:400;letter-spacing:-.018em;margin:0 0 18px}
#culture .story-body{font-size:16px;line-height:25px;margin:0}
#culture .archive{margin:0;padding-top:32px}
#culture .archive img{display:block;width:100%;height:auto}
#culture .archive figcaption{font-size:10px;line-height:15px;letter-spacing:.04em;margin-top:12px;color:#4c4d46}
#culture .archive figcaption span{display:block;font-size:12px;line-height:18px;letter-spacing:0;margin-top:4px}
#culture .next-links{border-top:1px solid #8e8f89;margin-top:30px;padding-top:12px;display:flex;gap:32px}
#culture .next-links a{display:flex;align-items:center;gap:20px;min-height:44px;font-size:13px;line-height:20px}
#culture .map-side{min-width:0;align-self:start;padding-top:12px}
#culture .globe{position:relative;width:calc(100% + 40px);margin-left:-20px;aspect-ratio:1}
#culture .globe>img,#culture .connections-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#culture .land{opacity:.62}
#culture .coast{opacity:.82}
#culture .connections-map{overflow:visible}
#culture .route{fill:none;stroke:#c7471b;stroke-width:1.25;stroke-dasharray:3 5;opacity:0;transition:opacity .2s ease}
#culture .route.is-active{opacity:.85}
#culture .leader{fill:none;stroke:#75766e;stroke-width:.65}
#culture .point{fill:#63645e}
#culture .point.is-active{fill:#c7471b}
#culture .halo{fill:none;stroke:currentColor;stroke-width:1;opacity:0}
#culture .point.is-active .halo{opacity:1;color:#c7471b}
#culture .map-label{position:absolute;background:transparent;border:0;padding:8px 0;min-height:36px;display:flex;align-items:center;gap:8px;font-size:10px;line-height:14px;letter-spacing:.02em;white-space:nowrap}
#culture .map-label span{font-variant-numeric:tabular-nums;font-size:9px;color:#4c4d46}
#culture .map-label.is-active{font-weight:600}
#culture .map-label.is-active::before{content:"";width:5px;height:5px;background:#c7471b;position:absolute;left:-12px}
#culture .label-roots{left:44.1%;top:50.2%}
#culture .label-new-york{left:4%;top:26.2%}
#culture .label-uk{left:71%;top:17.5%}
#culture .label-philadelphia{left:5%;top:36.4%}
#culture .map-caption{margin:4px 32px 0;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #8e8f89;padding-top:18px;font-size:11px;line-height:18px}
#culture .map-caption p{margin:0}
#culture .map-caption p:first-child{font-size:10px;letter-spacing:.075em}
#culture .map-note{margin:12px 32px 0;text-align:right;font-size:12px;line-height:18px;color:#4c4d46}
@media(min-width:1600px){#culture .world-layout{padding-inline:64px}}
@media(max-width:1100px){#culture .world-layout{column-gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#culture #world-title{font-size:60px;line-height:60px}
#culture .story-and-archive{grid-template-columns:minmax(0,1fr) 100px;gap:18px}
#culture .connections button{font-size:12px;gap:4px}
#culture .map-label{font-size:8px;gap:4px}
#culture .map-label span{display:none}
#culture .map-caption{flex-direction:column;gap:8px;margin-inline:0}
#culture .map-note{margin-inline:0;text-align:left}}
@media(max-width:800px){#culture .world-layout{display:flex;flex-direction:column;padding:30px 24px 40px;gap:24px}
#culture .eyebrow{font-size:10px;letter-spacing:.04em;margin-bottom:22px}
#culture #world-title{font-size:56px;line-height:56px}
#culture .intro{font-size:17px;line-height:25px;margin:20px 0 24px}
#culture .connections{margin-bottom:26px}
#culture .connections button{font-size:12px;padding:12px 0;min-height:48px}
#culture .connections button>span{display:none}
#culture .story-and-archive{display:flex;flex-direction:column;gap:24px;min-height:0}
#culture #connection-panel{min-height:275px}
#culture #story-title{font-size:28px;line-height:32px}
#culture .story-body{font-size:16px;line-height:24px}
#culture .archive{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:end;gap:18px;padding-top:0}
#culture .archive figcaption{margin:0}
#culture .connections button{flex:1;justify-content:center}
#culture .archive figcaption{font-size:9px}
#culture .archive figcaption span{font-size:11px;line-height:16px}
#culture .next-links{gap:24px;margin-top:24px}
#culture .next-links a{font-size:12px;gap:12px}
#culture .map-side{padding-top:0;width:100%}
#culture .globe{width:calc(100% + 24px);margin-left:-12px}
#culture .map-label{font-size:8px;min-height:34px}
#culture .label-new-york{left:1%;top:25.2%}
#culture .label-uk{left:70%;top:17.5%}
#culture .map-caption{margin-top:0;flex-direction:row;font-size:10px;gap:12px}
#culture .map-caption p:first-child{font-size:9px}
#culture .map-note{text-align:left;font-size:11px}}
@media(max-width:359px){#culture .world-layout{padding-inline:18px}
#culture #world-title{font-size:52px;line-height:52px}
#culture .story-and-archive{grid-template-columns:minmax(0,1fr) 88px;gap:16px}
#culture .connections button{font-size:11px}
#culture .story-body{font-size:16px;line-height:24px}
#culture #connection-panel{min-height:320px}
#culture .map-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){#culture *{scroll-behavior:auto!important;transition:none!important}}
#culture .journey-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.5fr);gap:16px;align-items:center;border-top:1px solid #8e8f89;margin-top:28px;padding-top:12px}
#culture .journey-nav button{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:8px 0;min-height:56px;text-align:left;font-size:13px;line-height:20px}
#culture .journey-nav button:disabled{opacity:.45;cursor:default}
#culture .journey-nav button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}
#culture #connection-next{justify-content:space-between;gap:16px}
#culture #connection-next>span:first-child{display:flex;flex-direction:column;gap:3px}
#culture #next-kicker{font-size:9px;line-height:14px;letter-spacing:.08em;color:#4c4d46}
#culture #next-place{font-weight:500}
#culture #next-arrow{font-size:21px}
#culture .journey-count{font-size:11px;font-variant-numeric:tabular-nums;color:#4c4d46;white-space:nowrap}
#culture .chapter-bridge{font-size:13px;line-height:20px;color:#4c4d46;margin:12px 0 0;min-height:40px;max-width:390px}
#culture .next-links{border-top:0;margin-top:14px;padding-top:0}
#culture .next-links.is-complete a:last-child{text-decoration:underline;text-underline-offset:4px}
#culture .journey-route{fill:none;stroke:#c7471b;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:0}
#culture .journey-trail{fill:none;stroke:#805e52;stroke-width:.7;stroke-dasharray:3 5;opacity:.45}
#culture .journey-traveller{fill:#c7471b;stroke:#c6c6c6;stroke-width:1.2}
#culture .point.is-visited:not(.is-active){fill:#88624f}
#culture .point .halo{transform-box:fill-box;transform-origin:center}
#culture .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:800px){#culture .map-side{margin:0 0 22px}
#culture .globe{max-width:390px;margin-inline:auto;width:100%}
#culture .map-caption{padding-top:12px}
#culture .map-note{margin-top:6px;margin-bottom:18px}
#culture .journey-nav{gap:12px;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.5fr);margin-top:24px}
#culture .journey-nav button{font-size:12px}
#culture .journey-count{font-size:10px}
#culture .chapter-bridge{font-size:12px;min-height:40px}
#culture .connections{scroll-margin-top:12px}
#culture .map-side{scroll-margin-top:16px}}
#culture{position:relative;height:auto;min-height:900px;scroll-margin-top:0}
#culture #world-title{outline:none}
#culture .world-layout{padding-top:64px;padding-bottom:64px}
.about-world-link{background:#c6c6c6;padding:0 32px 48px;color:#111}
.about-world-link a{display:inline-flex;flex-direction:column;gap:6px;min-height:44px;text-decoration:none}
.about-world-link a>span{font-size:14px;line-height:22px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){#culture{min-height:0}#culture .world-layout{padding-top:48px;padding-bottom:48px}.about-world-link{padding:0 24px 40px}}

@media(min-width:801px){
 #culture .world-layout{padding-top:48px}
 #culture .intro{margin-top:20px;margin-bottom:24px}
 #culture .connections{margin-bottom:24px}
 #culture .story-and-archive{min-height:280px}
 #culture .archive{padding-top:0}
}
@media(min-width:1101px){#culture #world-title{font-size:64px;line-height:66px}}
#culture :is(button,a,[tabindex="0"]){scroll-margin-bottom:140px}

@media(min-width:801px){
 #culture .globe{width:100%;max-width:690px;margin-left:0}
 #culture .chapter-bridge{display:none}
 #culture .next-links{margin-top:4px}
 #culture .map-caption{padding-top:14px}
 #culture .map-note{margin-top:8px}
}
