:root{--cream:#f2ddaa;--paper:#faeac2;--turq:#3ca5a0;--tomato:#c94d32;--yellow:#e6b83e;--pine:#284f43;--ink:#303a35;--fade:#9b8662}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden;background-image:radial-gradient(#6f5c3f15 1px,transparent 1px);background-size:4px 4px}a,button{font:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#f2ddaaee;border-bottom:2px solid var(--tomato)}.brand{display:flex;align-items:center;gap:12px;color:var(--pine);text-decoration:none;font:900 11px monospace;letter-spacing:.14em}.brand b{width:42px;height:42px;border-radius:50%;background:var(--tomato);color:var(--paper);display:grid;place-items:center;transform:rotate(-7deg)}nav{display:flex;gap:30px}nav a,header small{color:#75684f;text-decoration:none;text-transform:uppercase;font:10px monospace;letter-spacing:.12em}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;background-image:linear-gradient(90deg,var(--cream) 0%,#f2ddaaed 39%,#f2ddaa00 68%),url("../assets/images/postcard-lake.png");background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(650px,86vw)}.hero-copy>p,.search-head p,.travel-album>p{font:900 10px monospace;letter-spacing:.2em;color:var(--tomato)}.hero h1{font:900 clamp(59px,9vw,128px)/.76 Rockwell,Georgia,serif;letter-spacing:-.055em;margin:25px 0}.hero h1 em{font-style:italic;color:var(--turq)}.hero-copy>span{display:block;max-width:500px;font-size:17px;line-height:1.65;color:#59685f}.hero a{display:inline-block;margin-top:27px;background:var(--tomato);color:white;padding:17px 23px;text-decoration:none;font:900 11px monospace;box-shadow:7px 7px 0 var(--yellow);transform:rotate(-1deg)}.search{padding:100px max(4vw,15px);background:var(--turq);color:var(--paper);background-image:repeating-linear-gradient(-12deg,#ffffff08 0 2px,transparent 2px 10px)}.search-head{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:end}.search-head h2{font:900 clamp(43px,6vw,76px)/.87 Rockwell,Georgia;margin:10px 0}.timer{width:100px;height:100px;border-radius:50%;background:var(--tomato);display:grid;place-content:center;text-align:center;box-shadow:5px 5px 0 #8f3827}.timer small{font:8px monospace}.timer b{font:900 33px Rockwell}.album-card{max-width:1200px;margin:35px auto 0;background:var(--paper);padding:20px;display:grid;grid-template-columns:1fr 300px;gap:20px;color:var(--ink);box-shadow:12px 15px 0 #246e6c;transform:rotate(.2deg)}.scene{min-height:610px;position:relative;overflow:hidden;background:url("../assets/images/postcard-lake.png") center/cover;border:10px solid #f5e3b6}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#613d1f08 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.stamp{position:absolute;right:18px;top:18px;width:66px;height:80px;border:5px dotted var(--paper);background:var(--yellow);color:var(--pine);display:grid;place-content:center;text-align:center;font:900 12px Rockwell;transform:rotate(4deg);z-index:2}.postmark{position:absolute;right:70px;top:85px;border:2px solid #684f38;border-radius:50%;padding:14px;color:#684f38;font:10px monospace;transform:rotate(-12deg);z-index:2}.find{position:absolute;width:34px;height:34px;border:2px solid #392d22;background:#f2ddaa99;color:var(--tomato);border-radius:50%;display:grid;place-items:center;font:900 18px Georgia;cursor:pointer;z-index:4;box-shadow:0 0 0 4px #f2ddaa44}.find:hover,.find:focus{background:var(--yellow);transform:scale(1.15)}.find.found{opacity:0;pointer-events:none;transform:scale(1.8);transition:.35s}.find.hinted{animation:hint .7s 3}@keyframes hint{50%{box-shadow:0 0 0 14px var(--yellow)}}.album-card aside{padding:15px;border-left:2px dashed #a98f61}.album-card aside>small{font:900 10px monospace;letter-spacing:.14em;color:var(--tomato)}ol{padding-left:0;list-style:none;display:grid;gap:5px}li{border-bottom:1px solid #b9a479;padding:9px 0;font:12px monospace;display:flex;justify-content:space-between}li.done{text-decoration:line-through;color:#9a8d73}.album-card aside p{min-height:60px;font:13px/1.6 Georgia;color:#655f52}.actions{display:grid;gap:8px}.actions button{padding:13px;border:1px solid var(--pine);background:transparent;color:var(--pine);font:bold 10px monospace}.actions #start{background:var(--tomato);border-color:var(--tomato);color:white}.actions button:disabled{opacity:.35}.record{margin-top:22px;border-top:2px solid var(--pine);padding-top:15px;font:10px monospace}.record b{font-size:19px;color:var(--tomato)}.record span{float:right}.travel-album{padding:120px 7vw}.travel-album h2{font:900 clamp(49px,7vw,94px)/.86 Rockwell,Georgia}.travel-album>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--pine)}.travel-album article{padding:30px;border-right:1px solid #a9966e}.travel-album article>b{font:900 43px Rockwell;color:var(--tomato)}.travel-album h3{font:900 18px monospace}.travel-album p{line-height:1.65;color:#636b63}footer{padding:38px 5vw;background:var(--pine);color:#a9c1b8;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent;color:var(--ink)}dialog::backdrop{background:#173f3cdb}dialog>div{width:min(500px,90vw);background:var(--paper);padding:50px;text-align:center;box-shadow:10px 10px 0 var(--yellow);border-top:8px solid var(--tomato);transform:rotate(-1deg)}dialog h2{font:900 43px Rockwell}dialog button{background:var(--pine);color:white;border:0;padding:15px 24px}@media(max-width:780px){nav,header small{display:none}.hero{background-position:70% center}.hero-copy{margin-left:24px;width:calc(100vw - 48px);padding-top:210px}.hero h1{font-size:48px}.search-head{display:block}.timer{margin-top:18px;width:78px;height:78px}.album-card{grid-template-columns:1fr;padding:10px}.scene{min-height:510px}.album-card aside{border-left:0;border-top:2px dashed #a98f61}.travel-album>div{grid-template-columns:1fr}footer{flex-direction:column;gap:13px}}