/* World Chat Pocha: a partnership made visible through a shared experience. */
html { scroll-behavior:auto; }
.pocha-refined { font-size:17px; line-height:1.6; }
.pocha-refined .chapter-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
.pocha-refined .small-label { font-size:13px; line-height:1.45; }
.pocha-refined figcaption { display:block; font-size:12px; line-height:1.5; margin-top:10px; padding-top:10px; }
.pocha-refined .photo-plus { width:36px; height:36px; font-size:24px; }
.pocha-refined .photo-button img { height:auto; aspect-ratio:auto; }
.pocha-refined main section[id] { scroll-margin-top:8px; }
.pocha-refined main section>div>* { min-width:0; }
.case-intro { padding-top:35px; }
.case-title { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:50px; align-items:end; margin:28px 0 36px; }
.pocha-refined h1 { font-size:clamp(70px,8.2vw,128px); line-height:.92; }
.case-format { position:relative; border-top:1px solid var(--ink); padding:16px 76px 8px 0; }
.case-format .small-label { color:#756087; }
.case-format p { font-size:19px; line-height:1.35; margin-top:14px; }
.case-format img { width:65px; height:auto; position:absolute; right:0; bottom:12px; }
.case-hero { width:88%; }
.case-brief { display:grid; grid-template-columns:1fr 1.1fr; gap:8%; padding:65px 0 0; }
.case-brief h2 { font-size:clamp(44px,5vw,76px); margin-top:22px; }
.case-brief p { max-width:55ch; }
.case-summary { color:#4a4054; }
.case-section { padding-top:75px; padding-bottom:65px; }
.pocha-refined .section-rail { margin-bottom:32px; }
.case-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:8%; align-items:end; margin-bottom:36px; }
.case-heading h2,.case-section>h2 { font-size:clamp(48px,5.5vw,88px); }
.case-heading p { max-width:46ch; }
.case-partner-evidence { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.5fr); gap:9%; align-items:center; }
.case-booking { max-width:280px; margin:auto; width:100%; }
.case-booking .photo-button { border:1px solid var(--line); border-radius:12px; }
.case-journey { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; list-style:none; padding:26px 0 0; margin:45px 0 0; border-top:1px solid var(--ink); }
.case-journey li { min-width:0; }
.case-journey .small-label { color:#756087; }
.case-journey h3 { font-size:32px; margin:17px 0 15px; text-transform:uppercase; }
.case-journey p { font-size:16px; line-height:1.6; }
.case-identity { display:grid; grid-template-columns:1.65fr 1fr; gap:8%; align-items:center; }
.case-identity>.photo:nth-child(2) { width:90%; margin-left:auto; }
.case-subheading { display:grid; grid-template-columns:1.2fr 1fr; gap:8%; align-items:end; border-top:1px solid var(--line); padding-top:26px; margin:55px 0 30px; }
.case-subheading h3 { font-size:clamp(36px,4vw,62px); }
.case-subheading p { max-width:44ch; }
.case-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; align-items:start; }
.case-pair>.photo:nth-child(2) { margin-top:50px; }
.case-service-pair { margin-top:50px; }
.case-service-pair>.photo:first-child { width:90%; }
.case-creators { background:#eeede9; }
.case-creator-stills { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; align-items:start; max-width:1050px; margin:0 auto; }
.case-creator-stills>.photo:nth-child(2) { margin-top:50px; }
.case-creator-stills>.photo:nth-child(3) { margin-top:100px; }
.case-outcomes { margin-top:35px; border-top:1px solid var(--ink); }
.case-outcomes>div { display:grid; grid-template-columns:1fr 1.4fr; gap:10%; border-bottom:1px solid var(--line); padding:26px 0; }
.case-outcomes dt { font-family:var(--display); font-size:32px; line-height:1.05; text-transform:uppercase; letter-spacing:-.02em; }
.case-outcomes dd>span { display:block; font-size:13px; color:var(--grey); line-height:1.5; margin-top:13px; }
.case-closing { width:82%; margin:55px 0 0 auto; }
.case-details { display:grid; grid-template-columns:1fr 1.65fr; gap:8%; padding-bottom:65px; }
.case-details h2 { font-size:40px; margin-top:18px; }
.case-details dl { border-top:1px solid var(--ink); }
.case-details dl>div { display:grid; grid-template-columns:135px 1fr; gap:22px; padding:16px 0; border-bottom:1px solid var(--line); }
.case-details dt { font-size:12px; color:var(--grey); }
.case-details dd { font-size:14px; line-height:1.6; }
@media(max-width:1000px) {
 .case-title { grid-template-columns:minmax(0,1fr) 235px; gap:25px; }
 .case-format { padding-right:55px; }.case-format p { font-size:17px; }.case-format img { width:48px; }
 .case-brief,.case-heading,.case-identity,.case-subheading { gap:5%; }
 .case-partner-evidence { gap:6%; grid-template-columns:minmax(180px,.65fr) minmax(0,1.4fr); }
 .case-booking { max-width:235px; }
 .case-pair,.case-creator-stills { gap:25px; }
 .case-journey { gap:24px; }.case-journey h3 { font-size:28px; }
 .case-details { grid-template-columns:.7fr 1.5fr; gap:5%; }.case-details dl>div { grid-template-columns:105px 1fr; gap:15px; }
}
@media(max-width:760px) {
 .pocha-refined { --gutter:22px; --header:102px; font-size:16px; line-height:1.65; }
 .pocha-refined .header-bar { grid-template-columns:112px minmax(0,1fr); min-height:54px; }
 .pocha-refined .wordmark { font-size:28px; padding:9px 17px 8px; }
 .pocha-refined .wordmark>span:first-child { font-size:9px; }
 .pocha-refined .header-arrow,.pocha-refined .header-location,.pocha-refined .breadcrumb>span { display:none; }
 .pocha-refined .breadcrumb { padding:12px 18px; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
 .pocha-refined .work-menu summary { font-size:12px; }
 .pocha-refined .work-menu-panel { right:-18px; left:auto; width:min(310px,86vw); top:calc(100% + 20px); }
 .pocha-refined .work-menu-panel a { font-size:13px; padding:12px; }
 .pocha-refined .nav-link { font-family:var(--display); font-size:15px; padding:13px 3px 12px; min-height:44px; white-space:nowrap; }
 .pocha-refined .nav-link span { display:none; }
 .pocha-refined .small-label,.pocha-refined figcaption { font-size:12px; }
 .case-intro { padding-top:24px; }
 .case-title { grid-template-columns:1fr; gap:22px; margin:22px 0 26px; }
 .pocha-refined h1 { font-size:clamp(40px,11vw,80px); line-height:.94; }
 .case-format { display:flex; gap:17px; align-items:center; border-top:0; border-left:3px solid var(--purple); padding:0 48px 0 13px; min-height:48px; }
 .case-format .small-label { max-width:9ch; }
 .case-format p { font-size:14px; line-height:1.4; margin:0; }.case-format img { width:40px; bottom:4px; }
 .case-hero,.case-closing { width:100%; }
 .case-brief { grid-template-columns:1fr; gap:24px; padding:40px 0 0; }
 .case-brief h2 { font-size:42px; margin-top:15px; }
 .case-section { padding-top:50px; padding-bottom:45px; }
 .pocha-refined .section-rail { margin-bottom:26px; gap:15px; }
 .pocha-refined .section-rail>span:last-child { max-width:19ch; }
 .case-heading,.case-subheading { grid-template-columns:1fr; gap:22px; margin-bottom:26px; }
 .case-heading h2,.case-section>h2 { font-size:clamp(38px,10vw,60px); line-height:1.02; }
 .case-heading p,.case-brief p,.case-subheading p { max-width:none; }
 .case-partner-evidence { grid-template-columns:1fr; gap:30px; }
 .case-booking { max-width:280px; width:82%; }
 .case-journey { grid-template-columns:1fr; gap:24px; margin-top:30px; padding-top:24px; }
 .case-journey li+li { border-top:1px solid var(--line); padding-top:24px; }
 .case-journey h3 { font-size:28px; margin:13px 0 12px; }
 .case-identity { grid-template-columns:1fr; gap:27px; }
 .case-identity>.photo:nth-child(2) { width:80%; max-width:360px; margin:0 auto; }
 .case-pair { grid-template-columns:1fr; gap:27px; }
 .case-pair>.photo:nth-child(2) { margin-top:0; }
 .case-service-pair { margin-top:27px; }.case-service-pair>.photo:first-child { width:100%; }
 .case-subheading { margin-top:40px; padding-top:23px; }.case-subheading h3 { font-size:34px; }
 .case-creator-stills { grid-template-columns:1fr; gap:30px; max-width:320px; width:100%; }
 .case-creator-stills>.photo:nth-child(n) { margin-top:0; }
 .case-outcomes { margin-top:28px; }.case-outcomes>div { grid-template-columns:1fr; gap:15px; padding:24px 0; }
 .case-outcomes dt { font-size:28px; }.case-outcomes dd>span { font-size:13px; }
 .case-closing { margin-top:35px; }
 .case-details { grid-template-columns:1fr; gap:25px; padding-bottom:42px; }
 .case-details h2 { font-size:34px; margin-top:12px; }
 .case-details dl>div { grid-template-columns:1fr; gap:8px; padding:16px 0; }.case-details dd { font-size:15px; }
 .pocha-refined .related-project>.small-label,.pocha-refined .footer-bottom,.pocha-refined .back-top { font-size:12px; }
 .pocha-refined .footer-main>p { font-size:15px; }
}
@media(max-width:390px) {
 .pocha-refined { --gutter:18px; padding:7px; }
 .case-format { gap:12px; }.case-format p { font-size:14px; }
 .pocha-refined .nav-link { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .pocha-refined .photo-button img { transition:none; } }