.work-hero{padding:7rem 5% 4rem;background:#191d21;color:#fff}.work-hero h1{font-size:clamp(3rem,7vw,6rem);margin:.4rem 0}.work-hero h1 span{color:#ff7518}.work-hero>p:not(.eyebrow){max-width:650px}.work-content{padding:4rem 5%;background:#A9B0B9;color:#1b1d20}.work-intro{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.5rem}.work-intro p{max-width:520px}.work-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.work-filters button{background:#fff;border:1px solid #bbb;padding:.7rem .9rem;cursor:pointer;font-weight:800;color:#222}.work-filters button.active,.work-filters button:hover{background:#ef6a16;color:white;border-color:#ef6a16}.work-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.9fr);gap:1.5rem;align-items:start}.work-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.work-card{background:#fff;border:1px solid #ddd;overflow:hidden}.work-card-visual{aspect-ratio:16/10;background:#272a2e;display:flex;align-items:center;justify-content:center;color:#ff7518;font-weight:900;font-size:2rem}.work-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.work-card-body{padding:1.3rem}.work-card h3{font-size:1.25rem;line-height:1.2;margin:.6rem 0}.work-card p{font-size:.95rem}.work-card a,.work-detail a{color:#bd4b08;font-weight:800}.work-category{font-size:.75rem;letter-spacing:.08em;color:#b54a08;font-weight:900}.work-location{font-weight:700}.work-map-panel{background:#25282b;color:#fff;padding:1.25rem;position:sticky;top:90px}.work-map-panel p{font-size:.9rem}.work-map-panel #work-map{height:340px;background:#e4e9eb}.work-map-foot{opacity:.8}.work-bottom{background:#1b1e21;color:#fff;padding:4rem 5%;text-align:center}.work-bottom h2{margin:.5rem 0 1.5rem}.work-detail{max-width:1100px;margin:auto;padding:4rem 5%}.work-detail h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1}.work-detail-photo{width:100%;max-height:550px;object-fit:cover;background:#292929}.work-detail-copy{max-width:760px;font-size:1.15rem;line-height:1.75}.work-detail-cta{margin-top:2rem;padding:1.5rem;background:#f1f1ef}.work-note{font-size:.85rem;color:#555}@media(max-width:900px){.work-layout{grid-template-columns:1fr}.work-map-panel{position:static}}@media(max-width:600px){.work-cards{grid-template-columns:1fr}.work-hero{padding-top:5rem}}

/* Interactive city-level project map */
.work-map-panel #work-map{height:auto;min-height:340px;background:#e1e7e7;position:relative;overflow:hidden;border:1px solid #8f999d}
.work-map-canvas{position:relative;aspect-ratio: 1 / 1;min-height:310px;background:linear-gradient(135deg,#d5e3df,#f0e9d8);overflow:hidden}
.work-map-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.work-pin{position:absolute;transform:translate(-50%,-100%);z-index:2;border:2px solid white;border-radius:50% 50% 50% 0;rotate:-45deg;background:#ef6a16;width:27px;height:27px;box-shadow:0 2px 7px #0007;cursor:pointer;color:#fff}
.work-pin::after{content:'';position:absolute;inset:7px;background:#fff;border-radius:50%}
.work-pin:hover,.work-pin:focus-visible,.work-pin[aria-expanded=true]{background:#b94707;outline:2px solid #232323;outline-offset:2px}
.work-map-label{position:absolute;transform:translate(-50%,0);font-size:10px;font-weight:800;color:#344146;text-shadow:0 1px 2px white;pointer-events:none;white-space:nowrap}
.work-map-popup{background:#fff;color:#202326;padding:12px 14px;border-top:3px solid #ef6a16;max-height:240px;overflow:auto;font-size:14px}
.work-map-popup strong{display:block;margin-bottom:5px}
.work-map-popup a{display:block;color:#a33c00;font-weight:800;margin:7px 0;text-decoration:underline}
.work-map-popup p{margin:0 0 8px}
.work-map-hint{position:absolute;bottom:8px;left:8px;background:#ffffffd9;color:#30373a;padding:4px 7px;font-size:10px;font-weight:700}
@media(max-width:600px){.work-map-canvas{min-height:280px}}

/* Topline-inspired two-column project explorer */
.work-content{background:#C4C9D0!important;padding:3rem 4% 4.5rem}
.work-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);grid-template-areas:"map list";gap:18px;align-items:stretch}
.work-map-panel{grid-area:map;position:sticky;top:84px;align-self:start;background:#22282c;padding:16px;color:#fff;border-radius:5px;box-shadow:0 8px 26px #20242824}
.work-map-head h3{margin:0 0 6px;font-size:1.05rem;letter-spacing:.08em}.work-map-head p{margin:0 0 12px;color:#e4e5e5}
.work-map-panel #work-map{height:min(69vh,720px)!important;min-height:480px!important;background:#e2e6e4;border:0;border-radius:3px;overflow:hidden}
.work-project-list{grid-area:list;min-width:0;max-height:calc(min(69vh,720px) + 135px);overflow-y:auto;overscroll-behavior:contain;padding:0 8px 4px 0;scrollbar-color:#f07821 #d6d9dc;scrollbar-width:thin}
.work-list-heading{display:flex;justify-content:space-between;margin:0 0 12px;color:#24282c;font-size:1.1rem;letter-spacing:.06em}.work-list-heading span{color:#ad4509}
.work-cards{display:flex;flex-direction:column;gap:12px}
.work-card{display:grid;grid-template-columns:minmax(115px,36%) minmax(0,1fr);background:#E8EAED!important;border:2px solid transparent;border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.work-card:hover,.work-card:focus-visible{border-color:#f07821;outline:none}.work-card.is-selected{border-color:#ef6a16;box-shadow:0 0 0 2px #ef6a1638,0 4px 15px #0002}
.work-card-visual{aspect-ratio:auto;min-height:170px}.work-card-body{padding:15px}.work-card h3{font-size:1.12rem;margin:.4rem 0}.work-card p{font-size:.87rem;margin:.45rem 0}.work-card .work-location{color:#4e555b}
.work-map-foot{margin:12px 0 0}.work-pin-marker{background:transparent;border:0}.work-pin-shape{display:block;width:27px;height:27px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#f07821;border:3px solid #fff;box-shadow:0 2px 9px #0008;position:relative}.work-pin-shape:after{content:"";position:absolute;width:7px;height:7px;left:7px;top:7px;background:white;border-radius:50%}.work-pin-marker.is-selected .work-pin-shape{background:#c74c06;box-shadow:0 0 0 6px #f0782159,0 2px 9px #0008;scale:1.18}
.work-map-popup a{display:block;color:#a74409;margin:5px 0;font-weight:700}.leaflet-popup-content{min-width:190px}.leaflet-container{font-family:inherit}
.work-fallback{height:100%;position:relative;background:linear-gradient(135deg,#d5e3df,#f0e9d8);overflow:hidden}.work-fallback .work-pin{z-index:5}.work-fallback-note{position:absolute;bottom:8px;left:8px;background:#fffffff0;padding:8px;color:#333;font-size:12px}
@media(max-width:900px){.work-layout{grid-template-columns:1fr;grid-template-areas:"map" "list"}.work-map-panel{position:relative;top:auto}.work-map-panel #work-map{height:380px!important;min-height:380px!important}.work-project-list{max-height:none;overflow:visible}.work-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{display:block}.work-card-visual{height:180px}}
@media(max-width:600px){.work-content{padding:2rem 4%}.work-map-panel #work-map{height:300px!important;min-height:300px!important}.work-cards{grid-template-columns:1fr}.work-card{display:grid;grid-template-columns:38% 1fr}.work-card-visual{height:auto;min-height:160px}.work-card-body{padding:12px}}

/* FELLAS project explorer layout refinements */
.work-content { width:100%; overflow-x:clip; }
.work-layout {
  width:100%;
  grid-template-columns:minmax(0, 55fr) minmax(0, 45fr);
  gap:20px;
}
.work-map-panel, .work-project-list { min-width:0; }
.work-map-panel #work-map {
  width:100% !important;
  height:clamp(460px, 66vh, 680px) !important;
  min-height:460px !important;
  isolation:isolate;
}
#work-map.leaflet-container { background:#e1e6e4; }
#work-map .leaflet-tile, #work-map .leaflet-marker-icon { max-width:none !important; }
.work-project-list {
  max-height:calc(clamp(460px, 66vh, 680px) + 110px);
  overflow-y:auto;
}
.work-card { grid-template-columns:minmax(140px, 39%) minmax(0, 1fr); }
.work-card-visual { min-height:190px; }
.work-card-body { min-width:0; padding:16px 18px; }
.work-card h3 { font-size:clamp(1.05rem, 1.5vw, 1.3rem); line-height:1.28; overflow-wrap:anywhere; }
.work-card p { line-height:1.5; overflow-wrap:anywhere; }
.work-card a { display:inline-block; margin-top:7px; }
.work-intro { align-items:end; }
.work-intro p { line-height:1.5; }
@media(max-width:1020px) {
  .work-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"map" "list"; }
  .work-map-panel { position:relative; top:auto; }
  .work-project-list { max-height:none; overflow:visible; }
  .work-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .work-card { display:flex; flex-direction:column; }
  .work-card-visual { height:200px; min-height:200px; }
  .work-map-panel #work-map { height:430px !important; min-height:430px !important; }
}
@media(max-width:650px) {
  .work-content { padding:2rem 4%; }
  .work-cards { grid-template-columns:1fr; }
  .work-card { display:grid; grid-template-columns:38% minmax(0,1fr); }
  .work-card-visual { height:auto; min-height:160px; }
  .work-card-body { padding:12px; }
  .work-map-panel #work-map { height:340px !important; min-height:340px !important; }
}

.work-content {
    background-color: #929AA5 !important;
}