@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--cream:#f8f5ed;--ink:#173b36;--green:#174d43;--blue:#235d86;--gold:#e9b54d;--muted:#626d65;--line:#d9ddd1;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b76d19;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3{font-family:var(--serif)}em{font-weight:400}.wrap{max-width:1320px;padding-left:54px;padding-right:54px;margin:auto}.sponsor-bar{background:var(--green);color:#fff;padding:10px 54px;font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.sponsor-bar a{font-weight:700}.sponsor-bar>span{margin-left:auto;letter-spacing:.3px;opacity:.8}.header{display:flex;align-items:center;justify-content:space-between;height:108px;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}.brand>span{font-family:var(--serif);font-size:29px;letter-spacing:-1px}.brand-small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:4.3px;margin-top:7px;margin-left:2px}.header nav{display:flex;gap:34px}.header nav a{text-decoration:none;font-size:13px}.header nav a:hover{text-decoration:underline}.saved-nav{border:1px solid var(--line);border-radius:30px;padding:10px 18px;background:none;font-size:13px}.saved-nav span{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;width:22px;height:22px;border-radius:50%;margin-left:8px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:22px;padding-bottom:62px}.hero-copy{padding:24px 0 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}.hero .eyebrow{display:flex;gap:10px;align-items:center}.sun{color:#c68a26;font-size:32px;line-height:1}.hero h1{font-size:clamp(64px,6.9vw,100px);line-height:1.02;letter-spacing:-3px;margin:25px 0}.hero h1 em{color:var(--blue)}.hero-description{font-size:16px;max-width:400px;color:var(--muted);line-height:1.8;margin-bottom:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:15px 23px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:#236453}.outline{border-color:var(--green);background:none}.hero-foot{border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;font-size:9px;letter-spacing:.7px;margin-top:38px;padding-top:20px;color:var(--muted)}.hero-art{position:relative;min-height:540px;border-radius:170px 170px 5px 5px;isolation:isolate;background:#abc8bc;overflow:visible}.hero-art>.scene{position:absolute;inset:0;border-radius:inherit}.scene{background-image:url('assets/clermont-eras.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#86a99a}.scene-0{background-position:0 0}.scene-1{background-position:50% 0}.scene-2{background-position:100% 0}.scene-3{background-position:0 100%}.scene-4{background-position:50% 100%}.scene-5{background-position:100% 100%}.hero-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(14,49,37,.8));border-radius:inherit;z-index:0}.art-label{position:absolute;bottom:64px;left:34px;color:white;z-index:1}.art-label span{display:block;font-size:8px;letter-spacing:1.5px}.art-label strong{font:40px var(--serif)}.art-credit{position:absolute;bottom:24px;left:34px;color:#fff;font-size:9px;z-index:1;opacity:.8}.roundel{position:absolute;right:-18px;top:42px;width:88px;height:88px;background:var(--gold);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700;font-size:12px;letter-spacing:2px;line-height:1.4;transform:rotate(12deg);box-shadow:0 0 0 7px var(--cream)}.roundel span{font-size:22px}.landmark-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.landmark-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:1.5px;white-space:nowrap;overflow:auto}.landmark-strip b{color:#bd8730;font-size:20px;font-weight:400}.section{padding-top:82px;padding-bottom:82px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2,.local h2{font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-1.4px;margin-top:12px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8}.filter-panel{border:1px solid var(--line);background:white;border-radius:7px;display:flex;align-items:center;padding:15px 20px;gap:24px}.search{display:flex;align-items:center;gap:14px;flex:1}.search>span{font-size:29px}.search input{border:0;min-width:100px;width:100%;background:none;color:var(--ink);font-size:14px;padding:9px 0}.selects{display:flex;align-items:center;gap:16px}.selects label{font-size:9px;font-weight:700;letter-spacing:1px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:18px}.selects select{font-size:12px;letter-spacing:0;border:none;background:none;max-width:140px;padding:3px 14px 0 0;color:var(--ink)}.text-button{border:0;background:none;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:5px 0;white-space:nowrap}.category-tabs{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.category-tabs button{border:1px solid var(--line);background:none;border-radius:25px;padding:9px 17px;font-size:11px}.category-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.results-head{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px;color:var(--muted);font-size:11px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #173b3610}.card-top{height:104px;padding:20px 22px;position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--card-bg,#e9efde);overflow:hidden}.card-top:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #173b3612;border-radius:50%;right:-25px;top:20px;pointer-events:none}.card-icon{font-family:Georgia,serif;font-size:48px;line-height:1;color:var(--card-color,var(--green))}.card-category{font-size:9px;letter-spacing:1.5px;font-weight:700}.save-button{border:1px solid #173b3630;background:#ffffffa8;border-radius:50%;width:33px;height:33px;line-height:1;font-size:20px;position:absolute;right:17px;top:16px;z-index:1}.save-button[aria-pressed=true]{background:var(--green);color:white}.card-body{padding:23px;display:flex;flex:1;flex-direction:column}.card-meta{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.activity-card h3{font-size:25px;line-height:1.12;letter-spacing:-.4px}.card-description{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 18px;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eae3;padding-top:13px;gap:10px}.card-footer>span{font-size:9px;color:var(--muted)}.detail-button{border:none;background:none;font-size:11px;font-weight:700;padding:4px 0;white-space:nowrap}.directory-note{margin-top:23px;font-size:10px;color:var(--muted);max-width:850px}.empty{text-align:center;padding:55px;background:#edf0e8;border-radius:6px}.empty h3{font-size:32px}.empty p{margin:10px 0 24px}.history{background:#123f3b;color:#f8f5ed}.history .eyebrow{color:#dabb75}.history .section-heading>p{color:#c2cec5}.history h2 em{color:#dabb75}.history-player{display:grid;grid-template-columns:1.45fr 1fr;border:1px solid #ffffff25;border-radius:7px;overflow:hidden;margin-top:44px}.history-visual{min-height:370px;position:relative;overflow:hidden}.history-visual .scene{position:absolute;inset:0;transition:opacity .4s}.history-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(#112a1925,transparent 30%,#112a1966)}.film-label{position:absolute;top:22px;left:24px;z-index:1;font-size:8px;letter-spacing:2px;color:#fff;text-shadow:0 1px 5px #000}.history-year{position:absolute;left:24px;bottom:40px;font:76px var(--serif);z-index:1;color:white;line-height:1}.illustration-note{position:absolute;left:24px;bottom:18px;z-index:1;font-size:7px;letter-spacing:1px;color:white}.history-story{padding:44px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#0f3734}.history-story h3{font-size:34px;line-height:1.14;margin:16px 0}.history-story>p:not(.eyebrow):not(.player-note){font-size:13px;line-height:1.9;color:#d1dcd4;min-height:100px}.source-link{font-size:10px;margin:16px 0 27px;color:#e9ca86}.player-controls{display:flex;gap:9px;width:100%}.player-controls button{border:1px solid #ffffff40;color:white;background:none;padding:9px 12px;border-radius:3px;font-size:11px}.player-controls #play{flex:1}.player-controls button:hover{background:#ffffff15}.player-note{font-size:9px;color:#a8bfb0;margin-top:12px}.era-tabs{display:flex;border-bottom:1px solid #ffffff30;margin-top:22px}.era-tabs button{flex:1;padding:15px 4px 20px;font-size:12px;background:none;border:0;border-bottom:3px solid transparent;color:#a8bfb0}.era-tabs button.active{border-bottom-color:var(--gold);color:#f6d48c}.era-tabs button span{display:block;font-size:8px;margin-top:3px;letter-spacing:1px}.history-footnote{font-size:9px;line-height:1.8;color:#a7beb3;max-width:900px;margin-top:20px}.history-details{border-top:1px solid #ffffff25;margin-top:30px;padding-top:20px;font-size:11px;color:#c9d7ce}.history-details summary{cursor:pointer}.milestone-grid{display:flex;gap:50px;margin:22px 0}.milestone-grid strong{display:block;font:32px var(--serif);color:var(--gold)}.local{display:grid;grid-template-columns:1fr 1fr;gap:80px}.local-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:460px;margin:25px 0}.local h2 em{color:var(--blue)}.local-links{padding-top:28px}.local-links>a{display:flex;gap:20px;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);padding:25px 0}.local-links>a>span{color:#a5833e;font-size:12px}.local-links h3{font-size:25px;line-height:1.2}.local-links p{font-size:11px;color:var(--muted);margin-top:7px}.local-links b{margin-left:auto;font-size:21px;font-weight:400}.contribute{background:#e7eddf;padding-top:30px;padding-bottom:30px;display:flex;align-items:center;gap:25px;border-radius:7px;max-width:1212px;margin:0 auto 65px}.contribute h2{font-size:29px}.contribute p{font-size:12px;margin-top:3px;color:var(--muted)}.contribute .button{margin-left:auto;white-space:nowrap}.contribute .sun{font-size:50px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.footer-top>p{font-size:12px;color:var(--muted)}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:flex;align-items:flex-start;gap:40px;padding:23px 0 35px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-bottom>p{max-width:850px}.footer-bottom>button{margin-left:auto;font-size:9px}dialog{max-width:600px;width:calc(100% - 30px);border:1px solid var(--line);border-radius:10px;padding:45px;background:var(--cream);color:var(--ink);max-height:88vh;overflow:auto}dialog::backdrop{background:#092c27a6;backdrop-filter:blur(3px)}.close{position:absolute;right:16px;top:12px;font-size:27px;border:0;background:none;width:33px;height:33px}.dialog-icon{font-size:40px;color:var(--blue)}dialog h2{font-size:36px;line-height:1.13;margin:10px 0 16px}dialog p{font-size:13px;margin:12px 0;color:var(--muted)}.dialog-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:10px 0}.dialog-facts p{margin:6px 0;font-size:12px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.dialog-actions .button{font-size:11px;padding:12px 16px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--green);color:white;padding:12px 24px;border-radius:30px;font-size:12px;z-index:20;transition:transform .2s;box-shadow:0 5px 22px #0002;pointer-events:none}.toast.visible{transform:translateX(-50%) translateY(0)}.skip{position:fixed;top:-60px;left:10px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero-art{min-height:570px}}@media(max-width:1050px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:24px}.hero h1{font-size:76px}.hero-art{min-height:510px}.activity-grid{grid-template-columns:repeat(2,1fr)}.history-player{grid-template-columns:1.2fr 1fr}.history-story{padding:30px 26px}.history-visual{min-height:380px}.local{gap:40px}.contribute{margin-left:32px;margin-right:32px}.footer-top>p{display:none}.header nav{gap:20px}.sponsor-bar{padding-left:32px;padding-right:32px}.hero-foot{font-size:8px}.hero .eyebrow{font-size:8px}}@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}.sponsor-bar{padding:9px 22px;font-size:8px;letter-spacing:.8px}.sponsor-bar>span{display:none}.header{height:88px;gap:15px}.brand>span{font-size:25px}.brand img{width:36px;height:36px}.brand-small{font-size:8px;letter-spacing:3.6px}.header nav{display:none}.saved-nav{font-size:11px;padding:8px 12px}.hero{grid-template-columns:1fr;gap:35px;padding-top:4px;padding-bottom:42px}.hero-copy{padding-top:5px}.hero h1{font-size:74px;letter-spacing:-2px;margin:20px 0}.hero h1 br{display:none}.hero-description{font-size:15px;max-width:100%}.hero .eyebrow{font-size:8px}.hero-foot{margin-top:25px;padding-top:15px;justify-content:space-between}.hero-art{min-height:430px;border-radius:140px 140px 5px 5px;margin:0 7px 0 0}.roundel{right:-12px;top:32px;width:76px;height:76px;font-size:10px}.art-label strong{font-size:36px}.landmark-strip .wrap{justify-content:flex-start;gap:25px}.landmark-strip{padding:12px 0}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:26px}.section-heading h2,.local h2{font-size:40px}.section-heading>p{margin-top:15px;font-size:12px}.filter-panel{display:block;padding:12px 15px}.search{border-bottom:1px solid var(--line);padding-bottom:8px}.search input{font-size:13px}.selects{padding-top:12px;justify-content:space-between;gap:10px}.selects label{border:0;padding:0}.selects select{max-width:125px}.category-tabs{gap:7px}.category-tabs button{font-size:10px;padding:8px 12px}.activity-grid{gap:12px}.activity-card h3{font-size:23px}.card-body{padding:18px}.card-top{height:89px;padding:18px}.card-icon{font-size:40px}.card-category{font-size:8px;max-width:80px}.card-description{font-size:11px}.card-footer{flex-wrap:wrap;gap:4px}.card-meta{font-size:8px}.history-player{grid-template-columns:1fr;margin-top:28px}.history-visual{min-height:0;aspect-ratio:1.5}.history-story{padding:30px 25px}.history-story>p:not(.eyebrow):not(.player-note){min-height:0}.history-story h3{font-size:32px}.history-year{font-size:58px}.era-tabs button{font-size:11px}.era-tabs button span{font-size:6px;letter-spacing:0}.history-details{font-size:10px}.milestone-grid{gap:24px;flex-wrap:wrap}.milestone-grid strong{font-size:27px}.local{grid-template-columns:1fr;gap:10px}.local-links{padding-top:0}.contribute{margin:0 22px 30px;padding:27px 22px;flex-wrap:wrap;gap:15px}.contribute>.sun{display:none}.contribute h2{font-size:26px}.contribute .button{margin:5px 0 0}.footer-top{flex-wrap:wrap;gap:22px}.footer-bottom{display:block}.footer-bottom>button{margin-top:15px}.eyebrow{font-size:8px}dialog{padding:35px 24px}.results-head{font-size:10px}.text-button{font-size:10px}}@media(max-width:420px){.activity-grid{grid-template-columns:1fr}.activity-card{display:grid;grid-template-columns:80px 1fr}.card-top{height:100%;padding:15px 10px;align-items:center;justify-content:center}.card-top .card-category{display:none}.save-button{right:23px;top:15px}.card-icon{font-size:36px}.card-body{padding:18px}.card-description{margin:10px 0 12px}.hero h1{font-size:65px}.hero-art{min-height:380px}.hero-foot{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:1050px){.filter-panel{flex-wrap:wrap}.search{min-width:220px}.selects{flex-wrap:wrap}}
@media(max-width:720px){.selects{gap:12px}.selects label{flex:1 1 90px}.selects .text-button{margin-left:auto}}