/* GWC Work Showcase — matches growwithcontent.in (black, mono, gold). Fonts come from your theme. */
.gwc-work{
  --gwc-bg:#000;
  --gwc-panel:#0c0c0b;
  --gwc-line:#2a2722;
  --gwc-fg:#f2f0ea;
  --gwc-muted:#8f8a80;
  --gwc-gold:#b88a35;
  --gwc-gold-soft:rgba(184,138,53,.14);
  color:var(--gwc-fg);
  background:var(--gwc-bg);
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.gwc-work *,.gwc-work *::before,.gwc-work *::after{box-sizing:border-box}
.gwc-work [hidden]{display:none!important}

/* Reset theme / Elementor button styles inside the section */
.gwc-work button,
.gwc-work button:hover,
.gwc-work button:focus,
.gwc-work button:active{
  background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;
  padding:0;margin:0;font:inherit;letter-spacing:inherit;text-transform:none;
  text-align:left;cursor:pointer;line-height:inherit;
}
.gwc-work :focus-visible{outline:1px solid var(--gwc-gold);outline-offset:3px}

.gwc-work .gwc-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gwc-muted)}
.gwc-work .gwc-gold{color:var(--gwc-gold)}

/* Two worlds */
.gwc-work .gwc-worlds{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--gwc-line);margin-bottom:24px}
.gwc-work .gwc-world{display:grid;gap:10px;position:relative;padding:24px clamp(16px,3vw,32px);transition:background .25s}
.gwc-work .gwc-world + .gwc-world{border-left:1px solid var(--gwc-line)}
.gwc-work .gwc-world-name{font-size:clamp(18px,2.6vw,28px);letter-spacing:.04em;text-transform:uppercase;color:var(--gwc-muted)}
.gwc-work .gwc-world-sub{font-size:12px;color:var(--gwc-muted);max-width:40ch}
.gwc-work .gwc-world-count{position:absolute;top:22px;right:clamp(16px,3vw,32px);font-size:28px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--gwc-muted)}
.gwc-work .gwc-world:hover{background:var(--gwc-panel)}
.gwc-work .gwc-world[aria-selected="true"]{background:var(--gwc-panel)}
.gwc-work .gwc-world[aria-selected="true"] .gwc-world-name{color:var(--gwc-fg)}
.gwc-work .gwc-world[aria-selected="true"] .gwc-world-count{color:var(--gwc-gold)}
.gwc-work .gwc-world[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gwc-gold)}

/* Category chips */
.gwc-work .gwc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.gwc-work .gwc-chip,
.gwc-work .gwc-chip:hover,
.gwc-work .gwc-chip:focus{border:1px solid var(--gwc-line);padding:8px 14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;color:var(--gwc-muted)}
.gwc-work .gwc-chip:hover{border-color:var(--gwc-muted);color:var(--gwc-fg)}
.gwc-work .gwc-chip[aria-pressed="true"]{border-color:var(--gwc-gold);color:var(--gwc-fg);background:var(--gwc-gold-soft)}
.gwc-work .gwc-chip.is-soon{border-style:dashed}
.gwc-work .gwc-n{color:var(--gwc-fg);font-variant-numeric:tabular-nums}
.gwc-work .gwc-chip.is-soon .gwc-n{color:var(--gwc-gold);font-size:10px}

/* Category groups */
.gwc-work .gwc-group{display:grid;gap:18px;padding-bottom:40px}
.gwc-work .gwc-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-top:1px solid var(--gwc-line);padding-top:18px}
.gwc-work .gwc-group-head h3{margin:0;font-weight:400;font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:var(--gwc-fg)}
.gwc-work .gwc-desc{font-size:12px;color:var(--gwc-muted);max-width:52ch}

/* Grid */
.gwc-work .gwc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.gwc-work .gwc-grid.is-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}
.gwc-work .gwc-card{display:grid;gap:12px;min-width:0}
.gwc-work .gwc-card.is-feature{grid-column:span 2;grid-row:span 2}
.gwc-work .gwc-poster{position:relative;display:block;aspect-ratio:16/9;max-width:100%;overflow:hidden;border:1px solid var(--gwc-line);background:var(--gwc-panel)}
.gwc-work .is-vertical .gwc-poster{aspect-ratio:9/16}
.gwc-work .gwc-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;margin:0;max-width:none;border-radius:0}
.gwc-work .gwc-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0) 55%)}
.gwc-work .gwc-ttl{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;font-size:clamp(13px,1.5vw,18px);line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.gwc-work .is-feature .gwc-ttl{font-size:clamp(18px,2.6vw,30px)}
.gwc-work .gwc-play{position:absolute;z-index:1;top:50%;left:50%;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;transition:background .25s,border-color .25s}
.gwc-work .gwc-play::after{content:"";border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.gwc-work .gwc-badge{position:absolute;z-index:1;top:10px;left:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:rgba(0,0,0,.7);border:1px solid var(--gwc-gold);color:var(--gwc-gold)}
.gwc-work .gwc-card:hover img{transform:scale(1.04)}
.gwc-work .gwc-card:hover .gwc-play,.gwc-work .gwc-card:focus-visible .gwc-play{background:var(--gwc-gold);border-color:var(--gwc-gold)}
.gwc-work .gwc-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--gwc-muted);min-width:0}
.gwc-work .gwc-who{color:var(--gwc-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Coming soon */
.gwc-work .gwc-soon{border:1px dashed var(--gwc-line);padding:32px;display:grid;gap:8px;justify-items:start}
.gwc-work .gwc-soon h4{margin:0;font-weight:400;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--gwc-fg)}
.gwc-work .gwc-soon p{margin:0;color:var(--gwc-muted);font-size:12px;max-width:52ch}
.gwc-work .gwc-btn{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--gwc-line);padding:10px 18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--gwc-fg);background:var(--gwc-panel)}
.gwc-work .gwc-btn:hover{border-color:var(--gwc-gold);color:var(--gwc-fg)}

/* Pop-up player */
.gwc-work .gwc-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:24px 16px;overflow-y:auto}
.gwc-work .gwc-lb-inner{width:min(1000px,100%);display:grid;gap:14px}
.gwc-work .gwc-lb.is-vertical .gwc-lb-inner{width:min(400px,100%)}
.gwc-work .gwc-lb-frame{position:relative;aspect-ratio:16/9;border:1px solid var(--gwc-gold);background:#000}
.gwc-work .gwc-lb.is-vertical .gwc-lb-frame{aspect-ratio:9/16;max-height:78vh;margin-inline:auto;width:100%}
.gwc-work .gwc-lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gwc-work .gwc-lb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.gwc-work .gwc-lb-title{margin:0;font-weight:400;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--gwc-fg)}
.gwc-work .gwc-lb-meta{color:var(--gwc-muted);font-size:11px}
.gwc-work .gwc-lb-close,
.gwc-work .gwc-lb-close:hover{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gwc-muted);padding:6px}
.gwc-work .gwc-lb-close:hover{color:var(--gwc-fg)}
.gwc-work .gwc-lb-eps{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.gwc-work .gwc-ep,
.gwc-work .gwc-ep:hover{flex:0 0 auto;border:1px solid var(--gwc-line);padding:6px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gwc-muted);white-space:nowrap}
.gwc-work .gwc-ep:hover{color:var(--gwc-fg)}
.gwc-work .gwc-ep[aria-current="true"]{border-color:var(--gwc-gold);color:var(--gwc-fg);background:var(--gwc-gold-soft)}

@media (max-width:900px){
  .gwc-work .gwc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gwc-work .gwc-grid.is-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .gwc-work .gwc-worlds{grid-template-columns:1fr}
  .gwc-work .gwc-world + .gwc-world{border-left:0;border-top:1px solid var(--gwc-line)}
  .gwc-work .gwc-grid{grid-template-columns:1fr}
  .gwc-work .gwc-card.is-feature{grid-column:auto;grid-row:auto}
  .gwc-work .gwc-grid.is-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.gwc-work *{transition:none!important}}

/* ======================================================================
   Page layout (hero="yes")
   ==================================================================== */
.gwc-work.is-page{padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px) clamp(40px,6vw,80px)}
.gwc-work.is-page > *{max-width:1180px;margin-left:auto;margin-right:auto}
.gwc-work .gwc-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding-bottom:40px}
.gwc-work .gwc-hero-title{margin:16px 0 0;font-weight:400;font-size:clamp(30px,5.6vw,64px);line-height:1.08;letter-spacing:.02em;text-transform:uppercase;color:var(--gwc-fg);text-wrap:balance}
.gwc-work .gwc-hero-intro{margin:20px 0 0;max-width:52ch;color:var(--gwc-muted);font-size:13px}
.gwc-work .gwc-mark{width:44px;height:44px;position:relative;align-self:start}
.gwc-work .gwc-mark::before,.gwc-work .gwc-mark::after{content:"";position:absolute;background:var(--gwc-gold)}
.gwc-work .gwc-mark::before{left:50%;top:0;bottom:0;width:8px;transform:translateX(-50%)}
.gwc-work .gwc-mark::after{top:50%;left:0;right:0;height:8px;transform:translateY(-50%)}

/* ======================================================================
   BTS Gallery
   ==================================================================== */
.gwc-work .gwc-masonry{columns:3 260px;column-gap:16px}
.gwc-work .gwc-shot,
.gwc-work .gwc-shot:hover,
.gwc-work .gwc-shot:focus{display:block;width:100%;margin:0 0 16px;break-inside:avoid;position:relative;overflow:hidden;border:1px solid var(--gwc-line);background:var(--gwc-panel)}
.gwc-work .gwc-shot img{display:block;width:100%;height:auto;max-width:100%;margin:0;border-radius:0;transition:transform .6s ease,filter .4s}
.gwc-work .gwc-shot:hover{border-color:var(--gwc-gold)}
.gwc-work .gwc-shot:hover img{transform:scale(1.03)}
.gwc-work .gwc-shot.is-video::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.gwc-work .gwc-shot .gwc-play{z-index:2}
.gwc-work .gwc-shot:hover .gwc-play{background:var(--gwc-gold);border-color:var(--gwc-gold)}
.gwc-work .gwc-shot-tag{position:absolute;z-index:2;top:10px;left:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;background:rgba(0,0,0,.7);border:1px solid var(--gwc-gold);color:var(--gwc-gold)}

.gwc-work .gwc-blb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.94);display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:8px;padding:56px 12px 24px}
.gwc-work .gwc-blb-fig{margin:0;display:grid;gap:12px;justify-items:center;min-width:0}
.gwc-work .gwc-blb-media{width:100%;display:grid;place-items:center}
.gwc-work .gwc-blb-media img{max-width:100%;max-height:78vh;width:auto;height:auto;border:1px solid var(--gwc-line);margin:0}
.gwc-work .gwc-blb-media .gwc-blb-video{position:relative;width:min(1000px,100%);aspect-ratio:16/9;border:1px solid var(--gwc-gold)}
.gwc-work .gwc-blb-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gwc-work .gwc-blb-cap{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gwc-muted);text-align:center}
.gwc-work .gwc-blb-btn,
.gwc-work .gwc-blb-btn:hover,
.gwc-work .gwc-blb-btn:focus{width:48px;height:48px;border:1px solid var(--gwc-line);display:grid;place-items:center;font-size:18px;color:var(--gwc-fg);text-align:center}
.gwc-work .gwc-blb-btn:hover{border-color:var(--gwc-gold);color:var(--gwc-gold)}
.gwc-work .gwc-blb-close,
.gwc-work .gwc-blb-close:hover{position:absolute;top:14px;right:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gwc-muted);padding:6px}
.gwc-work .gwc-blb-close:hover{color:var(--gwc-fg)}

/* ======================================================================
   Our Team
   ==================================================================== */
.gwc-work .gwc-num{font-variant-numeric:tabular-nums;color:var(--gwc-gold)}
.gwc-work .gwc-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.gwc-work .gwc-person{display:grid;gap:14px;align-content:start;min-width:0}
.gwc-work .gwc-photo{position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden;border:1px solid var(--gwc-line);background:var(--gwc-panel)}
.gwc-work .gwc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .6s;margin:0;max-width:none;border-radius:0}
.gwc-work .gwc-person:hover .gwc-photo img{filter:none;transform:scale(1.03)}
.gwc-work .gwc-person:hover .gwc-photo{border-color:var(--gwc-gold)}
.gwc-work .gwc-initials{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(28px,4vw,48px);letter-spacing:.08em;color:var(--gwc-gold)}
.gwc-work .gwc-person h4{margin:0;font-weight:400;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--gwc-fg)}
.gwc-work .gwc-role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gwc-gold);margin-top:4px}
.gwc-work .gwc-bio{margin:10px 0 0;font-size:12px;color:var(--gwc-muted);max-width:52ch}
.gwc-work .gwc-known{margin:10px 0 0;font-size:12px;color:var(--gwc-fg)}
.gwc-work .gwc-known .gwc-label{margin-right:6px}
.gwc-work .gwc-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px}
.gwc-work .gwc-links a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gwc-muted);text-decoration:none;border-bottom:1px solid var(--gwc-line);padding-bottom:2px}
.gwc-work .gwc-links a:hover{color:var(--gwc-gold);border-color:var(--gwc-gold)}
.gwc-work .gwc-people.is-lead{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.gwc-work .gwc-people.is-lead .gwc-person{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:end}
.gwc-work .gwc-people.is-lead .gwc-person h4{font-size:clamp(18px,2.2vw,24px)}

/* ======================================================================
   Header menu [gwc_nav]
   ==================================================================== */
.gwc-work.gwc-nav{background:transparent;display:flex;align-items:center;gap:24px;position:relative;width:100%}
.gwc-work.gwc-nav.is-right{justify-content:flex-end}
.gwc-work.gwc-nav.is-center{justify-content:center}
.gwc-work.gwc-nav .gwc-nav-logo{margin-right:auto}
.gwc-work.gwc-nav .gwc-nav-logo img{max-height:56px;width:auto}
.gwc-work.gwc-nav .gwc-nav-name{color:var(--gwc-fg);text-decoration:none;text-transform:uppercase;letter-spacing:.08em}
.gwc-work .gwc-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 28px;align-items:center}
.gwc-work .gwc-nav-list li{margin:0;padding:0}
.gwc-work .gwc-nav-list a{display:inline-block;padding:8px 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gwc-fg);text-decoration:none;transition:color .2s}
.gwc-work .gwc-nav-list a:hover{color:var(--gwc-gold)}
.gwc-work .gwc-nav-list .current-menu-item > a{color:var(--gwc-gold)}
.gwc-work .gwc-nav-list .current-menu-item > a::before{content:"[ "}
.gwc-work .gwc-nav-list .current-menu-item > a::after{content:" ]"}
.gwc-work .gwc-nav-toggle,
.gwc-work .gwc-nav-toggle:hover,
.gwc-work .gwc-nav-toggle:focus{display:none;gap:10px;align-items:center;border:1px solid var(--gwc-line);padding:8px 14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gwc-fg)}

@media (max-width:900px){
  .gwc-work .gwc-people{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gwc-work .gwc-people.is-lead{grid-template-columns:1fr}
}
@media (max-width:767px){
  .gwc-work .gwc-nav-toggle,
  .gwc-work .gwc-nav-toggle:hover,
  .gwc-work .gwc-nav-toggle:focus{display:inline-flex}
  .gwc-work .gwc-nav-menu{display:none;position:absolute;top:calc(100% + 12px);right:0;z-index:9999;min-width:220px;background:var(--gwc-bg);border:1px solid var(--gwc-line);padding:12px 20px}
  .gwc-work.gwc-nav.is-open .gwc-nav-menu{display:block}
  .gwc-work .gwc-nav-list{flex-direction:column;align-items:flex-start;gap:0}
  .gwc-work .gwc-nav-list a{padding:10px 0}
}
@media (max-width:560px){
  .gwc-work .gwc-hero{grid-template-columns:1fr}
  .gwc-work .gwc-mark{display:none}
  .gwc-work .gwc-masonry{columns:2 140px;column-gap:10px}
  .gwc-work .gwc-shot{margin-bottom:10px}
  .gwc-work .gwc-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .gwc-work .gwc-people.is-lead .gwc-person{grid-template-columns:1fr}
  .gwc-work .gwc-blb{grid-template-columns:40px minmax(0,1fr) 40px;padding-inline:4px}
  .gwc-work .gwc-blb-btn,.gwc-work .gwc-blb-btn:hover,.gwc-work .gwc-blb-btn:focus{width:36px;height:36px}
}