/* A single compact TrendWatching-family bar, with Serious Shift's own mark. */
.site-header{height:68px;min-height:68px;padding:0 4vw;display:flex;align-items:center;gap:18px;background:#1b1620;border:0;position:relative;z-index:20;overflow:visible;font-family:"Avenir Next",Arial,sans-serif}.site-header .brand-logo{flex:none;display:block;width:206px;height:83px;padding:13px 7px;background:#151515;border-radius:0 0 23px 23px;transform:rotate(-2deg);align-self:flex-start;line-height:0;box-shadow:0 5px 0 #1b16200a}.site-header .brand-mark{display:block;width:192px;height:53px;overflow:hidden}.site-header .brand-mark img{display:block;width:192px;height:auto;max-width:none}.nav-credit{color:#e6e1eb;font:400 10px/1.35 "Avenir Next",Arial,sans-serif;white-space:nowrap}.nav-credit strong{font-weight:600}.site-header nav{display:flex;align-items:center;gap:22px;margin-left:auto;padding:0;background:none;border-radius:0;white-space:nowrap}.site-header nav a{font:500 15px/1.5 "Avenir Next",Arial,sans-serif;letter-spacing:0;text-decoration:none;color:#f0f3ff;padding:10px 0;display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box}.site-header nav a:hover{color:#b9e5f8}.site-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}.site-header .nav-whatsapp{font-weight:500}.site-header .nav-tw{border:0;border-radius:24px;padding:10px 16px;background:#b9e5f8;color:#1b1620;gap:10px}.site-header .nav-tw img{filter:none;width:112px;height:auto}.site-header .site-motion{color:#d8d2df;font-size:10px;min-width:60px;padding:10px 2px}.site-header .site-motion:hover{background:#332b3a;color:white}.nav-menu-toggle{display:none}.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #b9e5f8;outline-offset:4px}.new-hero{padding-top:82px}
@media(max-width:1190px){.site-header{gap:12px;padding:0 3vw}.site-header nav{gap:15px}.nav-credit{font-size:9px}.site-header .brand-logo{width:190px}.site-header .brand-mark,.site-header .brand-mark img{width:176px}.site-header .brand-mark{height:49px}}
@media(max-width:1050px){.nav-credit{display:none}.site-header{height:64px;min-height:64px;padding:0 22px;gap:12px}.site-header .brand-logo{height:77px;width:184px;padding:13px 7px}.site-header .brand-mark,.site-header .brand-mark img{width:170px}.site-header .brand-mark{height:47px}.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-left:auto;min-height:44px;min-width:74px;background:transparent;border:1px solid #756c80;border-radius:24px;color:#fff;font:500 14px/1.4 "Avenir Next",Arial,sans-serif;padding:9px 13px}.site-header nav{position:absolute;top:64px;left:0;right:0;background:#1b1620;margin:0;padding:25px 24px 20px;display:flex;align-items:stretch;flex-direction:column;gap:5px;border-top:1px solid #443b4b;box-shadow:0 15px 20px #16102014}.nav-ready .site-header nav:not([data-open="true"]){display:none}.site-header nav a{font-size:16px;min-height:48px;padding:10px 4px}.site-header .nav-tw{align-self:flex-start;padding:10px 17px;margin:8px 0}.site-header .site-utilities{margin:0}.site-header .site-motion{font-size:9px;min-width:55px}.new-hero{padding-top:65px}}
@media(max-width:390px){.site-header{padding:0 14px;gap:6px}.site-header .brand-logo{width:165px}.site-header .brand-mark,.site-header .brand-mark img{width:151px}.site-header .brand-mark{height:42px}.nav-menu-toggle{min-width:65px;padding:8px 10px}}

.site-header nav[hidden]{display:none}

.hero-word-slot{display:inline-grid;vertical-align:baseline;max-width:100%}.hero-rotating-word{grid-area:1/1;opacity:0;transition:opacity .65s ease;white-space:nowrap}.hero-rotating-word.is-active{opacity:1}.new-hero h1{font-size:clamp(50px,6.2vw,100px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.new-hero h1{font-size:50px}.hero-word-slot{font-size:46px}}@media(prefers-reduced-motion:reduce){.hero-rotating-word{transition:none}}
/* Language names stay in their own language. */
.nav-language select{font:500 14px/1.3 'Avenir Next',sans-serif;color:#fff;background:#1b1620;border:1px solid #ffffff55;border-radius:8px;min-height:38px;max-width:108px;padding:6px;cursor:pointer}.nav-language select:focus-visible{outline:3px solid #a6d6f5;outline-offset:3px}
.localized-hero .hero-full-state{display:grid;max-width:100%;font-size:clamp(48px,6.7vw,100px);line-height:1.08}.localized-hero .hero-full-state em{white-space:normal;font-style:normal;grid-area:1/1}.localized-hero{max-width:1050px}
@media(max-width:600px){.localized-hero .hero-full-state{font-size:43px;line-height:1.12}.nav-language select{min-height:44px;max-width:160px}}
@media(max-width:600px){.site-header .site-utilities{position:absolute;right:18px;top:68px}.site-header .site-motion{color:#514b56;background:#fff;max-width:155px;min-height:32px;padding:5px 8px;font-size:10px}}
/* Get from the question to the actual shifts without a second introduction. */
.new-hero{min-height:570px;padding-top:48px;padding-bottom:24px}.hero-gallery{height:500px}.home-shift-intro{text-align:center;padding-top:12px;padding-bottom:35px}.home-shift-intro p{font:500 clamp(21px,2vw,28px)/1.3 'Fraunces',Georgia,serif;margin:0 0 20px}.home-shifts{padding-top:0!important}.home-shifts .intro{align-items:center}.home-shifts .intro h2{font-size:32px}.home-shifts .atlas-garden{margin-top:25px}
.orbit-image{background:#fff!important;overflow:visible!important}.orbit-image img{object-fit:contain!important;background:#fff;padding:4%;box-sizing:border-box;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in}
@media(max-width:650px){.new-hero{padding-top:50px;min-height:0;padding-bottom:15px}.hero-gallery{display:none}.home-shift-intro{padding-top:12px;padding-bottom:30px}.home-shifts .intro h2{font-size:28px}.home-shifts .atlas-garden{margin-top:12px}.hero-text>p{font-size:18px}.hero-text .caption{font-size:12px}}
.orbit-image img{mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent),linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 84%,transparent),linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
html[lang="zh-Hans"] .localized-hero .hero-full-state{font-size:clamp(40px,5.2vw,76px);line-height:1.22;word-break:normal}html[lang="zh-Hans"] .hero-text>p{line-height:1.7}
/* A single quiet brand lockup and a compact, continuous footer. */
.site-header .nav-credit{display:flex;flex-direction:column;gap:5px;align-items:flex-start;color:#fff;font-size:9px;line-height:1.1;white-space:nowrap}.nav-credit img{width:104px;height:auto;filter:brightness(0) invert(1)}.site-header nav{margin-left:auto}.site-header .brand-logo{box-shadow:none}.hero-motion{position:absolute;right:4vw;bottom:8px;z-index:4}.hero-motion .site-motion,.thinker-motion-controls .site-motion{font-size:11px;border:0;background:transparent;padding:8px;min-height:36px}.site-footer{background:#fff;padding:22px 4vw 16px}.footer-main{gap:24px;align-items:center}.footer-logo{width:140px;background:transparent;border-radius:0;padding:0}.footer-logo img{filter:invert(1);mix-blend-mode:multiply}.footer-links{max-width:none;gap:8px 18px}.footer-links a{font-size:12px}.footer-subscribe{font-size:12px;white-space:nowrap;gap:7px}.footer-subscribe img{width:22px;height:22px}.footer-credit{font-size:10px!important;margin-top:12px}.footer-motion{text-align:right;margin-top:5px}.footer-motion .site-motion{font-size:10px;padding:4px;min-height:28px}body:has(.new-hero) .footer-motion,body:has(.thinker-front) .footer-motion{display:none}
@media(max-width:1050px){.site-header .nav-credit{display:flex;margin-right:auto}.nav-menu-toggle{margin-left:0}.site-header .nav-credit img{width:82px}.site-header .nav-credit{font-size:8px}.site-header{gap:12px}}
@media(max-width:520px){.site-header{padding:0 12px;gap:7px}.site-header .brand-logo{width:150px}.site-header .brand-mark,.site-header .brand-mark img{width:140px}.site-header .brand-mark{height:39px}.site-header .nav-credit img{width:72px}.nav-menu-toggle{min-width:64px;padding:8px 10px}.site-footer{padding:20px}.footer-main{display:flex;flex-wrap:wrap;gap:12px 20px}.footer-logo{width:116px}.footer-links{order:3;width:100%;gap:4px 18px}.footer-links a{min-height:32px}.footer-subscribe{margin-left:auto;font-size:11px}.footer-credit{margin-top:10px}.hero-motion{right:18px;bottom:0}.hero-text .caption{padding-bottom:18px}}
.orbit-image img{height:auto!important;aspect-ratio:1672/941}
/* The logo is an icon and wordmark, never a pill or lozenge. */
.site-header .brand-logo{background:transparent;border-radius:0;transform:none;box-shadow:none;align-self:center;height:auto;padding:0}.site-header .brand-mark{height:auto;overflow:visible}.site-header .brand-mark img{height:auto;max-width:100%}
.footer-logo img{filter:none;mix-blend-mode:normal;width:100%;height:auto}.site-header .brand-mark img{width:100%;height:auto}.site-header .brand-mark{width:100%;height:auto}.site-header .brand-logo{width:206px}.site-footer .footer-logo{width:160px}@media(max-width:1050px){.site-header .brand-logo{width:180px}}@media(max-width:520px){.site-header .brand-logo{width:150px}.site-footer .footer-logo{width:130px}}
/* A visible editorial index, not a tiny database label. */
.orbit-card .tile-index{display:flex;align-items:baseline;gap:15px;margin-top:15px;letter-spacing:0}.shift-display-number{font:500 60px/.95 'Fraunces',Georgia,serif;color:#191919}.shift-display-count{font:600 10px/1.4 'Avenir Next',Arial,sans-serif;letter-spacing:1px}.site-footer{background:#edf3f5;border-top:0}
/* White paper surrounds the entire illustration, including article covers. */
.orbit-image{aspect-ratio:1.45!important;border-radius:0!important;display:flex;align-items:center;padding:14px;box-sizing:border-box}.orbit-image img{padding:0!important;width:100%;mask-image:none!important;-webkit-mask-image:none!important}.orbit-image:after{content:'';position:absolute;inset:14px;pointer-events:none;background:linear-gradient(to right,#fff,transparent 12%,transparent 88%,#fff),linear-gradient(to bottom,#fff,transparent 15%,transparent 85%,#fff)}.orbit-image{position:relative}.main-shift-cover{position:relative;background:#fff;padding:30px 5vw}.main-shift-cover .pilot-img{object-fit:contain;background:#fff;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.main-shift-cover figcaption{position:relative}
.site-header{position:sticky;top:0;transition:transform .22s ease;will-change:transform}.site-header.is-scroll-hidden{transform:translateY(-110%)}.site-header:focus-within{transform:none!important}html{scroll-padding-top:90px}[id]{scroll-margin-top:90px}@media(prefers-reduced-motion:reduce){.site-header{transition:none}}@media(max-width:650px){.shift-display-number{font-size:46px}.orbit-card .tile-index{gap:9px}.shift-display-count{font-size:8px;letter-spacing:.4px}.orbit-image{padding:6px}.orbit-image:after{inset:6px}.main-shift-cover{padding:15px 20px}}
.orbit-image img{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)!important;mask-composite:intersect;-webkit-mask-composite:source-in}.orbit-image:after{display:none}
.home-shifts .shift-display-count{display:none}
.quiet-whatsapp{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:236px;box-sizing:border-box;padding:14px 25px 14px 13px;background:#f3f8f4;border:1px solid #d9e7dc;border-radius:12px;box-shadow:0 3px 14px #1833200c;z-index:12;font:12px/1.4 'Avenir Next',Arial,sans-serif}.quiet-whatsapp[hidden]{display:none}.quiet-whatsapp>a{display:flex;gap:9px;align-items:center;color:#183b26;text-decoration:none}.quiet-whatsapp strong{display:block;font-size:11px;margin-top:4px}.quiet-whatsapp img{flex:none}.quiet-whatsapp-close{position:absolute;right:0;top:0;width:28px;height:28px;border:0;background:transparent;font-size:19px;cursor:pointer;color:#355d42}.quiet-whatsapp a:focus-visible,.quiet-whatsapp button:focus-visible{outline:2px solid #166c3b;outline-offset:3px}@media(max-width:1199px){.quiet-whatsapp{display:none!important}}
body:has(.site-header:not(.is-scroll-hidden)) .wayfinder{top:68px}html{scroll-padding-top:130px}[id]{scroll-margin-top:130px}@media(max-width:1050px){body:has(.site-header:not(.is-scroll-hidden)) .wayfinder{top:64px}}
.home-shifts>.home-shift-intro{text-align:center;max-width:900px;margin:0 auto;padding:35px 24px 20px}.home-shifts>.home-shift-intro p{font:400 clamp(22px,2.8vw,36px)/1.25 'Fraunces',Georgia,serif;margin:0 0 8px}.home-shifts>.home-shift-intro h2{font:500 clamp(32px,4vw,52px)/1.12 'Fraunces',Georgia,serif;margin:0;letter-spacing:-.025em}.home-shifts .atlas-garden{margin-top:18px}@media(max-width:650px){.home-shifts>.home-shift-intro{padding:25px 22px 15px}}
.home-shifts{padding-inline:4vw!important}@media(max-width:650px){.home-shifts{padding-inline:22px!important}}
/* New photograph-first collages retain their entire scene on every viewport. */
.orbit-image img.candid-collage,.main-shift-cover img.candid-collage{object-fit:contain!important;aspect-ratio:1672/941;height:auto!important;padding:3%!important;box-sizing:border-box;background:white;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)!important;mask-composite:intersect;-webkit-mask-composite:source-in}
/* Article journey: examples lead directly into the more specific changes. */
.pilot-next{margin-top:52px;padding-top:34px;border-top:1px solid #dbe5ea}.pilot-next>h2{font:400 clamp(32px,4vw,52px)/1.1 Fraunces,Georgia,serif;margin:0 0 16px}.subshift-intro{max-width:680px;font-size:18px;line-height:1.6;margin-bottom:30px}.pilot-next-grid{gap:24px}.pilot-next-grid>a{background:#f7fafb;border:1px solid #e3eaee;border-radius:16px;padding:20px}.pilot-next-grid h3{font-size:25px}.pilot-method{margin:20px 0;padding:16px 0}.compact-reading-invite{display:flex!important;align-items:center;justify-content:center;gap:18px;background:#f2f8f4;padding:22px 28px!important;margin:28px auto!important;border-radius:18px;max-width:720px}.compact-reading-invite>img{flex:none}.compact-reading-invite strong{display:block;font:400 24px/1.25 Fraunces,Georgia,serif}.compact-reading-invite a{display:inline-block;font-size:15px;margin-top:5px;color:#174b30}.quiet-whatsapp{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}.quiet-whatsapp>a{gap:10px!important;align-items:center}.quiet-whatsapp>a>img{width:44px!important;height:44px!important;flex:none}.quiet-whatsapp>a>span{background:#fff;border:1px solid #d5e5d9;border-radius:15px 15px 15px 3px;padding:12px 26px 12px 13px;box-shadow:0 5px 20px #14351b14}.quiet-whatsapp-close{right:0!important;top:0!important}.shift-reference{font-weight:700;color:inherit;text-underline-offset:3px}@media(max-width:600px){.pilot-next-grid{gap:16px}.pilot-next-grid>a{padding:14px}.compact-reading-invite{margin:24px 20px!important;width:auto}.compact-reading-invite strong{font-size:22px}}
.editorial-evidence{margin-top:28px;border-color:#d5dfe4}.editorial-evidence>summary{padding:17px 0;grid-template-columns:140px 1fr;gap:7px 18px}.editorial-evidence>summary>span:nth-child(2){font-size:23px}.editorial-evidence>summary small{font-size:12px}.editorial-evidence>summary .eyebrow{font-size:10px}.pilot-method summary{font-size:14px}.quiet-whatsapp-close{width:32px;height:32px;background:#fff;border-radius:50%;font-size:20px}.quiet-whatsapp strong{font-size:12px}.quiet-whatsapp>a>span>span{font-size:13px;font-weight:600}@media(max-width:600px){.editorial-evidence>summary{grid-template-columns:1fr;gap:6px}.editorial-evidence>summary small{grid-column:1}.editorial-evidence>summary>span:nth-child(2){font-size:22px}}
@media(max-width:600px){.pilot-next-grid{grid-template-columns:1fr!important}.pilot-next-grid>a{padding:20px}.pilot-next-grid h3{font-size:27px;overflow-wrap:normal;word-break:normal}.pilot-next-grid img{max-height:190px;object-fit:contain}.pilot-next-grid p{font-size:16px;line-height:1.6}}
/* Parked-map release: remove technical scaffolding; keep the reading path. */
.editorial-evidence .article-thinker-credits{max-width:none;width:auto;margin:0;padding:22px 0;border-top:0}.editorial-evidence .cited-thinker-list{gap:12px}.editorial-evidence .cited-thinker a{font-size:17px}.editorial-evidence .article-thinker-credits .caption{font-size:12px}.editorial-standfirst{padding-top:30px}.way-current{font-size:12px}.wayfinder{flex-wrap:wrap;row-gap:7px}.pilot-heading{padding-top:45px}.pilot-meta{margin-bottom:15px}