.discovery-section{background:radial-gradient(ellipse at 80% 60%,#be9a4b0d,transparent 60%)}.discovery-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #c9aa6844;margin-top:40px}.discovery-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#abb9b9;font:inherit;font-size:16px;padding:22px 10px;text-align:left;cursor:pointer}.discovery-tabs small{color:#cbb27d;margin-right:14px;font-size:11px}.discovery-tabs [aria-selected=true]{color:#f7ecd7;border-bottom-color:#d9bb7a}.discovery-scene{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:center;padding:48px 0 20px;min-height:490px}.discovery-scene[hidden]{display:none}.discovery-copy h3{font:400 clamp(25px,3vw,37px)/1.45 var(--display);margin:18px 0}.discovery-copy p{color:#b9c4c3;line-height:1.9;font-size:16px}.discovery-copy .button{margin-top:16px;font:inherit;cursor:pointer}.discovery-detail{display:block;width:fit-content;margin-top:26px;font-size:13px}.scene-choices{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.scene-choices button{border:1px solid #cfb47566;color:#c9c4b5;background:none;min-height:44px;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;border-radius:2px}.scene-choices button[aria-pressed=true]{color:#162b33;background:#dbc18d}.discovery-art{min-width:0}.discovery-art figure{margin:0}.city-vignette{position:relative;background:radial-gradient(ellipse,#d8bc8740,transparent 69%),repeating-linear-gradient(0deg,#a7905c0a 0 1px,transparent 1px 5px),#ddd0b1;border:1px solid #d7bd82;box-shadow:0 25px 65px #0005,inset 0 0 0 12px #ede0bd66;color:#514531;padding:26px 20px 18px;overflow:hidden;min-height:350px}.map-compass{position:absolute;right:26px;top:20px;color:#81643c;text-align:center;line-height:1.2;font-size:22px}.map-compass:first-line{font-size:10px}.vignette-label{display:block;letter-spacing:.18em;font-size:10px;color:#7b6138}.city-vignette .place-art{height:250px;transition:filter .5s,opacity .5s}.city-vignette[data-city-view="0"] .place-art{filter:grayscale(1) brightness(.5);opacity:.42}.city-stamp{position:absolute;bottom:75px;right:30px;display:none;border:1px solid #9c482c;color:#9c482c;width:48px;height:48px;border-radius:50%;text-align:center;line-height:46px;font-size:30px;transform:rotate(-12deg)}.city-vignette[data-city-view="2"] .city-stamp{display:block}.city-vignette figcaption{font:16px/1.6 var(--display);text-align:center;margin-top:5px}.city-vignette>small{display:block;text-align:center;font-size:10px;opacity:.8;margin-top:9px}.letter-vignette{padding:25px 34px;background:radial-gradient(#d0a86622,transparent 70%)}.paper-letter{position:relative;background:repeating-linear-gradient(15deg,#836b4410 0 1px,transparent 1px 5px),linear-gradient(140deg,#f1e3c5,#d6c2a0);padding:26px 28px;box-shadow:0 20px 55px #0007;border:1px solid #bc9c68;min-height:290px;color:#423729}.paper-letter:before{content:"";display:block;position:absolute;inset:8px;border:1px solid #a58a6055;pointer-events:none}.physical-seal{width:74px;height:74px;border:2px solid #a44a32;border-radius:50%;display:grid;place-items:center;margin:22px auto;background:#e9d1a7;box-shadow:0 0 0 5px #b9814722}.seal-flower{width:40px;mix-blend-mode:multiply}.paper-letter h4{font:400 24px/1.5 var(--display);text-align:center;margin:14px 0}.paper-letter p{font-size:12px;line-height:1.7;text-align:center}.paper-letter .place-art{height:125px}.letter-vignette figcaption,.journal-vignette figcaption{color:#b7b9af;font-size:12px;text-align:center;line-height:1.7;margin:18px 0 0}.journal-paper{background:linear-gradient(90deg,#ba9b68 0 3px,#e9dcc0 3px 5%,#f2e6cc 5%);color:#483d2f;padding:25px 30px 22px 44px;border:1px solid #b99e70;box-shadow:0 22px 55px #0005}.journal-paper .place-art{height:155px;filter:sepia(.4);opacity:.55}.journal-paper.earned .place-art{opacity:1;filter:none}.journal-paper h4{font:500 25px/1.4 var(--display);margin:12px 0}.journal-paper p{font-size:12px;line-height:1.7}.journal-track{height:5px;background:#b0a38666;margin:20px 0}.journal-track i{display:block;width:0;height:100%;background:#587066;transition:width .4s}.earned .journal-track i{width:20%}.journal-next{color:#726044}.discovery-note{margin-top:28px;padding-top:20px;border-top:1px solid #cbb17422}.sample-case{background:#071722}.sample-case>.container{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.sample-art{background:radial-gradient(ellipse,#b69c522c,transparent 65%)}.sample-art .place-art{width:100%;height:auto;aspect-ratio:3/2}.sample-copy h2{font-size:clamp(27px,3.3vw,42px)}.sample-copy>p{color:#b8c3c2;line-height:1.9}.case-sequence{display:flex;gap:8px;list-style:none;padding:0;margin:28px 0;color:#d8c18f;font-size:12px;flex-wrap:wrap}.case-sequence li:not(:last-child):after{content:"→";margin-left:8px;color:#81785f}.sample-links{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0;font-size:12px;color:#c6b086}.home-tag-gallery{margin-top:60px;padding-top:40px;border-top:1px solid #c7aa6933}.home-tag-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.home-tag-heading h3{font:400 28px/1.5 var(--display);margin:0}.home-tag-heading p{font-size:14px;color:#abb7b6;line-height:1.8}.home-tag-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px 0 18px}.home-tag-strip a{display:block;border:1px solid #c1a56a44;background:#10212b;text-align:center;transition:transform .2s,border-color .2s}.home-tag-strip a:hover{border-color:#d3b574;transform:translateY(-4px)}.home-tag-strip img{display:block;width:100%;height:auto}.home-tag-strip span{display:block;font-size:12px;padding:12px;color:#d9c59a}.home-tag-gallery>.text-link{margin-top:18px}.delivery-note{margin-top:38px;border-top:1px solid #c6aa6833;padding-top:28px;color:#b6c1bf;line-height:1.9}.delivery-note strong{color:#dfcca5}.current-stage{margin:0 0 35px;padding:22px 25px;border-left:2px solid #bb9e67;background:#c3ab6c09;color:#b6c1bf;line-height:1.8}.current-stage b{color:#ead6a9}.discovery-section button:focus-visible{outline:2px solid #f4d08c;outline-offset:5px}
@media(max-width:760px){.discovery-tabs button{font-size:12px;padding:18px 5px;text-align:center}.discovery-tabs small{display:block;margin:0 0 7px}.discovery-scene{grid-template-columns:1fr;gap:28px;padding-top:30px}.discovery-copy h3{font-size:28px}.discovery-copy p{font-size:15px}.city-vignette{min-height:290px}.city-vignette .place-art{height:200px}.letter-vignette{padding:12px}.paper-letter{padding:22px}.journal-paper{padding:24px 22px 20px 30px}.sample-case>.container{grid-template-columns:1fr;gap:25px}.sample-art{max-width:500px;margin:auto}.sample-copy .button{width:100%;justify-content:center}.home-tag-heading{grid-template-columns:1fr;gap:10px}.home-tag-strip{grid-template-columns:repeat(2,1fr)}.home-tag-strip a:last-child{grid-column:1/-1;max-width:50%;justify-self:center}.discovery-detail{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.discovery-section *,.home-tag-strip a{transition:none!important}}
.discovery-art .place-art{height:auto;margin:14px auto;width:100%;aspect-ratio:3/2;background:transparent;mix-blend-mode:multiply}.city-vignette .place-art{max-width:450px}.paper-letter .place-art{max-width:280px}.journal-paper .place-art{max-width:250px}.sample-art .place-art{background:transparent;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}