#world-list > #yoga.yoga-home-feature{display:block;background:#071822;color:#eeeade;border:0;border-radius:0;padding:65px 5%;overflow:hidden}#world-list > #yoga .yh-main{display:grid;grid-template-columns:55% 45%;align-items:center}#world-list > #yoga .yh-portrait{position:relative;margin:0;overflow:hidden}#world-list > #yoga .yh-portrait img{display:block;width:100%;height:auto}#world-list > #yoga .yh-portrait:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 45px 20px #071822;pointer-events:none}#world-list > #yoga .yh-copy{padding-left:12%}#world-list > #yoga .yh-label{font-size:12px;letter-spacing:.15em;display:block;margin-bottom:38px}#world-list > #yoga .yh-copy h3{font-size:clamp(48px,6.5vw,96px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:0 0 38px;color:#eeeade}#world-list > #yoga .yh-copy blockquote{font-size:20px;line-height:1.55;max-width:390px;color:#c8cec7;margin:0 0 38px}#world-list > #yoga .yh-link{display:inline-flex;gap:24px;align-items:center;white-space:nowrap;color:#eeeade;text-decoration:none;font-size:24px;padding-bottom:16px;border-bottom:1px solid #eeeade66}#world-list > #yoga .yh-studios{margin-top:55px}#world-list > #yoga .yh-studios h4{font-size:13px;font-weight:400;letter-spacing:.03em;margin:0 0 36px;color:#c8cec7}#world-list > #yoga .yh-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center}#world-list > #yoga .yh-logos a{display:flex;align-items:center;justify-content:center;min-height:90px}#world-list > #yoga .yh-logos img{max-width:180px;max-height:65px;object-fit:contain;filter:url(#yh-beige)}#world-list > #yoga .yh-logos a:first-child img{max-width:210px}#world-list > #yoga .yh-link:hover{border-color:#eeeade}#world-list > #yoga .yh-logos a:hover{opacity:.7}@media(max-width:700px){#world-list > #yoga.yoga-home-feature{padding:40px 0}#world-list > #yoga .yh-main{display:flex;flex-direction:column}#world-list > #yoga .yh-portrait{width:100%;max-width:470px}#world-list > #yoga .yh-copy{padding:28px 0 0;width:100%}#world-list > #yoga .yh-label{margin-bottom:22px}#world-list > #yoga .yh-copy h3{font-size:64px;margin-bottom:24px}#world-list > #yoga .yh-copy blockquote{font-size:18px}#world-list > #yoga .yh-link{font-size:20px;gap:30px}#world-list > #yoga .yh-studios{margin-top:60px}#world-list > #yoga .yh-logos{grid-template-columns:1fr 1fr;gap:25px}#world-list > #yoga .yh-logos img{max-width:110px;max-height:55px}#world-list > #yoga .yh-logos a:first-child img{max-width:145px}}
#world-list > #yoga.yoga-home-feature{--muted:#c8cec7;--gold:#eeeade;margin-left:0;margin-right:0}
/* Give Yoga a distinct chapter without changing the approved composition. */
#world-list > #yoga.yoga-home-feature{background:#102630;margin-top:90px;margin-bottom:90px;padding-top:32px;padding-bottom:52px;scroll-margin-top:100px}
#world-list > #yoga .yh-section-heading{border-top:1px solid rgba(238,234,222,.28);padding-top:18px;margin-bottom:42px;color:#eeeade;font-size:12px;letter-spacing:.15em}
#world-list > #yoga .yh-section-heading{border-top-color:rgba(238,234,222,.28)}
#world-list > #yoga .yh-portrait{background:#102630}
#world-list > #yoga .yh-portrait img{mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 7%,black 90%,transparent);mask-composite:intersect}
#world-list > #yoga .yh-portrait:after{box-shadow:none}
#world-list > #yoga .yh-studios{margin-top:36px}
@media(max-width:700px){#world-list > #yoga.yoga-home-feature{margin-top:64px;margin-bottom:64px;padding:24px 20px 36px}#world-list > #yoga .yh-section-heading{margin-bottom:28px}#world-list > #yoga .yh-studios{margin-top:40px}}
/* Open editorial chapter: typography and space, without a card. */
#world-list > #yoga.yoga-home-feature{background:#071822;padding-top:48px;border:0;border-radius:0}
#world-list > #yoga .yh-section-heading{display:flex;align-items:baseline;gap:24px;border:0;padding:0;margin:0 0 48px;color:#eeeade}
#world-list > #yoga .yh-section-heading>span{font-size:12px;letter-spacing:.12em}
#world-list > #yoga .yh-section-heading h3{font-size:clamp(72px,10vw,140px);font-weight:400;line-height:1;letter-spacing:-.055em;margin:0;color:#eeeade}
#world-list > #yoga .yh-portrait{background:transparent}
#world-list > #yoga .yh-portrait img{mask-image:none;-webkit-mask-image:none}
#world-list > #yoga .yh-portrait:after{display:none}
#world-list > #yoga .yh-copy blockquote{font-size:clamp(20px,2.2vw,30px);line-height:1.45;margin-bottom:42px}
#world-list > #yoga .yh-link{border:0;padding:12px 0}
@media(max-width:700px){#world-list > #yoga .yh-section-heading{margin-bottom:32px;gap:16px}#world-list > #yoga .yh-section-heading h3{font-size:76px}#world-list > #yoga .yh-copy blockquote{font-size:22px;margin-bottom:24px}}
/* Compact sticky chapter bar: the preceding content passes beneath it. */
#world-list > #yoga.yoga-home-feature{position:relative;z-index:2;overflow:visible;margin-top:28px;margin-bottom:28px;padding-top:0;padding-bottom:24px}
#world-list > #yoga .yh-section-heading{position:sticky;top:72px;z-index:5;display:flex;align-items:center;gap:16px;background:#eeeade;color:#071822;padding:14px 22px;margin:0 0 28px;min-height:60px}
#world-list > #yoga .yh-section-heading>span{font-size:12px;color:#071822}
#world-list > #yoga .yh-section-heading h3{font-size:28px;line-height:1.1;letter-spacing:-.035em;color:#071822;margin:0}
#world-list > #yoga .yh-studios{margin-top:26px}
#world-list > #yoga .yh-studios h4{margin-bottom:20px}
#world-list > #yoga .yh-logos a{min-height:74px}
@media(max-width:700px){#world-list > #yoga.yoga-home-feature{margin-top:20px;margin-bottom:20px;padding:0 20px 20px}#world-list > #yoga .yh-section-heading{top:64px;padding:12px 16px;min-height:52px;margin-bottom:24px}#world-list > #yoga .yh-section-heading h3{font-size:26px}#world-list > #yoga .yh-studios{margin-top:30px}}
/* Each full chapter stays behind the next one as it enters the viewport. */
#world-list{isolation:isolate;position:relative}
#world-list>.world{position:sticky;top:var(--chapter-top,72px);z-index:var(--chapter-layer,1);background-color:var(--ink,#071822)}
#world-list>#design{z-index:1}
#world-list>#audio{z-index:2;background-color:#071822}
#world-list>#yoga.yoga-home-feature{position:sticky;top:var(--chapter-top,72px);z-index:3;background:#071822}
#world-list>#activism{z-index:4;background-color:#071822}
#world-list>#yoga .yh-section-heading{position:relative;top:auto}
@media(prefers-reduced-motion:reduce){#world-list>.world,#world-list>#yoga.yoga-home-feature{position:relative;top:auto}}
/* Match the existing 02 / AUDIO chapter label exactly. */
#world-list > #yoga > .yh-chapter-label{display:block;color:#d5ad7f;font-size:12px;font-weight:400;line-height:1.65;letter-spacing:.12em;margin:0 0 32px;padding:0;border:0;background:none}
/* Selected websites: open editorial layout, with real site captures. */
#world-list>#design.design-web-feature{display:block;background:#071822;color:#eeeade;border:0;border-radius:0;padding:42px 0 56px;margin-left:0;margin-right:0;scroll-margin-top:90px}
#world-list>#design .dw-label{color:#d5ad7f;font-size:12px;letter-spacing:.12em;margin-bottom:32px}
#world-list>#design .dw-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:38px}
#world-list>#design .dw-heading h3{color:#eeeade;font-size:clamp(28px,3.8vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0}
#world-list>#design .dw-heading p{color:#aebdc2;font-size:16px;line-height:1.65;max-width:360px;margin:0}
#world-list>#design .dw-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#world-list>#design .dw-project{color:inherit;text-decoration:none;min-width:0}
#world-list>#design .dw-image{overflow:hidden;background:#102630;aspect-ratio:1265/712}
#world-list>#design .dw-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
#world-list>#design .dw-project:hover img{transform:scale(1.025)}
#world-list>#design .dw-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:18px}
#world-list>#design .dw-caption h4{font-size:21px;font-weight:400;letter-spacing:-.02em;margin:0 0 6px;color:#eeeade}
#world-list>#design .dw-caption p{font-size:12px;line-height:1.5;color:#aebdc2;margin:0}
#world-list>#design .dw-visit{font-size:13px;white-space:nowrap;padding-top:5px;color:#eeeade}
#world-list>#design .dw-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:42px;font-size:13px;color:#aebdc2}
#world-list>#design .dw-footer a{color:#eeeade}
#world-list>#design .dw-project:focus-visible{outline:2px solid #d5ad7f;outline-offset:6px}
@media(max-width:700px){#world-list>#design.design-web-feature{padding:28px 0 36px}#world-list>#design .dw-heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}#world-list>#design .dw-heading p{font-size:14px}#world-list>#design .dw-projects{grid-template-columns:1fr;gap:32px}#world-list>#design .dw-caption h4{font-size:20px}#world-list>#design .dw-footer{align-items:start;flex-direction:column;gap:12px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){#world-list>#design .dw-image img{transition:none}}
/* Restore the original campaign cards alongside the website selection. */
#world-list>#design.design-web-feature>.brand-features{margin-top:48px}
#world-list>#design.design-web-feature .brand-action{color:#aebdc2}
/* Compact introduction and a full-width warm chapter for Design. */
#worlds.section{padding-top:56px}
 :is(#worlds,.world-introduction)>.eyebrow{margin-bottom:22px;line-height:1.7}
 :is(#worlds,.world-introduction)>.section-heading{display:block;margin-bottom:48px}
 :is(#worlds,.world-introduction)>.section-heading h2{margin:0 0 18px;max-width:850px}
 :is(#worlds,.world-introduction)>.section-heading p{max-width:650px;margin:0;color:#a9b4b8}
#world-list>#design.design-web-feature{background:#eee7dc;color:#071822;--muted:#53616a;--gold:#955339;padding-top:42px;padding-bottom:44px;box-shadow:0 0 0 100vmax #eee7dc;clip-path:inset(0 -100vmax)}
#world-list>#design.design-web-feature .dw-label{color:#955339}
#world-list>#design.design-web-feature .dw-heading h3,#world-list>#design.design-web-feature .dw-caption h4,#world-list>#design.design-web-feature .dw-visit,#world-list>#design.design-web-feature .dw-footer a{color:#071822}
#world-list>#design.design-web-feature .dw-heading p,#world-list>#design.design-web-feature .dw-caption p,#world-list>#design.design-web-feature .dw-footer,#world-list>#design.design-web-feature .brand-action{color:#53616a}
#world-list>#design.design-web-feature .dw-footer a{border-color:#9e8971}
@media(max-width:700px){#worlds.section{padding-top:36px} :is(#worlds,.world-introduction)>.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px} :is(#worlds,.world-introduction)>.section-heading{margin-bottom:32px} :is(#worlds,.world-introduction)>.section-heading h2{font-size:30px} :is(#worlds,.world-introduction)>.section-heading p{font-size:14px}#world-list>#design.design-web-feature{padding-top:30px;padding-bottom:32px}}
/* Scroll-driven introduction: one word comes into focus at a time. */
 :is(#worlds,.world-introduction)>.world-word-sequence{margin:0 0 38px;padding:12vh 0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
 :is(#worlds,.world-introduction)>.world-word-sequence a{display:block;font-size:clamp(42px,9vw,132px);line-height:1.13;font-weight:400;letter-spacing:-.055em;color:#eeeade;opacity:var(--word-opacity,.2);filter:blur(var(--word-blur,0px));text-decoration:none;will-change:opacity,filter}
 :is(#worlds,.world-introduction)>.world-word-sequence a:focus-visible{opacity:1;filter:none}
@media(max-width:700px){ :is(#worlds,.world-introduction)>.world-word-sequence{padding:8vh 0;margin-bottom:30px} :is(#worlds,.world-introduction)>.world-word-sequence a{font-size:clamp(34px,10.5vw,72px)}}
@media(prefers-reduced-motion:reduce){ :is(#worlds,.world-introduction)>.world-word-sequence a{opacity:1;filter:none;will-change:auto}}
/* Large kinetic typography, matching the reference's scroll fade. */
 :is(#worlds,.world-introduction)>.section-heading{overflow:clip;padding:20px 0;margin-bottom:0}
 :is(#worlds,.world-introduction)>.section-heading h2{max-width:none;font-size:clamp(30px,5.8vw,88px);line-height:1.15}
#worlds .world-title-line{display:block;will-change:transform;transform:translateX(var(--headline-travel,0px))}
#worlds .world-title-line+ .world-title-line{transform:translateX(calc(-1 * var(--headline-travel,0px)))}
 :is(#worlds,.world-introduction)>.world-word-sequence{padding:16vh 0;gap:5vh;margin-bottom:20px}
 :is(#worlds,.world-introduction)>.world-word-sequence a{font-size:clamp(44px,12vw,190px);line-height:1.05;letter-spacing:-.065em}
@media(max-width:700px){ :is(#worlds,.world-introduction)>.section-heading h2{font-size:clamp(26px,6.5vw,44px)} :is(#worlds,.world-introduction)>.world-word-sequence{padding:12vh 0;gap:7vh} :is(#worlds,.world-introduction)>.world-word-sequence a{font-size:12vw}}
@media(prefers-reduced-motion:reduce){#worlds .world-title-line{transform:none;will-change:auto} :is(#worlds,.world-introduction)>.world-word-sequence{padding:36px 0;gap:12px}}
/* A quieter editorial rhythm: restrained travel and crisp, softly fading type. */
 :is(#worlds,.world-introduction)>.section-heading{padding:30px 0 12px}
 :is(#worlds,.world-introduction)>.section-heading h2{font-size:clamp(30px,5.1vw,76px);line-height:1.2;letter-spacing:-.045em}
 :is(#worlds,.world-introduction)>.section-heading p{margin-top:24px}
 :is(#worlds,.world-introduction)>.world-word-sequence{align-items:center;padding:10vh 0 12vh;gap:0}
 :is(#worlds,.world-introduction)>.world-word-sequence a{font-size:clamp(42px,10.8vw,156px);line-height:1.22;letter-spacing:-.055em;font-weight:400;filter:none;will-change:opacity}
@media(max-width:700px){ :is(#worlds,.world-introduction)>.section-heading h2{font-size:clamp(26px,6.5vw,44px)} :is(#worlds,.world-introduction)>.world-word-sequence{padding:9vh 0 10vh;gap:10px} :is(#worlds,.world-introduction)>.world-word-sequence a{font-size:11.5vw;line-height:1.3}}
@media(prefers-reduced-motion:reduce){ :is(#worlds,.world-introduction)>.world-word-sequence{padding:32px 0} :is(#worlds,.world-introduction)>.world-word-sequence a{will-change:auto}}
/* Reference: compact left-aligned words crossing a band of visibility. */
 :is(#worlds,.world-introduction)>.world-word-sequence{align-items:flex-start;gap:0;padding:12vh 0}
 :is(#worlds,.world-introduction)>.world-word-sequence a{line-height:1.03;filter:none;letter-spacing:-.055em}
 :is(#worlds,.world-introduction)>.world-word-sequence a:focus-visible{opacity:1}
@media(max-width:700px){ :is(#worlds,.world-introduction)>.world-word-sequence{gap:0;padding:12vh 0} :is(#worlds,.world-introduction)>.world-word-sequence a{font-size:11.5vw;line-height:1.08}}
@media(prefers-reduced-motion:reduce){ :is(#worlds,.world-introduction)>.world-word-sequence{padding:32px 0} :is(#worlds,.world-introduction)>.world-word-sequence a{opacity:1}}
/* Ivory illumination peaks around the central word, with faint neighbours. */
 :is(#worlds,.world-introduction)>.world-word-sequence a{color:#fff9eb;text-shadow:0 0 18px rgba(255,244,219,var(--word-glow,0))}
@media(prefers-reduced-motion:reduce){ :is(#worlds,.world-introduction)>.world-word-sequence a{text-shadow:none}}
/* Fit all four words to the longest label; restore scroll-driven defocus. */
 :is(#worlds,.world-introduction)>.world-word-sequence a{flex:none;width:max-content;max-width:none;white-space:nowrap;font-size:var(--word-size,12vw);filter:blur(var(--word-blur,0px));will-change:opacity,filter}
 :is(#worlds,.world-introduction)>.world-word-sequence a:focus-visible{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){ :is(#worlds,.world-introduction)>.world-word-sequence a{filter:none;opacity:1;will-change:auto}}

/* Hold the introduction behind the solid Design chapter as it rises. */
#worlds{position:relative;isolation:isolate}
#worlds>.world-introduction{position:sticky;top:var(--intro-pin-top,72px);z-index:0;display:flow-root;padding-bottom:24px}
#worlds>#world-list{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#worlds>.world-introduction{position:relative;top:auto}}
/* Expanding campaign photography, followed by the website portfolio. */
#world-list>#design.design-web-feature{position:relative;top:auto;overflow:visible;clip-path:none;box-shadow:none}
#world-list>#design.design-web-feature:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#eee7dc;z-index:-1;pointer-events:none}
#design .campaign-scroll{height:340vh;position:relative;margin-bottom:48px}
#design .campaign-stage{position:sticky;top:72px;height:calc(100svh - 96px)}
#design .campaign-stage .campaign-photo{position:absolute;inset:3% 18%;display:flex;flex-direction:column;background:none;min-height:0;border-radius:0;transform:translateY(var(--photo-y,30vh)) scale(var(--photo-scale,.28));transform-origin:center center;will-change:transform,opacity;opacity:0}
#design .campaign-photo .brand-art{width:100%;height:calc(100% - 100px);flex:1;min-height:0;aspect-ratio:auto;border-radius:8px;overflow:hidden}
#design .campaign-photo .brand-art img{width:100%;height:100%;object-fit:cover;border-radius:8px}
#design .campaign-photo .brand-caption{height:68px;min-height:68px;border-radius:0;background:transparent}
#design .campaign-photo .brand-action{height:auto;margin:0;color:#53616a}
#design .campaign-photo:focus-visible{opacity:1!important;transform:none;outline:2px solid #955339}
@media(max-width:700px){#design .campaign-stage .campaign-photo{inset:8% 3%}#design .campaign-photo .brand-art{width:100%;height:auto}#design .campaign-photo .brand-caption{width:100%;height:68px}#design .campaign-scroll{height:300vh}}
@media(prefers-reduced-motion:reduce){#design .campaign-scroll{height:auto}#design .campaign-stage{position:relative;top:auto;height:auto;display:grid;gap:30px}#design .campaign-stage .campaign-photo{position:relative;inset:auto;opacity:1!important;transform:none;will-change:auto}#design .campaign-photo .brand-art{aspect-ratio:4/5}}
#design .sothys-sequence{height:380svh;position:relative}
#design .sothys-stage{height:calc(100svh - 85px);position:sticky;top:72px;overflow:hidden}
#design .sothys-stage .sothys-motion-title{position:absolute;top:12px;left:0;width:100%;font-size:clamp(30px,6.7vw,110px);line-height:1.04;letter-spacing:-.05em;color:#071822;transform-origin:top center;text-align:center;margin:0;z-index:5;will-change:transform,opacity}
#design .sothys-motion-photo{display:block;position:absolute;left:0;top:0;width:10%;will-change:transform,width;}
#design .sothys-motion-photo img{display:block;width:100%;height:auto;border-radius:10px}
#design .sothys-closing{max-width:620px;margin:0 auto 90px;padding-top:24px;color:#071822}
#design .sothys-closing>span{font-size:11px;letter-spacing:.14em;color:#955339}
#design .sothys-closing h4{font-size:clamp(26px,3vw,42px);font-weight:400;line-height:1.15;margin:14px 0}
#design .sothys-closing p{color:#53616a;margin-bottom:22px}
@media(prefers-reduced-motion:reduce){#design .sothys-sequence{height:auto}#design .sothys-stage{position:relative;top:auto;height:auto;display:grid;gap:24px;overflow:visible}#design .sothys-stage .sothys-motion-title{position:relative;transform:none!important;opacity:1!important}#design .sothys-motion-photo{position:relative;width:min(100%,500px)!important;transform:none!important;opacity:1!important;margin:auto;will-change:auto}}
/* The upper edge rolls away as each word passes the focal band. */
:is(#worlds,.world-introduction)>.world-word-sequence{perspective:900px;perspective-origin:50% 45%}
:is(#worlds,.world-introduction)>.world-word-sequence a{transform-origin:center top;transform:rotateX(var(--word-roll,0deg)) scaleY(var(--word-flatten,1));backface-visibility:hidden;will-change:transform,opacity,filter}
:is(#worlds,.world-introduction)>.world-word-sequence a:focus-visible{transform:none}
@media(prefers-reduced-motion:reduce){:is(#worlds,.world-introduction)>.world-word-sequence a{transform:none;will-change:auto}}
:is(#worlds,.world-introduction)>.world-word-sequence{position:relative}
/* Each opaque word layer rises over the previous word. */
:is(#worlds,.world-introduction)>.world-word-sequence{display:block;perspective:none;padding:10vh 0 24vh;position:relative;isolation:isolate}
:is(#worlds,.world-introduction)>.world-word-sequence a{position:sticky;top:38vh;display:block;width:100%;max-width:none;margin:0 0 22vh;padding:12px 0;background:#071822;z-index:var(--word-layer);transform:none;opacity:1;filter:none;text-shadow:none;backface-visibility:visible;will-change:auto;line-height:1.12}
:is(#worlds,.world-introduction)>.world-word-sequence a span{display:inline-block;white-space:nowrap}
:is(#worlds,.world-introduction)>.world-word-sequence a:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){:is(#worlds,.world-introduction)>.world-word-sequence{padding:32px 0}:is(#worlds,.world-introduction)>.world-word-sequence a{position:relative;top:auto;margin:0;padding:8px 0}}
/* Transparent handoff: only the letters shrink, soften and fade. */
:is(#worlds,.world-introduction)>.world-word-sequence a{background:transparent;filter:none;transform:none;opacity:1}
:is(#worlds,.world-introduction)>.world-word-sequence a span{transform-origin:left center;transform:translateY(var(--handoff-y,0px)) scale(var(--handoff-scale,1));filter:blur(var(--handoff-blur,0px));opacity:var(--handoff-opacity,1);will-change:transform,filter,opacity}
:is(#worlds,.world-introduction)>.world-word-sequence a:focus-visible span{opacity:1;filter:none;transform:none}
@media(prefers-reduced-motion:reduce){:is(#worlds,.world-introduction)>.world-word-sequence a span{opacity:1;filter:none;transform:none;will-change:auto}}
/* Final rhythm: compact chapter words; photography carries the main motion. */
#worlds.section{padding-top:32px}
:is(#worlds,.world-introduction)>.section-heading{padding:8px 0 12px}
:is(#worlds,.world-introduction)>.section-heading p{margin-top:14px}
:is(#worlds,.world-introduction)>.world-word-sequence{padding:20px 0 36px}
:is(#worlds,.world-introduction)>.world-word-sequence a{top:clamp(88px,20vh,160px);margin-bottom:5vh;padding:6px 0;line-height:1.06}
#design .sothys-sequence{height:260svh}
#design .sothys-motion-photo{transform-origin:top left;will-change:transform,opacity}
#design .sothys-closing{margin:0 0 48px;max-width:620px;padding-top:12px}
#design .dw-heading{margin-top:24px}
@media(max-width:700px){#worlds.section{padding-top:24px}:is(#worlds,.world-introduction)>.world-word-sequence{padding:16px 0 28px}:is(#worlds,.world-introduction)>.world-word-sequence a{margin-bottom:4vh}#design .sothys-sequence{height:230svh}#design .sothys-closing{margin-bottom:36px}#design .sothys-closing p{font-size:14px}}
@media(prefers-reduced-motion:reduce){:is(#worlds,.world-introduction)>.world-word-sequence a{position:relative;top:auto;margin-bottom:4px}#design .sothys-sequence{height:auto}#design .sothys-motion-photo{will-change:auto}}
#design .sothys-side-copy{position:absolute;z-index:4;display:block;color:#071822;font-size:13px;line-height:1.5;opacity:0;will-change:opacity,transform,filter}
#design .sothys-side-copy strong{display:block;font-weight:500;margin-bottom:8px}
#design .sothys-side-copy span{display:block}
#design .sothys-closing{will-change:opacity,transform,filter}
#design .sothys-side-copy:focus-visible{opacity:1!important;filter:none!important}
@media(max-width:700px){#design .sothys-side-copy{font-size:12px;line-height:1.4}#design .sothys-closing{margin-left:0!important;max-width:100%!important}}
@media(prefers-reduced-motion:reduce){#design .sothys-side-copy{position:relative;left:auto!important;top:auto!important;width:auto!important;opacity:1!important;filter:none!important;transform:none!important;will-change:auto}#design .sothys-closing{opacity:1!important;transform:none!important;filter:none!important;margin-left:0!important;will-change:auto}}
/* Readable campaign captions beside the photographs. */
#design .sothys-side-copy{font-size:clamp(16px,1.35vw,20px);line-height:1.55}
#design .sothys-side-copy strong{font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.25;margin-bottom:12px}
@media(max-width:700px){#design .sothys-side-copy{font-size:15px;line-height:1.45}#design .sothys-side-copy strong{font-size:18px;margin-bottom:7px}}
/* The closing copy spans the section and follows the last photograph closely. */
#design .sothys-closing{position:relative;width:100%;max-width:none;margin-left:0;margin-right:0;padding-top:0}
#design .sothys-closing h4{max-width:none;font-size:clamp(30px,4.4vw,64px);line-height:1.12;letter-spacing:-.035em}
#design .sothys-closing p{max-width:none;font-size:clamp(16px,1.65vw,23px);line-height:1.5}
@media(prefers-reduced-motion:reduce){#design .sothys-closing{margin-top:28px!important}}
#design .sothys-closing-logo{display:block;width:145px;height:auto;max-height:70px;object-fit:contain;object-position:left center;border-radius:0;margin:0 0 22px}
#design .sothys-side-copy strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:#07182255}
#design .sothys-side-copy:hover strong{text-decoration-color:#071822}
/* Continuous typography: avoid nested sticky collisions and clipped titles. */
:is(#worlds,.world-introduction)>.world-word-sequence a{position:relative;top:auto;margin:0;padding:5px 0;line-height:1.12}
:is(#worlds,.world-introduction)>.world-word-sequence{padding:20px 0 44px}
#worlds>.world-introduction{position:relative;top:auto}
:is(#worlds,.world-introduction)>.section-heading{overflow:visible}
:is(#worlds,.world-introduction)>.world-word-sequence a span{transform:none;will-change:opacity,filter}
@media(max-width:700px){:is(#worlds,.world-introduction)>.world-word-sequence a{margin:0;line-height:1.15}}
@media(prefers-reduced-motion:reduce){:is(#worlds,.world-introduction)>.world-word-sequence a span{filter:none;opacity:1}}
/* One compact slot, with a short shared scroll range for all four words. */
:is(#worlds,.world-introduction)>.world-word-sequence{padding:0;margin:22px 0 28px;height:calc(var(--word-size,100px)*1.2 + clamp(180px,25vh,280px));display:block}
.world-word-sequence>.word-stage{position:sticky;top:clamp(88px,20vh,160px);height:calc(var(--word-size,100px)*1.2)}
:is(#worlds,.world-introduction)>.world-word-sequence .word-stage>a{position:absolute;inset:0;display:flex;align-items:center;width:100%;margin:0;padding:0;background:none;text-decoration:none;color:#fff9eb;font-size:var(--word-size,100px);line-height:1.1;letter-spacing:-.055em}
.world-word-sequence .word-stage>a span{display:inline-block;white-space:nowrap;transform-origin:left center;opacity:var(--handoff-opacity,0);transform:translateY(var(--handoff-y,0px)) scale(var(--handoff-scale,1));filter:blur(var(--handoff-blur,0px));will-change:transform,opacity,filter}
.world-word-sequence .word-stage>a:focus-visible span{opacity:1;filter:none;transform:none}
@media(prefers-reduced-motion:reduce){:is(#worlds,.world-introduction)>.world-word-sequence{height:auto}.world-word-sequence>.word-stage{position:relative;top:auto;height:auto}:is(#worlds,.world-introduction)>.world-word-sequence .word-stage>a{position:relative;padding:4px 0}.world-word-sequence .word-stage>a span{opacity:1;transform:none;filter:none;will-change:auto}}
/* Full viewport headline with a small, consistent edge margin. */
#design .sothys-stage{overflow:visible}
#design .sothys-stage .sothys-motion-title{left:50%;width:96vw;margin-left:-48vw;font-size:7.65vw;white-space:nowrap;line-height:1.08;text-align:center;letter-spacing:-.05em;transform-origin:top center}
@media(prefers-reduced-motion:reduce){#design .sothys-stage .sothys-motion-title{left:50%;width:96vw;margin-left:-48vw}}
/* Shared left edge with Boletus; sequential ink reveal on the closing copy. */
#design .sothys-closing{transform:none!important;filter:none!important;opacity:1!important}
#design .sothys-closing h4{font-size:clamp(28px,3.2vw,48px);line-height:1.15;margin-bottom:18px}
#design .sothys-closing p{font-size:clamp(21px,2.5vw,36px);line-height:1.24;letter-spacing:-.025em}
#design .sothys-fill-word{color:transparent;background:linear-gradient(to right,#071822 0 var(--ink-fill,0%),#b7b3a9 var(--ink-fill,0%) 100%);background-clip:text;-webkit-background-clip:text}
@media(max-width:700px){#design .sothys-closing{margin-left:var(--closing-left,0px)!important}#design .sothys-closing p{font-size:21px}}
@media(prefers-reduced-motion:reduce){#design .sothys-fill-word{color:#071822;background:none}#design .sothys-closing{width:100%!important;margin-left:0!important}}
/* Reveal a fixed-scale photograph through an expanding rounded window. */
#design .sothys-motion-photo{overflow:hidden;border-radius:10px;will-change:transform,width,height,opacity}
#design .sothys-motion-photo img{position:absolute;left:50%;top:50%;width:var(--photo-native-width);max-width:none;height:auto;transform:translate(-50%,-50%);border-radius:0}
@media(prefers-reduced-motion:reduce){#design .sothys-motion-photo{height:auto!important;will-change:auto}#design .sothys-motion-photo img{position:relative;left:auto;top:auto;width:100%;transform:none}}
/* User-selected details stay inside each small reveal window. */
#design .sothys-motion-photo img{left:0;top:0;transform:translate(var(--photo-x,0px),var(--photo-y,0px))}
@media(prefers-reduced-motion:reduce){#design .sothys-motion-photo img{transform:none}}
/* Keep the four disciplines readable together, without a timed handoff. */
:is(#worlds,.world-introduction)>.world-word-sequence{height:auto;padding:12px 0 24px;margin:12px 0 20px}
.world-word-sequence>.word-stage{position:relative;top:auto;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
:is(#worlds,.world-introduction)>.world-word-sequence .word-stage>a{position:relative;inset:auto;display:block;width:auto;font-size:clamp(26px,5.3vw,82px);line-height:1.12;letter-spacing:-.045em;padding:4px 0;opacity:1;filter:none;transform:none}
.world-word-sequence .word-stage>a span{opacity:1;transform:none;filter:none;will-change:auto}
@media(max-width:700px){.world-word-sequence>.word-stage{gap:10px 16px}:is(#worlds,.world-introduction)>.world-word-sequence .word-stage>a{font-size:5.3vw}}
/* Reference motion: a continuous column crossing a light/focus band. */
:is(#worlds,.world-introduction)>.world-word-sequence{position:relative;isolation:isolate;height:auto;padding:32px 0;margin:12px 0 24px;overflow:visible}
.world-word-sequence:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-5%;top:calc(var(--light-y,50%) - 240px);width:105%;height:480px;background:radial-gradient(ellipse at 42% 50%,rgba(159,38,25,.48),rgba(95,21,19,.22) 35%,transparent 70%);opacity:var(--light-strength,0)}
.world-word-sequence>.word-stage{position:relative;top:auto;height:auto;display:block}
:is(#worlds,.world-introduction)>.world-word-sequence .word-stage>a{position:relative;inset:auto;display:block;width:100%;margin:0;padding:0;font-size:var(--word-size,12vw);font-weight:400;line-height:1.04;letter-spacing:-.055em;background:none;transform:none}
.world-word-sequence .word-stage>a span{display:inline-block;white-space:nowrap;color:var(--focus-color,#fff9eb);opacity:var(--focus-opacity,1);filter:blur(var(--focus-blur,0px));transform:none;text-shadow:none;will-change:filter,opacity}
.world-word-sequence .word-stage>a:focus-visible span{opacity:1;filter:none;color:#fff9eb}
@media(max-width:700px){:is(#worlds,.world-introduction)>.world-word-sequence{padding:24px 0}.world-word-sequence:before{height:320px;top:calc(var(--light-y,50%) - 160px)}}
@media(prefers-reduced-motion:reduce){.world-word-sequence:before{display:none}.world-word-sequence .word-stage>a span{opacity:1;filter:none;color:#fff9eb;will-change:auto}}
/* Override retired handoff rules with the active focus animation. */
#worlds .world-introduction .world-word-sequence .word-stage>a>span{opacity:var(--focus-opacity,1);filter:blur(var(--focus-blur,0px));transform:none;color:var(--focus-color,#fff9eb);will-change:filter,opacity}
#worlds .world-introduction .world-word-sequence .word-stage>a:focus-visible>span{opacity:1;filter:none;color:#fff9eb}
@media(prefers-reduced-motion:reduce){#worlds .world-introduction .world-word-sequence .word-stage>a>span{opacity:1;filter:none;will-change:auto}}
/* Give the Sothys closing a clear editorial hierarchy and breathing room. */
#design .sothys-closing-logo{margin-bottom:30px;width:132px}
#design .sothys-closing h4{font-size:clamp(30px,3.5vw,52px);line-height:1.12;letter-spacing:-.04em;margin:0 0 22px;max-width:900px}
#design .sothys-closing p{font-size:clamp(18px,1.65vw,24px);line-height:1.55;letter-spacing:-.012em;max-width:740px;margin:0 0 28px}
#design .sothys-closing{padding-top:24px;margin-bottom:88px}
#design .sothys-closing>.text-link{display:inline-block;font-size:14px}
@media(max-width:700px){#design .sothys-closing{padding-top:20px;margin-bottom:56px}#design .sothys-closing-logo{margin-bottom:24px;width:112px}#design .sothys-closing h4{font-size:30px;margin-bottom:18px}#design .sothys-closing p{font-size:18px;line-height:1.5;margin-bottom:24px}}
#design .sothys-side-copy .sothys-caption-logo{display:block;position:static;width:125px;max-width:100%;height:auto;border-radius:0;margin:0 0 20px;transform:none}
@media(max-width:700px){#design .sothys-side-copy .sothys-caption-logo{width:95px;margin-bottom:10px}}
/* Larger brand signature beside the campaign copy. */
#design .sothys-side-copy .sothys-caption-logo{width:190px;margin-bottom:24px}
@media(max-width:700px){#design .sothys-side-copy .sothys-caption-logo{width:145px;margin-bottom:12px}}

/* Brand marks inherit the exact caption ink. */
#design .sothys-side-copy .campaign-logo-bc,#design .sothys-side-copy .campaign-logo-carelika{display:block;background:currentColor;mask-repeat:no-repeat;mask-position:left center;mask-size:contain;}
#design .sothys-side-copy .campaign-logo-bc{aspect-ratio:348/166;mask-image:url("assets/bernard-cassiere-logo.png");}
#design .sothys-side-copy .campaign-logo-carelika{aspect-ratio:875/263;mask-image:url("assets/carelika-logo.png");}

/* Readable campaign descriptions with a distinct title hierarchy. */
#design .sothys-side-copy{font-size:clamp(20px,1.65vw,25px);line-height:1.45;}
#design .sothys-side-copy strong{font-size:clamp(25px,2.1vw,32px);line-height:1.15;}
@media(max-width:700px){#design .sothys-side-copy{font-size:18px;line-height:1.4;}#design .sothys-side-copy strong{font-size:23px;}}

/* Short perspective handoff between complete editorial chapters. */
#world-list>.world,#world-list>#yoga.yoga-home-feature{position:relative;top:auto;margin-top:0;margin-bottom:0;}
#world-list .chapter-sheet{position:relative;isolation:isolate;transform-origin:center bottom;transform:perspective(1400px) translateY(var(--sheet-lift,0px)) rotateX(var(--sheet-angle,0deg)) scale(var(--sheet-scale,1));opacity:var(--sheet-opacity,1);backface-visibility:hidden;}
#world-list>#design .sothys-closing.chapter-sheet{transform:perspective(1400px) translateY(var(--sheet-lift,0px)) rotateX(var(--sheet-angle,0deg)) scale(var(--sheet-scale,1))!important;opacity:var(--sheet-opacity,1)!important;margin-bottom:48px;}
#world-list .web-chapter{--chapter-paper:#071822;color:#eeeade;padding:64px 0 56px;margin-top:32px;}
#world-list .web-chapter:before,#world-list>#audio:before,#world-list>#yoga:before,#world-list>#activism:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:var(--chapter-paper);z-index:-1;pointer-events:none;}
#world-list>#design.design-web-feature{padding-bottom:0;}
#world-list>#design .web-chapter :is(.dw-heading h3,.dw-caption h4,.dw-visit,.dw-footer a){color:#eeeade;}
#world-list>#design .web-chapter :is(.dw-heading p,.dw-caption p,.dw-footer,.brand-action){color:#b8c5c9;}
#world-list>#design .web-chapter>.brand-features{margin-top:48px;}
#world-list>#audio{--chapter-paper:#28222d;background:var(--chapter-paper);padding-top:56px;padding-bottom:56px;}
#world-list>#yoga.yoga-home-feature{--chapter-paper:#19312f;background:var(--chapter-paper);padding-top:48px;padding-bottom:48px;}
#world-list>#activism{--chapter-paper:#332536;background:var(--chapter-paper);padding-top:56px;padding-bottom:56px;}
@media(max-width:700px){#world-list .web-chapter{padding-top:36px;padding-bottom:36px;}#world-list .chapter-sheet{transform-origin:center bottom;} }
@media(prefers-reduced-motion:reduce){#world-list .chapter-sheet,#world-list>#design .sothys-closing.chapter-sheet{transform:none!important;opacity:1!important;}}

/* Floating sheets: beige gutters stay visible; the lower edge tilts toward the viewer. */
#world-list:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#eee7dc;z-index:-2;pointer-events:none;}
#world-list>#design{z-index:5;}
#world-list .web-chapter:before,#world-list>#audio:before,#world-list>#yoga:before,#world-list>#activism:before{display:none;}
#world-list .web-chapter,#world-list>#audio,#world-list>#yoga.yoga-home-feature,#world-list>#activism{box-sizing:border-box;position:sticky;top:var(--sheet-top,88px);background:var(--chapter-paper);border:0;border-radius:8px;padding:clamp(28px,4vw,64px);margin:0 0 28px;box-shadow:0 12px 28px -20px rgba(35,27,20,.35);transform-origin:50% 50%;}
#world-list .web-chapter{margin-top:32px;}
#world-list>#audio{z-index:4;}
#world-list>#yoga.yoga-home-feature{z-index:3;}
#world-list>#activism{z-index:2;margin-bottom:0;}
#world-list>#design .sothys-closing:not(.chapter-sheet){transform:none!important;opacity:1!important;}
#world-list .chapter-sheet{transform:perspective(1600px) translateY(var(--sheet-lift,0px)) rotateX(var(--sheet-angle,0deg)) scale(var(--sheet-scale,1));}
#world-list{padding-bottom:48px;}
@media(max-width:700px){#world-list .web-chapter,#world-list>#audio,#world-list>#yoga.yoga-home-feature,#world-list>#activism{padding:26px 20px;border-radius:6px;margin-bottom:20px;}}
@media(prefers-reduced-motion:reduce){#world-list .web-chapter,#world-list>#audio,#world-list>#yoga.yoga-home-feature,#world-list>#activism{position:relative;top:auto;transform:none!important;opacity:1!important;}}