:root{--paper:#f7f5ef;--ink:#203b36;--accent:#d9fa72;--muted:#67756b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ae562f;outline-offset:5px}.header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203b3626}.brand{font-weight:800;font-size:22px;letter-spacing:-1px}.brand-dot{color:#8a9c35}.mark{display:inline-flex;background:var(--ink);color:var(--accent);width:33px;height:33px;align-items:center;justify-content:center;border-radius:50%;margin-right:8px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-button{border:1px solid #203b3660;border-radius:30px;padding:13px 20px}.hero{max-width:1440px;margin:auto;padding:64px 5% 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 22px}h1{font-size:clamp(52px,6vw,86px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:30px 0}h1 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:350px;font-size:17px;line-height:1.65;color:var(--muted)}.button{display:inline-flex;gap:35px;background:var(--ink);color:var(--paper);padding:19px 24px;border-radius:4px;font-size:14px;margin-top:18px}.button:hover{background:#34594e}.hero-note{font-size:11px;display:flex;gap:10px;align-items:center;margin-top:36px;color:var(--muted)}.small-line{width:25px;height:1px;background:var(--muted)}.hero-art{min-height:515px;background:#cad6c9;position:relative;overflow:hidden;border-radius:130px 8px 8px 8px;isolation:isolate}.sun{width:125px;height:125px;background:#f5e6ac;border-radius:50%;position:absolute;top:75px;right:65px}.sea{position:absolute;bottom:0;width:100%;height:43%;background:repeating-linear-gradient(175deg,#5f8d89 0px,#5f8d89 30px,#769e96 31px,#769e96 33px)}.buildings{position:absolute;bottom:30%;left:7%;right:7%;height:50%;display:flex;align-items:flex-end;transform:rotate(-3deg)}.house{position:relative;flex:1;background:#b95e43;border-top:13px solid #654a3e;box-shadow:5px 0 0 #203b3620}.house:after{content:"";position:absolute;inset:20px 13px;background:repeating-linear-gradient(0deg,transparent 0 21px,#394f45 21px 39px,transparent 39px 59px);border-left:6px solid #ffffff30;border-right:6px solid #ffffff30}.h1{height:68%;background:#c99a59}.h2{height:94%;background:#c76d54}.h3{height:80%;background:#e0bf8a}.h4{height:100%;background:#cb9665}.h5{height:60%;background:#b65a46}.art-caption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:1px}.art-stamp{position:absolute;bottom:75px;right:25px;border-radius:50%;width:105px;height:105px;background:var(--accent);display:flex;align-items:center;justify-content:center;transform:rotate(10deg);font-family:Georgia,serif;font-style:italic;font-size:21px;text-align:center}.ticker{background:var(--accent);padding:22px 5%;display:flex;justify-content:space-around;gap:25px;font-size:11px;letter-spacing:2px;align-items:center}.ticker b{font-size:22px}.section{max-width:1440px;margin:auto;padding:75px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:36px;font-weight:500;letter-spacing:-1.5px;margin:0}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.6}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.filters button{border:1px solid #203b362b;padding:11px 19px;background:transparent;border-radius:25px;font-size:12px}.filters button.active{color:var(--paper);background:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card[hidden]{display:none}.card-art{height:220px;position:relative;overflow:hidden;border-radius:5px}.card-art>span{position:absolute;top:15px;left:15px;background:var(--paper);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px;z-index:2}.alley{background:linear-gradient(80deg,#c28b63 0 34%,transparent 34%),linear-gradient(-80deg,#bb674d 0 34%,#d4d9bf 34%)}.arch{position:absolute;bottom:0;left:38%;width:25%;height:65%;background:#345347;border-radius:80px 80px 0 0;border:12px solid #d8bc8b}.coast{background:linear-gradient(#b9d0c8 55%,#648e8d 55%)}.mini-houses{position:absolute;bottom:30%;left:15%;width:72%;height:48%;background:linear-gradient(90deg,#bb6851 0 22%,#d6b47a 22% 43%,#df9675 43% 65%,#e3cba4 65% 83%,#bd7752 83%);clip-path:polygon(0 30%,22% 30%,22% 0,43% 0,43% 15%,65% 15%,65% 35%,83% 35%,83% 20%,100% 20%,100% 100%,0 100%)}.hills{background:linear-gradient(#d0dccb 60%,#70978c 60%)}.hill-line{position:absolute;bottom:0;left:-10%;height:70%;width:120%;background:repeating-linear-gradient(90deg,#b58766 0 18px,#d1ac80 18px 38px);clip-path:polygon(0 75%,15% 50%,25% 55%,38% 30%,48% 40%,55% 20%,65% 45%,75% 30%,90% 70%,100% 65%,100% 100%,0 100%)}.card-info{padding:24px 0}.card-info .eyebrow{margin-bottom:12px;font-size:10px}h3{font-weight:500;font-size:23px;letter-spacing:-.7px;margin:0 0 13px}.card-info>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}.detail{width:100%;display:flex;justify-content:space-between;background:none;border:0;border-top:1px solid #203b3630;padding:17px 0 0;margin-top:22px;text-align:left;font-size:12px}.filter-status{font-size:12px;color:var(--muted)}.about{position:relative;border-top:1px solid #203b3630;padding-right:25%}.about>p:not(.eyebrow){max-width:660px;line-height:1.8;color:var(--muted)}.about-symbol{position:absolute;right:8%;top:75px;font-size:100px;color:#a0ad64}footer{padding:30px 5%;border-top:1px solid #203b3630;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer p{color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);border-radius:12px;padding:40px;max-width:560px;width:calc(100% - 32px)}dialog::backdrop{background:#142c29aa}dialog h2{margin-bottom:20px}dialog p{line-height:1.7}.close{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none}.dialog-tip{padding:15px;background:#e7ecdc;font-size:14px}@media(max-width:800px){.header{padding:20px 5%}.brand{font-size:18px}nav{gap:15px}nav .nav-button{display:none}.hero{gap:25px;padding-top:35px}h1{font-size:58px;letter-spacing:-3px}.hero-art{min-height:440px}.art-caption{flex-direction:column;gap:7px}.section-heading{align-items:start;flex-direction:column}.cards{gap:18px}h3{font-size:20px}.ticker{overflow:hidden;white-space:nowrap}.ticker span:last-child,.ticker b:last-of-type{display:none}}@media(max-width:580px){nav{font-size:12px}.mark{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:360px;order:2;border-radius:80px 8px 8px 8px}.hero-note{margin-top:24px}h1{font-size:64px}.hero-copy .eyebrow{font-size:9px}.cards{grid-template-columns:1fr}.card-art{height:240px}.section{padding:45px 5%}h2{font-size:30px}.ticker{justify-content:flex-start;font-size:9px}.ticker span:nth-of-type(3){display:none}.about{padding-right:5%}.about-symbol{display:none}footer{flex-wrap:wrap;gap:20px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Quiz */
[hidden]{display:none!important}
.quiz{border-top:1px solid #203b3630}
.quiz>p:not(.eyebrow){color:var(--muted);line-height:1.7}
#quiz-questions{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.quiz fieldset{min-width:0;margin:0;padding:22px;border:1px solid #203b3640;border-radius:8px}
.quiz legend{padding:0 8px;font-weight:700;line-height:1.5}
.quiz label{display:flex;align-items:center;gap:12px;padding:12px 8px;cursor:pointer;border-radius:4px;line-height:1.5}
.quiz label:hover{background:#e7ecdc}
.quiz input{accent-color:var(--ink);width:18px;height:18px;flex-shrink:0}
.quiz input:focus-visible{outline:3px solid #ae562f;outline-offset:3px}
.quiz .button{border:0}
.quiz-feedback{border-top:1px solid #203b3630;padding-top:14px;font-size:14px;line-height:1.6}
.quiz-correct{background:#edf4db}
#quiz-result{margin-top:28px;padding:24px;background:#e7ecdc;border-radius:8px}
#quiz-score{scroll-margin-top:30px}
@media(max-width:800px){#quiz-questions{grid-template-columns:1fr}.header nav{flex-wrap:wrap;gap:12px}}
@media(max-width:580px){.header{gap:12px;flex-wrap:wrap}}