/* Floating editorial panels: shared geometry, individual colour and clear reading order. */
#world-list .web-chapter,#world-list>#audio,#world-list>#yoga.yoga-home-feature,#world-list>#activism{border-radius:50px;padding:clamp(32px,3.8vw,58px);color:#fff7ed;--muted:#e0ddd7;--gold:#f2d9b8;}
#world-list .web-chapter{--chapter-paper:#193c49;}
#world-list>#audio{--chapter-paper:#593e50;}
#world-list>#yoga.yoga-home-feature{--chapter-paper:#344e43;}
#world-list>#activism{--chapter-paper:#884c3e;}
#world-list .chapter-sheet :is(.number,.eyebrow){color:#f2d9b8;}
#world-list .chapter-sheet a:focus-visible{outline:2px solid #fff7ed;outline-offset:5px;}
#world-list>#design .web-chapter .dw-heading{grid-template-columns:1.2fr 1fr;gap:32px;margin-bottom:26px;}
#world-list>#design .web-chapter .dw-heading h3{font-size:clamp(32px,3.4vw,50px);}
#world-list>#design .web-chapter .dw-heading p{font-size:16px;max-width:350px;color:#d7e3e5;}
#world-list>#design .web-chapter .dw-projects{gap:24px;}
#world-list>#design .web-chapter .dw-image{border-radius:18px;}
#world-list>#design .web-chapter .dw-caption{padding-top:12px;}
#world-list>#design .web-chapter>.brand-features{margin-top:30px;gap:20px;}
#world-list>#design .web-chapter .dw-footer{margin-top:24px;}
/* Audio: one introduction, then two balanced content columns. */
#world-list>#audio{display:grid;grid-template-columns:1fr 1fr;gap:26px 42px;align-items:start;}
#world-list>#audio>.number{grid-column:1/-1;margin:0;}
#world-list>#audio>div:nth-child(2){grid-column:1;}
#world-list>#audio>div:nth-child(3){grid-column:2;}
#world-list>#audio>div:nth-child(2) h3{font-size:clamp(30px,3vw,44px);line-height:1.12;margin:0;max-width:500px;color:#fff7ed;}
#world-list>#audio>div:nth-child(3) p{font-size:17px;line-height:1.55;margin:0;color:#e4dce1;}
#world-list>#audio .subtitle{display:none;}
#world-list>#audio .album-feature{grid-column:1;display:grid;grid-template-columns:140px 1fr;align-items:center;gap:20px;padding:24px 0 0;margin:0;border-top:1px solid #ffffff30;background:none;}
#world-list>#audio .album-display-title{grid-column:1/-1;}
#world-list>#audio .album-display-title h4{font-size:34px;line-height:1.05;margin:8px 0;}
#world-list>#audio .album-display-title h4 br{display:none;}
#world-list>#audio .album-display-title>span:last-child{display:none;}
#world-list>#audio .album-artwork{width:140px;max-width:100%;margin:0;}
#world-list>#audio .album-sleeve{width:100%;margin:0;}
#world-list>#audio .album-story{padding:0;}
#world-list>#audio .album-story h4{font-size:20px;line-height:1.3;margin:0 0 10px;color:#fff7ed;}
#world-list>#audio .album-story p{font-size:15px;line-height:1.5;color:#e4dce1;}
#world-list>#audio .audio-light-panel{grid-column:2;display:block;padding:24px 0 0;margin:0;background:none;color:inherit;border-top:1px solid #ffffff30;}
#world-list>#audio .sound-design{padding:0;margin:0 0 24px;border:0;background:none;}
#world-list>#audio .sound-design h4,#world-list>#audio .remix-preview h4{font-size:24px;line-height:1.2;margin:0 0 12px;color:#fff7ed;}
#world-list>#audio .sound-design p{font-size:15px;line-height:1.5;color:#e4dce1;margin:0;}
#world-list>#audio .remix-preview{padding:22px 0 0;margin:0;border-top:1px solid #ffffff30;}
#world-list>#audio .remix-preview>.eyebrow{display:none;}
#world-list>#audio .remix-cards a{padding:13px 0;}
#world-list>#audio .remix-cards h5{font-size:16px;color:#fff7ed;}
#world-list>#audio .text-link{font-size:15px;color:#fff7ed;}
/* Yoga: portrait and quote share a compact centre, partner marks form one quiet footer. */
#world-list>#yoga .yh-chapter-label{margin-bottom:22px;}
#world-list>#yoga .yh-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;}
#world-list>#yoga .yh-portrait{width:100%;max-width:290px;justify-self:center;}
#world-list>#yoga .yh-portrait img{max-height:350px;object-fit:contain;}
#world-list>#yoga .yh-copy{padding:0;}
#world-list>#yoga .yh-copy blockquote{font-size:clamp(24px,2.6vw,38px);line-height:1.25;max-width:560px;margin:0 0 24px;color:#fff7ed;}
#world-list>#yoga .yh-link{font-size:20px;color:#fff7ed;}
#world-list>#yoga .yh-studios{margin-top:28px;padding-top:22px;border-top:1px solid #ffffff30;}
#world-list>#yoga .yh-studios h4{margin-bottom:16px;color:#dce5de;}
#world-list>#yoga .yh-logos{gap:26px;}
#world-list>#yoga .yh-logos a{min-height:48px;}
#world-list>#yoga .yh-logos img{max-height:45px;max-width:145px;}
#world-list>#yoga .yh-logos a:first-child img{max-width:170px;}
/* Visibility: statement at left, context at right, music across the footer. */
#world-list>#activism{display:grid;grid-template-columns:1.15fr 1fr;gap:28px 44px;align-items:start;}
#world-list>#activism>.number{grid-column:1/-1;margin:0;}
#world-list>#activism>div:nth-child(2) h3{font-size:clamp(32px,3.7vw,54px);line-height:1.1;letter-spacing:-.035em;margin:0;color:#fff7ed;}
#world-list>#activism .subtitle{display:none;}
#world-list>#activism>div:nth-child(3) p{font-size:18px;line-height:1.55;margin:0 0 24px;color:#f0ded7;}
#world-list>#activism .text-link{color:#fff7ed;}
#world-list>#activism .visibility-single{grid-column:1/-1;margin:4px 0 0;padding:24px 0 0;border-top:1px solid #ffffff30;}
#world-list>#activism .visibility-single-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;}
#world-list>#activism iframe{border:0;border-radius:16px;display:block;}
@media(max-width:800px){
 #world-list .web-chapter,#world-list>#audio,#world-list>#yoga.yoga-home-feature,#world-list>#activism{border-radius:50px;padding:34px 26px;}
 #world-list>#audio,#world-list>#activism{grid-template-columns:1fr;gap:24px;}
 #world-list>#audio>div:nth-child(3),#world-list>#audio .audio-light-panel,#world-list>#audio .album-feature{grid-column:1;}
 #world-list>#design .web-chapter .dw-heading{grid-template-columns:1fr;gap:16px;}
 #world-list>#yoga .yh-main{grid-template-columns:1fr;gap:24px;}
 #world-list>#yoga .yh-portrait{max-width:230px;}
 #world-list>#yoga .yh-copy{width:100%;}
 #world-list>#yoga .yh-logos{grid-template-columns:1fr 1fr;gap:20px;}
 #world-list>#activism .visibility-single-heading{align-items:start;flex-direction:column;}
}
@media(max-width:420px){#world-list>#audio .album-feature{grid-template-columns:1fr;}#world-list>#audio .album-artwork{width:160px;}#world-list>#yoga .yh-logos img,#world-list>#yoga .yh-logos a:first-child img{max-width:110px;}}

/* Keep supporting campaign links subordinate to the website previews. */
@media(min-width:801px){
 #world-list>#design .web-chapter .dw-image{max-height:240px;}
 #world-list>#design .web-chapter .brand-art{height:90px;min-height:0;aspect-ratio:auto;}
 #world-list>#design .web-chapter .brand-art img{height:100%;width:100%;object-fit:cover;}
 #world-list>#design .web-chapter .brand-caption{height:66px;min-height:0;padding:12px 20px;}
 #world-list>#design .web-chapter .brand-logo{max-height:40px;}
 #world-list>#design .web-chapter .brand-logo img{max-height:40px;width:auto;}
 #world-list>#design .web-chapter .brand-action{margin-top:8px;font-size:12px;}
}

/* Album-led audio composition, without the redundant introductory paragraphs. */
#world-list>#audio{grid-template-columns:1.2fr 1fr;gap:28px 42px;}
#world-list>#audio>div:nth-child(2){grid-column:1/-1;}
#world-list>#audio>div:nth-child(2) h3{max-width:100%;font-size:clamp(32px,3.3vw,48px);}
#world-list>#audio .album-feature{grid-template-columns:minmax(180px,260px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:24px;row-gap:12px;align-items:start;padding-top:24px;}
#world-list>#audio .album-artwork{grid-column:1;grid-row:1/3;width:100%;max-width:260px;}
#world-list>#audio .album-display-title{grid-column:2;grid-row:1;}
#world-list>#audio .album-display-title h4{font-size:clamp(30px,2.8vw,42px);line-height:1.08;margin:12px 0 0;}
#world-list>#audio .album-display-title h4 br{display:block;}
#world-list>#audio .album-display-title .eyebrow{font-size:10px;letter-spacing:.1em;}
#world-list>#audio .album-story{grid-column:2;grid-row:2;}
#world-list>#audio .album-story h4{font-size:18px;line-height:1.45;margin-bottom:20px;}
#world-list>#audio .audio-light-panel{grid-column:2;grid-row:3;}
#world-list>#audio .sound-design h4,#world-list>#audio .remix-preview h4{font-size:clamp(23px,2vw,28px);}
@media(max-width:1000px) and (min-width:801px){#world-list>#audio .album-feature{grid-template-columns:1fr;}#world-list>#audio .album-artwork{grid-column:1;grid-row:1;}#world-list>#audio .album-display-title{grid-column:1;grid-row:2;}#world-list>#audio .album-story{grid-column:1;grid-row:3;}}
@media(max-width:800px){#world-list>#audio{grid-template-columns:1fr;gap:24px;}#world-list>#audio .audio-light-panel{grid-column:1;grid-row:auto;}#world-list>#audio .album-feature{grid-template-columns:1fr;gap:18px;}#world-list>#audio .album-artwork{grid-column:1;grid-row:1;max-width:320px;width:100%;}#world-list>#audio .album-display-title{grid-column:1;grid-row:2;}#world-list>#audio .album-display-title h4 br{display:none;}#world-list>#audio .album-story{grid-column:1;grid-row:3;}}

/* Audio refinement: artwork-led left column and a readable right column. */
#world-list>#audio{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(32px,5vw,76px);row-gap:26px;}
#world-list>#audio>div:nth-child(2) h3{font-size:clamp(30px,2.8vw,42px);line-height:1.15;}
#world-list>#audio .album-feature{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;margin:0;border:0;}
#world-list>#audio .album-artwork{order:0;width:100%;max-width:340px;margin:0 0 20px;}
#world-list>#audio .album-sleeve,#world-list>#audio .album-tilt,#world-list>#audio .album-turner{width:100%;max-width:none;}
#world-list>#audio .album-display-title{order:1;margin:0 0 10px;}
#world-list>#audio .album-display-title .eyebrow{display:none;}
#world-list>#audio .album-display-title h4{font-size:clamp(32px,3vw,42px);line-height:1.08;margin:0;}
#world-list>#audio .album-display-title h4 br{display:none;}
#world-list>#audio .album-display-title h4 em:before{content:' ';white-space:pre;}
#world-list>#audio .album-story{order:2;margin:0;padding:0;}
#world-list>#audio .album-story h4{font-size:18px;font-weight:400;line-height:1.45;margin:0 0 18px;color:#e4dce1;}
#world-list>#audio .audio-light-panel{padding:0;margin:0;border:0;}
#world-list>#audio .sound-design{padding:0;margin:0 0 30px;}
#world-list>#audio .sound-design h4,#world-list>#audio .remix-preview h4{font-size:clamp(25px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em;margin:0 0 16px;}
#world-list>#audio .sound-design p{font-size:18px;line-height:1.6;max-width:520px;}
#world-list>#audio .remix-preview{padding-top:28px;border-top:1px solid #ffffff30;}
#world-list>#audio .remix-cards a{border:0;padding:16px 0;}
#world-list>#audio .remix-cards h5{font-size:18px;font-weight:400;line-height:1.4;}
#world-list>#audio .text-link{font-size:17px;}
#world-list>#audio .remix-preview>.text-link{display:inline-block;margin-top:18px;}
@media(max-width:800px){#world-list>#audio{grid-template-columns:1fr;gap:28px;}#world-list>#audio .album-artwork{max-width:340px;}#world-list>#audio .audio-light-panel{grid-column:1;grid-row:auto;margin-top:8px;}#world-list>#audio .sound-design p{font-size:17px;}#world-list>#audio .remix-cards h5{font-size:17px;}}

/* Yoga: midnight blue echoes the portrait's shadows and warm monochrome skin. */
#world-list>#yoga.yoga-home-feature{--chapter-paper:#0c222d;background:var(--chapter-paper);}
#world-list>#yoga .yh-main{grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,64px);}
#world-list>#yoga .yh-portrait{max-width:350px;align-self:end;}
#world-list>#yoga .yh-portrait img{max-height:420px;width:100%;object-fit:contain;mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);}
#world-list>#yoga .yh-copy blockquote{font-size:clamp(26px,2.7vw,40px);line-height:1.26;letter-spacing:-.025em;color:#eee7dc;}
#world-list>#yoga .yh-studios{margin-top:24px;padding-top:26px;border-top:1px solid #eee7dc26;}
#world-list>#yoga .yh-studios h4{font-size:14px;letter-spacing:.02em;margin-bottom:24px;color:#b8c6cc;}
#world-list>#yoga .yh-logos{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:clamp(22px,3vw,44px);}
#world-list>#yoga .yh-logos a{min-height:80px;}
#world-list>#yoga .yh-logos img{width:auto;height:auto;max-width:100%;max-height:76px;}
#world-list>#yoga .yh-logos a:first-child img{width:230px;max-width:100%;max-height:84px;}
#world-list>#yoga .yh-logos a:nth-child(2) img{width:120px;}
#world-list>#yoga .yh-logos a:nth-child(3) img{width:90px;}
#world-list>#yoga .yh-logos a:nth-child(4) img{width:130px;}
@media(max-width:800px){#world-list>#yoga .yh-main{grid-template-columns:1fr;gap:26px;}#world-list>#yoga .yh-portrait{max-width:290px;}#world-list>#yoga .yh-portrait img{max-height:360px;}#world-list>#yoga .yh-logos{grid-template-columns:1fr 1fr;gap:24px;}#world-list>#yoga .yh-logos img{max-height:72px;}#world-list>#yoga .yh-logos a:first-child img{width:190px;max-width:100%;}#world-list>#yoga .yh-logos a:nth-child(2) img{width:110px;}#world-list>#yoga .yh-logos a:nth-child(3) img{width:80px;}#world-list>#yoga .yh-logos a:nth-child(4) img{width:120px;}}

/* Visibility: a lighter editorial panel and a compact music companion. */
#world-list>#activism{--chapter-paper:#d9cedd;color:#302338;grid-template-columns:1.15fr 1fr;column-gap:clamp(32px,5vw,76px);row-gap:26px;}
#world-list>#activism>.number{color:#68536e;}
#world-list>#activism>div:nth-child(2){grid-column:1;grid-row:2/4;}
#world-list>#activism>div:nth-child(2) h3{color:#302338;font-size:clamp(36px,4.1vw,60px);line-height:1.06;max-width:560px;text-wrap:balance;}
#world-list>#activism>div:nth-child(3){grid-column:2;grid-row:2;}
#world-list>#activism>div:nth-child(3) p{font-size:19px;line-height:1.55;color:#57465f;max-width:500px;margin-bottom:22px;}
#world-list>#activism .summary-link{color:#302338;font-size:17px;border-color:#79647f;}
#world-list>#activism .visibility-music-link{grid-column:2;grid-row:3;display:flex;align-items:center;gap:22px;border:0;border-top:1px solid #30233825;border-radius:0;padding:24px 0 0;margin:0;background:none;text-decoration:none;color:#302338;}
#world-list>#activism .visibility-music-link>img{width:112px;height:112px;object-fit:cover;border-radius:14px;flex-shrink:0;}
#world-list>#activism .visibility-music-link .eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:.1em;color:#68536e;}
#world-list>#activism .visibility-music-link h4{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:9px 0 12px;font-weight:400;}
#world-list>#activism .visibility-listen{font-size:15px;text-decoration:underline;text-underline-offset:5px;}
#world-list>#activism a:focus-visible{outline-color:#302338;}
@media(max-width:800px){#world-list>#activism{grid-template-columns:1fr;}#world-list>#activism>div:nth-child(2),#world-list>#activism>div:nth-child(3),#world-list>#activism .visibility-music-link{grid-column:1;grid-row:auto;}#world-list>#activism>div:nth-child(3) p{font-size:18px;}#world-list>#activism .visibility-music-link{gap:16px;}#world-list>#activism .visibility-music-link>img{width:88px;height:88px;}#world-list>#activism .visibility-music-link h4{font-size:24px;}}

/* Visibility uses the site's warm neutral palette. */
#world-list>#activism{--chapter-paper:#cbbba5;color:#071822;}
#world-list>#activism>div:nth-child(2) h3,#world-list>#activism .summary-link,#world-list>#activism .visibility-music-link{color:#071822;}
#world-list>#activism>div:nth-child(3) p{color:#37474d;}
#world-list>#activism>.number,#world-list>#activism .visibility-music-link .eyebrow{color:#475657;}
#world-list>#activism .summary-link{border-color:#07182266;}
#world-list>#activism .visibility-music-link{border-top-color:#07182226;}
#world-list>#activism a:focus-visible{outline-color:#071822;}

/* Contact continues the page ink without a second blue band. */
body:not(.case-mode) #contact{background:#071822;}

/* Mobile editorial rhythm: usable width, consistent type and comfortable touch targets. */
@media(max-width:700px){
 body:not(.case-mode) #worlds.section{padding-left:16px;padding-right:16px;}
 #world-list .web-chapter,#world-list>#audio,#world-list>#yoga.yoga-home-feature,#world-list>#activism{padding:32px 24px;border-radius:50px;transform-origin:center bottom;}
 #world-list .chapter-sheet{min-width:0;}
 #world-list .chapter-sheet .number{font-size:11px;letter-spacing:.1em;}
 #world-list>#design .web-chapter .dw-heading h3,#world-list>#audio>div:nth-child(2) h3{font-size:30px;line-height:1.12;letter-spacing:-.035em;}
 #world-list>#design .web-chapter .dw-heading p{font-size:16px;line-height:1.5;}
 #world-list>#design .web-chapter .dw-projects{grid-template-columns:1fr;gap:28px;}
 #world-list>#design .web-chapter .dw-caption{flex-wrap:wrap;gap:8px;}
 #world-list>#design .web-chapter .dw-caption h4{font-size:21px;}
 #world-list>#design .web-chapter .dw-caption p{font-size:13px;}
 #world-list>#design .web-chapter .dw-visit{font-size:14px;min-height:36px;display:flex;align-items:center;}
 #world-list>#audio{gap:22px;}
 #world-list>#audio .album-artwork{max-width:280px;margin-bottom:16px;}
 #world-list>#audio .album-display-title h4{font-size:32px;}
 #world-list>#audio .album-story h4{font-size:16px;margin-bottom:10px;}
 #world-list>#audio .sound-design h4,#world-list>#audio .remix-preview h4{font-size:24px;line-height:1.2;margin-bottom:12px;}
 #world-list>#audio .sound-design p{font-size:16px;line-height:1.55;}
 #world-list>#audio .sound-design{margin-bottom:22px;}
 #world-list>#audio .remix-preview{padding-top:22px;}
 #world-list>#audio .remix-cards h5{font-size:16px;}
 #world-list>#audio .remix-cards a{min-height:48px;}
 #world-list>#audio .text-link{font-size:16px;min-height:40px;display:inline-flex;align-items:center;}
 #world-list>#yoga .yh-portrait{max-width:225px;}
 #world-list>#yoga .yh-portrait img{max-height:300px;}
 #world-list>#yoga .yh-main{gap:20px;}
 #world-list>#yoga .yh-copy blockquote{font-size:25px;line-height:1.3;margin-bottom:16px;}
 #world-list>#yoga .yh-link{font-size:19px;min-height:44px;}
 #world-list>#yoga .yh-studios{margin-top:20px;padding-top:20px;}
 #world-list>#yoga .yh-studios h4{font-size:13px;line-height:1.5;margin-bottom:18px;}
 #world-list>#yoga .yh-logos{gap:18px 20px;}
 #world-list>#yoga .yh-logos a{min-height:64px;}
 #world-list>#yoga .yh-logos img{max-height:62px;max-width:100%;}
 #world-list>#activism{gap:22px;}
 #world-list>#activism>div:nth-child(2) h3{font-size:34px;line-height:1.08;text-wrap:pretty;}
 #world-list>#activism>div:nth-child(3) p{font-size:17px;line-height:1.55;margin-bottom:14px;}
 #world-list>#activism .summary-link{display:inline-flex;align-items:center;min-height:44px;}
 #world-list>#activism .visibility-music-link{gap:14px;}
 #world-list>#activism .visibility-music-link>img{width:76px;height:76px;}
 #world-list>#activism .visibility-music-link>div{min-width:0;}
 #world-list>#activism .visibility-music-link h4{font-size:23px;}
 #world-list>#activism .visibility-listen{font-size:14px;}
 body:not(.case-mode) #contact{padding:48px 24px 28px;}
 body:not(.case-mode) #contact h2{font-size:clamp(32px,8.8vw,42px);line-height:1.12;}
 body:not(.case-mode) #contact .email{font-size:clamp(17px,4.7vw,23px);overflow-wrap:anywhere;margin:24px 0 48px;}
 #design .sothys-side-copy .sothys-caption-logo{width:130px;margin-bottom:12px;}
 #design .sothys-side-copy{font-size:16px;line-height:1.45;}
 #design .sothys-side-copy strong{font-size:22px;}
}

/* Audio takes its ink and amber light from the album artwork. */
#world-list>#audio{--chapter-paper:#102e39;background:var(--chapter-paper);color:#f1e7d8;--muted:#c3cdd0;--gold:#d9b578;}
#world-list>#audio>div:nth-child(2) h3,#world-list>#audio .sound-design h4,#world-list>#audio .remix-preview h4,#world-list>#audio .remix-cards h5{color:#f1e7d8;}
#world-list>#audio .album-story h4,#world-list>#audio .sound-design p{color:#c3cdd0;}
#world-list>#audio .number,#world-list>#audio .album-display-title em,#world-list>#audio .remix-number{color:#d9b578;}
#world-list>#audio .text-link{color:#f1e7d8;border-color:#d9b57866;}
#world-list>#audio .remix-preview{border-top-color:#d9b57833;}

#world-list>#yoga .yh-logos{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;}
#world-list>#yoga .yh-logos a:nth-child(5) img{width:76px;max-height:82px;}
@media(max-width:800px){#world-list>#yoga .yh-logos{grid-template-columns:1fr 1fr;}#world-list>#yoga .yh-logos a:last-child{grid-column:1/-1;}#world-list>#yoga .yh-logos a:nth-child(5) img{width:64px;max-height:70px;}}
