.seo-map-section{position:relative;overflow:hidden;padding:clamp(4rem,3rem + 5vw,7rem)0;background:linear-gradient(180deg,#1e2830,#161e25)}.seo-map-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to left,#161e25f2,#161e25f9,#161e25fc),url(/images/hero/preview/hero-p-2004.webp);background-size:cover,cover;background-position:center,center;pointer-events:none}.seo-map-section:after{content:"";position:absolute;inset:0;background:radial-gradient(640px 320px at 78% 8%,rgba(103,139,109,.13),transparent 70%);pointer-events:none}.seo-map-section>div{position:relative;z-index:1}.seo-map-wrap{position:relative;width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px #0006,0 30px 70px -20px #0009}.seo-map-wrap:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 70px #0a0f148c;pointer-events:none;z-index:1}.seo-map-container{width:100%;height:100%;background:#1e2830}.seo-map-container .mapboxgl-ctrl-attrib{background:0 0!important;font-size:9px;opacity:.4}.seo-map-container .mapboxgl-ctrl-attrib a{color:#fff6!important}.seo-map-container .mapboxgl-ctrl-logo{opacity:.3}.mapbox-marker{width:16px;height:16px;background:var(--color-saffron);border:3px solid rgba(196,121,43,.35);border-radius:50%;box-shadow:0 0 0 6px #c4792b1f,0 2px 8px #0000004d;animation:marker-pulse 2.5s ease-in-out infinite}@keyframes marker-pulse{0%,to{box-shadow:0 0 0 6px #c4792b1f,0 2px 8px #0000004d}50%{box-shadow:0 0 0 10px #c4792b0f,0 2px 8px #0000004d}}@media (prefers-reduced-motion:reduce){.mapbox-marker{animation:none}}@media (min-width:768px){.seo-map-wrap{aspect-ratio:1/1}}.map-areas{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1.5rem;background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.map-area{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:.7rem .8rem;font-size:.8125rem;font-weight:500;text-align:left;color:#f0ede9b3;cursor:pointer;position:relative;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.map-area:before{content:"";position:absolute;left:.8rem;top:50%;width:8px;height:8px;border-radius:50%;background:var(--color-saffron);box-shadow:0 0 0 4px #c4792b38;transform:translateY(-50%) scale(0);transition:transform var(--duration-slow) var(--ease-spring)}.map-area:hover,.map-area.is-active{color:#fff;padding-left:2.1rem}.map-area:hover:before,.map-area.is-active:before{transform:translateY(-50%) scale(1)}.map-area:nth-child(2n){border-right:none}.map-area:nth-last-child(-n+2){border-bottom:none}.map-areas-hint{margin-top:.6rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#f0ede966}@media (max-width:640px){.map-areas-hint{display:none}}.map-hq-card{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:.7rem;padding:.7rem .95rem;background:#fffffff7;border-radius:10px;box-shadow:0 10px 30px -8px #00000080;text-decoration:none;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.map-hq-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #0000008c}.map-hq-label{font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.1em;color:#fff;background:var(--color-saffron);border-radius:6px;padding:.3rem .45rem}.map-hq-name{display:block;font-size:.75rem;font-weight:700;color:var(--color-text-heading);line-height:1.3}.map-hq-city{display:block;font-size:.6875rem;color:var(--color-text-muted);line-height:1.3}.tool-strip{padding:2.5rem 0;background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.tool-strip-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);text-align:center;margin-bottom:1.5rem}.tool-strip-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem 2.5rem}.tool-logo{display:flex;flex-direction:column;align-items:center;gap:.375rem;text-decoration:none;color:inherit}.tool-logo svg{width:36px;height:36px;transition:transform var(--duration) var(--ease)}.tool-logo:hover svg{transform:scale(1.15)}.tool-logo span{font-size:.6875rem;color:var(--color-text-muted);transition:color var(--duration) var(--ease);white-space:nowrap}.tool-logo:hover span{color:var(--color-text-body)}@media (max-width:639px){.tool-strip{padding:2rem 0}.tool-strip-logos{gap:1.25rem 1.75rem}.tool-logo svg{width:28px;height:28px}.tool-logo span{font-size:.625rem}}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:1024px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.work-grid{grid-template-columns:1fr}}.work-card{display:block;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #0000000f,0 1px 4px #00000008;transition:all var(--duration-slow) var(--ease);position:relative}.work-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px #0000001f,0 4px 12px #0000000d;border-color:#678b6d33}.work-card-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--color-bg-warm)}.work-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .6s var(--ease)}.work-card:hover .work-card-image img{transform:scale(1.03)}.work-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity var(--duration-slow) var(--ease);display:flex;align-items:flex-end;justify-content:center;padding:1rem}.work-card:hover .work-card-overlay{opacity:1}.work-card-overlay span{font-size:.75rem;font-weight:500;color:#fff;display:inline-flex;align-items:center;gap:.375rem;letter-spacing:.05em;text-transform:uppercase}.work-card-info{padding:1rem 1.25rem}.work-card-name{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.125rem}.work-card-url{font-size:.75rem;color:var(--color-text-muted);font-family:ui-monospace,monospace}.work-card-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;margin-top:.375rem}.work-strip-bar[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.4rem}.work-strip-filters[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:8px}.work-strip-btn[data-astro-cid-j7pv25f6]{background:#fbfaf7;border:1px solid rgba(20,28,36,.15);border-radius:9px;padding:.42rem .8rem;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.work-strip-btn[data-astro-cid-j7pv25f6]:hover{border-color:#141c2459;color:var(--color-text-heading)}.work-strip-btn[data-astro-cid-j7pv25f6].is-active{background:#141c24;border-color:#141c24;color:#f2efe9}.work-strip-arrows[data-astro-cid-j7pv25f6]{display:flex;gap:8px}.work-strip-arrow[data-astro-cid-j7pv25f6]{display:grid;place-items:center;width:42px;height:42px;background:#141c24;color:#f2efe9;border:0;border-radius:10px;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease)}.work-strip-arrow[data-astro-cid-j7pv25f6]:hover{background:#26313d;transform:translateY(-1px)}.work-strip-arrow[data-astro-cid-j7pv25f6]:disabled{opacity:.35;cursor:default;transform:none}.work-strip[data-astro-cid-j7pv25f6]{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.5rem;scrollbar-width:none}.work-strip[data-astro-cid-j7pv25f6]::-webkit-scrollbar{display:none}.work-card--strip[data-astro-cid-j7pv25f6]{flex:0 0 calc((100% - 3.75rem)/4);min-width:0;scroll-snap-align:start}.work-card--strip[data-astro-cid-j7pv25f6][hidden]{display:none}@media (max-width:1023px){.work-card--strip[data-astro-cid-j7pv25f6]{flex-basis:calc((100% - 2.5rem)/3)}}@media (max-width:820px){.work-card--strip[data-astro-cid-j7pv25f6]{flex-basis:calc((100% - 1.25rem)/2)}}@media (max-width:540px){.work-card--strip[data-astro-cid-j7pv25f6]{flex-basis:86%}}@media (prefers-reduced-motion:reduce){.work-strip[data-astro-cid-j7pv25f6]{scroll-behavior:auto}}