@font-face{font-family:Manrope;src:url('../fonts/manrope-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('../fonts/manrope-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('../fonts/manrope-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Newsreader;src:url('../fonts/newsreader-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Newsreader;src:url('../fonts/newsreader-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}:root{--paper:#f4f2ec;--ink:#0b1220;--coral:#E84A55;--line:#0b122030;--muted:#5d6775;--sans:Manrope,Arial,sans-serif;--serif:Newsreader,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:20px;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:7px}h1,h2,h3{font-family:var(--sans);font-weight:400;letter-spacing:-.018em}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:0}p{line-height:1.5}.header{height:80px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:11px}.brand{display:flex;align-items:center;gap:17px}.brand>img{width:88px}.brand>span{font-size:11px}.header nav{display:flex;gap:35px;align-items:center}.header nav>a[href$="#weiter"]{border-bottom:1px solid var(--ink);padding:9px 0;display:flex;gap:25px}.header a:hover{color:var(--coral)}.opening{height:calc(160svh - 80px);position:relative}.opening-sticky{position:sticky;top:0;height:calc(100svh - 80px);min-height:670px;padding:25px 5% 20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.opening-meta,.opening-foot{font-family:var(--sans);font-size:10px;display:flex;justify-content:space-between;color:var(--muted);letter-spacing:.025em}.logo-space{height:44%;min-height:250px;display:flex;align-items:center;justify-content:center;position:relative;margin:12px 0}.ambigram{padding:0;background:none;border:0;width:66%;max-width:1020px;transform-origin:center;will-change:transform}.ambigram>img{width:100%}.rotation-note{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:9px;color:var(--muted)}.rotation-line{display:block;width:42px;height:1px;background:var(--line)}#angle{font-variant-numeric:tabular-nums;min-width:28px}#turnAgain{background:none;border:0;padding:10px 0;font-family:var(--sans);font-size:9px;color:inherit}#turnAgain>span{font-size:15px;padding-left:8px}.opening-bottom{display:grid;grid-template-columns:1.3fr .8fr;gap:12%;align-items:end;margin-bottom:18px}.eyebrow{font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:.11em;line-height:1.5;margin:0 0 25px}h1{font-size:clamp(36px,3.8vw,62px);line-height:1.15;margin:0}.opening-copy{max-width:350px;padding-bottom:4px}.opening-copy>p{font-size:20px;line-height:1.45;margin:0 0 20px}.quiet-link{font-family:var(--sans);font-size:11px;display:inline-flex;align-items:center;gap:32px;padding:11px 0;border:0;border-bottom:1px solid currentColor;background:none;transition:color .2s}.quiet-link span{font-size:20px;line-height:1;font-family:var(--sans)}.quiet-link:hover{color:var(--coral)}.opening-foot{border-top:1px solid var(--line);padding-top:18px}.thought{padding:100px 8% 90px;background:#eaece5}.thought-layout{display:grid;grid-template-columns:1fr 1fr;gap:15%;margin:45px 0 70px}.thought h2{font-size:clamp(38px,4.6vw,72px);line-height:1.15;margin:0}.thought-layout>div{max-width:430px}.thought-layout p{font-size:21px;margin:0 0 20px}.thought-layout p.lead{font-style:italic;font-size:27px;line-height:1.2;margin-bottom:25px}.wide-photo{margin:0}.wide-photo>img{width:100%;height:58vw;max-height:680px;object-fit:cover;object-position:center 50%}.wide-photo figcaption{font-family:var(--sans);font-size:9px;display:flex;justify-content:space-between;margin-top:16px;gap:25px;color:var(--muted)}.journey{position:relative;height:auto;background:var(--ink);color:var(--paper)}.journey-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;flex-direction:column}.journey-top{font-family:var(--sans);font-size:9px;display:flex;justify-content:space-between;align-items:center;padding:30px 4%;height:75px;flex-shrink:0;border-bottom:1px solid #ffffff20}.journey-top>a{color:#c3ceca}.journey-track{display:flex;width:max-content;flex:1;min-height:0;will-change:transform}.chapter{width:100vw;display:grid;grid-template-columns:45% 55%;padding:50px 4% 35px;gap:0;flex-shrink:0}.chapter-copy{padding:25px 11% 25px 5%;display:flex;flex-direction:column;justify-content:center;align-items:start}.chapter h2{font-size:clamp(33px,3.6vw,59px);line-height:1.2;margin:0 0 25px}.chapter-copy>p:not(.eyebrow){font-size:20px;line-height:1.5;max-width:370px;margin:0 0 30px}.chapter-end{font-family:var(--sans);font-size:9px;opacity:.65;margin-top:15px}.chapter figure{margin:0;min-width:0;min-height:0;display:flex;flex-direction:column}.chapter figure>img{width:100%;flex:1;min-height:0;object-fit:cover}.chapter figcaption{font-family:var(--sans);font-size:9px;margin-top:12px;opacity:.7;flex-shrink:0}.chapter-two{background:#e3b6a5;color:var(--ink);grid-template-columns:48% 52%;padding-left:8%;padding-right:8%;gap:7%}.chapter-two .chapter-copy{padding-right:0;padding-left:0}.chapter-two figure>img{object-position:50% 32%}.chapter-two .chapter-copy>p:not(.eyebrow){max-width:350px}.chapter-three{background:#eaece5;color:var(--ink)}.chapter-three figure>img{object-position:center 48%}.journey-bottom{height:70px;flex-shrink:0;display:flex;align-items:center;gap:40px;padding:0 4%;font-family:var(--sans);border-top:1px solid #ffffff20;background:var(--ink);color:var(--paper)}.chapter-tabs{display:flex;gap:22px}.chapter-tabs button{font-family:var(--sans);font-size:9px;display:flex;gap:8px;border:0;background:none;padding:12px 0;color:#9cadaa;position:relative;white-space:nowrap}.chapter-tabs button.active{color:var(--paper)}.chapter-tabs button:after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:0;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .3s}.chapter-tabs button.active:after{transform:scaleX(1)}.journey-progress{height:1px;background:#ffffff30;flex:1}.journey-progress>i{height:1px;background:#e4b4a4;display:block;width:100%;transform-origin:left;transform:scaleX(0)}.journey-hint{font-size:9px;display:flex;gap:20px;align-items:center}.journey-hint>span{font-size:20px}.gallery{padding:115px 8% 100px}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.gallery-head h2{font-size:clamp(30px,3.2vw,52px);line-height:1.2;margin:0}.gallery-head .eyebrow{margin-bottom:20px}.masonry{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.photo{border:0;padding:0;background:none;text-align:left;width:100%;font-family:var(--sans);font-size:10px;display:block}.photo img{width:100%;object-fit:cover;transition:filter .5s;border-radius:2px}.photo:hover img{filter:brightness(.9)}.photo>span{display:flex;justify-content:space-between;align-items:center;padding:13px 0}.photo b{font-size:18px;font-weight:400}.photo-tall{margin-top:100px}.photo-tall img{height:540px;object-position:50% center}.masonry-right{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.photo-wide{grid-column:span 2}.photo-wide img{height:300px}.photo-small img{height:290px;object-position:64% 35%}.gallery-note{font-size:23px;font-style:italic;line-height:1.5;margin:0 0 30px;padding-left:10px;color:var(--muted)}.afterword{padding:55px 8% 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:10%}.afterword h2{font-size:32px;line-height:1.25;margin:0 0 20px}.afterword>div{max-width:610px}.afterword p:not(.eyebrow){font-size:21px;line-height:1.5;margin:0 0 20px}.future{padding:65px 8% 30px;background:#e3b6a5}.future-meta{display:flex;justify-content:space-between;align-items:start;font-family:var(--sans);font-size:9px}.future-main{display:grid;grid-template-columns:1.3fr 1fr;gap:14%;align-items:center;margin:40px 0 100px}.future h2{font-size:clamp(45px,5.4vw,85px);line-height:1.12;margin:0}.future-main>div>p{font-size:22px;line-height:1.5;margin:0 0 30px;max-width:350px}.contact{font-family:var(--sans);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);font-size:18px;padding-bottom:15px;max-width:350px}.contact>span{font-size:30px}.contact:hover{color:var(--muted)}.future-main>div>p.contact-note{font-size:11px;font-family:var(--sans);margin:15px 0 0}.future-logo{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px}.future-logo>img{width:44%;max-width:550px}.future-logo>span{font-family:var(--sans);font-size:11px;padding-bottom:5px}footer{padding:25px 8%;display:flex;justify-content:space-between;gap:25px;font-family:var(--sans);font-size:9px;align-items:center}footer>div{display:flex;gap:25px}footer>div>a:last-child{font-size:17px}.skip{position:fixed;top:-100px}.skip:focus{top:10px;z-index:100;background:white;padding:12px}.no-motion .opening{height:auto}.no-motion .opening-sticky{position:relative}.no-motion .journey{height:auto!important}.no-motion .journey-sticky{height:auto;position:relative;overflow:visible;min-height:0}.no-motion .journey-track{display:block;width:auto;transform:none!important}.no-motion .chapter{min-height:80svh}.no-motion .journey-bottom{display:none}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;background:var(--ink);border:0;color:var(--paper);padding:25px 4%;margin:0}dialog::backdrop{background:var(--ink)}body:has(dialog[open]){overflow:hidden}.viewer-top,.viewer-caption{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:10px;letter-spacing:.03em}.viewer-top button{background:none;border:1px solid #ffffff60;padding:10px 15px;font:inherit;color:inherit}.viewer-image{height:calc(100dvh - 240px);display:flex;gap:20px;align-items:center;justify-content:space-between;margin:25px 0}.viewer-image img{height:100%;max-width:calc(100% - 130px);object-fit:contain}.viewer-image button{border:1px solid #ffffff50;background:none;min-width:40px;height:40px;font-size:20px;color:inherit}#thumbs{display:flex;gap:10px;overflow:auto;margin-top:25px}#thumbs button{padding:0;border:2px solid transparent;background:none;flex-shrink:0}#thumbs button.active{border-color:#e3b6a5}#thumbs img{width:65px;height:48px;object-fit:cover;display:block}@media(min-width:1650px){.opening-sticky{padding-left:max(5%,calc((100vw - 1550px)/2));padding-right:max(5%,calc((100vw - 1550px)/2))}.thought,.gallery,.future,.afterword{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}@media(max-height:760px) and (min-width:801px){.opening-sticky{min-height:590px}.logo-space{min-height:180px;height:38%}.opening-copy>p{font-size:18px}h1{font-size:40px}.opening-bottom{margin-bottom:10px}.chapter{padding-top:25px;padding-bottom:25px}.chapter h2{font-size:38px}.chapter-copy>p:not(.eyebrow){font-size:18px}.journey-sticky{min-height:560px}.chapter .eyebrow{margin-bottom:20px}.chapter-copy{padding-top:0;padding-bottom:0}}@media(max-width:1000px){.opening-bottom{gap:7%}.opening-copy>p{font-size:19px}.chapter-copy{padding-right:9%}.chapter h2{font-size:3.6vw}.chapter-copy>p:not(.eyebrow){font-size:19px}.chapter-copy .eyebrow{font-size:8px}.chapter-two{gap:6%;padding-left:5%;padding-right:5%;grid-template-columns:47% 47%}.chapter-tabs{gap:15px}.journey-bottom{gap:25px}.gallery-note{font-size:20px}.thought-layout{gap:10%}}@media(max-width:800px){.header{height:74px}.brand{gap:12px}.brand>img{width:78px}.brand>span{font-size:9px}.header nav{gap:0;font-size:9px}.header nav>a:not([href$="#weiter"]):not(.social-link){display:none}.header nav>a[href$="#weiter"]{gap:14px}.opening{height:calc(145svh - 74px)}.opening-sticky{height:calc(100svh - 74px);min-height:620px;padding:22px 6%}.opening-meta{font-size:8px}.logo-space{height:37%;min-height:210px}.ambigram{width:94%}.rotation-note{font-size:8px;bottom:-5px;gap:10px}#turnAgain{font-size:8px}.rotation-line{width:25px}.opening-bottom{display:block;margin:20px 0}.eyebrow{font-size:8px;margin-bottom:18px}h1{font-size:clamp(32px,6.5vw,48px);line-height:1.12}.opening-copy{max-width:360px;margin-top:23px;display:flex;gap:20px;align-items:start}.opening-copy>p{font-size:18px;line-height:1.4;margin:0}.opening-copy .quiet-link{flex-shrink:0;align-self:end;gap:12px;font-size:9px}.opening-foot{font-size:8px;padding-top:15px}.thought{padding:65px 6% 55px}.thought-layout{display:block;margin:30px 0 40px}.thought h2{font-size:43px;line-height:1.12;margin:0 0 30px}.thought-layout>div{max-width:500px;margin-left:18%}.thought-layout p{font-size:19px;margin-bottom:18px}.thought-layout p.lead{font-size:24px}.wide-photo>img{height:80vw;max-height:600px}.wide-photo figcaption{font-size:7px;line-height:1.6}.wide-photo figcaption>span:last-child{max-width:125px;text-align:right}.journey{height:auto!important}.journey-sticky{height:auto;min-height:0;position:relative;overflow:visible}.journey-top{font-size:8px;line-height:1.6;height:auto;padding:25px 6%;gap:25px}.journey-top>span{max-width:170px}.journey-top>a{max-width:100px;text-align:right}.journey-track{display:block;width:auto;transform:none!important}.chapter{width:100%;display:flex;flex-direction:column;gap:25px;padding:45px 6% 35px;min-height:0}.chapter-copy{padding:0 0 0 5%;max-width:550px}.chapter h2{font-size:34px;line-height:1.2;margin-bottom:22px}.chapter-copy>p:not(.eyebrow){font-size:19px;margin-bottom:15px;max-width:390px}.chapter-end{font-size:8px;margin-top:10px}.chapter figure{height:auto}.chapter figure>img{height:85vw;max-height:550px;flex:none}.chapter figcaption{font-size:8px;margin-top:12px}.chapter-two figure{order:2}.chapter-two .chapter-copy{padding:0 0 0 5%}.chapter-two figure>img{height:110vw;max-height:620px;object-position:center 35%}.chapter-three figure>img{height:85vw;object-position:50% 50%}.chapter-three .quiet-link{margin-top:10px}.journey-bottom{display:none}.gallery{padding:65px 6% 55px}.gallery-head{display:block;margin-bottom:30px}.gallery-head h2{font-size:30px;line-height:1.2}.gallery-head .quiet-link{margin-top:20px}.masonry{gap:15px}.photo-tall{margin-top:45px}.photo-tall img{height:340px}.masonry-right{display:block}.photo-wide img{height:180px}.photo-small{width:80%;margin-top:18px}.photo-small img{height:230px;object-position:65% 30%}.photo>span{font-size:8px;padding:9px 0}.photo b{font-size:15px}.gallery-note{font-size:17px;margin:25px 0 0;padding:0}.afterword{padding:40px 6% 55px;display:block}.afterword>.eyebrow{margin-bottom:25px}.afterword h2{font-size:27px}.afterword p:not(.eyebrow){font-size:19px}.future{padding:45px 6% 25px}.future-main{display:block;margin:30px 0 55px}.future h2{font-size:49px;line-height:1.12;margin:0 0 35px}.future-main>div{margin-left:18%;max-width:380px}.future-main>div>p{font-size:20px;margin-bottom:25px}.contact{font-size:16px;padding-bottom:12px}.future-logo>img{width:62%}.future-logo>span{font-size:9px}footer{padding:25px 6%;font-size:8px;flex-wrap:wrap;gap:23px}footer>span:nth-child(2){display:none}footer>div{gap:18px}.viewer-image{gap:5px;height:calc(100dvh - 250px)}.viewer-image img{max-width:calc(100% - 65px)}.viewer-image button{min-width:28px;height:28px;font-size:15px}.viewer-caption{font-size:8px;gap:20px}}@media(max-width:430px){.opening-copy{display:block;max-width:310px;margin-top:22px}.opening-copy .quiet-link{margin-top:10px}.opening-sticky{min-height:670px}.logo-space{height:31%;min-height:200px}.opening-meta{font-size:7px}.opening-bottom{margin-top:15px}.opening-foot>span:first-child{font-size:7px}.opening-copy>p{font-size:18px}h1{font-size:32px}.brand>span{font-size:8px}.thought-layout>div{margin-left:10%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:801px){.chapter{padding-left:4vw;padding-right:4vw}.chapter-two{padding-left:8vw;padding-right:8vw;grid-template-columns:43% 50%;gap:7%}}
/* Photograph and ambigram form one opening composition. */
.header{border-bottom:0}.logo-space{height:56%;min-height:350px;margin:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.logo-orbit{height:52%;min-height:170px;display:flex;align-items:center;justify-content:center;width:100%;position:relative;flex-shrink:0}.ambigram{width:58%;max-width:880px}.hero-photograph{height:48%;width:100%;object-fit:cover;object-position:center 55%;flex-shrink:0}.rotation-note{right:0;top:calc(52% - 36px);bottom:auto;color:var(--ink)}.opening-bottom{margin-top:22px}.opening-foot{margin-top:10px}.future-logo{display:block;border-top:0;padding-top:0}.future-logo>img{width:100%;max-width:none}.signature-caption{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:12px;margin:24px 0 10px}.signature-caption>span:last-child{font-family:var(--serif);font-style:italic;font-size:20px}.future-main{margin-bottom:75px}footer{background:#e3b6a5;padding-top:28px;padding-bottom:30px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-up-right{transform:rotate(-45deg)}.icon-down-right{transform:rotate(45deg)}.icon-down{transform:rotate(90deg)}.icon-up{transform:rotate(-90deg)}.icon-left{transform:rotate(180deg)}.quiet-link .icon{width:18px;height:18px}.contact .icon{width:25px;height:25px}.rotation-note .icon{width:15px;height:15px}.viewer-image .icon{width:18px;height:18px}.viewer-top button{display:flex;align-items:center;gap:12px}.opening-foot>span:last-child{display:inline-flex;align-items:center;gap:10px}.opening-foot .icon{width:13px;height:13px}.journey-hint .icon{width:18px;height:18px}.photo b{display:flex;align-items:center}.signature-caption>span{padding:0}
@media(max-height:760px) and (min-width:801px){.logo-space{min-height:295px;height:56%}.logo-orbit{min-height:140px}.opening-bottom{margin-top:18px}.rotation-note{top:calc(52% - 30px)}.opening-bottom .eyebrow{margin-bottom:15px}}
@media(max-width:800px){.logo-space{height:44%;min-height:280px}.logo-orbit{height:54%;min-height:150px}.hero-photograph{height:46%;object-position:58% center}.ambigram{width:85%}.rotation-note{top:calc(54% - 27px);font-size:7px}.rotation-line{display:none}#turnAgain{font-size:7px}.rotation-note .icon{width:12px;height:12px}.opening-bottom{margin-top:22px}.future-main{margin-bottom:55px}.signature-caption{font-size:9px;gap:20px;margin-top:18px}.signature-caption>span:last-child{font-size:16px;max-width:170px;text-align:right}.opening-foot .icon{width:12px;height:12px}}
@media(max-width:430px){.logo-space{height:38%;min-height:270px}.logo-orbit{height:54%;min-height:145px}.ambigram{width:84%}.opening-bottom{margin-top:17px}.hero-photograph{object-position:57% center}.opening-copy{margin-top:18px}.opening-sticky{min-height:700px}.opening-bottom .eyebrow{margin-bottom:14px}}
@media(max-width:800px){.rotation-note{top:calc(54% - 36px)}}
/* An uninterrupted moving colour field, from the very top of the viewport. */
.header{position:fixed;z-index:30;top:0;left:0;right:0;margin:0;padding:0 5%;background:transparent;transition:background .4s,box-shadow .4s,backdrop-filter .4s}.header.is-scrolled{background:#f4f2eced;backdrop-filter:blur(18px);box-shadow:0 3px 22px #0b122008}.opening{height:100svh;min-height:800px;isolation:isolate;overflow:hidden;background:#e9e9dd}.opening:before,.opening:after{content:'';position:absolute;inset:-25%;z-index:-1;pointer-events:none}.opening:before{background:radial-gradient(ellipse at 20% 20%,#e3b19bf0 0,transparent 46%),radial-gradient(ellipse at 80% 30%,#b5c9c4f5 0,transparent 52%),radial-gradient(ellipse at 30% 90%,#f3e0b8db 0,transparent 55%);animation:colourDrift 23s ease-in-out infinite alternate;will-change:transform}.opening:after{background:radial-gradient(ellipse at 70% 80%,#d1c2b7aa 0,transparent 50%),radial-gradient(ellipse at 55% 50%,#f4f2ecbb 0,transparent 55%);animation:colourDriftBack 19s ease-in-out infinite alternate;will-change:transform}.opening-sticky{position:relative;top:auto;height:100svh;min-height:800px;padding:105px 5% 24px;overflow:visible}.logo-space{height:56%;min-height:330px;display:flex;justify-content:center}.logo-orbit{height:100%;min-height:0}.ambigram{width:65%;max-width:1050px}.rotation-note{top:auto;bottom:0;right:0;color:var(--ink)}.opening-bottom{margin-top:35px;margin-bottom:25px}.opening-foot{border-top-color:#0b122025;color:var(--ink)}@keyframes colourDrift{from{transform:translate(-3%,-2%) rotate(-5deg) scale(1)}to{transform:translate(5%,7%) rotate(12deg) scale(1.1)}}@keyframes colourDriftBack{from{transform:translate(5%,5%) scale(1.15)}to{transform:translate(-6%,-5%) scale(.97)}}
.results{padding:100px 8% 75px;background:#f4f2ec;scroll-margin-top:70px}.results-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.results-heading .eyebrow{margin-bottom:20px}.results h2{font-size:clamp(45px,5vw,77px);line-height:1.15;margin:0}.results-intro{font-size:27px;font-style:italic;margin:13px 0 0;color:var(--muted)}.results-date{font-family:var(--sans);font-size:10px;line-height:1.8;color:var(--muted);text-align:right;margin:0 0 5px}.results-totals{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0 40px;margin-bottom:25px}.result-total{padding:0 8% 0 0}.result-total+ .result-total{border-left:1px solid var(--line);padding-left:12%}.result-total>p{font-family:var(--sans);font-size:11px;line-height:1.5;margin:0 0 22px}.result-total>div{display:flex;align-items:baseline;gap:25px}.result-total strong{font-family:var(--sans);font-size:clamp(65px,8vw,120px);line-height:1;font-weight:400;letter-spacing:-.035em}.result-total:first-child>div>span{font-size:25px;font-style:italic;color:var(--muted)}.result-total .percent{font-size:.64em;letter-spacing:-.02em}.result-total:last-child strong{color:#ad5146}.results-details{border-bottom:1px solid var(--line)}.results-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--sans);font-size:12px;padding:22px 0;cursor:pointer}.results-details summary::-webkit-details-marker{display:none}.results-details summary .icon{transition:transform .3s}.results-details[open] summary .icon{transform:rotate(-90deg)}.results-table-wrap{padding:12px 0 25px}.results table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:13px;text-align:left}.results th{font-weight:400}.results thead th{font-size:9px;color:var(--muted);padding:12px 0 16px}.results thead th:nth-child(2){text-align:right;padding-right:9%}.results th:last-child,.results td:last-child{text-align:right}.results tbody th,.results td{padding:18px 0;border-top:1px solid var(--line)}.results tbody th{width:53%}.results td:nth-child(2){width:29%}.result-index{font-size:8px;color:var(--muted);display:inline-block;min-width:35px}.rating-bar{display:inline-block;width:45%;height:3px;background:#0b122015;vertical-align:middle;margin-right:20%}.rating-bar i{display:block;height:100%;background:var(--coral)}.rating-number{font-size:16px}.results td:last-child{font-size:16px}.results-notes{display:flex;justify-content:space-between;gap:45px;margin-top:25px}.results-notes p{font-family:var(--sans);font-size:9px;line-height:1.8;color:var(--muted);margin:0}.results-notes p:last-child{font-family:var(--serif);font-size:18px;line-height:1.5;text-align:right;font-style:italic}.gallery{border-top:1px solid var(--line)}.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(min-width:1650px){.results{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}
@media(max-height:760px) and (min-width:801px){.opening,.opening-sticky{min-height:700px}.opening-sticky{padding-top:90px}.logo-space{height:54%;min-height:280px}.ambigram{width:58%}.opening-bottom{margin-top:30px}.rotation-note{top:auto;bottom:0}}
@media(max-width:1000px){.header nav{gap:23px}.rating-bar{margin-right:13%;width:43%}}
@media(max-width:800px){.header{padding:0 5%;height:74px}.header nav{gap:0}.header nav>a:not([href$="#weiter"]):not(.social-link){display:none}.opening,.opening-sticky{min-height:760px}.opening-sticky{padding:90px 6% 22px}.logo-space{height:43%;min-height:245px}.logo-orbit{height:100%;min-height:0}.ambigram{width:94%}.rotation-note{top:auto;bottom:0;font-size:8px}.opening-bottom{margin-top:28px;margin-bottom:25px}.results{padding:65px 6% 50px;scroll-margin-top:60px}.results-heading{display:block;margin-bottom:30px}.results h2{font-size:47px}.results-intro{font-size:23px}.results-date{text-align:left;font-size:8px;margin-top:23px}.results-totals{padding:27px 0 30px}.result-total{padding:0 10px 0 0}.result-total+ .result-total{padding-left:18px}.result-total>p{font-size:8px;margin-bottom:20px}.result-total>div{gap:12px}.result-total strong{font-size:52px;letter-spacing:-.025em}.result-total:first-child>div>span{font-size:18px}.result-total .percent{font-size:.55em}.results-details summary{font-size:11px;padding:18px 0}.results table{font-size:10px}.results thead th{font-size:8px}.results tbody th{width:57%;line-height:1.5;padding-right:15px}.results td:nth-child(2){width:20%;text-align:right;padding-right:14px}.results thead th:nth-child(2){padding-right:14px}.result-index{min-width:23px;font-size:7px}.rating-bar{display:none}.rating-number,.results td:last-child{font-size:14px}.results-notes{display:block;margin-top:23px}.results-notes p{font-size:8px}.results-notes p:last-child{text-align:left;font-size:18px;margin-top:23px}}
@media(max-width:430px){.opening,.opening-sticky{min-height:760px}.logo-space{height:40%;min-height:235px}.logo-orbit{height:100%}.ambigram{width:94%}.opening-bottom{margin-top:22px}.rotation-note{top:auto;bottom:0}.opening-copy{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.opening:before,.opening:after{animation:none;will-change:auto}}
html{scroll-padding-top:80px}.results{scroll-margin-top:0}
@media(min-width:801px){.journey-sticky{top:80px;height:calc(100svh - 80px);min-height:560px}.no-motion .journey-sticky{top:0;height:auto;min-height:0}}
/* Stronger brand colour, quiet movement, a clear edge at the next section. */
.opening{background:#173a50;color:var(--paper)}.opening:before{background:radial-gradient(ellipse at 16% 28%,#e56854 0,transparent 55%),radial-gradient(ellipse at 85% 18%,#4f456f 0,transparent 58%),radial-gradient(ellipse at 65% 100%,#165a73 0,transparent 60%);inset:-15%}.opening:after{background:radial-gradient(ellipse at 22% 90%,#d07356b3 0,transparent 55%),radial-gradient(ellipse at 60% 30%,#17344f99 0,transparent 60%);inset:-15%}.ambigram>img{filter:brightness(0) invert(1)}.opening .rotation-note,.opening .opening-foot{color:var(--paper)}.opening .rotation-line{background:#fffaf160}.opening .opening-foot{border-top-color:#fffaf133}.opening .quiet-link:hover{color:#fac6b7}.header:not(.is-scrolled){color:var(--paper)}.header:not(.is-scrolled) .brand img{filter:brightness(0) invert(1)}.header:not(.is-scrolled) nav>a:last-child{border-color:var(--paper)}.header:not(.is-scrolled) a:hover{color:#fac6b7}.header .brand img{transition:filter .35s}.header{transition:background .4s,box-shadow .4s,backdrop-filter .4s,color .35s}.header.is-scrolled{color:var(--ink)}
.recap-article{padding:110px 8% 100px;background:var(--paper)}.article-heading{margin:0 0 65px}.article-heading h2{font-size:clamp(40px,4.7vw,72px);line-height:1.17;margin:0 0 27px}.article-date{font-family:var(--sans);font-size:11px;line-height:1.5;margin:0;color:var(--muted)}.article-grid{display:grid;grid-template-columns:1fr 1.9fr;gap:12%;align-items:start}.article-aside{position:sticky;top:115px}.article-aside figure{margin:0}.article-aside img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:center}.article-aside figcaption{font-family:var(--sans);font-size:9px;color:var(--muted);line-height:1.5;margin-top:13px}.article-aside>p{font-size:21px;font-style:italic;line-height:1.5;color:var(--muted);margin:30px 0 0}.article-body{max-width:670px}.article-body p{font-size:22px;line-height:1.55;margin:0 0 28px}.article-body p.article-lead{font-size:27px;line-height:1.45}.article-body h3{font-size:21px;font-weight:600;line-height:1.4;margin:48px 0 23px;letter-spacing:0}.article-body p.article-ending{font-family:var(--sans);font-size:24px;line-height:1.4;margin:38px 0 0;padding-top:30px;border-top:1px solid var(--line)}.voices{background:#e6e9e1;padding:80px 8% 65px}.voices-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:35px}.voices-heading .eyebrow{margin:0}.voices-heading h2{font-size:29px;line-height:1.3;margin:0}.voice-feature{margin:0 0 60px;padding-top:10px}.quote-mark{font-size:95px;line-height:.7;color:var(--coral)}.voice-feature blockquote{font-size:clamp(36px,4.5vw,65px);line-height:1.17;font-style:italic;margin:20px 0 35px;max-width:1000px}.voices figcaption{font-family:var(--sans);font-size:10px;line-height:1.5}.voices figcaption strong{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.voices figcaption span{display:block;color:var(--muted);font-size:9px}.voice-feature figcaption{display:flex;justify-content:space-between;align-items:center;gap:25px}.voices-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%}.voices-pair figure{margin:0;border-top:1px solid var(--line);padding-top:30px;display:flex;flex-direction:column;justify-content:space-between}.voices-pair blockquote{font-size:27px;line-height:1.4;margin:0 0 30px}.voices-pair blockquote:before{content:'„';color:var(--coral)}.voices-pair blockquote:after{content:'“';color:var(--coral)}.voices-pair .quiet-link{margin-top:15px}.voices-source{font-family:var(--sans);font-size:9px;color:var(--muted);margin:45px 0 0}.results-detail-heading{font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.5;margin:0;padding:22px 0}.results-table-wrap{padding-top:0}
@media(min-width:1650px){.recap-article,.voices{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.article-grid{gap:8%;grid-template-columns:1fr 2fr}.article-body p{font-size:21px}.article-body p.article-lead{font-size:24px}.voices-pair blockquote{font-size:24px}}
@media(max-width:800px){.recap-article{padding:65px 6% 55px}.article-heading{margin-bottom:35px}.article-heading h2{font-size:37px;line-height:1.18;margin-bottom:23px}.article-date{font-size:9px}.article-grid{display:flex;flex-direction:column-reverse;gap:35px}.article-body p{font-size:20px;line-height:1.5;margin-bottom:25px}.article-body p.article-lead{font-size:23px;line-height:1.4}.article-body h3{font-size:19px;line-height:1.45;margin:35px 0 20px}.article-body p.article-ending{font-size:21px}.article-aside{position:relative;top:0;width:100%}.article-aside img{aspect-ratio:1.5}.article-aside>p{font-size:19px;margin-top:22px}.voices{padding:55px 6% 45px}.voices-heading{display:block;margin-bottom:35px}.voices-heading .eyebrow{margin-bottom:18px}.voices-heading h2{font-size:27px}.quote-mark{font-size:75px}.voice-feature{margin-bottom:40px}.voice-feature blockquote{font-size:36px;line-height:1.15;margin:15px 0 27px}.voice-feature figcaption{display:block}.voice-feature .quiet-link{margin-top:15px}.voices-pair{grid-template-columns:1fr;gap:35px}.voices-pair blockquote{font-size:25px;line-height:1.35;margin-bottom:25px}.voices-pair figure{padding-top:27px}.voices-source{font-size:8px;line-height:1.7;margin-top:35px}.results-detail-heading{font-size:11px;padding:18px 0}}
.opening:before{inset:-40%;animation:colourDrift 11s ease-in-out infinite alternate}.opening:after{inset:-30%;animation:colourDriftBack 14s ease-in-out infinite alternate}@keyframes colourDrift{from{transform:translate(-12%,-8%) rotate(-16deg) scale(1.07)}to{transform:translate(14%,12%) rotate(18deg) scale(1.18)}}@keyframes colourDriftBack{from{transform:translate(12%,8%) rotate(9deg) scale(1.12)}to{transform:translate(-12%,-9%) rotate(-13deg) scale(1.04)}}
.intro-sticker{position:absolute;z-index:2;right:7%;top:55%;padding:19px 27px 21px;background:#f3d4a4;color:var(--ink);font-family:var(--sans);font-weight:500;font-size:clamp(21px,2.4vw,36px);line-height:1.17;letter-spacing:-.01em;box-shadow:0 14px 40px #071b3330;transform:translate(50px,16px) rotate(-8deg) scale(.94);opacity:0;pointer-events:none;border-radius:3px}.intro-sticker>span{display:block;opacity:0}.intro-start .intro-sticker{animation:stickerArrive .85s cubic-bezier(.18,.8,.2,1) .75s both}.intro-start .intro-sticker>span{animation:wordArrive .5s ease-out both}.intro-start .intro-sticker>span:nth-child(1){animation-delay:1s}.intro-start .intro-sticker>span:nth-child(2){animation-delay:1.12s}.intro-start .intro-sticker>span:nth-child(3){animation-delay:1.24s}@keyframes stickerArrive{from{transform:translate(65px,20px) rotate(1deg) scale(.93);opacity:0}to{transform:translate(0,0) rotate(-8deg) scale(1);opacity:1}}@keyframes wordArrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.rotation-note{gap:0}#turnAgain{padding:0;width:42px;height:42px;display:grid;place-items:center;border:1px solid #fffaf16b;border-radius:50%;background:transparent;transition:background .3s,transform .3s}#turnAgain:hover{background:#fffaf124;transform:rotate(15deg)}.rotation-note .icon{width:18px;height:18px}.footer-credit a{border-bottom:1px solid #0b122055;padding-bottom:2px}.footer-credit a:hover{color:var(--coral)}
.legal-page{background:var(--paper);color:var(--ink)}.legal-page .header:not(.is-scrolled){color:var(--ink)}.legal-page .header:not(.is-scrolled) .brand img{filter:none}.legal-page .header:not(.is-scrolled) nav>a:last-child{border-color:var(--ink)}.legal-main{padding:135px 8% 95px}.legal-intro{padding-bottom:50px;border-bottom:1px solid var(--line);margin-bottom:55px}.legal-intro>.quiet-link{margin-bottom:55px;font-size:10px;gap:18px}.legal-intro .eyebrow{margin-bottom:20px}.legal-intro h1{font-size:clamp(44px,5.5vw,85px);margin:0 0 20px;line-height:1.12}.legal-subtitle{font-style:italic;font-size:28px;margin:0;color:var(--muted)}.legal-layout{display:grid;grid-template-columns:1fr 2.1fr;gap:11%;align-items:start}.legal-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:17px;font-family:var(--sans);font-size:11px;line-height:1.5}.legal-toc a:hover{color:var(--coral)}.legal-copy{max-width:730px}.legal-copy section{scroll-margin-top:110px;margin:0 0 45px}.legal-copy h2{font-size:23px;font-weight:500;line-height:1.4;margin:0 0 22px}.legal-copy p{font-size:21px;line-height:1.6;margin:0 0 20px}.legal-copy a{border-bottom:1px solid #0b122060;overflow-wrap:anywhere}.legal-copy a:hover{color:var(--coral)}.legal-page footer{background:#e3b6a5;padding-top:35px;padding-bottom:35px}.legal-copy strong{font-weight:500}.legal-toc a{max-width:230px}
@media(min-width:1650px){.legal-main{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}
@media(max-width:800px){.intro-sticker{right:0;top:57%;font-size:23px;padding:14px 20px 16px}.rotation-note #turnAgain{width:36px;height:36px}.rotation-note .icon{width:16px;height:16px}footer>.footer-credit{display:block!important;width:100%;order:3;font-size:9px}.legal-main{padding:105px 6% 55px}.legal-intro{padding-bottom:30px;margin-bottom:35px}.legal-intro>.quiet-link{margin-bottom:35px}.legal-intro h1{font-size:46px}.legal-subtitle{font-size:24px;line-height:1.3}.legal-layout{display:block}.legal-toc{position:relative;top:auto;flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-bottom:40px;font-size:10px}.legal-toc a{max-width:none}.legal-copy p{font-size:19px;line-height:1.55}.legal-copy h2{font-size:21px;margin-bottom:18px}.legal-copy section{margin-bottom:35px}.legal-page footer{padding-top:25px;padding-bottom:25px}}
@media(max-width:430px){.intro-sticker{right:-2%;top:58%;font-size:21px;padding:12px 18px 14px}}
@media(prefers-reduced-motion:reduce){.intro-sticker{opacity:1;transform:rotate(-8deg)}.intro-sticker>span{opacity:1}.opening:before,.opening:after{animation:none;will-change:auto}}
.legal-page .header a:hover{color:var(--coral)}
@media(max-width:800px){.opening:before,.opening:after{inset:-45%;animation-name:mobileColourDrift}.opening:after{animation-direction:alternate-reverse}.rotation-note{bottom:-20px}}@keyframes mobileColourDrift{from{transform:translate(-12%,-8%) scale(1.08)}to{transform:translate(12%,10%) scale(1.18)}}
/* Each idea has its own surface and its own entrance. */
.intro-sticker{background:none;box-shadow:none;padding:0;border-radius:0;transform:none;opacity:1;right:8%;top:52%;font-size:clamp(20px,2.3vw,34px)}.intro-start .intro-sticker{animation:none;transform:none;opacity:1}.intro-sticker>span{display:table;width:max-content;padding:9px 19px 11px;margin-top:6px;background:#f4d0b6;box-shadow:0 4px 18px #071b3318;--word-angle:-4deg;--word-x:0px;transform:translate(45px,12px) rotate(0deg);opacity:0}.intro-sticker>span:nth-child(2){background:#f2dfb3;--word-angle:2deg;--word-x:18px}.intro-sticker>span:nth-child(3){background:#f4f2ec;--word-angle:-3deg;--word-x:-6px}.intro-start .intro-sticker>span{animation:wordSurface .65s cubic-bezier(.18,.8,.2,1) both}.intro-start .intro-sticker>span:nth-child(1){animation-delay:.8s}.intro-start .intro-sticker>span:nth-child(2){animation-delay:1.08s}.intro-start .intro-sticker>span:nth-child(3){animation-delay:1.36s}@keyframes wordSurface{from{opacity:0;transform:translate(55px,10px) rotate(0deg)}to{opacity:1;transform:translate(var(--word-x),0) rotate(var(--word-angle))}}.wide-photo>img{height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;object-position:top}.photo img,.chapter figure>img,.article-aside img{height:auto}.chapter figure>img{height:100%;flex:1}.photo-tall img{height:540px;object-position:center 35%}.photo-wide img{height:300px;object-position:50% 30%}.photo-small img{height:290px;object-position:70% 25%}.article-aside img{aspect-ratio:1.2;object-fit:cover}
@media(max-width:800px){.intro-sticker{right:1%;top:53%;font-size:21px}.intro-sticker>span{padding:7px 14px 9px;margin-top:5px}.intro-sticker>span:nth-child(2){--word-x:10px}.intro-sticker>span:nth-child(3){--word-x:-4px}.rotation-note{bottom:-35px}.wide-photo>img{height:auto;max-height:none}.chapter figure>img{height:85vw;max-height:550px;flex:none}.chapter-two figure>img{height:110vw;max-height:620px}.photo-tall img{height:340px}.photo-wide img{height:180px}.photo-small img{height:230px}.article-aside img{aspect-ratio:1.5}}
@media(max-width:430px){.intro-sticker{right:0;top:54%;font-size:19px}.intro-sticker>span{padding:6px 12px 8px}}
@media(prefers-reduced-motion:reduce){.intro-sticker,.intro-start .intro-sticker{transform:none}.intro-sticker>span,.intro-start .intro-sticker>span{opacity:1;transform:translate(var(--word-x),0) rotate(var(--word-angle));animation:none}}
.brand>img,.ambigram>img,.future-logo>img{height:auto}

/* Keep the word surfaces anchored to the actual logo, including its maximum width. */
.logo-composition{position:relative;width:65%;max-width:1050px;flex:none;container-type:inline-size}
.logo-composition .ambigram{display:block;width:100%;max-width:none;line-height:0}
.logo-composition .intro-sticker{left:90%;right:auto;top:55%;font-size:clamp(14px,3.2cqw,34px)}
.logo-composition .intro-sticker>span{padding:.26em .56em .32em;margin-top:.18em}
.logo-composition .intro-sticker>span:nth-child(2){--word-x:.53em}
.logo-composition .intro-sticker>span:nth-child(3){--word-x:-.18em}
@media(max-height:760px) and (min-width:801px){.logo-composition{width:58%}}
@media(max-width:800px){.logo-composition{width:80%}}
@media(max-width:800px){.logo-composition{left:-6vw}}

/* Shared social links follow the header's white/ink color change. */
.social-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:0}
.linkedin-icon{display:block;width:18px;height:18px;fill:currentColor}
.header nav>.social-link{padding:7px;border:0}
footer>div{align-items:center}
footer .social-link{width:30px;height:30px}
.social-link:hover{color:var(--coral)}
@media(max-width:800px){.header nav{gap:12px}.header nav>.social-link{display:inline-flex}}

/* Underline follows the white hero / dark sticky header text color. */
.header nav>a[href$="#weiter"]{border-bottom-color:currentColor}


/* Original WORK partner marquee: same order, links, spacing and 32-second loop. */
.partners{padding:90px 0 76px;background:var(--paper);overflow:hidden}
.partners-heading{margin:0 8% 44px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.partners-heading h2{font-size:clamp(30px,3.1vw,48px);line-height:1.2;max-width:860px;margin:0}
.partners-heading .eyebrow{margin-bottom:23px}
.partner-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:none;flex:none;display:grid;place-items:center;transition:background .25s}
.partner-toggle:hover{background:#0b12200b}
.partner-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.partner-toggle .partner-play,.partners.is-paused .partner-pause{display:none}
.partners.is-paused .partner-play{display:block}
.partner-window{position:relative;overflow:hidden;width:84%;margin:0 auto}
.partner-window:before,.partner-window:after{content:"";position:absolute;top:0;bottom:0;width:72px;z-index:3;pointer-events:none}
.partner-window:before{left:-1px;background:linear-gradient(90deg,var(--paper),#f4f2ec00)}
.partner-window:after{right:-1px;background:linear-gradient(270deg,var(--paper),#f4f2ec00)}
.partner-track{display:flex;align-items:center;width:max-content;animation:partnerFlow 32s linear infinite;will-change:transform}
.partner-group{display:flex;align-items:center;gap:96px;margin-right:96px;flex:0 0 auto;padding:12px 0;min-width:max-content}
.partner-group a{display:flex;align-items:center;flex:none}
.partner-group img{height:72px;width:auto;max-width:220px;object-fit:contain;flex:0 0 auto;opacity:.96;transition:transform .28s ease,opacity .28s ease}
.partner-group a:hover img{transform:translateY(-2px);opacity:1}
.partner-group a:focus-visible{outline-offset:4px}
.partner-window:hover .partner-track,.partner-window:focus-within .partner-track{animation-play-state:paused}
@keyframes partnerFlow{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(max-width:1100px){.partner-group{gap:72px}.partner-group img{height:60px;max-width:190px}}
@media(max-width:800px){.partners{padding:62px 0 50px}.partners-heading{margin:0 6% 30px;gap:18px}.partners-heading h2{font-size:30px}.partner-window{width:88%}.partner-toggle{width:36px;height:36px}}
@media(max-width:760px){.partner-group{gap:52px}.partner-group img{height:46px;max-width:150px}.partner-window:before,.partner-window:after{width:36px}}
@media(prefers-reduced-motion:reduce){.partner-window:before,.partner-window:after{display:none}.partner-track{animation:none;width:100%;will-change:auto}.partner-group{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;padding:16px 0;margin:0}.partner-group a{justify-content:center;min-width:0}.partner-group img{max-width:100%}.partner-duplicate,.partner-toggle{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.partner-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}

/* Match the 1450px maximum content grid of the recap, voices and feedback. */
.partners{padding-left:8%;padding-right:8%}
.partners-heading{margin-left:0;margin-right:0}
.partner-window{width:100%}
@media(min-width:1650px){.partners{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}
@media(max-width:800px){.partners{padding-left:6%;padding-right:6%}.partners-heading{margin-left:0;margin-right:0}.partner-window{width:100%}}

/* Return to WORK's original navy / blue gradient and coral brand accent. */
.opening{background:#06152e}
.opening:before{inset:-25%;background:radial-gradient(ellipse at 18% 22%,#007a9870 0,transparent 52%),radial-gradient(ellipse at 78% 64%,#08163470 0,transparent 58%);animation:brandBlueDrift 11s ease-in-out infinite alternate}
.opening:after{inset:-25%;background:radial-gradient(ellipse at 82% 88%,#E84A552e 0,transparent 40%),radial-gradient(ellipse at 64% 90%,#60105245 0,transparent 48%);animation:brandCoralDrift 14s ease-in-out infinite alternate}
@keyframes brandBlueDrift{from{transform:translate(-9%,-5%) scale(1.08)}to{transform:translate(10%,7%) scale(1.16)}}
@keyframes brandCoralDrift{from{transform:translate(10%,7%) scale(1.14)}to{transform:translate(-10%,-9%) scale(1.06)}}
.thought,.chapter-three{background:#e9edf1}
.voices{background:#e9edf1}
.chapter-two{background:var(--coral);color:var(--ink)}
.journey-progress>i,#thumbs button.active{background:var(--coral)}
#thumbs button.active{border-color:var(--coral)}
.result-total:last-child strong{color:var(--coral)}
.logo-composition .intro-sticker>span:nth-child(1){background:var(--coral);color:#fff}
.logo-composition .intro-sticker>span:nth-child(2){background:var(--paper);color:var(--ink)}
.logo-composition .intro-sticker>span:nth-child(3){background:#dbe9f2;color:var(--ink)}
.future,footer,.legal-page footer{background:var(--ink);color:var(--paper)}
.future-logo>img{filter:brightness(0) invert(1)}
.future .contact{border-bottom-color:var(--coral)}
.future .contact:hover{color:var(--coral)}
footer .footer-credit a{border-bottom-color:#f4f2ec55}
.opening .quiet-link:hover,.header:not(.is-scrolled) a:hover{color:var(--coral)}
.legal-page .header:not(.is-scrolled) a:hover{color:var(--coral)}
@media(prefers-reduced-motion:reduce){.opening:before,.opening:after{animation:none;will-change:auto}}

/* Header badge uses the original website's logo dimensions. */
:root{--sticky-header-height:166px}
html{scroll-padding-top:calc(var(--sticky-header-height) + 16px)}
.header{height:224px;transition:height .35s,background .4s,box-shadow .4s,backdrop-filter .4s,color .35s}
.header .brand>img,.header:not(.is-scrolled) .brand>img{width:176px;height:auto;filter:none;transition:width .35s}
.header.is-scrolled{height:var(--sticky-header-height)}
.header.is-scrolled .brand>img{width:138px}
.opening,.opening-sticky{min-height:900px}
.opening-sticky{padding-top:224px;padding-bottom:76px}
.opening-bottom{margin-bottom:0}
.hero-scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:44px;height:44px;display:grid;place-items:center;color:var(--paper);opacity:.65;transition:opacity .25s}
.hero-scroll:hover{opacity:1}
.hero-scroll svg{width:20px;height:34px;overflow:visible}
.hero-scroll rect{fill:none;stroke:currentColor;stroke-width:1;opacity:.65}
.hero-scroll-dot{fill:currentColor;animation:heroScrollCue 2.4s ease-in-out infinite}
@keyframes heroScrollCue{0%,15%{transform:translateY(0);opacity:0}30%{opacity:1}80%,100%{transform:translateY(12px);opacity:0}}
/* The supplied gradient itself moves, alongside the softer color overlays. */
.opening:before{inset:-12%;background:none;animation:brandBackdropFlow 14s ease-in-out infinite alternate}
@keyframes brandBackdropFlow{from{transform:translate(-4%,-3%) scale(1.02)}to{transform:translate(5%,4%) scale(1.10)}}
.legal-main{padding-top:270px}
@media(min-width:801px){.journey-sticky{top:var(--sticky-header-height);height:calc(100svh - var(--sticky-header-height));min-height:0}.no-motion .journey-sticky{height:auto;top:auto}}
@media(max-width:1000px){:root{--sticky-header-height:140px}.header{height:182px}.header .brand>img,.header:not(.is-scrolled) .brand>img{width:134px}.header.is-scrolled .brand>img{width:112px}.opening-sticky{padding-top:182px}.legal-main{padding-top:225px}}
@media(max-width:800px){.opening,.opening-sticky{min-height:840px}.opening-sticky{padding-bottom:72px}.logo-space{min-height:235px}.hero-scroll{bottom:16px}}
@media(max-width:640px){:root{--sticky-header-height:136px}.header{height:144px}.header .brand>img,.header:not(.is-scrolled) .brand>img{width:112px}.header.is-scrolled .brand>img{width:112px}.opening-sticky{padding-top:154px}.legal-main{padding-top:190px}}
@media(prefers-reduced-motion:reduce){.opening:before,.opening:after,.hero-scroll-dot{animation:none}.hero-scroll-dot{opacity:1}}

/* Smaller badge and compact sticky navigation. */
:root{--sticky-header-height:88px}
.header{height:120px}
.header .brand>img,.header:not(.is-scrolled) .brand>img{width:88px}
.header.is-scrolled .brand>img{width:64px}
.opening,.opening-sticky{min-height:800px}
.opening-sticky{padding-top:120px}
.legal-main{padding-top:165px}
@media(max-width:1000px){:root{--sticky-header-height:72px}.header{height:99px}.header .brand>img,.header:not(.is-scrolled) .brand>img{width:67px}.header.is-scrolled .brand>img{width:48px}.opening-sticky{padding-top:105px}.legal-main{padding-top:145px}}
@media(max-width:800px){.opening,.opening-sticky{min-height:800px}}
@media(max-width:640px){:root{--sticky-header-height:66px}.header{height:88px}.header .brand>img,.header:not(.is-scrolled) .brand>img{width:56px}.header.is-scrolled .brand>img{width:42px}.opening-sticky{padding-top:105px}.legal-main{padding-top:125px}}
/* Real CSS gradients: their color centers migrate independently, with no bitmap. */
@property --blue-x{syntax:'<percentage>';inherits:false;initial-value:12%}
@property --blue-y{syntax:'<percentage>';inherits:false;initial-value:18%}
@property --coral-x{syntax:'<percentage>';inherits:false;initial-value:88%}
@property --coral-y{syntax:'<percentage>';inherits:false;initial-value:96%}
.opening{background:linear-gradient(125deg,#00334d 0%,#051a36 48%,#090e2b 100%)}
.opening:before{inset:0;transform:none;background:radial-gradient(ellipse at var(--blue-x) var(--blue-y),#006c88dd 0%,#00456880 28%,#00304d00 66%),radial-gradient(ellipse at 90% 25%,#111033aa 0%,transparent 58%);animation:workBlueFlow 13s ease-in-out infinite alternate;will-change:auto}
.opening:after{inset:0;transform:none;background:radial-gradient(ellipse at var(--coral-x) var(--coral-y),#E84A5540 0%,#E84A551c 28%,#E84A5500 64%),radial-gradient(ellipse at var(--coral-y) 100%,#65144980 0%,#2b103940 38%,transparent 70%);animation:workCoralFlow 17s ease-in-out infinite alternate;will-change:auto}
@keyframes workBlueFlow{0%{--blue-x:7%;--blue-y:10%;opacity:.78}50%{--blue-x:42%;--blue-y:38%;opacity:1}100%{--blue-x:18%;--blue-y:72%;opacity:.9}}
@keyframes workCoralFlow{0%{--coral-x:96%;--coral-y:100%;opacity:.68}50%{--coral-x:70%;--coral-y:64%;opacity:.92}100%{--coral-x:45%;--coral-y:88%;opacity:1}}
@media(prefers-reduced-motion:reduce){.opening:before,.opening:after{animation:none}}

/* Header content follows the same content grid as the sections. */
.header{padding-left:8%;padding-right:8%}
@media(min-width:1650px){.header{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}
.menu-toggle{display:none}
.menu-toggle,.menu-close{width:44px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;padding:8px;border-radius:50%;transition:background .2s}
.menu-toggle svg,.menu-close svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.menu-toggle:hover,.menu-close:hover{background:#e84a5518}
.mobile-menu{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px 6% 30px;border:0;background:var(--ink);color:var(--paper);overflow-y:auto;overscroll-behavior:contain}
.mobile-menu[open]{display:flex;flex-direction:column}
.mobile-menu::backdrop{background:#0b1220b0}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;flex:none}
.mobile-menu-top img{width:56px;height:auto}
.menu-close{display:flex}
.mobile-menu-body{margin:auto 0;padding:40px 0}
.mobile-menu-body>.eyebrow{color:var(--coral);margin-bottom:28px}
.mobile-menu-nav{display:flex;flex-direction:column}
.mobile-menu-nav>a{display:grid;grid-template-columns:22px 1fr 20px;gap:12px;align-items:center;padding:21px 0;border-top:1px solid #f4f2ec25;font-family:var(--sans);font-size:clamp(23px,6.9vw,34px);letter-spacing:-.015em;line-height:1.25}
.mobile-menu-nav>a:last-child{border-bottom:1px solid #f4f2ec25}
.mobile-menu-number{font-family:var(--sans);font-size:9px;color:var(--coral);align-self:center;letter-spacing:.04em}
.mobile-menu-nav .icon{width:18px;height:18px;opacity:.7}
.mobile-menu a:hover{color:var(--coral)}
.mobile-menu-footer{display:flex;flex-direction:column;gap:26px;font-family:var(--sans);font-size:11px;flex:none}
.mobile-menu-social{display:flex;gap:13px;align-items:center;width:fit-content}
.mobile-menu-footer>div{display:flex;gap:24px;font-size:10px;color:#f4f2ec99}
.mobile-menu[open] .mobile-menu-body{animation:menuEnter .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes menuEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body.menu-open{overflow:hidden}
body.menu-open .opening:before,body.menu-open .opening:after{animation-play-state:paused}
@media(max-width:800px){.header{padding-left:6%;padding-right:6%}.header nav{display:none}.menu-toggle{display:flex}}
@media(max-height:650px){.mobile-menu-body{padding:25px 0}.mobile-menu-nav>a{padding:15px 0}.mobile-menu-body>.eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open] .mobile-menu-body{animation:none}}

/* Keep every person in the group photograph visible, including the left edge. */
.chapter-three figure>img{object-fit:contain;object-position:left center}
@media(max-width:800px){.chapter-three figure>img{height:auto;max-height:none;flex:none;aspect-ratio:4/3}}

/* Align the lower hero headline and copy with the shared 1450px content grid. */
.opening-bottom{width:auto;max-width:none;align-self:stretch;margin-left:3.3333333333%;margin-right:3.3333333333%}
@media(min-width:1650px){.opening-bottom{margin-left:calc(max(8vw,(100vw - 1450px)/2) - 5.5555555556%);margin-right:calc(max(8vw,(100vw - 1450px)/2) - 5.5555555556%)}}
@media(max-width:800px){.opening-bottom{margin-left:0;margin-right:0}}

/* Scroll out of the opening photo; keep its caption and 4:3 frame still. */
.thought-photo-window{overflow:hidden;aspect-ratio:4/3}
.thought-photo-window>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;transform-origin:90% 0%;transform:scale(var(--thought-photo-scale,1))}
@media(prefers-reduced-motion:reduce){.thought-photo-window>img{transform:none!important}}
