/* V&A's paper objects and original article fragments. All rules are scoped. */
.va-page #chapter-2{padding-bottom:0;display:block;scroll-snap-stop:normal}
.va-page #chapter-2>.story-heading{margin-bottom:22px}
.va-page #chapter-2>.story-body{width:100%}
html.va-reading-strategy{scroll-snap-type:none}
.va-strategy-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
.va-strategy-intro p{max-width:620px;font-size:14px;line-height:2.1;color:var(--muted)}
.va-strategy-intro>span{font-family:var(--hand);color:var(--blue);font-size:19px;line-height:1.8}
.va-mobile-hint{display:none}
.va-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;min-height:0;padding:24px 3%;position:relative;isolation:isolate}
.va-choice:nth-child(even) .va-choice-story{grid-column:2;grid-row:1}
.va-choice:nth-child(even) .va-evidence{grid-column:1;grid-row:1}
.va-choice-heading>span{font:10px/1.8 var(--typewriter);letter-spacing:.1em;color:var(--muted)}
.va-choice-heading h3{font:400 clamp(29px,3.2vw,43px)/1.5 var(--serif);margin:12px 0 0;letter-spacing:.025em}
.va-choice-description{font-size:14px;color:var(--muted);line-height:2.2;max-width:450px;margin:15px 0 0}
.va-object-button{display:block;position:relative;width:100%;height:320px;padding:0;background:none;border:0;color:var(--ink);perspective:900px;cursor:pointer;outline-offset:5px}
.va-object-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font:17px/1.7 var(--hand);color:var(--blue)}
.va-object-caption i{font:15px/1 Arial;margin-left:10px}
.va-object-art{position:relative;display:block;width:260px;height:220px;margin:auto;filter:drop-shadow(6px 16px 13px #23302a13);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.va-object-button:focus-visible{outline:2px solid var(--blue);border-radius:4px}
.va-archive{width:230px;height:250px;transform:rotate(-8deg)}
.va-file-back{position:absolute;inset:4px -9px 4px 9px;border:1px solid #b7b8a5;background:#e5e1cf;transform:rotate(9deg)}
.va-file-front{position:absolute;inset:0;padding:17px;background:#fcfaf1;border:1px solid #c4bfa8;text-align:left;overflow:hidden;box-shadow:0 3px 8px #0001}
.va-file-front small{font:8px/1.5 var(--typewriter);letter-spacing:.08em;display:block;color:#6d735c;margin-bottom:10px}
.va-file-front img{width:100%;height:155px;object-fit:cover;border:1px solid #c9b980}
.va-file-front b{display:block;font:8px/1.6 var(--typewriter);margin-top:9px;color:#4d5d43}
.va-file-front i{display:block;font:italic 10px/1.8 Georgia;color:#7c806e}
.va-file-tab{position:absolute;top:31px;right:-22px;padding:6px 8px;background:var(--blue);color:white;font:11px/1.3 var(--typewriter);transform:rotate(90deg)}
.va-scan{position:absolute;top:54px;left:17px;right:17px;height:2px;background:#426de3;box-shadow:0 -8px 25px 7px #426de338;opacity:0}
.va-playing .va-archive{animation:va-archive-open 1.4s both}
.va-playing .va-scan{animation:va-scan 1.7s .25s both}
.va-jewelry{width:250px;height:220px;transform:rotate(5deg)}
.va-jewel-lining{position:absolute;left:14px;right:14px;top:48px;height:137px;background:#e3e5df;border:10px solid #2b548d;box-shadow:inset 0 0 15px #203c3d33;overflow:hidden;border-radius:6px}
.va-jewel-lining img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(.97)}
.va-jewel-front{position:absolute;left:8px;right:8px;bottom:14px;height:47px;background:linear-gradient(#0c3e77,#092e60);border-radius:3px;color:#dcc89d;font:7px/47px var(--typewriter);letter-spacing:.16em;text-align:center}
.va-jewel-lid{position:absolute;left:3px;right:3px;top:43px;height:149px;background:linear-gradient(135deg,#1b5088,#073868);border:2px solid #315c83;border-radius:6px;transform-origin:50% 0;box-shadow:0 6px 8px #102c3c22;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.va-jewel-lid b{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:25px/1 Georgia;color:#dec99c;font-weight:400}
.va-flower{position:absolute;left:calc(50% - 33px);top:9px;width:66px;height:66px;stroke:#d9c69c;fill:none;stroke-width:1.2}
.va-jewel-clasp{position:absolute;bottom:27px;left:calc(50% - 10px);width:20px;height:10px;border:1px solid #d7c08f;background:#d7c08f77}
.va-is-revealed .va-jewel-lid{transform:translateY(-36px) rotateX(67deg)}
.va-playing .va-jewel-lid{animation:va-jewel-open 1.5s both}
.va-postcard{width:275px;height:210px;transform:rotate(-6deg)}
.va-postcard-back,.va-postcard-front{position:absolute;background:#fffdf3;border:1px solid #d8d3ba;inset:6px 0;padding:10px;box-shadow:0 7px 10px #58472c0e;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.va-postcard-back{inset:0;transform:rotate(8deg);display:flex;flex-direction:column;justify-content:center;padding:25px;color:#7f7b60}
.va-postcard-back i{font:9px/1.8 var(--typewriter)}
.va-postcard-back b{font:20px/1.5 var(--hand);font-weight:400}
.va-postcard-back>span{position:absolute;right:15px;top:8px;font-size:30px}
.va-postcard-front img{width:100%;height:142px;object-fit:cover;object-position:center 57%}
.va-postcard-front>b{font:18px/1.7 var(--hand);color:#5f6a4f;font-weight:400;display:block;text-align:center}
.va-postmark{position:absolute;right:18px;top:16px;width:43px;height:43px;border:1px solid #f7f2de;border-radius:50%;font:8px/1.7 var(--typewriter);padding-top:8px;text-align:center;color:#fff8e8;transform:rotate(15deg)}
.va-is-revealed .va-postcard-front{transform:translate(-10px,4px) rotate(-6deg)}
.va-playing .va-postcard-front{animation:va-postcard-open 1.5s both}
.va-gift{width:240px;height:215px;transform:rotate(-4deg);perspective:700px}
.va-gift-base{position:absolute;left:17px;right:17px;top:74px;bottom:12px;background:repeating-linear-gradient(90deg,#244e88 0px,#244e88 15px,#294f81 16px,#294f81 30px);border:1px solid #1e416f;box-shadow:inset -9px -4px 0 #132f5833;border-radius:2px}
.va-gift-base>i,.va-gift-lid>i{position:absolute;top:0;bottom:0;left:calc(50% - 12px);width:24px;background:#d6bc81;border-left:3px solid #e7d4a3;border-right:3px solid #bba069}
.va-gift-base>b{position:absolute;bottom:14px;left:20px;color:#e3cea2;font:23px/1 Georgia;font-weight:400}
.va-gift-lid{position:absolute;left:6px;right:6px;top:56px;height:29px;background:#345d94;border:1px solid #163b68;box-shadow:0 5px 7px #15233a25;border-radius:3px;transform:translateY(var(--lid-lift,0)) rotate(var(--lid-turn,0deg));transition:transform .7s}
.va-gift-bow{position:absolute;left:calc(50% - 36px);top:-27px;width:72px;height:31px}
.va-gift-bow>i,.va-gift-bow>b{position:absolute;bottom:0;width:38px;height:28px;border:6px solid #c9ac70;border-radius:50% 50% 5% 50%;transform:rotate(12deg)}
.va-gift-bow>i{left:0}
.va-gift-bow>b{right:0;transform:scaleX(-1) rotate(12deg)}
.va-gift-bow::after{content:"";position:absolute;left:calc(50% - 5px);bottom:-1px;width:10px;height:10px;background:#c9ac70;border-radius:3px}
.va-gift-tag{position:absolute;right:-4px;top:99px;background:#f9f3df;border:1px solid #d1c8b1;font:14px/1.3 var(--hand);color:#365a8b;padding:10px 12px;transform:rotate(12deg);box-shadow:2px 4px 6px #0001}
.va-gift-shadow{position:absolute;bottom:1px;left:10px;right:10px;height:12px;background:#14233115;border-radius:50%;filter:blur(6px)}
.va-is-revealed .va-object-button .va-gift{--lid-lift:-43px;--lid-turn:-8deg}
.va-playing .va-object-button .va-gift-lid{animation:va-gift-open 1.5s both}
.va-evidence{margin:0;position:relative;max-width:440px;width:100%;justify-self:center;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),clip-path 1.1s ease}
.va-interactions-ready .va-evidence{opacity:.08;transform:translate(25px,22px);clip-path:inset(0 0 14% 0)}
.va-interactions-ready .va-choice:nth-child(even) .va-evidence{transform:translate(-25px,22px)}
.va-interactions-ready .va-is-revealed .va-evidence{opacity:1;transform:none;clip-path:inset(0)}
.va-evidence-label{display:flex;justify-content:space-between;align-items:center;font:8px/1.8 var(--typewriter);letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.va-evidence-label>b{font:24px/1 var(--hand);font-weight:400;color:var(--blue)}
.va-screenshot{display:block;width:100%;padding:0;background:transparent;border:0;position:relative;box-shadow:8px 13px 25px #26301d16;overflow:hidden}
.va-screenshot>img{width:100%;height:auto;display:block;border:1px solid #d8dbd0}
.va-choice-archive .va-evidence{max-width:320px}
.va-choice-postcard .va-evidence{max-width:350px}
.va-screenshot>span{position:absolute;left:0;right:0;bottom:0;font:10px/1.7 var(--sans);background:#f8f7f2ef;color:var(--blue);padding:9px 12px;backdrop-filter:blur(5px)}
.va-evidence figcaption{font-size:10px;line-height:1.9;color:var(--muted);margin-top:16px}
.va-packing{position:relative;height:235svh;margin-top:0}
.va-packing-sticky{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden;padding-top:110px}
.va-packing-heading{position:relative;z-index:3;pointer-events:none}
.va-packing-heading>.eyebrow{font-size:9px;color:var(--blue)}
.va-packing-heading h3{font:400 clamp(35px,4vw,58px)/1.5 var(--serif);margin-top:16px}
.va-packing-heading p{font-size:12px;line-height:2;color:var(--muted);margin-top:15px}
.va-packing-stage{position:absolute;inset:295px 0 110px;min-height:280px}
.va-pack-orbit{position:absolute;left:50%;top:40%;width:65%;height:36%;border:1px dashed #a0a88f70;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);opacity:calc(1 - var(--pack,0))}
.va-pack-item{position:absolute;left:0;top:0;pointer-events:none;will-change:transform,opacity;z-index:1;width:150px;height:150px}
.va-pack-item .va-object-art{transform:scale(.52);transform-origin:0 0;margin:0}
.va-pack-0{transform:translate(20%,20%)}
.va-pack-1{transform:translate(65%,15%)}
.va-pack-2{transform:translate(40%,0)}
.va-final-gift{position:absolute;left:0;top:0;display:block;width:240px;height:215px;transform:translate(var(--gift-x,50vw),var(--gift-y,200px)) translate(-50%,-50%) rotate(var(--gift-angle,0deg));z-index:2;outline-offset:8px;border-radius:8px}
.va-final-gift .va-gift{transform:none;filter:drop-shadow(0 20px 15px #24374d20)}
.va-final-gift .va-gift-lid,.va-final-gift .va-gift-bow{transition:none}
.va-final-gift:hover .va-gift{filter:drop-shadow(0 20px 18px #2d63ed30)}
.va-final-caption{position:absolute;left:-30%;right:-30%;top:220px;text-align:center;display:block;color:var(--blue)}
.va-final-caption strong{font:23px/1.7 var(--hand);font-weight:400;display:block}
.va-final-caption small{font:10px/1.7 var(--sans);color:var(--muted);display:block;margin-top:6px}
.va-pack-scroll{position:absolute;bottom:32px;left:0;font:11px/1.8 var(--sans);color:var(--muted);opacity:calc(1 - var(--pack,0))}
.va-return{position:absolute;right:0;bottom:32px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}
.va-return:hover{color:var(--blue)}
.va-packing.va-packed-return{height:105svh}
.va-packing.is-packed .va-pack-scroll,.va-packing.is-packed .va-pack-item,.va-packing.is-packed .va-pack-orbit{display:none}
.va-calm{height:auto!important}
.va-calm .va-packing-sticky{position:relative;min-height:680px}
.va-calm .va-pack-item,.va-calm .va-pack-orbit,.va-calm .va-pack-scroll{display:none}
.va-calm .va-final-gift{left:50%;top:48%;transform:translate(-50%,-20%)}
.va-calm .va-final-gift .va-gift{--lid-lift:0px;--lid-turn:0deg}
@keyframes va-archive-open{0%{transform:rotate(-8deg)}40%{transform:translateY(-10px) rotate(1deg)}100%{transform:rotate(-3deg)}}
@keyframes va-scan{0%{opacity:0;top:54px}18%{opacity:1}85%{opacity:1}100%{top:207px;opacity:0}}
@keyframes va-jewel-open{0%{transform:none}100%{transform:translateY(-36px) rotateX(67deg)}}
@keyframes va-postcard-open{0%{transform:none}55%{transform:translate(-18px,0) rotate(-9deg)}100%{transform:translate(-10px,4px) rotate(-6deg)}}
@keyframes va-gift-open{0%{transform:none}100%{transform:translateY(-43px) rotate(-8deg)}}
@media(max-width:1000px){.va-choice{gap:6%;padding-left:0;padding-right:0;min-height:0}.va-choice-heading h3{font-size:32px}.va-strategy-intro{gap:25px}.va-strategy-intro p{font-size:12px;max-width:52%}.va-strategy-intro>span{font-size:16px}.va-object-art{max-width:100%}.va-choice-description{font-size:13px}.va-choice-archive .va-evidence{max-width:290px}.va-packing-heading h3{font-size:44px}}
@media(max-width:700px){
 .va-page #chapter-2{padding-top:110px}
 .va-strategy-intro{display:block;margin-bottom:30px}
 .va-strategy-intro p{max-width:100%;font-size:12px;line-height:2}
 .va-desktop-hint{display:none!important}.va-mobile-hint{display:block;margin-top:13px}
 .va-choice{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:40px 0 45px}
 .va-choice-story{display:contents}
 .va-choice-heading{order:0}
 .va-choice-heading h3{font-size:30px;margin-top:8px}
 .va-choice-heading>span{font-size:9px}
 .va-object-button{order:1;height:290px}
 .va-evidence{order:2;margin:0 auto;max-width:420px!important}
 .va-choice-description{order:3;margin-top:0;font-size:13px;max-width:none}
 .va-object-caption{bottom:0;font-size:17px}
 .va-choice-archive .va-evidence{max-width:350px!important}
 .va-choice-postcard .va-evidence{max-width:350px!important}
 .va-interactions-ready .va-choice .va-evidence{transform:translateY(25px)}
 .va-interactions-ready .va-is-revealed .va-evidence{transform:none}
 .va-evidence-label{font-size:8px}
 .va-packing{height:225svh;margin-top:0}
 .va-packing-sticky{min-height:0;padding-top:105px}
 .va-packing-heading h3{font-size:34px;margin-top:13px;line-height:1.5}
 .va-packing-heading p{font-size:11px;max-width:260px;margin-top:12px}
 .va-packing-stage{inset:265px -8px 100px;min-height:220px}
 .va-pack-item{width:90px;height:100px}
 .va-pack-item .va-object-art{transform:scale(.35);max-width:none}
 .va-final-gift{width:190px;height:170px}
 .va-final-gift .va-gift{transform:scale(.79);transform-origin:0 0;max-width:none}
 .va-final-caption{top:172px;left:-30%;right:-30%}
 .va-final-caption strong{font-size:21px}
 .va-final-caption small{font-size:9px}
 .va-pack-scroll,.va-return{font-size:9px;bottom:24px}
 .va-calm .va-packing-sticky{min-height:690px}
}
@media(hover:none){.va-desktop-hint{display:none!important}.va-mobile-hint{display:block}}

/* Four objects first. The strategy is named below its object; evidence opens on demand. */
.va-choice-heading>span{display:none}
.va-object-caption{display:none}
.va-choice-description{opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s}
.va-is-revealed .va-choice-description{opacity:1;visibility:visible}
@media(min-width:701px){
 .va-choice-story{display:flex;flex-direction:column}
 .va-object-button{order:0}
 .va-choice-heading{order:1;text-align:center;margin-bottom:18px}
 .va-choice-heading h3{font:400 clamp(27px,2.8vw,39px)/1.6 var(--serif);margin:0;letter-spacing:.025em}
 .va-choice-description{order:2;margin:0 auto}
 .va-interactions-ready .va-choice .va-evidence{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1s,transform 1s,clip-path 1s,visibility 1s}
 .va-interactions-ready .va-is-revealed .va-evidence{opacity:1;visibility:visible;pointer-events:auto;transform:none;clip-path:inset(0)}
}
@media(max-width:700px){
 .va-choice{gap:0;padding:26px 0 32px}
 .va-object-button{order:0;height:270px}
 .va-choice-heading{order:1;text-align:center;margin:0 0 24px}
 .va-choice-heading h3{font-size:29px}
 .va-interactions-ready .va-choice .va-evidence{order:2;display:none;opacity:0;visibility:hidden;transform:translateY(20px);clip-path:none}
 .va-choice-description{order:3;display:none;opacity:0;visibility:hidden;margin:23px 0 0}
 .va-interactions-ready .va-is-revealed .va-evidence{display:block;opacity:1;visibility:visible;transform:none;animation:fadeIn .65s both}
 .va-is-revealed .va-choice-description{display:block;opacity:1;visibility:visible;animation:fadeIn .65s .12s both}
}
@media(min-width:701px) and (max-height:680px){
 .va-packing-sticky{padding-top:100px}
 .va-packing-heading h3{font-size:34px;line-height:1.3;margin-top:12px}
 .va-packing-heading p{font-size:11px;margin-top:12px}
 .va-packing-stage{inset:235px 0 100px;min-height:200px}
 .va-final-gift{width:190px;height:170px}
 .va-final-gift .va-gift{transform:scale(.79);transform-origin:0 0;max-width:none}
 .va-final-caption{top:172px}
 .va-final-caption strong{font-size:20px}
 .va-final-caption small{font-size:9px}
 .va-pack-item{width:100px;height:105px}
 .va-pack-item .va-object-art{transform:scale(.4);transform-origin:0 0;max-width:none}
}
.va-page #overview{border-bottom:1px solid var(--line)}
.va-page #chapter-2{border-bottom:0}
.va-choice .va-object-button{width:max-content;height:auto;max-width:100%;margin:24px auto 22px}
.va-choice .va-object-button>.va-object-art{margin:0;max-width:100%}
@media(max-width:700px){.va-choice{padding:16px 0 22px}}
@media(prefers-reduced-motion:reduce){
 .va-choice *,.va-choice *::before,.va-choice *::after{animation:none!important;transition:none!important}
 .va-interactions-ready .va-is-revealed .va-evidence{opacity:1;transform:none;clip-path:none}
 .va-object-art{filter:none}
 .va-packing{height:auto!important}.va-packing-sticky{position:relative;min-height:680px}
 .va-pack-item,.va-pack-orbit,.va-pack-scroll{display:none}
 .va-final-gift{left:50%;top:48%;transform:translate(-50%,-20%)}
 .va-final-gift .va-gift{--lid-lift:0px;--lid-turn:0deg}
}