*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;color:#f3e4c9;background:#2b2016 url('../assets/strata-earth-v1.webp') center/1200px auto;font-family:Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffe1a0;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:#261d13;padding:15px}.skip:focus{top:0}header{position:sticky;top:0;z-index:20;background:#211a13ed;border-bottom:1px solid #d6b87555;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;font:11px monospace}header strong{font:bold 22px Georgia;letter-spacing:.22em}header a{text-decoration:none}#count{color:#f7cd79}.intro{padding:40px 7% 35px;background:linear-gradient(#22180eb0,#22180e33)}.intro p{font:9px monospace;letter-spacing:.2em}h1{font:clamp(58px,8vw,115px)/.94 Georgia;letter-spacing:-.055em;margin:25px 0}h1 em{color:#e5bd76}.intro>span{font:12px monospace;color:#f5ddb6}.timeline{height:3400px;position:relative;overflow:hidden;background:linear-gradient(#71533822 0 37%,#c0905130 38% 74%,#8f392b44 75%);--lx:50%;--ly:180px;--radius:145px}.ruler{position:absolute;left:5%;top:0;bottom:0;width:18px;border-left:1px solid #f3d29f88;background:repeating-linear-gradient(0deg,transparent 0 49px,#ebcca875 49px 50px);pointer-events:none}.era{position:absolute;left:5%;right:0;border-top:1px solid #e0b57988;padding:15px 25px;display:flex;gap:35px;font:12px monospace;z-index:3;pointer-events:none}.era span{color:#ffe2ac}.era strong{font-weight:400;letter-spacing:.2em}.reveal-layer,.signals{position:absolute;inset:0}.reveal-layer{background:linear-gradient(#261d1380,#32221750);clip-path:circle(var(--radius) at var(--lx) var(--ly));pointer-events:none}.fossil{position:absolute;width:56%;height:auto;aspect-ratio:1.5;object-fit:contain;mask-image:radial-gradient(ellipse,#000 50%,transparent 73%)}.fragment{position:absolute;width:190px;height:150px;background-size:650px auto;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);transform:rotate(-20deg)}.signal{position:absolute;background:#20160ebd;color:#efd4a1;border:1px solid #a88a5d88;border-radius:50%;width:48px;height:48px;font:24px Georgia}.signal:after{content:attr(data-age);position:absolute;top:58px;left:-30px;width:120px;font:10px monospace;letter-spacing:.07em;pointer-events:none;color:#ecd7b8}.signal.found{border-color:#e7c37e;color:#ffe5a7}.end-date{position:absolute;bottom:25px;left:10%;font:11px monospace;letter-spacing:.15em}#cursor-lens{display:none;position:fixed;z-index:15;pointer-events:none;width:290px;height:290px;transform:translate(-50%,-50%);border:1px solid #ffe7b6;border-radius:50%;box-shadow:0 0 0 6px #efdca51a,0 8px 22px #0005}#cursor-lens:before,#cursor-lens:after{content:'';position:absolute;background:#ffe5b0}#cursor-lens:before{width:1px;height:18px;left:50%;top:-9px}#cursor-lens:after{height:1px;width:18px;top:50%;left:-9px}#cursor-lens span{position:absolute;top:100%;left:40%;font:9px monospace;background:#251a11d9;padding:5px;margin-top:12px}.scanning #cursor-lens{display:block}.scanning .timeline{cursor:none}.scanning .signal{cursor:none}.notebook{background:#211a14ed;padding:45px 7%;border-top:1px solid #d8b87d66}.notebook h2{font:38px Georgia}.notebook p{font-size:13px;line-height:1.8}.notebook>button{background:#e7d1a6;color:#251d12;padding:15px 20px;border:0;margin:20px 0}.notebook details{max-width:700px;margin:20px 0;font-size:12px;line-height:1.8}.notebook>a{display:inline-block;font-size:12px;margin:15px 0}#collection{display:flex;flex-wrap:wrap;gap:10px}#collection button{border:1px solid #c8a36c66;background:#31251c;color:#e8d2ae;padding:12px 16px}dialog{max-width:680px;width:92vw;background:#292017;color:#f3e1bf;border:1px solid #b18b56;padding:25px}dialog::backdrop{background:#000b}dialog h2{font:40px Georgia;margin:15px 0}dialog p{font-size:13px;line-height:1.7}dialog img{width:100%;height:auto}dialog a{font-size:12px}#close{float:right;font-size:27px;border:0;background:transparent;color:#ffe3aa;width:44px;height:44px}.no-js .reveal-layer{clip-path:none}
@media(max-width:700px){header{font-size:9px;padding:17px 4%}header strong{font-size:18px}.intro{padding:25px 6%}.intro h1{font-size:64px}.intro>span{font-size:10px}.timeline{height:3400px;--radius:105px}.fossil{width:95%!important;left:5%!important}.era{font-size:10px;padding-left:20px;gap:20px}.ruler{left:4%}.signal{width:44px;height:44px}.fragment{width:140px;height:110px;background-size:480px auto}#cursor-lens{width:210px;height:210px}.notebook{padding:30px 6%}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Large, legible excavation scale: dates and depth marks stay visible against
   the dirt so visitors can read the timeline without hunting for labels. */
.ruler{left:4.5%;width:46px;border-left:2px solid #ffe0a8;background:repeating-linear-gradient(0deg,transparent 0 48px,#ffe0a8 48px 51px,transparent 51px 96px,#ffe0a8bb 96px 102px);z-index:4}
.era{left:12%;right:4%;border-top:2px solid #ffe0a899;padding:22px 30px;align-items:baseline;gap:28px;font-size:16px;z-index:5;text-shadow:0 2px 10px #1b1008}
.era span{color:#fff0c7;font-size:clamp(28px,4vw,56px);font-weight:700;letter-spacing:-.08em;line-height:.85}.era strong{font-size:clamp(15px,1.9vw,25px);font-weight:700;letter-spacing:.24em;color:#fff4d6}
.time-scale{position:absolute;left:5%;top:0;bottom:0;width:190px;z-index:6;pointer-events:none;font:700 18px/.8 monospace;color:#fff0c7;text-shadow:0 2px 8px #1b1008}.time-scale span{position:absolute;left:22px;display:block;min-width:150px;letter-spacing:-.08em}.time-scale small{font-size:8px;letter-spacing:.12em;color:#ffdb9a}
.end-date{left:12%;font-size:15px;font-weight:700;color:#fff0c7;text-shadow:0 2px 8px #1b1008}
@media(max-width:700px){.ruler{left:4%;width:35px}.era{left:32%;right:3%;padding:17px 12px;gap:12px}.era span{font-size:30px}.era strong{font-size:12px;letter-spacing:.14em}.time-scale{left:4%;width:90px;font-size:13px}.time-scale span{left:14px;min-width:80px}.time-scale small{font-size:6px}.end-date{left:32%;font-size:11px}}

/* Finds have clean edges: no cropped image fragments and no circular hint buttons. */
.find{position:absolute;display:block;border:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto;transform-origin:center}.find img{display:block;width:100%;height:100%;object-fit:contain}.find.skeleton{width:56%;aspect-ratio:1.5}.find.reverse{transform:scaleX(-1)}.find.bone{width:36%;aspect-ratio:1.5;mix-blend-mode:screen;filter:drop-shadow(0 8px 14px #0008)}.find.skull{width:40%;transform:rotate(-7deg)}.find.tail{width:42%;transform:rotate(17deg)}.find.claw{width:38%;transform:rotate(-14deg)}.find.found{filter:drop-shadow(0 0 13px #ffd886)}.find:focus-visible{outline:2px solid #ffe8bd;outline-offset:10px}.reveal-layer{pointer-events:none}.reveal-layer .find{pointer-events:auto}.fragment,.signal,.signals{display:none!important}
@media(max-width:700px){.find.skeleton{width:95%}.find.bone{width:66%}.find.skull{width:75%}.find.tail{width:76%}.find.claw{width:70%}}

/* Real alpha cutouts replace baked-in rock and screen-blended matte artifacts. */
.find.bone{mix-blend-mode:normal;filter:drop-shadow(0 2px 3px #120c0880)}
.find img{background:transparent}
.find.found{filter:drop-shadow(0 0 5px #ffd88680)}
@media(max-width:700px){.find.skeleton{left:2%!important;width:96%}.find.bone{left:12%!important}}