/* World Space Seoul: a visual case study, with one readable column on phones. */
.world-space-page { font-size:17px; line-height:1.6; }
.world-space-page .chapter-nav { grid-template-columns:repeat(4,1fr); }
.world-space-page .small-label { font-size:13px; line-height:1.4; }
.world-space-page figcaption { display:block; font-size:12px; line-height:1.5; margin-top:10px; padding-top:10px; text-transform:uppercase; }
.world-space-page .photo-plus { width:36px; height:36px; font-size:24px; }
.world-space-page main section[id] { scroll-margin-top:8px; }
.world-space-page .ws-intro { padding-top:35px; }
.ws-kicker { color:var(--grey); }
.ws-title { display:grid; grid-template-columns:1fr 280px; gap:50px; align-items:end; margin:28px 0 23px; }
.world-space-page h1 { font-size:clamp(76px,8.9vw,140px); line-height:.92; }
.ws-edition { position:relative; border-top:1px solid var(--ink); padding:16px 82px 8px 0; }
.ws-edition .small-label { color:var(--purple); }
.ws-edition p { font-size:20px; line-height:1.3; margin-top:14px; }
.ws-edition img { position:absolute; width:68px; height:auto; right:0; bottom:14px; }
.ws-role { font-size:14px; line-height:1.5; margin:0 0 35px; }
.ws-role span { color:var(--grey); }
.ws-hero img { aspect-ratio:1.85; object-position:50% 63%; }
.ws-brief { display:grid; grid-template-columns:1fr 1.05fr; gap:8%; padding:65px 0 48px; }
.ws-brief h2 { font-size:clamp(44px,4.9vw,74px); margin-top:22px; }
.ws-brief-copy p { max-width:55ch; }
.ws-brief-copy em { font-style:normal; }
.ws-summary { color:#4a4054; }
.world-space-page .ws-film .film-stage { aspect-ratio:16/9; background:#dfdcd7; }
.world-space-page .ws-film video { object-fit:contain; object-position:center; }
.world-space-page .ws-film .film-toggle { min-height:44px; font-size:13px; padding:10px 14px; left:16px; bottom:16px; }
.ws-intro>.ws-film { width:78%; margin-left:auto; }
.ws-section { padding-top:80px; padding-bottom:72px; }
.world-space-page .section-rail { margin-bottom:32px; }
.ws-section-heading { display:grid; grid-template-columns:1.25fr 1fr; gap:8%; align-items:end; margin-bottom:36px; }
.ws-section-heading h2 { font-size:clamp(48px,5.5vw,88px); }
.ws-section-heading p { max-width:43ch; }
.ws-wide img { aspect-ratio:1.9; object-position:50% 52%; }
.ws-experiences { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:48px; }
.ws-experiences article:nth-child(2) { padding-top:65px; }
.ws-experiences img { aspect-ratio:3000/2001; height:auto; }
.ws-experiences h3 { font-size:36px; line-height:1.05; margin:24px 0 14px; }
.ws-experiences p { max-width:48ch; }
.ws-keyrings { display:grid; grid-template-columns:.85fr 1fr; gap:40px; margin-top:64px; align-items:start; }
.ws-keyrings>.photo { margin-top:60px; }
.ws-keyrings img { aspect-ratio:3/2; height:auto; }
.ws-keyrings h3 { font-size:36px; line-height:1.05; margin:24px 0 14px; }
.ws-keyrings p { max-width:43ch; }
.ws-art-story { margin-top:72px; }
.ws-story-heading { border-top:1px solid var(--line); padding-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:8%; margin-bottom:30px; align-items:end; }
.ws-story-heading h3 { font-size:clamp(36px,3.8vw,58px); line-height:1.05; margin-top:20px; }
.ws-art-wide img { aspect-ratio:1.94; }
.ws-art-pair { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:36px; align-items:start; width:100%; }
.ws-art-pair .photo img { aspect-ratio:3000/2001; height:auto; }
.ws-art-pair>div { padding-top:55px; }
.ws-side-note { font-size:21px; line-height:1.3; margin-top:25px; transform:rotate(-2deg); }
.ws-funnel { display:grid; grid-template-columns:1fr 1.1fr; gap:8%; align-items:center; padding-top:65px; }
.ws-funnel-copy h3 { font-size:clamp(38px,4vw,60px); margin:20px 0; }
.ws-funnel .photo img { aspect-ratio:1.15; object-position:55% center; }
.ws-journey { list-style:none; padding:0; margin:25px 0 0; border-top:1px solid var(--line); }
.ws-journey li { display:flex; gap:18px; padding:11px 0; border-bottom:1px solid var(--line); font-size:14px; }
.ws-journey li span { color:var(--purple); }
.ws-creators { background:#eeede9; }
.ws-guest-wide { width:82%; }
.ws-guest-wide img { aspect-ratio:1.94; }
.ws-creator-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:45px; margin-left:13%; }
.ws-creator-strip img { aspect-ratio:auto; }
.ws-creator-strip .photo:nth-child(2) { margin-top:35px; }
.ws-creator-strip .photo:nth-child(3) { margin-top:70px; }
.ws-source-note { font-size:12px; color:var(--grey); margin:18px 0 0 13%; }
.ws-orb-bag { margin-top:65px; }
.ws-orb-bag>.photo img { aspect-ratio:1.75; object-position:center; }
.ws-fan-moment { display:grid; grid-template-columns:1.5fr .75fr; gap:6%; margin-top:45px; align-items:center; }
.ws-fan-moment>p { font-size:22px; line-height:1.4; }
.ws-fan-moment>p>span { display:block; font-size:16px; line-height:1.6; margin-top:19px; }
.ws-impact h2 { font-size:clamp(45px,5vw,78px); margin-bottom:38px; }
.ws-outcomes { border-top:1px solid var(--ink); }
.ws-outcomes>div { display:grid; grid-template-columns:1fr 1.45fr; gap:10%; border-bottom:1px solid var(--line); padding:26px 0; }
.ws-outcomes dt { font-family:var(--display); font-size:32px; line-height:1.05; text-transform:uppercase; letter-spacing:-.02em; }
.ws-outcomes p { max-width:58ch; }
.ws-measure { display:block; font-size:13px; line-height:1.5; color:var(--grey); margin-top:14px; }
.ws-closing-image { margin:48px 0 0 22%; }
.ws-closing-image img { aspect-ratio:1.7; }
.ws-details { display:grid; grid-template-columns:1fr 1.65fr; gap:8%; padding-top:10px; padding-bottom:65px; }
.ws-details h2 { font-size:40px; margin-top:18px; }
.ws-details dl { border-top:1px solid var(--ink); }
.ws-details dl>div { display:grid; grid-template-columns:145px 1fr; gap:22px; padding:16px 0; border-bottom:1px solid var(--line); }
.ws-details dt { font-size:12px; color:var(--grey); }
.ws-details dd { font-size:14px; line-height:1.6; }
@media(max-width:1000px) {
 .ws-title { grid-template-columns:1fr 210px; gap:30px; }
 .ws-edition { padding-right:55px; }.ws-edition p { font-size:17px; }.ws-edition img { width:48px; }
 .ws-brief,.ws-section-heading,.ws-story-heading,.ws-funnel { gap:5%; }
 .ws-experiences { gap:25px; }.ws-experiences h3 { font-size:30px; }
 .ws-creator-strip { margin-left:6%; gap:20px; }.ws-source-note { margin-left:6%; }
 .ws-details { grid-template-columns:.7fr 1.5fr; gap:5%; }.ws-details dl>div { grid-template-columns:110px 1fr; gap:15px; }
}
@media(max-width:700px) {
 .world-space-page { --gutter:22px; font-size:16px; line-height:1.65; }
 .world-space-page .header-bar { grid-template-columns:112px 1fr; min-height:62px; }
 .world-space-page .wordmark { font-size:30px; padding:12px 17px 10px; }
 .world-space-page .wordmark>span:first-child { font-size:10px; }
 .world-space-page .header-arrow,.world-space-page .header-location,.world-space-page .breadcrumb>span { display:none; }
 .world-space-page .breadcrumb { padding:12px 18px; display:flex; justify-content:flex-end; }
 .world-space-page .work-menu summary { font-size:12px; }
 .world-space-page .work-menu-panel { right:-18px; left:auto; width:min(310px,86vw); top:calc(100% + 20px); }
 .world-space-page .work-menu-panel a { font-size:13px; padding:12px; }
 .world-space-page .nav-link { font-size:16px; font-family:var(--display); padding:13px 4px 12px; min-height:44px; }
 .world-space-page .small-label,.world-space-page figcaption { font-size:12px; }
 .world-space-page .ws-intro { padding-top:24px; }
 .ws-title { grid-template-columns:1fr; gap:22px; margin:22px 0 18px; }
 .world-space-page h1 { font-size:clamp(54px,12.5vw,86px); line-height:.94; }
 .ws-edition { display:flex; align-items:center; gap:16px; border-top:0; border-left:3px solid var(--purple); padding:0 50px 0 13px; min-height:48px; }
 .ws-edition .small-label { white-space:nowrap; }.ws-edition p { font-size:14px; margin:0; line-height:1.4; }
 .ws-edition img { width:43px; bottom:3px; }
 .ws-role { font-size:13px; margin-bottom:26px; }
 .ws-hero img { aspect-ratio:4/3; object-position:50% 65%; }
 .ws-brief { grid-template-columns:1fr; gap:24px; padding:42px 0 32px; }
 .ws-brief h2 { font-size:44px; margin-top:15px; }
 .ws-intro>.ws-film { width:100%; }
 .ws-section { padding-top:52px; padding-bottom:48px; }
 .world-space-page .section-rail { margin-bottom:26px; gap:15px; }
 .section-rail>span:last-child { max-width:19ch; }
 .ws-section-heading,.ws-story-heading { grid-template-columns:1fr; gap:22px; margin-bottom:26px; }
 .ws-section-heading h2 { font-size:clamp(38px,10vw,60px); line-height:1.02; }
 .ws-section-heading p { max-width:none; }
 .ws-wide img { aspect-ratio:1.5; }
 .ws-experiences { grid-template-columns:1fr; gap:38px; margin-top:30px; }
 .ws-experiences article:nth-child(2) { padding-top:0; }
 .ws-experiences h3 { font-size:31px; margin-top:20px; }
 .ws-experiences p { max-width:none; }
 .ws-keyrings { grid-template-columns:1fr; gap:26px; margin-top:42px; }
 .ws-keyrings>.photo { margin-top:0; }
 .ws-keyrings h3 { font-size:31px; margin-top:20px; }
 .ws-keyrings p { max-width:none; }
 .ws-art-story { margin-top:42px; }
 .ws-story-heading h3 { font-size:35px; margin-top:16px; }
 .ws-art-wide img { aspect-ratio:1.5; object-position:60% center; }
 .ws-art-pair { width:100%; margin-top:25px; gap:25px; grid-template-columns:1fr; }
 .ws-art-pair>.photo { width:100%; }
 .ws-art-pair>div { padding-top:0; }.ws-side-note { font-size:18px; margin-top:20px; }
 .ws-funnel { grid-template-columns:1fr; gap:30px; padding-top:44px; }
 .ws-funnel-copy h3 { font-size:38px; }
 .ws-journey li { font-size:14px; padding:12px 0; }
 .ws-funnel .photo img { aspect-ratio:1.6; }
 .ws-guest-wide { width:100%; }.ws-guest-wide img { aspect-ratio:1.5; }
 .ws-creator-strip { margin:30px 0 0; grid-template-columns:1fr 1fr; gap:24px 18px; }
 .ws-creator-strip .photo:nth-child(2) { margin-top:40px; }.ws-creator-strip .photo:nth-child(3) { grid-column:1; margin-top:-10px; }
 .ws-creator-strip figcaption { text-transform:none; overflow-wrap:anywhere; }
 .ws-source-note { margin-left:0; }
 .ws-orb-bag { margin-top:42px; }
 .ws-orb-bag>.photo img { aspect-ratio:1.5; }
 .ws-fan-moment { grid-template-columns:1fr; gap:22px; margin-top:30px; }
 .ws-fan-moment>p { font-size:19px; }.ws-fan-moment>p>span { margin-top:12px; }
 .ws-impact h2 { font-size:43px; margin-bottom:28px; }
 .ws-outcomes>div { grid-template-columns:1fr; gap:15px; padding:24px 0; }
 .ws-outcomes dt { font-size:28px; }.ws-measure { font-size:13px; }
 .ws-closing-image { margin:32px 0 0; }.ws-closing-image img { aspect-ratio:1.4; }
 .ws-details { grid-template-columns:1fr; gap:25px; padding-top:0; padding-bottom:42px; }
 .ws-details h2 { font-size:34px; margin-top:12px; }
 .ws-details dl>div { grid-template-columns:1fr; gap:8px; padding:16px 0; }
 .ws-details dd { font-size:15px; }.ws-details dt { font-size:12px; }
 .world-space-page .related-project>.small-label,.world-space-page .footer-bottom,.world-space-page .back-top { font-size:12px; }
 .world-space-page .footer-main>p { font-size:15px; }
 .world-space-page .ws-film .film-toggle { left:10px; bottom:10px; font-size:12px; padding:10px 12px; }
}
@media(max-width:390px) {
 .world-space-page { --gutter:18px; padding:7px; }
 .ws-edition { gap:10px; }.ws-edition p { font-size:13px; }.ws-edition img { width:38px; }
 .world-space-page h1 { font-size:52px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }.world-space-page .photo-button img { transition:none; }
}
/* Long case-study chapter jumps should land directly, without a lengthy animated scroll. */
html { scroll-behavior:auto; }
@media(max-width:700px) {
 .world-space-page .header-bar { min-height:54px; }
 .world-space-page .wordmark { font-size:28px; padding:9px 17px 8px; }
 .world-space-page .wordmark>span:first-child { font-size:9px; }
}