/* A magnetic line becomes a record groove, a journey, then a page. */
.tape-origin,.berlin-journey,.page-turn-room,.voice-now{position:relative;background:#10100f;color:#ede6d8;isolation:isolate;scroll-margin-top:110px}
.tape-origin{padding:55px 7% 65px;min-height:1190px;overflow:hidden;background:radial-gradient(ellipse at 33% 55%,#46382766,transparent 60%),#10100f}
.tape-origin .section-line,.page-turn-room .section-line{position:relative;z-index:3}.tape-opening{position:relative;z-index:3;margin-top:65px;max-width:700px}.tape-opening h2{font:700 clamp(75px,9vw,145px)/.86 Display;letter-spacing:-.025em}.tape-opening>p:last-child{font-size:22px;line-height:1.6;margin:24px 0 0 5px}.tape-opening .eyebrow{margin-bottom:30px;color:#f18168}.tape-opening em,.berlin-copy em,.page-turn-title em,.voice-now em{color:#df5c42;font-style:normal}
.cassette-stage{position:absolute;left:7%;top:46%;width:53%;height:440px;perspective:1100px;z-index:1}.cassette{position:absolute;width:90%;aspect-ratio:1.56;left:0;top:0;background:linear-gradient(155deg,#45413a,#171714 35%,#37352d);border:3px solid #7e7566;border-radius:23px;box-shadow:12px 28px 16px #0009,inset 0 0 0 8px #141310,inset 0 0 0 10px #5d574b;transform:rotate(-12deg) rotateY(12deg);transition:transform .65s cubic-bezier(.2,.7,.1,1)}.cassette-stage[data-cue="1"] .cassette{transform:rotate(-4deg) rotateY(-5deg)}.cassette-stage[data-cue="2"] .cassette{transform:rotate(5deg) rotateY(-10deg)}.cassette-label{position:absolute;inset:9% 7% 20%;border-radius:10px;background:repeating-linear-gradient(0deg,#c9bda4 0 3px,#c4b79e 4px 5px);color:#25231d;padding:4% 5% 2%;box-shadow:inset 0 0 12px #4f3e3155}.cassette-name{font:700 clamp(38px,4.8vw,72px)/1 Display;letter-spacing:-.025em;border-bottom:3px solid #923a2c;padding-bottom:4px;transform:rotate(-2deg)}.cassette-sub{font-size:16px;letter-spacing:.025em;margin-top:9px}.cassette-window{height:37%;position:absolute;bottom:13%;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;padding:5px 13px;border-radius:100px;border:7px solid #1b1916;background:linear-gradient(90deg,#3d3023,#0e0e0d,#433728);box-shadow:0 0 0 2px #a49275}.tape-reel{display:block;height:110%;aspect-ratio:1;border:8px solid #b6afa0;border-radius:50%;background:repeating-conic-gradient(#201f1b 0deg 35deg,#c8c1b1 35deg 50deg,#201f1b 50deg 60deg);box-shadow:0 0 0 2px #383329;transform:rotate(calc(var(--cue,0) * 145deg));transition:transform .65s}.cassette-window b{width:24%;height:35%;background:#aa9b7d77;border:1px solid #c4b79755}.cassette-bottom{display:flex;justify-content:space-between;position:absolute;bottom:3%;left:8%;right:8%;font-size:16px;font-weight:600}.cassette-foot{position:absolute;bottom:3%;left:20%;width:60%;height:13%;border:2px solid #605a4c;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(#423d33,#1c1b17)}.cassette-screw{position:absolute;width:12px;height:12px;border:1px solid #191815;border-radius:50%;background:linear-gradient(45deg,#aaa18f 43%,#141311 44% 56%,#aaa18f 57%);top:3%}.screw-a{left:3%}.screw-b{right:3%}.tape-loop{position:absolute;left:-10%;top:43%;width:130%;height:66%;border:11px solid #5a3526;border-radius:50%;transform:rotate(-25deg);box-shadow:0 5px 1px #000,0 -1px 0 #9b7254;z-index:-1}.object-label{position:absolute;bottom:-22px;left:3%;font-size:16px;max-width:390px;color:#c9bcaa;line-height:1.5}
.tape-console{position:relative;z-index:4;width:35%;margin:-100px 0 0 auto;padding:28px 0 10px 28px;background:linear-gradient(90deg,#10100fe6,#10100f);border-left:1px solid #8f8065}.memory-controls{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.memory-controls button{padding:13px 12px;border:1px solid #8b7e66;background:#1b1915;color:#ece4d4;font-family:Body;font-size:16px;min-height:48px;cursor:pointer}.memory-controls button[aria-pressed="true"]{background:#b93222;border-color:#b93222;color:white}.memory-panel h3{font:600 40px/1.08 Display;margin:0 0 18px}.memory-panel p{font-size:18px;line-height:1.75;color:#d4c9b8}.memory-panel blockquote{font:600 38px/1.2 Display;margin:24px 0;color:#f3e9d6}.memory-panel .memory-attribution,.memory-note{font-size:16px;line-height:1.65;color:#bcaf9b}.memory-note{margin-top:30px}.memory-panel[hidden]{display:none}.memory-panel:not([hidden]){animation:none}.tape-exit{position:relative;z-index:3;margin-top:180px;max-width:800px;border-top:1px solid #635a49;padding-top:30px}.tape-exit>a{display:block;font:600 35px/1.2 Display;margin-top:18px;text-decoration:none}.tape-exit>a span{display:block;font:500 16px/1.5 Body;color:#f18168;margin-top:20px}
.berlin-stage{position:relative;min-height:1340px;overflow:hidden;padding:65px 7% 45px;background:#13120f}.marquee-plate{position:absolute;inset:0;background:linear-gradient(0deg,#10100f 0%,#10100f00 45%,#10100f33 75%,#10100f 100%),linear-gradient(90deg,#10100fbb,transparent 90%),url('/assets/web/marquee-atmosphere.webp') center/cover;z-index:-2}.berlin-rain{position:absolute;inset:10% 0 20%;background:repeating-linear-gradient(105deg,transparent 0 43px,#d7c6a216 44px,transparent 45px 110px);mask-image:linear-gradient(transparent,#000,transparent);opacity:.5;z-index:-1}.berlin-route{display:flex;align-items:center;gap:28px;font:600 clamp(40px,6vw,90px)/1 Display;color:#eee0c8;opacity:.8}.berlin-route i{flex:1;height:2px;position:relative;background:#c98f6a;transform-origin:left}.berlin-route i:after{content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#f58d65}.berlin-copy{position:relative;z-index:2;margin-top:95px;width:62%;max-width:800px}.berlin-copy>.eyebrow{color:#f6b092;margin-bottom:35px;max-width:550px;line-height:1.6}.berlin-copy h2{font:700 clamp(100px,13vw,200px)/.84 Display;letter-spacing:-.025em}.berlin-copy em{color:#f1dfbd}.berlin-copy>p:not(.eyebrow){max-width:500px;font-size:18px;line-height:1.75}.berlin-copy>.berlin-lead{font-size:27px!important;line-height:1.5!important;margin:35px 0 20px}.berlin-record{position:absolute;z-index:1;top:30%;right:6%;width:29%;transform:rotate(9deg);filter:drop-shadow(5px 25px 12px #0009)}.berlin-record img{width:100%;aspect-ratio:1;object-fit:contain}.berlin-record p{font:500 16px/1.5 Body;padding:15px;background:#151310ed;color:#e2d6c2}.berlin-dispatch{position:relative;z-index:3;margin-top:95px;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:35px 40px;background:#10100fe8;border-top:1px solid #a78a67;max-width:1100px}.berlin-dispatch h3{font:600 48px/1.06 Display;margin-top:20px}.berlin-dispatch p{font-size:18px;line-height:1.75;color:#ded2be}.berlin-dispatch details{border-top:1px solid #7d705b;margin-top:25px;padding-top:20px}.berlin-dispatch summary{font-size:18px;line-height:1.5;cursor:pointer;min-height:44px}.berlin-dispatch summary span{float:right}.berlin-dispatch details a{display:block;color:#f4a98d;margin-top:15px;overflow-wrap:anywhere}.berlin-credit{font-size:16px;line-height:1.6;max-width:850px;margin-top:35px;color:#c7b69d}
@media(min-width:1101px) and (min-height:850px){.motion-on .berlin-journey{min-height:235vh}.motion-on .berlin-stage{position:sticky;top:0;min-height:100vh;padding-top:45px;box-sizing:border-box}.motion-on .berlin-copy{margin-top:45px}.motion-on .berlin-copy h2{font-size:clamp(95px,10vw,165px)}.motion-on .berlin-copy>.berlin-lead{margin-top:25px;font-size:23px!important}.motion-on .berlin-copy>p:not(.eyebrow){max-width:570px}.motion-on .berlin-dispatch{margin-top:40px;padding:25px 30px;gap:40px;transform:translateY(calc((1 - var(--berlin,0)) * 70px));opacity:calc(.25 + var(--berlin,0)*.75)}.motion-on .berlin-dispatch h3{font-size:38px}.motion-on .berlin-credit{margin-top:25px}.motion-on .marquee-plate{transform:scale(calc(1.1 - var(--berlin,0)*.08))}.motion-on .berlin-record{transform:translateY(calc(var(--berlin,0)*-55px)) rotate(calc(9deg - var(--berlin,0)*7deg))}.motion-on .berlin-route i{transform:scaleX(calc(.35 + var(--berlin,0)*.65))}}
.page-turn-room{padding:65px 7% 100px;min-height:1180px;overflow:hidden;background:radial-gradient(ellipse at 35% 65%,#55443166,transparent 65%),#10100f}.page-turn-title{position:relative;z-index:3;margin-top:70px}.page-turn-title .eyebrow{color:#f18168;margin-bottom:30px}.page-turn-title h2{font:700 clamp(70px,9vw,135px)/.86 Display;letter-spacing:-.02em}.open-book-object{position:absolute;width:39%;height:520px;left:12%;top:45%;perspective:1200px;transform:rotate(-9deg)}.open-book-object a{position:absolute;width:70%;height:100%;left:4%;top:0;transform:rotateY(-14deg);transform-origin:right center;filter:drop-shadow(5px 15px 12px #000b);transition:transform .5s}.open-book-object a:hover,.open-book-object a:focus-visible{transform:rotateY(-28deg)}.open-book-object img{width:100%;height:100%;object-fit:contain}.book-leaves{position:absolute;width:88%;height:83%;left:15%;top:8%;transform:skewY(-3deg);background:repeating-linear-gradient(90deg,#938775 0 2px,#d2c6ae 3px 6px);box-shadow:20px 24px 15px #0009;clip-path:polygon(0 0,95% 12%,100% 91%,6% 100%)}.page-turn-copy{position:relative;width:36%;margin:-60px 0 0 auto;z-index:4;background:#10100fee;padding:20px}.page-turn-copy .lead{font-size:27px;line-height:1.4}.page-turn-copy p{font-size:18px;line-height:1.8;color:#d5cab8}.page-turn-copy .text-link{display:block;margin-top:12px}.voice-now{padding-top:90px;padding-bottom:100px;border-top:1px solid #645944}.voice-now h2{font:700 clamp(75px,9vw,145px)/.85 Display;margin-top:30px}.voice-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:55px;border-top:1px solid #6c604d;border-bottom:1px solid #6c604d}.voice-now-grid>a{padding:38px;text-decoration:none;color:inherit;transition:background .2s}.voice-now-grid>a:hover{background:#242018}.voice-now-grid>a+a{border-left:1px solid #6c604d}.voice-now-grid span,.voice-now-grid b,.now-note{font-size:16px;line-height:1.65;color:#c9bca7}.voice-now-grid h3{font:600 55px/1 Display;margin:30px 0 20px}.voice-now-grid p{font-size:18px;line-height:1.75;max-width:480px}.voice-now-grid b{display:block;color:#f3a488;margin-top:30px}.now-note{margin-top:25px}
.research-addendum{padding:65px 7%;border-top:1px solid #655c4c;background:#171510}.research-addendum h2{font:600 clamp(36px,5vw,65px)/1.1 Display;margin-bottom:25px}.research-addendum p{font-size:18px;line-height:1.8;max-width:850px}.research-addendum .text-link{display:inline-block;margin-right:30px}.source-list .new-source h2{font:600 36px/1.1 Display}
@media(max-width:1100px){.tape-origin{min-height:1220px}.cassette-stage{left:5%;width:56%;top:49%}.tape-console{width:40%;margin-top:-80px;padding-left:22px}.tape-opening h2{font-size:10vw}.tape-exit{margin-top:180px;max-width:750px}.berlin-copy{width:68%}.berlin-copy h2{font-size:13vw}.berlin-record{width:29%;right:3%;top:35%}.berlin-dispatch{gap:35px;padding:30px}.page-turn-room{min-height:1240px}.page-turn-copy{width:43%;margin-top:0}.open-book-object{left:6%;width:46%;top:45%}.page-turn-title h2{font-size:10vw}}
@media(max-width:700px){.tape-origin{min-height:0;padding:40px 7% 55px}.tape-opening{margin-top:45px}.tape-opening h2{font-size:22vw}.tape-opening>p:last-child{font-size:20px}.cassette-stage{position:relative;top:auto;left:0;width:100%;height:280px;margin:55px 0 35px}.cassette{width:93%;top:8%;left:2%;border-radius:14px;border-width:2px}.cassette-name{font-size:39px}.cassette-sub{display:none}.cassette-bottom{font-size:16px}.cassette-window{bottom:15%;height:34%;border-width:5px;padding:4px 8px}.tape-reel{border-width:5px}.tape-loop{left:-20%;width:135%;height:54%;border-width:7px;top:38%}.object-label{bottom:-14px;left:0;font-size:16px;max-width:300px}.tape-console{width:100%;margin:60px 0 0;padding:0;border-left:0;background:none}.memory-controls{gap:10px}.memory-controls button{flex:1;min-width:125px}.memory-panel h3{font-size:36px}.memory-panel blockquote{font-size:35px}.memory-note{margin-top:25px}.tape-exit{margin-top:45px}.tape-exit>a{font-size:32px}.berlin-stage{padding:45px 7% 55px;min-height:0}.marquee-plate{background-position:65% center}.berlin-route{font-size:42px;gap:18px}.berlin-copy{width:100%;margin-top:65px}.berlin-copy h2{font-size:21vw}.berlin-copy .eyebrow{max-width:300px;font-size:16px}.berlin-copy>.berlin-lead{font-size:25px!important}.berlin-copy>p:not(.eyebrow){font-size:18px}.berlin-record{position:relative;width:65%;top:auto;right:auto;margin:60px 5% 55px auto;transform:rotate(7deg)}.berlin-record p{font-size:16px;line-height:1.6}.berlin-dispatch{display:block;margin-top:25px;padding:25px 20px;background:#10100fee}.berlin-dispatch h3{font-size:38px;margin-bottom:30px}.berlin-dispatch summary{font-size:18px;min-height:52px}.berlin-dispatch p{font-size:18px}.berlin-credit{font-size:16px;margin-top:28px}.page-turn-room{padding:45px 7% 65px;min-height:0}.page-turn-title{margin-top:45px}.page-turn-title h2{font-size:19vw}.open-book-object{position:relative;top:auto;left:0;width:100%;height:380px;margin:55px 0 45px;transform:rotate(-5deg)}.open-book-object a{width:74%;left:2%}.book-leaves{width:85%;height:83%;left:10%}.page-turn-copy{width:100%;margin-top:45px;padding:0;background:none}.page-turn-copy .lead{font-size:26px}.page-turn-copy p{font-size:18px}.voice-now{padding:55px 7%}.voice-now h2{font-size:22vw}.voice-now-grid{grid-template-columns:1fr;margin-top:40px}.voice-now-grid>a{padding:30px 0}.voice-now-grid>a+a{border-left:0;border-top:1px solid #6c604d}.voice-now-grid h3{font-size:45px}.research-addendum{padding:45px 7%}.research-addendum h2{font-size:38px}.research-addendum p{font-size:18px}}
@media(max-width:360px){.cassette-stage{height:245px}.cassette-name{font-size:34px}.cassette-bottom{bottom:1%;left:5%;right:5%}.cassette-window{bottom:18%}.cassette-foot{height:11%}}
@media(prefers-reduced-motion:reduce){.cassette,.tape-reel,.open-book-object a{transition:none}.berlin-rain{display:none}}
.motion-paused .cassette,.motion-paused .tape-reel,.motion-paused .open-book-object a{transition:none}

.berlin-stage{isolation:isolate}.cassette-stage>.object-label{bottom:-70px}.tape-exit{margin-top:215px}@media(max-width:700px){.cassette-stage>.object-label{bottom:-20px}.tape-exit{margin-top:45px}}

.memory-panel h3,.berlin-dispatch h3{font-family:Body,Arial,sans-serif;font-size:28px;line-height:1.35;letter-spacing:-.02em;font-weight:650}.memory-panel blockquote{font-family:Body,Arial,sans-serif;font-size:28px;line-height:1.45;letter-spacing:-.02em;font-weight:650}.tape-exit>a{font-family:Body,Arial,sans-serif;font-size:26px;line-height:1.45;letter-spacing:-.02em}.voice-now-grid h3{letter-spacing:0}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.skip:focus{color:#161510}.berlin-copy>p:not(.eyebrow){text-shadow:0 2px 10px #000}.berlin-dispatch{opacity:1!important}@media(min-width:1101px) and (min-height:850px){.motion-on .berlin-stage{min-height:1180px}.motion-on .berlin-journey{min-height:220vh}}

@media(max-width:700px){.cassette-bottom{display:none}}

@media(min-width:1101px) and (min-height:850px){.motion-on .berlin-record{top:21%;width:27%}}