/* A second, direct route to the same projects, between Fuga and the profile. */
.archive-route{position:relative;padding:0 6.5% 26px;background:#100b0b;color:#b59b81;font-size:11px;text-align:right;z-index:9}
.archive-route a{display:inline-flex;align-items:center;gap:28px;min-height:44px;border-bottom:1px solid #8764464d}.archive-route a:hover{color:#eed4b0}.archive-route .bi{color:#c88d58}
.quiet-archive{position:relative;isolation:isolate;overflow:hidden;min-height:1000px;padding:76px 7% 82px;background:#100c09;color:#e1d2ba;border-top:1px solid #8b654a2e}
.quiet-room-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3;filter:saturate(.68) brightness(.8)}
.quiet-archive:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#100b08b8,transparent 61%),linear-gradient(180deg,#100b0ba6,transparent 24%,transparent 76%,#100c09)}
.quiet-archive:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 25% 55%,#d18e3910,transparent 45%),repeating-linear-gradient(180deg,transparent 0 3px,#00000006 3px 4px)}
.quiet-heading{position:relative;z-index:2;max-width:520px}.quiet-heading>.eyebrow{font-size:9px;color:#bd9570;letter-spacing:2px;margin-bottom:22px}.quiet-heading h2{font:500 clamp(37px,4.2vw,64px)/1.14 var(--display);letter-spacing:-1.5px}.quiet-heading h2 em{font-style:normal;color:#a88a66}.quiet-intro{margin-top:22px;font-size:13px;line-height:1.9;color:#c2ae93;max-width:360px}
.scroll-cabinet{position:relative;z-index:2;width:450px;max-width:45%;margin-top:40px;background:#24180f url('assets/art/shelf-grain.svg') center/240px 640px;border-left:13px solid #50331f;border-right:13px solid #402817;border-top:10px solid #684326;border-bottom:16px solid #382213;box-shadow:17px 23px 33px #000b,inset 5px 0 10px #0805019c,inset -4px 0 10px #080501a6;isolation:isolate}
.scroll-cabinet:before{content:'';position:absolute;left:-23px;right:-23px;top:-20px;height:18px;background:repeating-linear-gradient(0deg,#442916 0 1px,#674326 2px 3px,#51341f 4px 6px);border-top:2px solid #89603b;border-bottom:3px solid #27170e;box-shadow:0 6px 7px #0006;z-index:5}
.scroll-cabinet:after{content:'';position:absolute;left:-20px;right:-20px;bottom:-21px;height:13px;background:linear-gradient(#70492b,#452914 35%,#2d1c10);border-top:1px solid #9a70463b;box-shadow:0 15px 15px #000b;z-index:4}
.cabinet-plaque{display:flex;align-items:center;justify-content:space-between;padding:11px 20px 8px;font:7px var(--mono);letter-spacing:2.5px;color:#ad8b65;background:linear-gradient(90deg,#21140dc9,#2f1d12a8,#21140dc9);border-bottom:1px solid #ab81552b}.cabinet-plaque>span:last-child{font-size:9px;letter-spacing:1px;color:#d6af7a}
.scroll-shelves{list-style:none;padding:0 14px;margin:0}.scroll-entry{height:162px;padding:16px 0 18px;position:relative;display:flex;align-items:center;background:linear-gradient(180deg,#0805014d,transparent 28%,transparent 68%,#08050180)}
.scroll-entry:before{content:'';position:absolute;left:-16px;right:-16px;height:12px;bottom:0;z-index:3;background:repeating-linear-gradient(0deg,#35200f 0 1px,#614022 1px 3px,#57371d 3px 5px);border-top:2px solid #8c6136;box-shadow:0 8px 10px #0009,inset 0 -3px 0 #23160f}
.scroll-entry:after{content:'';position:absolute;left:6%;right:6%;bottom:15px;height:17px;border-radius:50%;background:#070402;filter:blur(7px);z-index:-1}
.scroll-button{position:relative;display:block;width:100%;min-height:124px;text-align:left;color:#2a1b13;isolation:isolate;transform:rotate(-.6deg);transition:transform .4s,filter .4s}
.scroll-entry:nth-child(2) .scroll-button{transform:rotate(.7deg)}.scroll-entry:nth-child(3) .scroll-button{transform:rotate(-.4deg)}
.scroll-paper{position:absolute;inset:8px 20px;background:linear-gradient(90deg,#72503080,#c2a374b8 13%,#baa077e3 52%,#ac8b60dd 87%,#68432b99),url('assets/art/movie-texture.jpg') center/520px;clip-path:polygon(0 0,12% 2%,24% 0,38% 2%,54% 1%,69% 2%,80% 0,95% 2%,100% 0,100% 100%,88% 98%,75% 100%,60% 99%,45% 100%,30% 98%,16% 100%,0 99%);box-shadow:inset 0 0 22px #49301966;z-index:-1;transition:transform .4s}
.scroll-paper:after{content:'';position:absolute;inset:7px 10px;border-top:1px solid #69492e44;border-bottom:1px solid #69492e44;background:linear-gradient(90deg,transparent 48%,#68452d0c 49%,#e9d5a615 51%,transparent 52%)}
.scroll-roller{position:absolute;top:6px;bottom:6px;left:9px;width:17px;background:linear-gradient(90deg,#59361b,#bb9861 32%,#d2b780 47%,#87623b 80%,#49321d);border-radius:4px;box-shadow:4px 2px 5px #2214078c,inset 0 0 0 1px #9b74434a;z-index:3;transition:translate .4s}
.scroll-roller.right{left:auto;right:9px;background:linear-gradient(90deg,#583819,#aa8453 25%,#d2b780 50%,#927044 78%,#49321d)}
.scroll-roller:before,.scroll-roller:after{content:'';position:absolute;left:-4px;width:25px;height:9px;border-radius:50%;background:linear-gradient(#8a5d34,#27160c 75%,#4d2c16);border:1px solid #130c07;box-shadow:0 2px 2px #0006}.scroll-roller:before{top:-5px}.scroll-roller:after{bottom:-5px}
.roller-finial{position:absolute;top:-14px;left:5px;width:7px;height:15px;background:linear-gradient(90deg,#312015,#9e7146,#322016);border-radius:50% 50% 3px 3px}.roller-finial.bottom{top:auto;bottom:-14px;rotate:180deg}
.scroll-copy{position:relative;display:block;padding:16px 39px 15px}.scroll-index{display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:#664a32;margin-bottom:4px}.scroll-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 26px/1.25 var(--display);letter-spacing:-.9px;color:#2c1b12}.scroll-stamp{font:18px Georgia,serif;color:#733020;transform:rotate(7deg)}
.scroll-description{display:block;font-size:11px;line-height:1.6;color:#503620;margin-top:5px;max-width:270px}.scroll-open{display:flex;align-items:center;justify-content:space-between;gap:15px;font:600 8px var(--sans);color:#60301e;margin-top:6px}.scroll-open .bi{font-size:12px}
.scroll-button:focus-visible{outline:2px solid #e2b479;outline-offset:4px}.scroll-button:focus-visible .scroll-paper{transform:scaleX(1.025)}.scroll-button:focus-visible .scroll-roller.left{translate:-2px 0}.scroll-button:focus-visible .scroll-roller.right{translate:2px 0}
.cabinet-base{height:21px;position:relative;background:linear-gradient(#2a190fc4,#4a2d19a1);border-top:1px solid #a67b4a45}.cabinet-base:before,.cabinet-base:after{content:'';position:absolute;bottom:-49px;width:24px;height:29px;z-index:-1;background:linear-gradient(90deg,#24150d,#664226 50%,#321e10);border-bottom:3px solid #160d08;box-shadow:0 8px 10px #0006}.cabinet-base:before{left:16px}.cabinet-base:after{right:16px}
.quiet-room-caption{position:absolute;right:6%;bottom:54px;z-index:2;text-align:right;color:#b69a74;pointer-events:none}.quiet-room-caption>span{font:28px Georgia,serif;letter-spacing:10px;color:#d0b38a66}.quiet-room-caption>small{display:block;font:8px var(--mono);letter-spacing:3px;margin-top:12px}.quiet-noscript{position:relative;z-index:4;margin-top:26px;color:#ddbd91}.quiet-noscript a{display:block;min-height:40px;text-decoration:underline;font-size:12px}
@media(hover:hover){.scroll-button:hover{transform:translateY(-2px) rotate(0);filter:brightness(1.08)}.scroll-button:hover .scroll-paper{transform:scaleX(1.025)}.scroll-button:hover .scroll-roller.left{translate:-2px 0}.scroll-button:hover .scroll-roller.right{translate:2px 0}}
@media(min-width:1800px){.quiet-archive{padding-left:9%;min-height:1100px}.scroll-cabinet{width:490px}.scroll-entry{height:180px}.scroll-button{min-height:138px}.scroll-copy{padding-top:19px;padding-bottom:19px}.scroll-title{font-size:29px}.scroll-description{font-size:12px}.scroll-index{font-size:8px}.quiet-heading h2{font-size:70px}}
@media(max-width:1100px){.quiet-archive{padding:65px 6% 78px;min-height:970px}.quiet-heading{max-width:430px}.quiet-heading h2{font-size:49px}.scroll-cabinet{width:400px;max-width:49%;margin-top:38px;border-left-width:10px;border-right-width:10px}.scroll-shelves{padding:0 10px}.scroll-copy{padding-left:32px;padding-right:32px}.scroll-title{font-size:23px}.scroll-description{font-size:11px}.quiet-room-image{object-position:78% center}.quiet-archive:before{background:linear-gradient(90deg,#100b08c9,transparent 70%),linear-gradient(180deg,#100b0bb8,transparent 23%,transparent 82%,#100c09)}}
@media(max-width:760px){.archive-route{padding:0 24px 24px;text-align:left;font-size:11px}.archive-route a{gap:16px;line-height:1.8}.quiet-archive{padding:56px 24px 510px;min-height:0}.quiet-heading{max-width:100%}.quiet-heading>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}.quiet-heading h2{font-size:39px;letter-spacing:-1px}.quiet-intro{font-size:13px;line-height:1.85;margin-top:19px;max-width:290px}.scroll-cabinet{width:360px;max-width:100%;margin:40px auto 0;border-left-width:10px;border-right-width:10px}.quiet-room-image{inset:auto 0 0;width:100%;height:610px;object-position:77% center;mask-image:linear-gradient(180deg,transparent,#000 17%,#000 91%,transparent)}.quiet-archive:before{background:linear-gradient(180deg,#100b0866,transparent 25%,transparent 67%,#100c091c 85%,#100c09)}.quiet-room-caption{right:25px;bottom:30px}.quiet-room-caption>span{font-size:22px;letter-spacing:7px}.quiet-room-caption>small{font-size:7px;letter-spacing:2px}.scroll-entry{height:166px;padding:18px 0 20px}.scroll-copy{padding:16px 32px 15px}.scroll-title{font-size:25px}.scroll-description{font-size:11px;line-height:1.6}.scroll-index{font-size:7px}.scroll-open{font-size:9px;min-height:15px}.scroll-button{min-height:126px}.scroll-roller{width:15px;left:8px}.scroll-roller.right{right:8px}.scroll-roller:before,.scroll-roller:after{left:-4px;width:23px}.roller-finial{left:4px}.scroll-paper{inset:8px 18px}.scroll-shelves{padding:0 10px}.cabinet-plaque{padding-left:15px;padding-right:15px;font-size:7px}.quiet-noscript{font-size:12px}.quiet-noscript a{min-height:44px}}
@media(max-width:359px){.quiet-archive{padding-left:20px;padding-right:20px}.quiet-heading h2{font-size:35px}.scroll-copy{padding-left:31px;padding-right:31px}.scroll-title{font-size:23px}.scroll-description{font-size:11px}.scroll-index{letter-spacing:.5px}.scroll-open{font-size:8px}.scroll-cabinet{border-left-width:9px;border-right-width:9px}.scroll-shelves{padding:0 8px}}
.scroll-title{padding-right:3px}