@import url('./discovery.css');
@import url('./style.css');
.article-header{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid #856c45;gap:20px;max-width:1440px;margin:auto}.article-brand{font-weight:900;font-size:17px;letter-spacing:-.5px;text-decoration:none;color:var(--paper);text-transform:uppercase}.article-brand span{display:block;font:10px monospace;letter-spacing:2px;color:#a68a62;margin-top:5px}.article-back{color:var(--paper);font:12px monospace;text-decoration:none;padding:12px;border:1px solid #92784d}.article-header nav{display:flex;gap:22px}.article-header nav a{color:#bba37e;font-size:12px;text-decoration:none;padding:10px 0}.article-header nav a[aria-current=page]{color:#fff0d2;border-bottom:2px solid var(--red)}#article{max-width:1440px;margin:auto}.article-hero{padding:36px 4vw 0;background:radial-gradient(ellipse at 80% 0,#513c222d,transparent 60%),#0d1110}.article-masthead{font:11px monospace;letter-spacing:1.3px;display:flex;justify-content:space-between;gap:20px;color:#d7a94f}.article-hero h1{font-size:clamp(44px,7vw,100px);letter-spacing:-3px;line-height:1;margin:28px 0 32px;max-width:100%;overflow-wrap:anywhere}.article-hero figure{margin:0;position:relative;border-block:1px solid #8e7249}.article-hero svg{display:block;width:100%;height:320px;object-fit:cover;overflow:hidden;background:#050806}.article-hero figcaption{font:10px monospace;color:#b39e7f;padding:9px 0}.article-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px 0}.article-intro h2{font-size:clamp(24px,3.5vw,44px);line-height:1.15;margin:0;max-width:600px;letter-spacing:-1px}.article-intro p{font-size:17px;color:#cfbca0;margin:0;max-width:640px}.article-paper{background:#e4cda9;color:#171b18;display:grid;grid-template-columns:270px 1fr;padding:40px 4vw;gap:45px;background-image:linear-gradient(110deg,#6e472318,transparent 30%,#fff3cb30)}.article-index{align-self:start;position:sticky;top:20px;display:grid}.article-index>span{font:10px monospace;letter-spacing:1.5px;border-bottom:2px solid #433c2e;padding-bottom:15px;margin-bottom:5px}.article-index a{font-size:12px;color:#413f33;text-decoration:none;padding:16px 0;border-bottom:1px solid #8a795b55;line-height:1.4}.chapter{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid #8a795b;scroll-margin-top:24px}.chapter:last-child{border:0;margin:0;padding:0}.chapter-number{font:28px monospace;color:#9b392b;padding-top:6px}.chapter h2{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin:0 0 20px}.chapter p{font-size:16px;line-height:1.7;margin:0 0 18px;max-width:760px}.chapter h3{font-size:18px;margin:0 0 8px}.chapter-items{display:grid;gap:20px}.chapter-items>div{padding-left:18px;border-left:2px solid #b79662}.chapter-items p{margin-bottom:0}.source-link{display:inline-block;color:#78432d;font:11px monospace;text-decoration:underline;text-underline-offset:4px;margin-top:15px;line-height:1.7}.chapter .article-meta{font:11px monospace;letter-spacing:1px;color:#8a382b;margin-bottom:12px}.article-next{display:grid;grid-template-columns:1fr 70px;text-decoration:none;color:var(--paper);padding:38px 4vw;border-block:1px solid #8e7249;position:relative;gap:12px}.article-next>span:first-child{font:10px monospace;letter-spacing:1.5px;color:#c49f60}.article-next strong{grid-column:1;font-size:clamp(24px,3vw,40px)}.article-next .next-arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:48px;color:#e5af45}.article-footer{max-width:1440px;margin:auto;padding:24px 4vw;font:11px monospace;color:#a48d6b;display:flex;justify-content:space-between;gap:20px}.article-footer a{color:var(--paper)}
@media(max-width:800px){.article-header nav{display:none}.article-header{padding:16px}.article-brand{font-size:13px}.article-back{font-size:10px;padding:10px}.article-hero{padding:25px 20px 0}.article-masthead{font-size:9px;letter-spacing:.5px}.article-masthead>span:last-child{display:none}.article-hero h1{font-size:44px;letter-spacing:-1.8px;margin:25px 0}.article-hero svg{height:210px}.article-intro{grid-template-columns:1fr;gap:18px;padding:25px 0}.article-intro h2{font-size:29px}.article-intro p{font-size:16px}.article-paper{grid-template-columns:1fr;gap:28px;padding:28px 20px}.article-index{position:static}.article-index a{padding:10px 0}.chapter{grid-template-columns:30px 1fr;gap:12px;margin-bottom:28px;padding-bottom:28px}.chapter-number{font-size:22px}.chapter h2{font-size:25px}.chapter p{font-size:15px}.chapter-items>div{padding-left:12px}.article-next{padding:30px 20px;grid-template-columns:1fr 40px}.article-next .next-arrow{font-size:38px}.article-footer{padding:20px;flex-direction:column}}

.article-hero h1,.article-intro h2,.chapter h2,.article-next strong{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400}.article-hero h1{letter-spacing:-1px}.chapter h2{letter-spacing:0}.article-hero h1{color:#ead7b5;text-shadow:1px 1px 0 #84603b}

.photo-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:24px 20px 35px;max-width:1060px;margin:auto;background:radial-gradient(ellipse at 50% 80%,#5a442c25,transparent 65%)}.article-hero .polaroid,.polaroid{position:relative;margin:0;border:0;background:#e5d4b8;padding:12px 12px 0;box-shadow:0 16px 25px #0006;transform:rotate(-2deg)}.polaroid-1{transform:rotate(2deg)}.polaroid:before{content:'';position:absolute;top:-12px;left:35%;width:30%;height:27px;transform:rotate(3deg);background:#b2a57899;z-index:1;box-shadow:0 0 1px #c9bc8f}.polaroid a{display:block;overflow:hidden}.polaroid img{display:block;width:100%;height:auto;aspect-ratio:1080/1346;object-fit:contain;background:#121511;filter:contrast(1.025);transition:filter .2s}.polaroid a:hover img{filter:contrast(1.04) brightness(1.07)}.article-hero .polaroid figcaption,.polaroid figcaption{color:#3c382c;font:11px monospace;letter-spacing:.06em;padding:18px 6px 22px}.album-credit{font:9px monospace;letter-spacing:.08em;color:#a88d65;text-align:center;padding:0 10px 16px}.chapter .photo-album{gap:24px;padding:25px 10px;max-width:750px}.chapter .album-credit{color:#675237}.chapter .photo-album:has(figure:only-child){grid-template-columns:1fr;max-width:400px}.article-hero{background-image:repeating-linear-gradient(112deg,#a98d4d04 0 1px,transparent 1px 5px),radial-gradient(ellipse at 80% 0,#513c222d,transparent 60%)}
@media(max-width:650px){.photo-album{gap:18px;padding:15px 8px 22px}.polaroid{padding:6px 6px 0}.article-hero .polaroid figcaption,.polaroid figcaption{font-size:8px;line-height:1.5;padding:12px 2px 15px}.polaroid:before{height:18px;top:-9px}.chapter .photo-album{grid-template-columns:1fr;max-width:340px;gap:35px}.album-credit{font-size:8px;line-height:1.7}}

@media(max-width:800px){.article-header{flex-wrap:wrap}.article-header nav{display:flex;order:3;width:100%;gap:22px;overflow-x:auto;white-space:nowrap}.article-header nav a{font-size:11px;padding:8px 0}}

.chapter p.album-credit{font:9px/1.7 monospace;letter-spacing:.08em;text-align:center;max-width:none}
.article-header nav{scrollbar-width:none}.article-header nav::-webkit-scrollbar{display:none}

.album-viewer{width:min(760px,94vw);max-height:92dvh;overflow:auto;border:1px solid #98764a;color:#372e21;background:#d9c19a;background-image:repeating-linear-gradient(12deg,#66452108 0 1px,transparent 1px 4px);padding:20px;box-shadow:0 20px 60px #0009}.album-viewer::backdrop{background:#090d0de8}.album-tools{display:flex;justify-content:space-between;align-items:center;font:10px monospace;gap:15px}.album-viewer button{background:transparent;border:0;color:inherit;font:11px monospace;padding:12px;cursor:pointer}.album-sheet{margin:20px auto;background:#eee0c4;padding:12px 12px 20px;box-shadow:3px 7px 12px #503a2b55;transform:rotate(-.6deg);width:fit-content;max-width:100%}.album-sheet img{display:block;max-width:100%;max-height:58dvh;width:auto;height:auto;touch-action:pan-y}.album-sheet figcaption{font:italic 18px/1.5 Georgia,serif;margin-top:15px}.album-position{text-align:center;font:11px monospace}.album-viewer nav{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px dashed #8d7251}.album-viewer nav a{font:10px monospace;color:inherit}.album-gesture{text-align:center;font:italic 12px Georgia,serif;color:#755738}@media(max-width:650px){.album-viewer{padding:12px}.album-sheet{padding:8px 8px 15px}.album-sheet figcaption{font-size:15px}.album-viewer button{font-size:10px;padding:12px 4px}}