html:has(.scroll-study){scroll-snap-type:y mandatory;scroll-padding-top:0}.scroll-study{margin:0;--frame-ink:#f6f4ee;--frame-muted:#dce8f7;--frame-rule:#ffffff55;background:#004aad;color:var(--frame-ink)}.study-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 48px;color:var(--frame-ink);pointer-events:none}.study-header>*{pointer-events:auto}.study-logo{font-size:24px;font-weight:700;letter-spacing:-.035em;line-height:1}.study-logo span{display:block;font-size:8px;letter-spacing:.13em;font-weight:400;margin-top:8px}.study-header nav{display:flex;gap:28px;align-items:center}.study-header nav a{font-size:13px;padding:8px 0;border-bottom:1px solid transparent}.study-header nav a[aria-current]{border-bottom-color:currentColor}.study-header button{font-size:11px;color:inherit;background:transparent;border:1px solid var(--frame-rule);padding:9px 13px;min-height:38px}.study-frame{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:110px 8vw 95px;overflow:clip}.frame-copy{position:relative;z-index:2;max-width:540px}.frame-copy h1,.project-name{font:400 clamp(64px,6.7vw,96px)/1 'EB Garamond','Noto Sans KR',serif;letter-spacing:-.035em;margin:0 0 26px}.frame-copy h1 span,.project-name span{font:400 12px/1.5 'Noto Sans KR',sans-serif;letter-spacing:0;display:block;margin-top:13px;color:var(--frame-muted)}.frame-copy h2:not(.project-name),.frame-copy h3{font-size:clamp(27px,3.1vw,43px);font-weight:400;line-height:1.55;letter-spacing:-.025em}.frame-copy p{margin-top:25px;font-size:14px;line-height:2;color:var(--frame-muted)}.study-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:12px 0;border-bottom:1px solid currentColor;margin-top:32px;font-size:12px}.study-link svg,.frame-caption svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.3;fill:none}.frame-art{position:relative;z-index:1;width:100%;height:500px;display:flex;align-items:center;justify-content:center}.frame-art img{width:min(58%,280px);height:auto;position:relative;box-shadow:0 16px 45px #00000035}.frame-caption{position:absolute;bottom:50px;left:8vw;right:8vw;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--frame-muted)}.frame-caption a{display:flex;gap:20px;align-items:center}.study-notice{position:fixed;bottom:14px;left:48px;font-size:9px;z-index:10;color:var(--frame-muted)}.study-position{position:fixed;right:28px;top:50%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:18px;transform:translateY(-50%);color:var(--frame-muted)}#position-name{font-size:9px;writing-mode:vertical-rl}#position-dots{display:flex;flex-direction:column;gap:12px}#position-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.4}#position-dots i.selected{opacity:1;height:18px;border-radius:2px}.up-frame{--frame-ink:#f6f4ee;--frame-muted:#dce8f7;background:#004aad;color:var(--frame-ink)}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wave-canvas{opacity:.65}.record-disc{position:absolute;right:0;width:370px;height:370px;border-radius:50%;background:#051d3e;border:1px solid #6492cc}.record-disc:before,.record-disc:after{content:'';position:absolute;border:1px solid #4570a6;border-radius:50%;inset:25px}.record-disc:after{inset:60px}.record-disc i{position:absolute;width:90px;height:90px;border-radius:50%;background:#b6cdea;left:50%;top:50%;transform:translate(-50%,-50%)}.up-art img{transform:rotate(-8deg) translateX(-20px)}.up-frame.is-active .up-art img{animation:cover-drift 8s ease-in-out infinite alternate}.up-frame.is-active .record-disc{animation:record-turn 22s linear infinite}.mm-frame{--frame-ink:#f6f4ee;--frame-muted:#d8d2c5;background:#1d211d;color:var(--frame-ink)}.word-field{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;opacity:.07;pointer-events:none}.word-field div{font-size:clamp(120px,20vw,280px);font-weight:500;line-height:1.15;white-space:nowrap;letter-spacing:.04em}.mm-frame.is-active .word-field div{animation:word-drift 13s ease-in-out infinite alternate}.word-field div:nth-child(2){animation-direction:alternate-reverse!important;animation-delay:-5s!important}.sentence-wipe{display:inline-block}.mm-frame.is-active .sentence-wipe{animation:sentence-focus 7s cubic-bezier(.16,1,.3,1) infinite}.mm-art img{transform:rotate(3deg)}.sound-rings{position:absolute;width:420px;height:420px;max-width:95%;border-radius:50%}.sound-rings i{position:absolute;inset:0;border:1px solid #d8d2c5;border-radius:50%;opacity:.3}.mm-frame.is-active .sound-rings i{animation:voice-ripple 5s ease-out infinite}.sound-rings i:nth-child(2){animation-delay:-1.7s!important}.sound-rings i:nth-child(3){animation-delay:-3.4s!important}.print-frame{--frame-ink:#004aad;--frame-muted:#475a52;--frame-rule:#004aad55;background:#f6f4ee;color:var(--frame-ink)}.folio-stage{perspective:1300px}.folio-cover{position:absolute;width:240px;z-index:2;transform:rotate(-7deg) translate(-30px,-12px)}.folio-cover img{width:100%}.folio-sheet{position:absolute;width:225px;min-height:300px;background:#fffdf7;color:#243a30;padding:25px;box-shadow:0 18px 40px #26321b25;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.folio-sheet span{font-size:9px;letter-spacing:.08em;color:#004aad}.folio-sheet p{font-size:22px;line-height:1.65;margin:0;font-weight:400;letter-spacing:-.025em}.folio-sheet small{font-size:10px;color:#50625a}.sheet-back{transform:translate(70px,-65px) rotate(9deg);z-index:1}.sheet-front{transform:translate(135px,130px) rotate(8deg);z-index:3;width:225px;min-height:240px}.folio-rule{height:1px;background:#b8c2b1}.print-frame.is-active .folio-cover{animation:folio-cover 11s ease-in-out infinite alternate}.print-frame.is-active .sheet-back{animation:folio-back 13s ease-in-out infinite alternate}.print-frame.is-active .sheet-front{animation:folio-front 9s ease-in-out infinite alternate}.uau-frame{--frame-ink:#eef4e8;--frame-muted:#cedbd1;background:#112c27;color:var(--frame-ink)}.particle-canvas{opacity:.75}.uau-art img{transform:rotate(-3deg)}.community-orbit{position:absolute;width:420px;height:420px;border:1px solid #9cc7b7;border-radius:50%;max-width:100%;transform:rotateX(55deg) rotateZ(-20deg)}.uau-frame.is-active .community-orbit{animation:community-orbit 14s ease-in-out infinite alternate}.uau-frame.is-active .uau-art img{animation:cover-drift 11s ease-in-out infinite alternate}.study-frame:not(.is-active) *{animation-play-state:paused!important}.motion-paused *{animation-play-state:paused!important}.scroll-study a:focus-visible,.scroll-study button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@keyframes cover-drift{from{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-16px) rotate(-1deg)}}@keyframes record-turn{to{transform:rotate(360deg)}}@keyframes word-drift{from{transform:translateX(-9%) scale(1)}to{transform:translateX(4%) scale(1.08)}}@keyframes sentence-focus{0%,12%,100%{clip-path:inset(0 0 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}65%{clip-path:inset(0 0 0 100%);opacity:.3}80%{clip-path:inset(0 100% 0 0);opacity:.3}}@keyframes voice-ripple{from{transform:scale(.45);opacity:.45}to{transform:scale(1.25);opacity:0}}@keyframes folio-cover{from{transform:rotate(-7deg) translate(-30px,-12px)}to{transform:rotate(-3deg) translate(-40px,-30px)}}@keyframes folio-back{from{transform:translate(70px,-65px) rotate(9deg)}to{transform:translate(85px,-90px) rotate(4deg)}}@keyframes folio-front{from{transform:translate(135px,130px) rotate(8deg)}to{transform:translate(112px,105px) rotate(3deg)}}@keyframes community-orbit{from{transform:rotateX(55deg) rotateZ(-20deg)}to{transform:rotateX(45deg) rotateZ(30deg)}}
@media(max-width:1000px){.study-header{padding:22px 30px}.study-frame{gap:30px;padding-left:6vw;padding-right:6vw}.frame-copy h2:not(.project-name),.frame-copy h3{font-size:32px}.frame-art{height:400px}.record-disc{width:280px;height:280px}.folio-cover{width:190px}.folio-sheet{width:190px;min-height:265px;padding:20px}.folio-sheet p{font-size:19px}.sheet-front{transform:translate(75px,100px) rotate(6deg)}.study-position{right:16px}.frame-caption{left:6vw;right:6vw}.study-notice{left:30px}}
@media(max-width:650px){.study-header{padding:17px 22px;gap:10px;align-items:flex-start}.study-logo{font-size:19px}.study-logo span{font-size:7px}.study-header nav{gap:13px;padding-top:2px}.study-header nav a{font-size:11px}.study-header button{font-size:9px;padding:5px 7px;min-height:32px;max-width:80px}.study-frame{grid-template-columns:1fr;gap:12px;padding:92px 26px 78px;align-content:center;min-height:100svh}.frame-copy h1,.project-name{font-size:48px;margin-bottom:18px}.frame-copy h1 span,.project-name span{font-size:10px;margin-top:7px}.frame-copy h2:not(.project-name),.frame-copy h3{font-size:27px;line-height:1.5}.frame-copy p{font-size:11px;line-height:1.85;margin-top:15px}.study-link{font-size:11px;margin-top:14px;padding:8px 0;gap:32px}.frame-art{height:245px;max-width:350px;margin:auto}.frame-art img{width:135px}.record-disc{width:210px;height:210px;right:30px}.record-disc i{width:60px;height:60px}.sound-rings{width:235px;height:235px}.folio-cover{width:125px;transform:translate(-30px,-12px) rotate(-7deg)}.folio-cover img{width:100%}.folio-sheet{width:125px;min-height:165px;padding:13px;gap:15px}.folio-sheet p{font-size:13px}.folio-sheet span{font-size:7px}.folio-sheet small{font-size:8px}.sheet-back{transform:translate(48px,-36px) rotate(9deg)}.sheet-front{width:135px;min-height:150px;transform:translate(72px,60px) rotate(7deg)}.print-frame.is-active .sheet-front{animation:folio-front-mobile 9s ease-in-out infinite alternate}.print-frame.is-active .sheet-back{animation:folio-back-mobile 13s ease-in-out infinite alternate}.community-orbit{width:245px;height:245px}.frame-caption{bottom:44px;left:26px;right:26px;font-size:8px;gap:12px}.frame-caption>span{max-width:170px}.frame-caption a{gap:8px}.frame-caption svg{width:14px;height:14px}.study-notice{left:22px;font-size:8px;bottom:12px}.study-position{right:10px;gap:12px}#position-name{display:none}#position-dots{gap:9px}#position-dots i{width:3px;height:3px}.word-field div{font-size:160px}@keyframes folio-front-mobile{from{transform:translate(72px,60px) rotate(7deg)}to{transform:translate(58px,48px) rotate(1deg)}}@keyframes folio-back-mobile{from{transform:translate(48px,-36px) rotate(9deg)}to{transform:translate(58px,-50px) rotate(5deg)}}}
@media(max-height:720px) and (max-width:650px){.study-frame{padding-top:80px;gap:8px}.frame-art{height:190px}.frame-art img{width:110px}.folio-cover{width:100px}.folio-cover img{width:100%}.frame-copy h1,.project-name{font-size:38px;margin-bottom:12px}.frame-copy h2:not(.project-name),.frame-copy h3{font-size:23px}.frame-copy p{font-size:10px;margin-top:10px}.record-disc{width:160px;height:160px}.folio-sheet{width:105px;min-height:150px;padding:10px}.folio-sheet p{font-size:11px}.sheet-front{min-height:120px}.frame-caption{bottom:38px}}
@media(prefers-reduced-motion:reduce){html:has(.scroll-study){scroll-snap-type:y proximity;scroll-behavior:auto}.study-frame *{animation:none!important}.sentence-wipe{clip-path:none!important}}
.up-frame,.mm-frame,.uau-frame{--frame-rule:#ffffff55}.motion-paused .sentence-wipe{animation:none!important;clip-path:none!important;opacity:1!important}

.uau-frame{background:#030509;--frame-ink:#f6f4ee;--frame-muted:#d5dce4}
/* The visible asymmetric record label makes its rotation legible. */
.record-disc i{background:#c7dcf4;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#004aad;gap:6px}.record-disc i b{font:500 28px 'EB Garamond',serif}.record-disc i small{font-size:6px;text-align:center;line-height:1.5}.vinyl-mark{position:absolute;top:15%;right:25%;width:48px;height:8px;background:#96b8df;opacity:.65;transform:rotate(-35deg)}.record-disc:before{box-shadow:0 0 0 7px #122d4e,0 0 0 8px #3b5d80,0 0 0 15px #122d4e,0 0 0 16px #3b5d80}.up-frame.is-active .record-disc{animation-duration:12s}.up-art img{margin-right:70px}.wave-canvas{opacity:.8}.word-field{opacity:.1}.word-field div{font:400 clamp(85px,12vw,160px)/1.5 'EB Garamond',serif;letter-spacing:-.025em}.magazine-stage{perspective:1500px;isolation:isolate;overflow:visible}.magazine{position:relative;width:560px;max-width:110%;height:360px;transform:rotateX(12deg) rotateY(-14deg) rotateZ(-5deg);transform-style:preserve-3d;filter:drop-shadow(0 25px 25px #26321b30)}.magazine-board{position:absolute;inset:-7px;background:#004aad;transform:translateZ(-7px);border-radius:2px}.magazine-left,.magazine-right,.leaf-front,.leaf-back{position:absolute;background:#fffdf5;color:#243a30;padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.magazine-left{left:0;top:0;width:50%;height:100%;transform:rotateY(4deg);transform-origin:right center;box-shadow:inset -12px 0 20px #30361e15}.magazine-left img{width:100%;height:270px;object-fit:cover;box-shadow:none}.magazine-left>span{font-size:9px;color:#004aad;text-align:center}.magazine-right{right:0;top:0;width:50%;height:100%;box-shadow:inset 10px 0 20px #30361e12}.magazine-right span,.leaf-front span,.leaf-back span{font-size:10px;color:#004aad;letter-spacing:.06em}.magazine-right h4{font-size:24px;line-height:1.5;font-weight:400;margin:0;letter-spacing:-.025em}.magazine-right p{font-size:12px;line-height:1.9;margin:0}.magazine-right small,.leaf-front small,.leaf-back small{font-size:10px;color:#50625a}.magazine-spine{position:absolute;width:2px;height:100%;left:50%;top:0;background:#a4ab9855;transform:translateZ(2px)}.magazine-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:3}.leaf-front,.leaf-back{inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 9px 0 18px #30361e12}.leaf-back{transform:rotateY(180deg);box-shadow:inset -9px 0 18px #30361e12}.leaf-front p,.leaf-back p{font-size:25px;line-height:1.7;font-weight:400;margin:0;letter-spacing:-.025em}.page-lines{height:25px;border-top:1px solid #b9c2b1;border-bottom:1px solid #b9c2b1}.print-frame.is-active .magazine-leaf{animation:magazine-turn 7s cubic-bezier(.45,0,.2,1) infinite}.print-frame.is-active .magazine{animation:magazine-hover 12s ease-in-out infinite alternate}@keyframes magazine-turn{0%,18%{transform:rotateY(0deg)}55%,92%,100%{transform:rotateY(-178deg)}}@keyframes magazine-hover{from{transform:rotateX(12deg) rotateY(-14deg) rotateZ(-5deg) translateY(0)}to{transform:rotateX(7deg) rotateY(-9deg) rotateZ(-2deg) translateY(-10px)}}
@media(max-width:1000px){.magazine{height:310px;max-width:110%}.magazine-left,.magazine-right,.leaf-front,.leaf-back{padding:18px}.magazine-left img{height:235px}.leaf-front p,.leaf-back p{font-size:21px}.magazine-right h4{font-size:21px}}
@media(max-width:650px){.vinyl-mark{width:32px;height:6px}.record-disc i b{font-size:20px}.record-disc i small{font-size:4px}.up-art img{margin-right:30px}.word-field div{font-size:100px}.magazine-stage{height:265px}.magazine{width:320px;max-width:98%;height:235px}.magazine-left,.magazine-right,.leaf-front,.leaf-back{padding:14px;gap:10px}.magazine-left img{height:175px}.magazine-left span{font-size:6px}.magazine-right h4{font-size:17px}.magazine-right p{font-size:9px}.magazine-right span,.leaf-front span,.leaf-back span{font-size:7px}.leaf-front p,.leaf-back p{font-size:17px}.magazine-right small,.leaf-front small,.leaf-back small{font-size:7px}.page-lines{height:18px}}@media(max-height:720px) and (max-width:650px){.magazine-stage{height:205px}.magazine{height:190px;width:285px}.magazine-left img{height:140px}.magazine-right h4{font-size:14px}.magazine-right p{font-size:8px}.leaf-front p,.leaf-back p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.magazine,.magazine-leaf{animation:none!important}.magazine-leaf{transform:rotateY(-178deg)}}
/* U# becomes a whole-page collage of records rather than a single book. */
.print-frame{display:flex;isolation:isolate;background:#ebe5d9}.print-frame .frame-copy{padding:32px 34px;background:#f9f6ef;width:min(48%,520px);box-shadow:0 12px 32px #473e2915;clip-path:polygon(0 1%,98% 0,100% 99%,1% 100%)}.print-frame .frame-caption{color:#475a52}.scrap-wall{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scrap{position:absolute;--angle:0deg;transform:rotate(var(--angle));transform-origin:center}.scrap-heading{left:4%;top:10%;--angle:-9deg;color:#004aad;font:400 clamp(32px,4vw,57px)/1.05 'EB Garamond',serif;letter-spacing:-.03em}.scrap-fragment{left:47%;top:10%;--angle:7deg;background:#ded8cb;padding:25px 30px;color:#344334;box-shadow:0 8px 18px #483d2912}.scrap-fragment>span{font-size:11px;color:#536557}.scrap-fragment p{font-size:19px;line-height:1.65;margin-top:12px}.scrap-poster{width:235px;right:8%;top:15%;--angle:6deg;background:#faf7ee;padding:12px 12px 28px;box-shadow:0 14px 26px #41372122}.scrap-poster img{width:100%;height:auto;box-shadow:none}.scrap-poster:before,.scrap-note:before,.scrap-photo:before{content:'';position:absolute;width:90px;height:22px;left:calc(50% - 45px);top:-10px;background:#cdbd93a8;transform:rotate(-6deg)}.scrap-photo{left:4%;bottom:12%;width:250px;--angle:5deg;background:#f8f6ed;padding:10px 10px 25px;box-shadow:0 10px 24px #41372118}.scrap-photo img{height:140px;width:100%;object-fit:cover;object-position:50% 75%;box-shadow:none}.scrap-photo span{font-size:9px;color:#475a52;display:block;margin-top:10px}.scrap-note{right:8%;bottom:13%;width:285px;--angle:-6deg;background:#fcf9f1;padding:30px;color:#344334;box-shadow:0 15px 30px #41372122;clip-path:polygon(0 0,100% 1%,99% 98%,96% 100%,93% 98%,89% 100%,84% 98%,79% 100%,74% 98%,68% 100%,63% 98%,57% 100%,51% 98%,44% 100%,38% 98%,32% 100%,24% 98%,18% 100%,12% 98%,5% 100%,0 98%)}.scrap-note small{font-size:10px;color:#004aad}.scrap-note p{font-size:23px;line-height:1.65;margin:16px 0 25px}.scrap-note>span{font-size:8px;letter-spacing:.06em}.scrap-tag{left:60%;top:48%;--angle:-12deg;background:#004aad;color:#fff;padding:12px 24px;font-size:13px;letter-spacing:.08em}.scrap-memo{left:39%;bottom:9%;--angle:4deg;border-top:1px solid #829079;border-bottom:1px solid #829079;padding:20px 0;color:#475a52}.scrap-memo span{font-size:12px}.scrap-memo p{font-size:10px;margin-top:12px;line-height:1.8}.scrap-stamp{position:absolute;right:34%;top:33%;transform:rotate(-16deg);font:400 58px/1 'EB Garamond',serif;color:#004aad;border:1px solid #004aad;padding:10px 18px;opacity:.6}.scrap-stamp small{display:block;font:400 6px 'Noto Sans KR',sans-serif;letter-spacing:.1em;margin-top:7px}.print-frame.is-active .scrap{animation:paper-breathe 11s ease-in-out infinite alternate}.print-frame.is-active .scrap-poster{animation-duration:13s;animation-delay:-4s}.print-frame.is-active .scrap-note{animation-duration:9s;animation-delay:-2s}@keyframes paper-breathe{from{transform:rotate(var(--angle)) translateY(0)}to{transform:rotate(calc(var(--angle) + 1.5deg)) translateY(-9px)}}
@media(max-width:1000px){.scrap-poster{width:195px;right:7%;top:16%}.scrap-fragment{padding:20px;left:44%;top:9%;font-size:13px}.scrap-fragment p{font-size:15px}.scrap-note{width:235px;right:7%}.scrap-note p{font-size:20px}.scrap-photo{width:200px;bottom:12%}.scrap-memo{left:36%;bottom:11%}.scrap-stamp{right:33%;font-size:44px}.print-frame .frame-copy{width:49%;padding:24px}}
@media(max-width:650px){.print-frame{display:block;padding-top:160px;padding-bottom:300px;min-height:100svh}.print-frame .frame-copy{width:100%;max-width:320px;padding:23px;position:relative;margin:0 auto}.print-frame .frame-copy h2{font-size:43px}.print-frame .frame-copy h3{font-size:24px}.print-frame .frame-copy p{font-size:10px}.scrap-heading{left:6%;top:10%;font-size:29px}.scrap-fragment{left:auto;right:-35px;top:9%;width:180px;padding:14px}.scrap-fragment p{font-size:11px}.scrap-fragment>span{font-size:9px}.scrap-poster{width:120px;right:auto;left:6%;top:auto;bottom:12%;padding:8px 8px 18px}.scrap-note{width:180px;right:5%;bottom:10%;padding:20px}.scrap-note p{font-size:16px;margin:10px 0 15px}.scrap-note small{font-size:8px}.scrap-note>span{font-size:6px}.scrap-photo{display:none}.scrap-memo{display:none}.scrap-stamp{right:3%;top:38%;font-size:36px;padding:8px;z-index:-1}.scrap-tag{left:3%;top:auto;bottom:37%;font-size:9px;padding:8px 13px}.print-frame .frame-caption>span{max-width:160px}.scrap-poster:before,.scrap-note:before{width:60px;height:16px;left:calc(50% - 30px)}}
@media(max-height:720px) and (max-width:650px){.print-frame{padding-top:120px;padding-bottom:260px}.scrap-heading{top:10%;font-size:24px}.scrap-note{width:155px;bottom:10%;padding:16px}.scrap-note p{font-size:14px}.scrap-poster{width:95px;bottom:11%}.print-frame .frame-copy{padding:18px}.print-frame .frame-copy h3{font-size:21px}.print-frame .frame-copy h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.print-frame .scrap{animation:none!important}}
/* Podcast: one editorial word leads each four-second passage. */
.mm-frame{background:#f6f4ee;--frame-ink:#004aad;--frame-muted:#475a52;--frame-rule:#004aad55}.mm-frame .word-field{opacity:1;display:block}.mm-frame .word-field>span{position:absolute;left:4%;right:4%;top:13%;font:400 clamp(65px,11vw,150px)/1 'EB Garamond',serif;letter-spacing:-.03em;color:#004aad;opacity:0;white-space:nowrap}.mm-frame .word-field>span:first-child{opacity:.18}.mm-frame.is-active .word-field>span{animation:editorial-word 12s cubic-bezier(.16,1,.3,1) infinite}.mm-frame.is-active .word-field>span:nth-child(2){animation-delay:-8s}.mm-frame.is-active .word-field>span:nth-child(3){animation-delay:-4s}.mm-frame .sentence-wipe{animation:none!important;clip-path:none!important;opacity:1!important}.mm-frame .sound-rings i{border-color:#004aad}.mm-frame .mm-art img{box-shadow:0 16px 40px #39342725}@keyframes editorial-word{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(18px)}5%,27%{opacity:.18;clip-path:inset(0);transform:translateY(0)}33%,100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(-10px)}}
/* Publication: place photographs, write notes, then print the mark. */
.print-frame.is-active .scrap{animation:none}.print-frame.is-active .scrap-poster{animation:record-place 15s cubic-bezier(.16,1,.3,1) 1 forwards}.print-frame.is-active .scrap-photo{animation:record-place-secondary 15s cubic-bezier(.16,1,.3,1) 1 forwards}.print-frame.is-active .scrap-fragment{animation:note-place 15s cubic-bezier(.16,1,.3,1) 1 forwards}.print-frame.is-active .scrap-note{animation:note-place-late 15s cubic-bezier(.16,1,.3,1) 1 forwards}.print-frame.is-active .scrap-fragment p{animation:note-write 15s linear 1 forwards}.print-frame.is-active .scrap-note p{animation:note-write-late 15s linear 1 forwards}.print-frame.is-active .scrap-memo{animation:note-write-late 15s linear 1 forwards}.print-frame.is-active .scrap-tag{animation:record-tag 15s cubic-bezier(.16,1,.3,1) 1 forwards}.print-frame.is-active .scrap-stamp{animation:record-stamp 15s cubic-bezier(.16,1,.3,1) 1 forwards}
@keyframes record-place{0%{opacity:0;transform:translateY(-60px) rotate(calc(var(--angle) - 9deg)) scale(1.05)}8%,88%{opacity:1;transform:translateY(0) rotate(var(--angle)) scale(1)}96%,100%{opacity:1;transform:translateY(0) rotate(var(--angle))}}
@keyframes record-place-secondary{0%,8%{opacity:0;transform:translateY(40px) rotate(calc(var(--angle) + 10deg))}16%,88%{opacity:1;transform:translateY(0) rotate(var(--angle))}96%,100%{opacity:1}}
@keyframes note-place{0%,14%{opacity:0;transform:translateY(-20px) rotate(calc(var(--angle) - 4deg))}23%,88%{opacity:1;transform:translateY(0) rotate(var(--angle))}96%,100%{opacity:1}}
@keyframes note-place-late{0%,26%{opacity:0;transform:translateY(25px) rotate(calc(var(--angle) + 4deg))}34%,88%{opacity:1;transform:translateY(0) rotate(var(--angle))}96%,100%{opacity:1}}
@keyframes note-write{0%,23%{clip-path:inset(0 100% 0 0)}34%,88%{clip-path:inset(0)}96%,100%{clip-path:inset(0)}}
@keyframes note-write-late{0%,33%{clip-path:inset(0 0 100% 0)}48%,88%{clip-path:inset(0)}96%,100%{clip-path:inset(0)}}
@keyframes record-tag{0%,42%{opacity:0;transform:rotate(var(--angle)) scale(1.08)}48%,88%{opacity:1;transform:rotate(var(--angle)) scale(1)}96%,100%{opacity:1}}
@keyframes record-stamp{0%,48%{opacity:0;transform:rotate(-16deg) scale(1.6)}52%,88%{opacity:.6;transform:rotate(-16deg) scale(1)}96%,100%{opacity:.6;transform:rotate(-16deg) scale(1)}}
@media(max-width:650px){.mm-frame .word-field>span{top:11%;font-size:clamp(48px,14vw,75px);left:5%;right:5%}.mm-frame .frame-copy{padding-top:35px}}
.motion-paused .print-frame .scrap,.motion-paused .print-frame .scrap-stamp,.motion-paused .print-frame .scrap p{animation:none!important;opacity:1;clip-path:none}.motion-paused .mm-frame .word-field>span{animation:none!important;opacity:0}.motion-paused .mm-frame .word-field>span:first-child{opacity:.18}
@media(prefers-reduced-motion:reduce){.mm-frame .word-field>span{animation:none!important;opacity:0!important}.mm-frame .word-field>span:first-child{opacity:.18!important}.print-frame .scrap,.print-frame .scrap-stamp,.print-frame .scrap p{animation:none!important;clip-path:none!important;opacity:1!important}}
@keyframes editorial-word{0%{opacity:.18;clip-path:inset(0);transform:translateY(18px)}5%,30%{opacity:.18;clip-path:inset(0);transform:translateY(0)}34%,100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(-10px)}}

.study-footer{padding:18px 8vw;background:#101713;color:#cedbd1;display:flex;justify-content:space-between;align-items:center;scroll-snap-align:end;font-size:10px}.study-footer a{font-size:11px}.study-footer a:hover{text-decoration:underline}