@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/green-map/assets/fonts/dm-sans-300-normal.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/green-map/assets/fonts/dm-sans-400-normal.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/green-map/assets/fonts/dm-sans-500-normal.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(/green-map/assets/fonts/playfair-display-400-italic.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/green-map/assets/fonts/playfair-display-400-normal.ttf) format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/green-map/assets/fonts/playfair-display-700-normal.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;font-size:16px;color:#2c2622;background:#f8f4e8;font-synthesis:none;--blue:#1DA1C9;--ink:#1a3a1f;--paper:#F8F4E8;--muted:#5c5646;--line:#D8D2BC}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a27c1a;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Playfair Display,serif;color:var(--ink);font-weight:700}h1{font-size:clamp(34px,4.2vw,56px);line-height:1.13;letter-spacing:normal}h2{font-size:clamp(26px,3.2vw,40px);line-height:1.2;letter-spacing:normal}em{font-style:italic;font-weight:400;color:var(--blue)}p{line-height:1.85}button svg{flex-shrink:0}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.header-inner{max-width:1400px;padding:0 5%;margin:auto}.header-brand{display:flex;align-items:center;justify-content:center;padding:16px 0 12px;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;width:max-content}.brand img{height:56px;width:auto;max-width:76px;object-fit:contain;display:block}.brand>span{border-left:1px solid var(--line);padding-left:20px;min-height:40px;display:flex;flex-direction:column;justify-content:center}.brand strong{font:700 22px/1 Playfair Display,serif;color:var(--ink);letter-spacing:.05em}.brand small{font:400 9.5px/1.5 DM Sans,sans-serif;letter-spacing:.2em;color:var(--muted);margin-top:5px}.site-header nav{display:flex;justify-content:center;align-items:center}.site-header nav a{display:block;padding:13px 16px;font-size:11.5px;font-weight:500;letter-spacing:.1em;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}.site-header nav a.active,.site-header nav a:hover{color:var(--blue);border-bottom-color:var(--blue)}.mobile-menu{display:none!important}.icon-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}.icon-btn:hover{background:#ede8d5}.review-note{max-width:1600px;margin:auto;padding:11px 4%;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.12em;color:#827d6c}.review-note>span:first-child{color:#6f765d}.experience{display:grid;grid-template-columns:400px minmax(0,1fr);grid-template-areas:"hero map" "story map";grid-template-rows:auto 1fr;column-gap:0;row-gap:20px;max-width:1700px;margin:auto;padding:26px 3.5% 38px;align-items:start}.hero-copy{grid-area:hero;position:relative;z-index:3}.eyebrow{display:block;font-size:10.5px;line-height:1.5;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.hero-copy h1{margin:0 0 20px}.lead{font:400 31px/1.2 Playfair Display,serif;font-style:italic;color:var(--blue);margin-bottom:13px;letter-spacing:normal}.intro{font-size:15.5px;font-weight:300;line-height:1.85;color:var(--muted);margin-bottom:20px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:3px;text-decoration:none;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;min-height:45px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1588a8}.secondary{background:transparent;border:1.5px solid #c8c1a8;color:var(--ink)}.secondary:hover{border-color:var(--blue);color:var(--blue)}.scan-cta{min-width:240px}.safe{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--muted);line-height:1.5;margin:11px 0 0}.story-column{grid-area:story;position:relative;z-index:3;max-width:370px}.sample-chooser{border-top:1px solid var(--line);padding-top:18px}.sample-chooser>p:first-child{font-size:13px;color:var(--muted);margin-bottom:9px}.quick-samples{display:flex;gap:10px;margin-bottom:15px}.quick-samples button{flex:1;max-width:110px;background:#f0eddf;border:1px solid var(--line);border-radius:4px;padding:6px 8px 9px;transition:background .2s}.quick-samples button:hover{background:#e0f4fb;border-color:#a7ced8}.quick-samples img{height:58px;width:100%;object-fit:contain;display:block}.quick-samples span{display:flex;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500}.fineprint{font:400 11.5px/1.75 DM Sans,sans-serif!important;color:var(--muted)!important}.map-column{grid-area:map;min-width:0;width:100%;position:relative;margin-top:-15px}.map-frame{position:relative;width:calc(100% + 25px);margin-left:-25px;height:610px;overflow:hidden;isolation:isolate;background:transparent;touch-action:pan-y}.webgl-host{position:absolute;top:0;right:0;bottom:0;left:0}.webgl-host canvas{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none}.annotation-lines,.map-labels{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.landmark-label,.effect-label{position:absolute;top:0;left:0;white-space:nowrap}.landmark-label{pointer-events:auto;border:0;border-radius:3px;padding:4px 7px;background:#fffdf5ee;color:#334432;box-shadow:0 1px 3px #283c3425;font:500 10px/1.25 DM Sans,sans-serif}.landmark-label:hover{background:#fff;color:var(--blue)}.landmark-0{font-size:12px;color:var(--ink);font-weight:500}.effect-label{pointer-events:auto;background:#fffdf2ed;color:#74551b;border:1px solid #d1b874;border-radius:3px;padding:5px 9px;box-shadow:0 1px 8px #594b1515;font:500 10px/1.3 DM Sans,sans-serif}.map-actions{position:absolute;top:9px;right:5px;display:flex;gap:6px;align-items:center;z-index:4}.motion-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:400;letter-spacing:.02em;padding:8px 10px;background:#f8f4e8d9;color:#5c6453;border:1px solid #d7d2bd;border-radius:20px;min-height:34px}.expand-map{display:none}.map-tools{position:absolute;right:7px;top:61px;display:flex;flex-direction:column;background:#fffdf4e8;box-shadow:0 2px 8px #34533920;border:1px solid #d0d5bd;border-radius:5px;overflow:hidden;z-index:3}.map-tools button{display:grid;place-items:center;width:32px;height:33px;background:transparent}.map-tools button+button{border-top:1px solid #d8dece}.map-tools button:hover{background:#e0f4fb}.map-notice{position:absolute;left:10px;right:10px;bottom:15px;text-align:center;font-size:10.5px;color:#405a49;pointer-events:none}.map-caption{display:flex;justify-content:space-between;gap:10px;margin:-2px 0 15px;font-size:9px;letter-spacing:.04em;color:#827d6c}.layer-bar{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.layer-bar>button{background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:0 18px;min-width:0;position:relative}.layer-bar>button+button{border-left:1px solid var(--line)}.layer-bar>button:first-child{padding-left:0}.layer-bar img{width:56px;height:50px;object-fit:contain;flex-shrink:0}.layer-bar>button>span{font:700 17px/1.2 Playfair Display,serif;color:var(--ink)}.layer-bar small{display:block;font:400 10px/1.5 DM Sans,sans-serif;color:var(--muted);margin-top:5px}.layer-bar button.selected>span{color:var(--blue)}.map-links{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:15px}.text-button{background:transparent;border:0;display:inline-flex;align-items:center;gap:7px;padding:0;color:#1688a8;font:500 11.5px/1.5 DM Sans,sans-serif;text-decoration:none}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.map-loading,.map-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8f4e8d9;padding:25px;font-size:13px;color:var(--muted);z-index:6}.map-error{color:#8e5b37}.story-card{background:#fffdf6;border:1px solid var(--line);border-radius:5px;box-shadow:0 5px 18px #1a3a1f0b;padding:20px 22px}.story-top{display:flex;justify-content:space-between;gap:7px;align-items:center}.story-top .eyebrow{font-size:9px;margin:0}.story-top .icon-btn{width:28px;height:28px}.status{display:flex;gap:5px;align-items:center;font:400 8.5px/1.5 DM Sans,sans-serif;color:#477144;margin:12px 0}.status svg{flex-shrink:0}.story-card h2{font-size:31px;line-height:1.17;letter-spacing:-.02em}.ticket-metrics{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;margin:19px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticket-metrics>div+div{padding-left:14px;border-left:1px solid var(--line)}.ticket-metrics small{display:block;font:400 9px/1.5 DM Sans,sans-serif;color:var(--muted);min-height:27px}.ticket-metrics strong{display:block;font:700 34px/1.1 Playfair Display,serif;color:var(--blue);margin-top:4px}.ticket-metrics strong span{font-size:19px;white-space:nowrap}.ticket-metrics .impact-number{font-size:23px;color:#2d5c35}.story-card h3{font-size:23px;line-height:1.22;font-weight:400;font-style:italic;color:var(--blue);margin:0 0 12px}.story-card>p:not(.status):not(.fineprint){font-size:13px;color:var(--muted);font-weight:300;line-height:1.85}.flow{list-style:none;display:flex;gap:10px;padding:15px 0;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow li{flex:1;font-size:10px;line-height:1.5}.flow span{display:block;font-size:9px;font-weight:500;letter-spacing:.08em;color:var(--blue);margin-bottom:4px}.story-card .text-button{margin-top:10px;font-size:11px}.another{width:100%;margin-top:18px;font-size:10.5px;letter-spacing:.03em;padding:10px 8px;min-height:39px}.turtle-swimmer{width:360px;height:257px;position:relative;animation:swim 7s ease-in-out infinite;filter:drop-shadow(0 15px 10px #27554125)}.turtle-body,.turtle-flipper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.turtle-flipper{pointer-events:none}.turtle-flipper.left{clip-path:polygon(27% 0%,58% 0%,64% 28%,58% 35%,45% 28%,30% 18%);transform-origin:58% 30%;animation:paddle-left 2.2s ease-in-out infinite}.turtle-flipper.right{clip-path:polygon(76% 48%,84% 51%,91% 64%,94% 82%,89% 87%,78% 74%,72% 59%);transform-origin:74% 51%;animation:paddle-right 2.2s ease-in-out infinite}.is-paused *{animation-play-state:paused!important}@keyframes swim{0%,to{transform:translate(-15px,4px) rotate(-3deg)}50%{transform:translate(19px,-8px) rotate(3deg)}}@keyframes paddle-left{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes paddle-right{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}.site-footer{margin:0 5%;padding:22px 0;border-top:1px solid var(--line);display:flex;gap:15px;align-items:center;justify-content:space-between;color:#827d6c;font-size:8.5px;line-height:1.6;letter-spacing:.03em}.site-footer a{color:#827d6c;text-decoration:none;font-size:9px}.site-footer button{font-size:10px}@media(min-width:1600px){.experience{grid-template-columns:420px minmax(0,1fr)}.map-frame{height:660px}}@media(max-width:1150px){.experience{grid-template-columns:330px minmax(0,1fr);padding:22px 4% 30px}.hero-copy h1{font-size:45px}.lead{font-size:27px}.header-inner{padding:0 4%}.site-header nav a{padding:13px 11px;font-size:10.5px}.map-frame{height:540px;width:100%;margin-left:0}.layer-bar>button{padding:0 9px;gap:5px}.layer-bar img{width:40px;height:42px}.layer-bar>button>span{font-size:15px}.layer-bar small{font-size:8.5px}.story-column{max-width:310px}.ticket-metrics{gap:9px}.ticket-metrics .impact-number{font-size:20px}.story-card{padding:18px}.map-caption{font-size:8px}.turtle-swimmer{width:300px;height:214px}}@media(max-width:820px){.experience{grid-template-columns:290px minmax(0,1fr);padding:20px 4%}.hero-copy h1{font-size:37px}.lead{font-size:24px}.intro{font-size:14.5px}.brand strong{font-size:20px}.site-header nav a{padding:12px 8px;font-size:9.5px}.map-frame{height:460px}.layer-bar>button{flex-direction:column;gap:5px;text-align:center;padding:0 6px}.layer-bar img{width:40px;height:36px}.layer-bar>button>span{font-size:14px}.map-links{gap:10px}.map-links .text-button{font-size:10px}.map-caption>span:first-child{display:none}.map-caption{justify-content:flex-end}.motion-button span{display:none}.motion-button{width:34px;padding:0}.hero-copy .scan-cta{min-width:0;width:100%;font-size:11.5px;padding:13px 10px}}@media(max-width:640px){.header-inner{padding:0 4%}.header-brand{padding:12px 0 10px;justify-content:flex-start;border:0}.brand{gap:12px}.brand img{height:40px;max-width:52px}.brand>span{padding-left:12px;min-height:40px}.brand strong{font-size:17px;letter-spacing:.05em}.brand small{font-size:8.5px;letter-spacing:.14em;max-width:250px}.mobile-menu{display:flex!important;position:absolute;right:-2px;width:42px;height:42px}.site-header nav{display:none}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--blue);box-shadow:0 8px 24px #0002}.site-header nav a{padding:15px 5%;font-size:13px;letter-spacing:.06em;border-bottom:1px solid var(--line)}.review-note{padding:9px 4%;font-size:8px;letter-spacing:.1em}.review-note>span+span{font-size:8px;letter-spacing:0}.experience{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "map" "story";row-gap:16px;padding:18px 4% 25px}.hero-copy h1{font-size:32px;line-height:1.13;margin-bottom:14px}.hero-copy .eyebrow{font-size:9.5px;margin-bottom:13px}.lead{font-size:25px;line-height:1.2;margin-bottom:8px}.intro{font-size:14.5px;line-height:1.85;margin-bottom:14px}.hero-copy .scan-cta{width:auto;min-width:240px;padding:13px 20px;font-size:12.5px}.safe{font-size:10.5px;margin-top:8px}.map-column{margin-top:0}.map-frame{width:108.7%;margin-left:-4.35%;height:300px;min-height:0}.map-actions{top:3px;right:4%}.map-tools{right:4%;top:47px}.map-tools button{width:30px;height:31px}.map-tools button:last-child{display:none}.expand-map{display:inline-flex;width:34px;height:34px;background:#f8f4e8d9;border:1px solid #d7d2bd}.map-notice{font-size:9px;bottom:0}.landmark-label{font-size:9px;padding:3px 5px}.landmark-0{font-size:10px}.effect-label{font-size:9px;padding:4px 6px}.map-caption{margin:2px 0 13px;font-size:8px}.layer-bar{padding:11px 0;grid-template-columns:1fr 1fr 1.15fr}.layer-bar img{width:42px;height:37px}.layer-bar>button>span{font-size:14px;line-height:1.25}.layer-bar small{font-size:8.5px;line-height:1.4;margin-top:4px}.map-links{margin-top:12px;gap:15px}.map-links .text-button{font-size:10px}.story-column{max-width:100%;margin-top:7px}.sample-chooser{padding-top:16px}.quick-samples{gap:10px}.quick-samples button{max-width:none}.sample-chooser>p:first-child{font-size:14px}.story-card{padding:20px}.story-card h2{font-size:31px}.ticket-metrics strong{font-size:34px}.ticket-metrics .impact-number{font-size:24px}.story-card>p:not(.status):not(.fineprint){font-size:14px}.flow li{font-size:10.5px}.turtle-swimmer{width:320px;height:228px}.site-footer{margin:0 4%;flex-wrap:wrap;gap:14px;font-size:8.5px}.site-footer>span:first-child{width:100%}}@media(max-width:420px){.brand{gap:9px}.brand>span{padding-left:9px}.brand strong{font-size:15.5px}.brand small{font-size:7px;letter-spacing:.13em}.brand img{height:38px}.mobile-menu{right:-3px}.map-frame{height:290px}.ticket-metrics .impact-number{font-size:21px}.turtle-swimmer{width:290px;height:207px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#183b30ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(620px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;background:#fffdf5;border:1px solid #d4dccd;border-radius:14px;padding:27px;box-shadow:0 20px 80px #16362c30}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.modal h2{font-size:30px}.modal-intro{font-size:13px;color:var(--muted);margin-bottom:22px}.scan-window{min-height:220px;border:1px dashed #a0bdad;background:#eef2e8;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden}.scan-window>svg{color:#47846b}.scan-window>p{font-size:12px;color:#577366}.scan-window .primary{min-height:40px;padding:10px 15px;font-size:12px}.scan-window video{width:100%;max-height:300px;object-fit:cover}.privacy-line{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#67766c;margin:12px 0 22px}.sample-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.sample-heading>span+span{font-size:10px;color:var(--muted)}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.sample-grid button{display:flex;align-items:center;text-align:left;border:1px solid #d8decf;border-radius:7px;padding:9px;background:#f6f7ee;gap:8px}.sample-grid button:hover{background:#e6f0e7;border-color:#9fbeab}.sample-grid img{width:47px;height:45px;object-fit:contain}.sample-grid span{flex:1;font-size:12px;font-weight:550}.sample-grid small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sample-grid svg{flex-shrink:0}.modal details{font-size:11px;margin:15px 0}.modal summary{cursor:pointer;color:#4e6e58}.input-row{display:flex;gap:10px;margin-top:7px}input{width:100%;min-width:0;border:1px solid #c3cfbd;background:#fffef8;border-radius:5px;padding:11px;color:var(--ink)}.modal label{display:block;margin-top:14px}.error{display:flex;align-items:flex-start;gap:8px;color:#8d563d;font-size:12px;background:#f5eada;border:1px solid #e6cfb6;padding:12px;border-radius:5px;margin:14px 0}.error svg{flex-shrink:0;margin-top:2px}.method-list section{border-top:1px solid #d9dfd0;padding:18px 0}.method-list h3{font-size:14px;margin-bottom:8px}.method-list p,.method-list a{font-size:12px;color:#5f7163;line-height:1.75}.method-list p+p{margin-top:9px}.method-list a{color:#197d96}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);width:max-content;display:flex;align-items:center;gap:9px;background:#214a34;color:#fffef6;border:1px solid #66866b;padding:14px 20px;border-radius:8px;z-index:200;box-shadow:0 4px 24px #102e2420;font-size:12px}.toast svg{flex-shrink:0}.sample-qr{width:150px;height:150px;display:block;margin:12px auto;border:1px solid var(--line)}.hero-name{white-space:nowrap}.map-frame{height:520px}@media(min-width:1600px){.map-frame{height:640px}}@media(max-width:1150px){.map-frame{height:470px}}@media(max-width:820px){.map-frame{height:440px}}@media(max-width:640px){.map-frame{height:300px}}@media(max-width:420px){.map-frame{height:290px}}@media(max-width:420px){.brand strong{font-size:17px}.brand small{font-size:8.5px;letter-spacing:.14em}}@media(max-width:360px){.brand strong{font-size:15px}.brand small{font-size:7px}}@media(min-width:641px){.hero-copy h1{font-size:clamp(34px,4.2vw,56px)}}.map-column{scroll-margin-top:145px}@media(max-width:640px){.map-column{scroll-margin-top:75px}}@media(max-width:640px){.modal-shade{padding:12px}.modal{padding:20px;max-height:calc(100dvh - 24px)}.modal h2{font-size:27px}.sample-grid{grid-template-columns:1fr}.scan-window{min-height:190px}.privacy-line{font-size:10px}.toast{font-size:11px;padding:12px 15px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sr-only:focus-within{width:auto;height:auto;margin:0;clip-path:none;left:8px;bottom:8px;z-index:50;background:var(--ivory);padding:8px;white-space:normal}.landmark-access{position:absolute;left:12px;bottom:12px;z-index:18;font:400 11px DM Sans,sans-serif;color:#1a3a1f}.landmark-access summary{cursor:pointer;background:#fffff0ed;border:1px solid #c4cbb7;border-radius:3px;padding:9px 12px;min-height:36px}.landmark-access[open]{background:#fffff5f5;border:1px solid #ccd0bd;border-radius:4px;box-shadow:0 5px 22px #17382922;width:250px}.landmark-access[open] summary{border:0;border-bottom:1px solid #d4d7c6}.landmark-access>div{display:grid;grid-template-columns:1fr 1fr;padding:5px}.landmark-access button{font:400 11px DM Sans,sans-serif;text-align:left;min-height:38px;padding:8px;color:#173c27;border:0;background:transparent;border-radius:2px;cursor:pointer}.landmark-access button:hover,.landmark-access button:focus-visible{background:#e5f3f6;outline:2px solid #1da1c9;outline-offset:-2px}.data-error{max-width:1240px;margin:16px auto;padding:14px 20px;display:flex;align-items:center;gap:12px;background:#f5eadc;color:#734c2b;border:1px solid #d8c6a6}.data-error>span{flex:1}.data-error>svg{flex-shrink:0}button:disabled{cursor:wait;opacity:.5}.sample-grid button:disabled{pointer-events:none}.ticket-streams{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ticket-streams button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 12px;border-radius:3px;font:inherit;font-size:12px}.ticket-streams button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.record-date{font-size:12px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.story-card .pending-status{color:#80612d}.evidence-note{font-size:12px;line-height:1.65;background:#edf0e2;padding:12px 14px;margin:16px 0;color:var(--ink)}.story-card .ticket-metrics .impact-number{font-size:clamp(21px,2.1vw,31px);line-height:1.14;overflow-wrap:normal}.sample-chooser>.text-button{margin-top:10px}.input-row input{min-width:0;width:100%}.input-row button{white-space:nowrap}@media(max-width:719px){.data-error{margin:12px 20px;padding:12px}.review-note{flex-wrap:wrap;gap:4px}.ticket-metrics{grid-template-columns:1fr 1fr}.story-card .ticket-metrics .impact-number{font-size:24px}.input-row{flex-wrap:wrap}.input-row input{flex:1 1 180px}}.biomass-icon{position:relative;display:inline-block;flex-shrink:0;width:56px;height:56px;isolation:isolate;vertical-align:middle;pointer-events:none}.biomass-icon>.biomass-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 80%;animation:biomass-power-glow 3.6s ease-in-out infinite;user-select:none;-webkit-user-select:none}.biomass-icon>.power-ripple{position:absolute;z-index:0;left:50%;top:82%;width:76%;height:23%;border:1.5px solid #e4aa38;border-radius:50%;box-shadow:0 0 3px #ffc85565;opacity:0;animation:biomass-power-ripple 3.6s linear infinite}.biomass-icon>.power-ripple-1{animation-delay:-1.2s}.biomass-icon>.power-ripple-2{animation-delay:-2.4s}@keyframes biomass-power-ripple{0%{transform:translate(-50%,-50%) scale(.25);opacity:0}12%{opacity:.85}80%{opacity:.25}to{transform:translate(-50%,-50%) scale(1.25);opacity:0}}@keyframes biomass-power-glow{0%,to{transform:scale(.98);filter:drop-shadow(0 0 1px #f5b52955)}50%{transform:scale(1.02);filter:drop-shadow(0 0 5px #f5b529b3)}}.biomass-icon.is-paused>.power-ripple{opacity:0!important}.layer-bar .biomass-icon{width:56px;height:50px}.quick-samples .biomass-icon{display:block;width:100%;height:58px}.sample-grid .biomass-icon{width:48px;height:48px}.biomass-motion-preview{display:flex;align-items:center;gap:22px;margin:16px 0 22px;padding:18px 20px;background:#f2ecda;border:1px solid var(--line);border-radius:4px}.biomass-motion-preview .biomass-icon{width:132px;height:132px}.biomass-motion-preview strong{font:400 23px/1.3 Playfair Display,serif;color:var(--ink)}.biomass-motion-preview .fineprint{margin:9px 0 0}@media(max-width:1150px){.layer-bar .biomass-icon{width:40px;height:42px}}@media(max-width:820px){.layer-bar .biomass-icon{width:40px;height:36px}}@media(max-width:640px){.layer-bar .biomass-icon{width:42px;height:37px}.biomass-motion-preview{gap:12px;padding:14px}.biomass-motion-preview .biomass-icon{width:96px;height:110px}.biomass-motion-preview strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.biomass-icon>.power-ripple{display:none}.biomass-icon>.biomass-art{animation:none;transform:none;filter:none}}.material-showcase{max-width:1600px;margin:15px auto 35px;padding:36px 5% 20px;border-top:1px solid var(--line)}.showcase-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.showcase-header h2{font-size:38px}.showcase-header .eyebrow{margin-bottom:12px}.showcase-motion{flex-shrink:0}.showcase-intro{margin:16px 0 24px;max-width:650px;font-size:15px;line-height:1.8;font-weight:300;color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.showcase-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:4px;background:#fffdf470;display:flex;flex-direction:column;align-items:flex-start}.showcase-art{position:relative;width:100%;height:185px;display:grid;place-items:center;overflow:hidden;border-radius:3px;margin-bottom:16px}.paper .showcase-art{background:#e9eddf}.plastic .showcase-art{background:#e0f1ea}.wood .showcase-art{background:#f3ead6}.showcase-art>.showcase-tree,.showcase-art>.showcase-pallet{position:absolute;top:6%;right:8%;bottom:6%;left:8%;width:84%;height:88%;object-fit:contain;transform-origin:50% 92%;animation:showcase-tree-sway 4.8s ease-in-out infinite}.showcase-art>.showcase-pallet{animation:none}.material-showcase .turtle-swimmer{width:90%;height:90%;animation:showcase-swim 7s ease-in-out infinite;filter:drop-shadow(0 8px 6px #27554120)}.showcase-art>.biomass-icon{width:85%;height:88%}.showcase-pending{font-size:11px;color:var(--muted)}.showcase-card h3{font-size:24px;line-height:1.3;margin:0 0 7px}.showcase-card>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 16px}.showcase-try{margin-top:auto;min-height:36px;font-size:12px}.showcase-note{margin-top:16px}.story-column,.map-column{scroll-margin-top:145px}@keyframes showcase-tree-sway{0%,to{transform:rotate(-1.8deg) scale(.985)}50%{transform:rotate(1.8deg) scale(1.015)}}@keyframes showcase-swim{0%,to{transform:translate(-5px,2px) rotate(-2deg)}50%{transform:translate(5px,-3px) rotate(2deg)}}@media(max-width:820px){.material-showcase{padding:30px 4% 16px}.showcase-grid{gap:12px}.showcase-card{padding:12px}.showcase-art{height:150px}.showcase-card h3{font-size:21px}.showcase-header h2{font-size:32px}.showcase-motion{width:34px;min-width:34px}}@media(max-width:640px){.material-showcase{padding-top:26px;margin-bottom:25px}.showcase-header{align-items:flex-start}.showcase-header h2{font-size:30px}.showcase-header .eyebrow{font-size:9px;letter-spacing:.13em}.showcase-motion{margin-top:28px}.showcase-intro{font-size:14px;line-height:1.7;margin:14px 0 18px}.showcase-grid{gap:8px}.showcase-card{padding:8px}.showcase-art{height:105px;margin-bottom:11px}.showcase-card h3{font-size:16px;min-height:42px;margin-bottom:5px}.showcase-card>p{font-size:10px;line-height:1.5;min-height:45px;margin-bottom:8px}.showcase-try{font-size:11px;gap:3px;min-height:44px;white-space:nowrap}.showcase-try svg{width:12px}.showcase-note{font-size:10px!important;line-height:1.65!important;margin-top:13px}.story-column,.map-column{scroll-margin-top:78px}}.scanner-note{margin-top:16px}.environmental-impact{margin:20px 0;padding:17px 15px;background:#edf2e5;border:1px solid #ccd7c1;border-radius:6px}.environmental-impact.plastic{background:#e9f3ec}.environmental-impact.wood{background:#f4eddf;border-color:#dcd0b9}.environmental-impact .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:8px}.environmental-impact h3{font-size:23px;line-height:1.22;margin:0 0 11px}.environmental-impact>p{font-size:12.5px;line-height:1.75;margin:10px 0}.impact-highlight{font:700 clamp(25px,2.2vw,32px)/1.15 "Playfair Display",serif;color:var(--ink);margin:12px 0}.impact-highlight>span{display:block;font:500 11.5px/1.5 DM Sans,sans-serif;margin-top:5px}.environmental-impact .impact-note{font-size:11px;line-height:1.7;color:#606855}.impact-comparison{display:grid;gap:13px;margin:16px 0}.impact-comparison p{display:flex;justify-content:space-between;align-items:baseline;gap:9px;font-size:11px;line-height:1.6;margin-bottom:5px}.impact-comparison strong{white-space:nowrap;font-weight:500}.impact-track{height:7px;border-radius:5px;background:#ded9cc;overflow:hidden}.impact-track i{display:block;height:100%;background:#9b998d;border-radius:5px}.impact-track.biomass i{background:#438264}.environmental-impact .impact-result{font-size:12px}.impact-details{border-top:1px solid #cfd7c2;margin-top:16px;padding-top:12px;font-size:11px;line-height:1.75}.impact-details summary{cursor:pointer;color:#1688a8;font-weight:500}.impact-details p{font-size:11px;line-height:1.75;margin:12px 0}.impact-details>a{display:block;color:#1688a8;text-underline-offset:3px;margin:8px 0}.impact-table{width:100%;border-collapse:collapse;font-size:10.5px;margin:12px 0}.impact-table th,.impact-table td{padding:7px 0;border-bottom:1px solid #d0d9c5;text-align:left;vertical-align:top}.impact-table th:last-child,.impact-table td:last-child{text-align:right;padding-left:9px;white-space:nowrap}.impact-table small{display:block;font-size:9.5px;font-weight:400;color:#68725e;margin-top:3px}@media(max-width:640px){.environmental-impact{padding:17px 15px}.environmental-impact>p{font-size:13px}.environmental-impact h3{font-size:25px}.impact-highlight{font-size:30px}.environmental-impact .impact-note,.impact-comparison p{font-size:11.5px}}.hero-greener{color:#3f7d32}.illustrative-guide{max-width:365px;margin-top:14px;padding-top:10px;border-top:1px solid #d0dac6}.illustrative-guide strong{display:block;color:#526c4b;font:500 12px/1.5 DM Sans,sans-serif}.illustrative-guide p{margin-top:4px;color:var(--muted);font:400 12px/1.65 DM Sans,sans-serif}.ticket-metrics .metric-context{min-height:0;margin-top:8px;font-size:10px;line-height:1.45}.public-method p{font-size:13px;line-height:1.8}.public-method section:first-child{padding-top:0}.public-method .biomass-motion-preview p{margin-bottom:0}.method-references{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.method-references summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;color:var(--blue);font-size:13px}.method-references a{display:block;font-size:12px;line-height:1.7;margin:9px 0}.modal header .icon-btn{min-width:44px;min-height:44px}.example-variants{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.example-variants button{min-height:38px;border:1px solid var(--line);background:transparent;border-radius:4px;padding:7px 10px;font:400 11px/1.5 DM Sans,sans-serif;color:var(--ink);cursor:pointer}.example-variants button[aria-pressed=true]{border-color:var(--blue);background:#1da1c912;color:var(--blue)}.map-contribution .contribution-art{display:flex;align-items:center;justify-content:center;height:125px;margin:18px 0}.contribution-art>img{max-width:130px;max-height:125px;object-fit:contain}.contribution-art .biomass-icon{width:105px;height:112px}.map-contribution .primary{width:100%;font-size:12px;padding:12px}.map-contribution .text-button{display:flex;margin-top:16px}.map-caption{flex-wrap:wrap;gap:5px 12px}.map-caption.has-selection{justify-content:space-between}.map-caption.has-selection>span:first-child{display:block;font-size:9px}.showcase-card{min-width:0}.showcase-try{white-space:normal;flex-wrap:wrap;max-width:100%;min-width:0;justify-content:center;text-align:center;gap:4px}@media(max-width:360px){.brand strong{font-size:12.5px;letter-spacing:.035em}.brand small{font-size:6px;letter-spacing:.1em}.showcase-try{font-size:9px;padding:6px 3px}}.ticket-link-state{margin:16px auto;padding:14px 24px;max-width:1400px;background:#e7eee1;color:#1a3a1f;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ticket-link-state .text-button{min-height:44px}.town-names-toggle{position:absolute;right:12px;bottom:12px;z-index:18;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:44px;padding:8px 12px;border:1px solid #c4cbb7;border-radius:3px;background:#fffff0ed;color:#385443;font:500 11px DM Sans,sans-serif;cursor:pointer}.town-names-toggle>span{font-size:13px}.town-names-toggle[aria-pressed=true]{color:#276b46}.town-names-toggle:hover{background:#f4f5e8}.town-names-toggle:focus-visible{outline:2px solid #1DA1C9;outline-offset:2px}@media(min-width:641px){.map-frame:after{content:"";position:absolute;inset:0 auto 0 0;width:clamp(80px,10vw,155px);z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0%,rgba(248,244,232,.92) 12%,rgba(248,244,232,.58) 40%,rgba(248,244,232,.18) 72%,rgba(248,244,232,0) 100%)}@supports ((background-clip:text) or (-webkit-background-clip:text)){.hero-singapore{background-image:linear-gradient(110deg,var(--ink) 18%,#245746 58%,#155d68 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}}@media(forced-colors:active){.hero-singapore{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.map-frame:after{display:none}}
