*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.isolate{isolation:isolate}.hidden{display:none}.w-full{width:100%}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,system-ui,sans-serif;color:#19342e;background:#f4f4ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}:where(a,button,select,input):focus-visible{outline:3px solid #e7ba63;outline-offset:3px}::-moz-selection{background:#c3d9c0;color:#183329}::selection{background:#c3d9c0;color:#183329}.app-shell{min-height:100vh;overflow:hidden;background:#f4f4ec}.skip-link{position:fixed;z-index:10;top:10px;left:10px;padding:10px 14px;border-radius:7px;background:#fffef9;color:#173d32;font-size:12px;font-weight:700;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:3;background:#14362f;color:#f7f5e9}.site-header-inner{max-width:1440px;margin:auto;min-height:77px;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-icon{width:42px;height:42px;flex:none;overflow:hidden;border:1px solid rgba(238,245,222,.44);border-radius:50%;display:grid;place-items:center;background:#fff}.brand-icon img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.brand strong{display:block;font-family:Cormorant Garamond,Georgia,serif;font-size:30px;font-weight:700;line-height:.85;letter-spacing:-.04em}.brand small{display:block;margin-top:5px;font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.16em;color:#bdcfba}.header-actions{display:flex;align-items:center;gap:12px}.data-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #557467;border-radius:99px;color:#d2ddcd;font-size:11px;white-space:nowrap}.data-badge-dot{width:7px;height:7px;border-radius:50%;background:#e9c886}.data-badge.is-current .data-badge-dot{background:#89d5a7;box-shadow:0 0 0 4px #89d5a71f}.language-button{border:1px solid #93af99;background:#e6eddb;color:#1a4135;border-radius:50px;width:43px;height:37px;font-size:11px;font-weight:800}.language-button:hover{background:#fff}.story-hero{position:relative;min-height:630px;background:#34584d;color:#fff;overflow:hidden}.story-hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 52%;object-position:center 52%;filter:saturate(.93)}.story-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#09231fe8,#0b2c26bf 38%,#0a28242e 75%),linear-gradient(0deg,rgba(10,34,30,.42),transparent 45%)}.story-hero-content{position:relative;max-width:1440px;margin:auto;padding:92px 44px 106px}.story-hero-content h1{max-width:770px;margin:20px 0 22px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(65px,7vw,110px);font-weight:600;line-height:.85;letter-spacing:-.052em;text-shadow:0 3px 28px rgba(3,27,23,.2)}.story-hero-content h1 em{font-weight:400;color:#dfebcf}.story-hero-content>p{max-width:620px;margin:0;font-size:16px;line-height:1.75;color:#f0f4e9}.hero-project{display:inline-flex;align-items:center;gap:18px;max-width:100%;margin-top:20px;padding:10px 13px;border:1px solid rgba(225,240,209,.5);border-radius:9px;background:#093026b3;color:#f2f6e9;font-family:Inter,system-ui,sans-serif;text-decoration:none}.hero-project:hover,.hero-project:focus-visible{background:#164e39e0}.hero-project-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.hero-project-copy strong{font-size:12px;line-height:1.4}.hero-project-copy strong span{white-space:nowrap}.hero-project-copy>span{color:#d6e9d2;font-size:11px;line-height:1.35}.hero-project svg{flex:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#64816d;font:700 10px JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{color:#d1e9ce}.eyebrow-line{width:31px;height:1px;background:currentColor}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:50px;padding:0 21px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-weight:700;font-size:13px;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:not(:disabled):hover{transform:translateY(-2px)}.button-primary{background:#e8f0d8;color:#194037;box-shadow:0 10px 30px #051b1538}.button-primary:hover{background:#fff}.button-outline{background:#06251f33;border-color:#f2f9e8a6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-outline:hover{background:#06251f80}.hero-flow{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:54px;color:#e1ead8;font:600 11px JetBrains Mono,monospace}.hero-flow svg{color:#b5d1be}.photo-credit{position:absolute;right:24px;bottom:19px;z-index:1;font-size:10px;color:#eef2e9;background:#0a252194;padding:8px 11px;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-credit a{display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:2px}.content-container{max-width:1440px;margin:auto;padding:0 32px 100px}.city-section{position:relative;z-index:2;margin-top:-38px;padding:33px 34px 34px;border:1px solid #e0e6d8;border-radius:22px;background:#fafbf5;box-shadow:0 15px 44px #1033251f}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.section-heading>div{min-width:0;flex:1}.section-heading h2{margin:7px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(40px,4.2vw,57px);font-weight:700;line-height:.96;letter-spacing:-.04em;color:#173d32}.section-heading p{max-width:450px;margin:0 0 3px;color:#60746b;font-size:13px;line-height:1.6}.section-heading.compact{margin-bottom:22px}.section-heading.compact h2{font-size:clamp(36px,3.5vw,45px)}.city-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.city-choice{min-width:0;min-height:102px;position:relative;overflow:hidden;border:1px solid #e1e9de;border-radius:12px;background:#edf3e9;text-align:left;display:flex;align-items:end;padding:13px;color:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.city-choice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0a2620e0,#0a26200d 80%)}.city-choice img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.8)}.city-choice-text{position:relative;z-index:1;display:block;min-width:0}.city-choice-text small{display:block;margin-bottom:2px;font:600 9px JetBrains Mono,monospace;color:#dce9dc}.city-choice-text strong{display:block;font-family:Cormorant Garamond,Georgia,serif;font-size:23px;line-height:1;font-weight:700}.city-choice>svg{position:relative;z-index:1;margin-left:auto;flex:none}.city-choice:hover{transform:translateY(-3px)}.city-choice.selected{border:3px solid #b8d5bd;padding:11px;box-shadow:0 4px 18px #2053353d}.project-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;align-items:center;margin-top:60px;padding:34px 38px;border:1px solid #dce7d6;border-radius:18px;background:#eaf1e7}.project-section h2{max-width:560px;margin:10px 0 0;color:#173d32;font:700 clamp(34px,3.5vw,50px)/.99 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.project-story p{margin:0;color:#3d5d4c;font-size:13px;line-height:1.75}.project-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}.project-links a{display:inline-flex;align-items:center;gap:4px;color:#245c40;font-size:11px;font-weight:700;text-underline-offset:3px}.challenge-section{padding-top:82px;scroll-margin-top:25px}.challenge-panel{overflow:hidden;border-radius:19px;padding:29px;color:#f4f7ec;background:linear-gradient(105deg,#0d332cf2,#10342fd6),url(/photos/coimbra.jpg) center/cover;box-shadow:0 16px 32px #1134291f}.challenge-topline{display:flex;justify-content:space-between;gap:15px;color:#d4e6d0;font:700 10px/1.5 JetBrains Mono,monospace;letter-spacing:.08em}.challenge-topline span:last-child{flex:none}.challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:21px}.challenge-card{min-width:0;min-height:225px;display:flex;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid #d8e4d6;border-radius:14px;background:#fbfcf6;color:#244535;transition:box-shadow .2s,transform .2s}.challenge-card.is-playing{box-shadow:inset 0 0 0 2px #87b89a,0 6px 25px #03191133}.challenge-card-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.challenge-letter{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#d8ead6;color:#1d5b42;font:700 13px JetBrains Mono,monospace}.challenge-record-label{color:#62796a;font-size:11px;text-align:right}.challenge-card>svg{margin:8px 0 4px;color:#5d9b83}.challenge-play{display:inline-flex;align-items:center;gap:8px;min-height:37px;padding:0 14px;border:0;border-radius:50px;background:#214e3d;color:#fff;font-size:11px;font-weight:700}.challenge-play:hover{background:#337353}.challenge-record{display:flex;flex-direction:column;justify-content:end;gap:4px;width:100%;min-height:43px;margin-top:auto;padding-top:10px;color:#66796b;font-size:10px}.challenge-record strong{color:#254c3b;font-size:12px}.challenge-audio-note{margin:14px 0 23px;color:#cbdccb;font-size:10px;line-height:1.5}.challenge-decision{display:flex;align-items:end;justify-content:space-between;gap:25px;min-height:97px;padding-top:21px;border-top:1px solid rgba(232,246,227,.3)}.challenge-decision h3{max-width:640px;margin:7px 0 0;font:600 clamp(26px,3vw,37px)/1 "Cormorant Garamond",Georgia,serif}.challenge-choices{display:flex;gap:9px;flex:none}.challenge-choices button{min-width:91px;min-height:43px;border:1px solid #d9ecd4;border-radius:30px;background:#e9f2df;color:#224a3a;font-size:11px;font-weight:800}.challenge-choices button:hover{background:#fff}.challenge-reveal{padding:20px 23px;border-radius:12px;background:#eef5e8;color:#254636}.challenge-reveal h3{margin:10px 0 9px;font:600 clamp(24px,2.6vw,34px)/1 "Cormorant Garamond",Georgia,serif}.challenge-reveal h3 strong{font-weight:700}.challenge-reveal p{max-width:850px;margin:0 0 7px;color:#466552;font-size:11px;line-height:1.6}.challenge-reveal .challenge-caveat{color:#647b68;font-size:10px}.challenge-links{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:17px}.challenge-links button,.challenge-links a{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:#286348;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.challenge-links button:hover,.challenge-links a:hover{color:#143d2a}.explore-section,.interpret-section,.record-section{padding-top:88px;scroll-margin-top:30px}.explore-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(400px,.86fr);gap:18px;align-items:stretch}.landscape-panel{min-width:0;min-height:880px;position:relative;overflow:hidden;border-radius:18px;color:#fff;background:#1d443c}.landscape-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(.8)}.landscape-topline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(239,248,232,.22);font:600 11px JetBrains Mono,monospace;background:#07221e3b}.landscape-topline span:first-child{display:inline-flex;align-items:center;gap:7px}.landscape-topline span:last-child{background:#f2f3dd;color:#1c493b;padding:5px 8px;border-radius:5px}.landscape-content{position:absolute;left:30px;right:30px;bottom:28px}.landscape-content h3{width:100%;min-height:1.85em;display:flex;align-items:end;margin:10px 0 6px;font:600 clamp(48px,4.8vw,72px)/.93 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em;overflow-wrap:anywhere}.landscape-content p{margin:0;color:#e2eadd;font-size:12px}.city-voice{display:block;margin-top:7px;color:#d4e4cf;font-size:10px;letter-spacing:.02em}.sound-visual{margin-top:20px;padding:7px 0;border-top:1px solid rgba(246,249,235,.35);border-bottom:1px solid rgba(246,249,235,.35)}.sound-visual canvas{height:80px!important}.landscape-bottom{display:flex;align-items:center;gap:8px;margin-top:16px;color:#d9eadb;font-size:11px}.reading-panel{min-width:0;min-height:880px;display:flex;flex-direction:column;border:1px solid #e1e7da;border-radius:18px;background:#fffef9;padding:28px;box-shadow:0 9px 30px #193d300f}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-index{color:#89998c;font:600 10px JetBrains Mono,monospace}.reading-panel h3{margin:9px 0 27px;font:700 39px/.98 Cormorant Garamond,Georgia,serif;letter-spacing:-.035em;color:#1d4637}.select-label{display:block;margin-bottom:8px;color:#627669;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.reading-panel select{width:100%;height:43px;border:1px solid #d8e2d5;border-radius:9px;background:#f5f8ef;color:#264738;padding:0 12px;font-size:12px;font-weight:600}.site-location{display:flex;align-items:center;gap:6px;margin-top:8px;color:#7a8c7e;font:10px JetBrains Mono,monospace}.site-location a{margin-left:auto;color:#2d6f55;display:inline-flex;align-items:center;gap:3px;text-decoration:underline;text-underline-offset:2px}.signal-title{display:flex;justify-content:space-between;margin:27px 0 10px;color:#66796e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.signal-title span:last-child{color:#9aac9b;font-weight:500}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.signal-choice{min-width:0;min-height:52px;display:flex;align-items:center;gap:7px;border:1px solid #dce6d9;border-radius:9px;background:#f9fbf5;color:#486356;padding:8px 10px;font-size:11px;font-weight:700;text-align:left}.signal-choice svg{flex:none}.signal-choice span{min-width:0}.signal-choice-site{grid-column:1 / -1;background:#eef3e7}.signal-choice-site small{margin-left:auto;font-size:10px;font-weight:500;opacity:.75}.signal-choice.selected{border-color:#477e5b;background:#e7f0df;color:#245b42;box-shadow:inset 0 0 0 1px #477e5b}.signal-choice:disabled{opacity:.38}.reading-result{min-height:91px;display:flex;gap:5px;margin-top:22px;padding:16px 0;border-top:1px solid #e5ebdf;border-bottom:1px solid #e5ebdf}.reading-result>div{flex:1;min-width:0}.reading-label{display:block;color:#7d8d81;font-size:10px;margin-bottom:7px}.reading-result strong{display:block;font:700 22px/.95 Cormorant Garamond,Georgia,serif;color:#254b3b;overflow-wrap:anywhere}.sound-reading{min-height:145px;margin-top:14px;padding:13px 15px;border:1px solid #dae7d8;border-radius:11px;background:#f1f6ed}.sound-reading .eyebrow{font-size:9px}.sound-reading strong{display:block;margin-top:5px;color:#244d3c;font:700 21px/.98 Cormorant Garamond,Georgia,serif}.sound-reading p{min-height:33px;margin:5px 0 9px;color:#5c7463;font-size:10px;line-height:1.45}.sound-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sound-scale span{padding:5px 3px;border-radius:4px;background:#e0e9dc;color:#79907d;font-size:9px;font-weight:700;text-align:center}.sound-scale span.active{background:#2c6248;color:#fff}.nitrate-rank{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;color:#5c7463;font-size:9px}.nitrate-rank strong{margin:0;font:700 10px JetBrains Mono,monospace}.nitrate-rank>div{grid-column:1 / -1;height:6px;overflow:hidden;border-radius:5px;background:#dce8d9}.nitrate-rank>div>span{display:block;height:100%;border-radius:inherit;background:#477e5b}.reading-note,.empty-reading{margin:13px 0 16px;color:#77887c;font-size:10px;line-height:1.55}.audio-error{color:#9b4238;font-size:11px}.play-reading{width:100%;margin-top:auto;background:#214e3d;color:#fff}.play-reading:hover{background:#31694e}.interpret-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mapping-card{min-height:220px;position:relative;padding:24px;border:1px solid #dae6d8;border-radius:15px;background:#e9f0e4}.mapping-card:nth-child(2){background:#e6eee7}.mapping-card:nth-child(3){background:#eef0e4}.mapping-card>svg{color:#2e6750}.mapping-number{position:absolute;top:24px;right:24px;color:#92a999;font:700 12px JetBrains Mono,monospace}.mapping-card h3{margin:28px 0 8px;color:#214936;font:700 28px/1 Cormorant Garamond,Georgia,serif}.mapping-card p{margin:0;color:#617668;font-size:12px;line-height:1.6}.remix-panel{display:grid;grid-template-columns:1fr minmax(300px,.75fr);gap:30px;margin-top:17px;padding:29px;border-radius:15px;background:#214537;color:#edf5e8}.remix-panel .eyebrow{color:#bdd6b9}.remix-panel h3{margin:9px 0 6px;font:600 31px/.95 Cormorant Garamond,Georgia,serif}.remix-panel p{max-width:550px;margin:0;color:#c5d8c5;font-size:11px;line-height:1.6}.remix-control label{display:flex;justify-content:space-between;color:#dae9d7;font-size:11px}.remix-control strong{font-family:JetBrains Mono,monospace}.remix-control input{width:100%;margin-top:13px;accent-color:#d7e9bd}.range-ends{display:flex;justify-content:space-between;color:#aec8b1;font-size:10px}.remix-control button{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:0;border:none;background:transparent;color:#e1eecf;font-size:11px;text-decoration:underline;text-underline-offset:3px}.remix-control button:disabled{opacity:.45;text-decoration:none}.record-layout{display:grid;grid-template-columns:250px 1fr;gap:16px}.record-summary{min-height:295px;display:flex;flex-direction:column;align-items:start;padding:25px;border-radius:15px;background:#e5ecdd}.record-summary strong{margin-top:10px;color:#22513d;font:700 55px/.85 Cormorant Garamond,Georgia,serif}.record-summary>span:not(.eyebrow){font-size:11px;color:#5f7868}.record-summary-divider{width:100%;height:1px;margin-top:18px;background:#cbd9c9}.record-summary small{margin-top:auto;color:#6c806f;font-size:10px}.record-list{border:1px solid #dce6d8;border-radius:15px;overflow:hidden;background:#fffef9}.record-list-header,.record-row{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:15px 20px;border-bottom:1px solid #e9eee6}.record-list-header{display:flex;justify-content:space-between;background:#eff4ea;color:#345841;font-weight:700;font-size:12px}.record-list-header span:last-child{font-weight:400;color:#758878}.record-row time{color:#5f786a;font:10px JetBrains Mono,monospace}.record-row>span{color:#284b3a;font-size:11px;line-height:1.5}.show-records{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;background:#f7faf3;color:#2a6545;font-size:11px;font-weight:700}.show-records:hover{background:#ebf4e7}.participate-section{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:87px;padding:32px;border-radius:18px;background:#dcebe9}.participate-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#c5ded9;color:#1c5a54}.participate-copy h2{max-width:680px;margin:7px 0 9px;color:#17443c;font:700 clamp(32px,3.1vw,43px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.participate-copy p{max-width:700px;margin:0;color:#3f655c;font-size:12px;line-height:1.65}.participate-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.participate-actions .button{white-space:nowrap;background:#214e46;color:#fff}.participate-actions .button:hover{background:#30685c}.participate-actions>span{color:#55786e;font-size:10px}.credits-section{margin-top:88px}.credits-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px}.credits-card{min-width:0;min-height:245px;border-radius:17px;padding:27px}.team-card{display:flex;align-items:center;gap:27px;border:1px solid #dce7d9;background:#fffef9}.team-logo{width:175px;height:155px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #edf0e9;border-radius:12px;background:#fff}.team-logo img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.credits-card .eyebrow{font-size:10px}.credits-card h3{margin:9px 0 7px;color:#1d4637;font:700 clamp(29px,2.8vw,38px)/.98 "Cormorant Garamond",Georgia,serif}.credits-card p{margin:0;color:#587262;font-size:12px;line-height:1.6}.team-members{margin-top:13px!important;font-size:11px!important}.credits-card a{display:inline-flex;align-items:center;gap:3px;margin-top:15px;color:#286348;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.sponsor-card{display:flex;flex-direction:column;align-items:flex-start;background:#214537;color:#edf5e8}.sponsor-card .eyebrow{color:#c4dac2}.sponsor-card h3{color:#f6f8ee}.sponsor-card strong{display:inline-block;margin:2px 0 20px;padding:6px 10px;border:1px solid #a8c9ac;border-radius:50px;color:#e1edda;font:700 11px Inter,sans-serif}.sponsor-card p{color:#d2e2d0}.site-footer{display:flex;justify-content:space-between;gap:25px;padding:32px max(32px,calc((100vw - 1376px)/2));background:#14362f;color:#eef4e9}.site-footer>div{display:flex;flex-direction:column;gap:6px}.site-footer .footer-brand{flex-direction:row;align-items:center;gap:17px}.footer-brand>img{display:block;width:54px;height:54px;-o-object-fit:contain;object-fit:contain;border-radius:50%;background:#fff}.footer-brand>div{display:flex;flex-direction:column;gap:6px}.site-footer strong{font:700 30px/.9 Cormorant Garamond,Georgia,serif}.site-footer span{font-size:11px}.site-footer>div:last-child{max-width:580px}.site-footer a{display:inline-flex;align-items:center;gap:3px;color:#d3e8c6;text-decoration:underline}.site-footer small{color:#b7cbb8;font-size:10px;line-height:1.5}@media(max-width:1180px){.city-list{grid-template-columns:repeat(3,minmax(0,1fr))}.explore-grid{grid-template-columns:1fr}.landscape-panel{min-height:540px}.reading-panel{max-width:none;min-height:0}.participate-section{grid-template-columns:58px minmax(0,1fr)}.participate-actions{grid-column:2;align-items:flex-start}.credits-grid{grid-template-columns:1fr}}@media(max-width:700px){.site-header-inner{padding:12px 18px;min-height:68px}.data-badge{display:none}.brand strong{font-size:26px}.brand small{font-size:7px}.story-hero{min-height:650px}.story-hero-photo{-o-object-position:55% center;object-position:55% center}.story-hero-overlay{background:linear-gradient(90deg,#07221ddb,#0a2b226b),linear-gradient(0deg,rgba(8,34,29,.48),transparent 65%)}.story-hero-content{padding:92px 22px 95px}.story-hero-content h1{font-size:clamp(58px,13vw,78px)}.story-hero-content>p{font-size:14px}.hero-project{gap:10px}.hero-project-copy strong{font-size:11px}.hero-project-copy>span{font-size:10px}.hero-actions{margin-top:22px}.hero-flow{margin-top:38px;gap:7px;font-size:9px}.photo-credit{bottom:12px;right:12px}.content-container{padding:0 15px 65px}.city-section{padding:25px 17px;margin-top:-23px}.section-heading{display:block}.section-heading p{margin-top:9px}.city-list{display:flex;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory}.city-choice{flex:0 0 175px;scroll-snap-align:start}.project-section{grid-template-columns:1fr;gap:18px;margin-top:45px;padding:25px 21px}.challenge-section{padding-top:65px}.challenge-panel{padding:21px 17px}.challenge-grid{grid-template-columns:1fr}.challenge-card{min-height:190px}.challenge-decision{display:block}.challenge-choices{margin-top:18px}.challenge-choices button{flex:1}.challenge-reveal{padding:17px}.explore-section,.interpret-section,.record-section{padding-top:65px}.landscape-panel{min-height:480px}.landscape-content{left:20px;right:20px}.landscape-content h3{font-size:52px}.reading-panel{min-height:900px;padding:21px}.interpret-grid{grid-template-columns:1fr}.mapping-card{min-height:180px}.remix-panel,.record-layout{grid-template-columns:1fr}.record-summary{min-height:230px}.participate-section{grid-template-columns:1fr;gap:12px;margin-top:65px;padding:25px 21px}.participate-actions{grid-column:1;margin-top:7px}.participate-actions .button{white-space:normal}.credits-section{margin-top:65px}.credits-card{padding:22px}.team-card{display:block}.team-logo{width:150px;height:120px;margin-bottom:20px}.sponsor-card{min-height:205px}.record-list-header,.record-row{grid-template-columns:100px 1fr;gap:10px;padding:12px}.site-footer{display:block;padding:30px 20px}.footer-brand>img{width:48px;height:48px}.site-footer>div:last-child{margin-top:25px}}@media(max-width:360px){.reading-panel{min-height:960px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
