/* V78: filtration → shared impact → environmental film. */
.impact-band{scroll-margin-top:calc(var(--header-height) + 16px);position:relative;isolation:isolate;padding:72px max(6vw,24px) 32px;background:var(--bg-dark);color:var(--text-light)}
.impact-band:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 0,color-mix(in srgb,var(--primary-dark) 16%,transparent),transparent 64%)}
.impact-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto 40px}
.impact-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;margin:0 0 16px}
.impact-heading .impact-eyebrow{color:var(--primary-light)}
.impact-heading h2{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:0}
.impact-demo{flex-shrink:0;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--primary-light) 24%,transparent);border-radius:50px;padding:9px 13px;font-size:11px;color:var(--text-muted)}
.impact-demo i{height:5px;width:5px;background:var(--text-muted);border-radius:50%}
.impact-map-trigger{text-decoration:none;display:block;color:inherit;background:none;border:0;padding:0;text-align:left;font:inherit;width:100%;max-width:1400px;margin:auto;cursor:pointer;border-radius:10px}
.impact-metrics{display:grid;grid-template-columns:1fr 1fr .78fr;gap:32px;padding:4px 0 40px}
.impact-metric{display:flex;flex-direction:column;gap:12px;min-width:0}
.impact-metric+.impact-metric{border-left:1px solid color-mix(in srgb,var(--primary-light) 18%,transparent);padding-left:36px}
.metric-label{font-size:13px;color:var(--text-light)}
.metric-value{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.metric-value b{font-size:clamp(36px,4.8vw,76px);font-weight:400;letter-spacing:-.06em;line-height:1.1;font-variant-numeric:tabular-nums}
.metric-value small{font-size:14px;color:var(--primary-light);font-weight:400}
.metric-caption{font-size:11px;color:var(--text-muted)}
.impact-map-invitation{display:flex;gap:16px;align-items:center;padding:25px 0 23px;border-top:1px solid color-mix(in srgb,var(--primary-light) 22%,transparent);font-size:11px;color:var(--text-muted)}
.impact-map-invitation strong{display:block;font-size:15px;color:var(--text-light);font-weight:400;margin-top:5px}
.impact-map-symbol{width:45px;height:45px;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);display:grid;place-items:center;border-radius:50%;color:var(--primary-light)}
.impact-map-symbol svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round}
.impact-map-arrow{margin-left:auto;font-size:28px;color:var(--primary);transition:transform .25s}
.impact-map-trigger:hover .impact-map-arrow{transform:translate(4px,-4px)}
.impact-map-trigger:hover .impact-map-symbol{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.impact-disclaimer{max-width:1400px;margin:8px auto 0;font-size:10px;color:var(--text-muted);line-height:1.6}
.sustainability-scene{height:calc(100svh - var(--header-height));min-height:0;position:relative;isolation:isolate;overflow:hidden;background:var(--primary-light);color:var(--text-dark);scroll-margin-top:var(--header-height)}
.sustainability-media{position:absolute;inset:0;overflow:hidden;z-index:-3;background-position:center;background-size:cover;background-repeat:no-repeat}
.sustainability-media video{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;aspect-ratio:16/9;transform:translateX(-50%);object-fit:contain}
.sustainability-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.8) 21%,rgba(255,255,255,.1) 47%,transparent 58%),linear-gradient(0deg,rgba(15,23,42,.45),transparent 20%)}
.sustainability-copy{position:absolute;left:max(6vw,24px);top:50%;transform:translateY(-50%);width:28%;max-width:440px}
.sustainability-copy .impact-eyebrow{color:var(--primary-dark);line-height:1.5}
.sustainability-copy h2{font-size:clamp(40px,4.8vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0 0 25px}
.sustainability-copy h2 em{font-style:normal;color:var(--primary-dark)}
.sustainability-copy>p:not(.impact-eyebrow){font-size:clamp(14px,1.1vw,17px);line-height:1.8;max-width:350px;margin:0;color:var(--text-dark)}
.sustainability-cta{display:inline-flex;align-items:center;gap:28px;margin-top:30px;padding:14px 20px;border-radius:100px;background:var(--bg-dark);color:var(--text-light);font-size:12px;text-decoration:none;transition:background .2s,transform .2s}
.sustainability-cta:hover{background:var(--primary-dark);transform:translateY(-2px)}
.sustainability-bottom{position:absolute;bottom:24px;left:max(6vw,24px);right:max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-light);font-size:11px}
.sustainability-bottom>span{display:flex;align-items:center;gap:9px;text-shadow:0 1px 8px var(--bg-dark)}
.sustainability-bottom i{width:5px;height:5px;border-radius:50%;background:var(--primary-light)}
#sustainability-play{display:flex;gap:8px;align-items:center;background:color-mix(in srgb,var(--bg-dark) 64%,transparent);color:white;border:1px solid #ffffff50;border-radius:100px;padding:12px 17px;font:inherit;cursor:pointer;backdrop-filter:blur(8px)}
#sustainability-play svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#sustainability-play .video-pause{display:none}#sustainability-play.is-playing .video-play{display:none}#sustainability-play.is-playing .video-pause{display:block}
.impact-band button:focus-visible,.sustainability-scene :focus-visible,.points-dialog :focus-visible{outline:3px solid var(--primary);outline-offset:5px}
.points-dialog{padding:0;border:1px solid var(--brand-line);border-radius:28px;width:min(1180px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;overflow:auto;overscroll-behavior:contain;background:var(--bg-light);color:var(--text-dark);box-shadow:0 40px 160px #02061740}
.points-dialog::backdrop{background:rgba(2,6,23,.65);backdrop-filter:blur(12px)}
.points-dialog-inner{padding:36px}
.points-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.points-header .impact-eyebrow{color:var(--primary-dark);margin-bottom:10px}
.points-header h2{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0}
.points-close{border:1px solid var(--brand-line);background:var(--bg-light);color:var(--text-dark);border-radius:50%;width:42px;height:42px;flex-shrink:0;font-family:inherit;font-weight:300;cursor:pointer;font-size:28px;line-height:1}
#points-description{color:var(--text-gray);font-size:14px;margin:13px 0 27px}
.points-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px}
.points-map-panel{background:var(--brand-tint);border:1px solid var(--brand-line);border-radius:20px;padding:22px;min-width:0;display:flex;flex-direction:column}
.points-map-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--text-gray)}
.points-map-meta>span:first-child{display:flex;align-items:center;gap:7px}.points-map-meta b{color:var(--primary-dark);font-weight:500}
.points-map-meta i{width:5px;height:5px;background:var(--primary-dark);border-radius:50%}
#sulook-turkey-map{width:100%;height:auto;overflow:visible;display:block;margin:28px 0;aspect-ratio:792.6/334.6}
.points-province{fill:color-mix(in srgb,var(--primary) 23%,white);stroke:color-mix(in srgb,var(--primary-dark) 12%,white);stroke-width:.8;stroke-linejoin:round}
.point-pin{cursor:pointer;color:var(--primary-dark);outline:none}.point-pin .pin-hit{fill:transparent}.point-pin .pin-halo{fill:var(--primary);opacity:.17}.point-pin .pin-dot{fill:currentColor;stroke:white;stroke-width:2}
.point-pin[aria-pressed=true]{color:var(--bg-dark)}.point-pin[aria-pressed=true] .pin-halo{opacity:.35}
.point-pin:focus-visible .pin-halo,.point-pin:hover .pin-halo{stroke:var(--primary-dark);stroke-width:2;opacity:.5}
.points-selected{border-top:1px solid var(--brand-line);padding-top:18px;margin-top:auto;min-height:120px}
.points-selected-heading{display:flex;align-items:center;gap:12px;margin-bottom:11px}.points-selected h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0}.points-selected-heading span{font-size:10px;color:var(--primary-dark);border:1px solid var(--brand-line);border-radius:50px;padding:5px 9px}
.points-place-list{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;color:var(--text-gray);font-size:12px;line-height:1.8}
.points-place-list li:before{content:'·';color:var(--primary-dark);margin-right:6px}
.points-locations>label{display:block;font-size:12px;margin:0 0 10px;color:var(--text-gray)}
.points-search-wrap{position:relative}.points-search-wrap svg{position:absolute;left:13px;top:14px;width:16px;fill:none;stroke:var(--text-gray);stroke-width:1.5}
#points-search{border:1px solid var(--brand-line);border-radius:12px;height:44px;padding:0 12px 0 38px;font-family:inherit;font-size:14px;width:100%;background:var(--bg-light);color:var(--text-dark)}
.points-city-list{display:grid;gap:3px;max-height:325px;overflow:auto;overscroll-behavior:contain;margin-top:12px;padding:2px 5px 2px 2px;scrollbar-width:thin;scrollbar-color:var(--brand-line) transparent}
.points-city-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-dark);font:inherit;padding:12px;border-radius:10px;cursor:pointer;font-size:13px;min-height:44px}
.points-city-list button[aria-pressed=true]{background:var(--brand-tint-strong);border-color:var(--brand-line);color:var(--primary-dark)}
.points-city-list button:hover{background:var(--brand-tint)}.points-city-list button span:last-child{color:var(--text-muted);font-size:10px}
.points-source{border-top:1px solid var(--brand-line);margin-top:25px;padding-top:18px;display:flex;gap:28px;align-items:center;justify-content:space-between;font-size:10px;line-height:1.7;color:var(--text-gray)}
.points-source p{margin:0;max-width:660px}.points-source a{color:var(--primary-dark);white-space:nowrap;text-decoration:none}
#points-no-results{font-size:13px;line-height:1.6;color:var(--text-gray)}
@media(max-width:900px){.impact-metrics{gap:20px}.impact-metric+.impact-metric{padding-left:22px}.metric-value{gap:7px}.metric-value small{font-size:11px}.points-layout{grid-template-columns:minmax(0,1fr) 195px}.points-dialog-inner{padding:26px}.sustainability-copy{width:33%;left:5vw}.sustainability-copy h2{font-size:45px}}
@media(orientation:portrait){.sustainability-copy{top:28px;left:24px;right:24px;width:auto;max-width:540px;transform:none}.sustainability-copy h2{font-size:clamp(34px,5.5vw,52px);margin-bottom:12px}.sustainability-copy .impact-eyebrow{font-size:9px;margin-bottom:12px}.sustainability-copy>p:not(.impact-eyebrow){font-size:13px;line-height:1.65;max-width:340px}.sustainability-copy h2 br{display:none}.sustainability-copy h2 em:before{content:' '}.sustainability-cta{margin-top:18px;padding:12px 17px;font-size:11px}.sustainability-wash{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.8) 19%,transparent 43%),linear-gradient(0deg,rgba(15,23,42,.65),transparent 20%)}.sustainability-bottom{left:20px;right:20px;bottom:20px;font-size:10px}}
@media(max-width:600px){.impact-band{padding:40px 24px 24px}.impact-heading{align-items:flex-start;gap:14px;margin-bottom:30px}.impact-heading h2{font-size:30px;max-width:220px}.impact-heading .impact-eyebrow{font-size:8px;max-width:180px;line-height:1.6;margin-bottom:12px}.impact-demo{font-size:9px;padding:7px 9px;margin-top:2px}.impact-metrics{grid-template-columns:1fr;gap:0;padding:0 0 6px}.impact-metric{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:22px 0}.impact-metric+.impact-metric{border-left:0;border-top:1px solid color-mix(in srgb,var(--primary-light) 15%,transparent);padding:22px 0}.metric-value{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-end;gap:4px;justify-content:center}.metric-value b{font-size:clamp(30px,8.7vw,47px)}.metric-value small{font-size:11px}.metric-label{font-size:13px;max-width:145px;align-self:end}.metric-caption{font-size:10px;max-width:140px;line-height:1.5}.impact-map-invitation{gap:12px;padding:22px 0 15px;font-size:10px}.impact-map-invitation strong{font-size:13px;max-width:210px;line-height:1.5}.impact-map-symbol{width:37px;height:37px;flex-shrink:0}.impact-map-arrow{font-size:24px}.impact-disclaimer{font-size:9px;max-width:300px;margin:10px 0 0}.points-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:22px}.points-dialog-inner{padding:22px 18px}.points-header h2{font-size:29px}.points-header .impact-eyebrow{font-size:8px}.points-close{width:36px;height:36px}.points-header{gap:8px}#points-description{font-size:12px;line-height:1.6;margin-bottom:20px}.points-layout{display:flex;flex-direction:column;gap:18px}.points-map-panel{padding:15px;border-radius:15px}.points-map-meta{font-size:9px;gap:7px}#sulook-turkey-map{margin:26px 0}.points-selected{min-height:105px;padding-top:14px}.points-selected h3{font-size:23px}.points-place-list{font-size:11px}.points-city-list{grid-template-columns:1fr 1fr;max-height:156px;gap:4px}.points-city-list button{font-size:12px;padding:10px;gap:6px}.points-city-list button span:last-child{display:none}.points-source{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px;padding-top:14px;font-size:9px}.sustainability-cta{margin-top:14px}.sustainability-scene{min-height:0}}
@media(prefers-reduced-motion:reduce){.impact-map-arrow,.sustainability-cta{transition:none}}

@media(max-height:600px) and (orientation:landscape){.sustainability-copy{width:34%;left:4vw;top:45%}.sustainability-copy h2{font-size:32px;margin-bottom:10px}.sustainability-copy .impact-eyebrow{font-size:8px;margin-bottom:10px}.sustainability-copy>p:not(.impact-eyebrow){font-size:11px;line-height:1.5}.sustainability-cta{font-size:10px;padding:9px 13px;margin-top:13px}.sustainability-bottom{bottom:12px;left:4vw;right:4vw;font-size:9px}#sustainability-play{padding:8px 12px}}
/* On very wide screens, extend only the peripheral scenery; keep the actual film height intact. */
.sustainability-media:before{content:"";position:absolute;inset:-28px;background:inherit;filter:blur(2px)}
.sustainability-media video{-webkit-mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent)}
