.gtc-site .gts-portfolio-home{background:#f3f3f0}
.gtc-site .gts-portfolio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.gtc-site .gts-portfolio-section-heading h2{max-width:760px;margin:0}
.gtc-site .gts-portfolio-section-heading .kicker{margin-bottom:20px}
.gtc-site .gts-portfolio-section-heading .text-link{flex:none}
.gtc-site .gts-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.gtc-site .gts-portfolio-filter-item{min-width:0}
.gtc-site .gts-portfolio-card{height:100%;min-width:0}
.gtc-site .gts-portfolio-card>a{display:block;height:100%}
.gtc-site .gts-portfolio-card-image{overflow:hidden;background:#e9e9e9;border-radius:16px;aspect-ratio:4/3;position:relative}
.gtc-site .gts-portfolio-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gtc-site .gts-portfolio-card a:hover img{transform:scale(1.045)}
.gtc-site .gts-portfolio-card a:focus-visible{outline-offset:5px}
.gtc-site .gts-portfolio-image-placeholder{height:100%;display:grid;place-items:center;font-size:clamp(2rem,5vw,5rem);font-weight:900;color:#333}
.gtc-site .gts-portfolio-card-copy{padding:18px 3px 10px}
.gtc-site .gts-portfolio-kicker{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-height:1.3em;margin-bottom:12px;font-weight:800}
.gtc-site .gts-portfolio-card h3{font-size:clamp(1.35rem,1.7vw,1.9rem);letter-spacing:-.045em;line-height:1.12;margin:0 0 7px;display:flex;justify-content:space-between;gap:10px}
.gtc-site .gts-portfolio-card h3 span{font-size:1.1em;color:var(--orange)}
.gtc-site .gts-portfolio-client{font-weight:700;margin:0 0 7px}
.gtc-site .gts-portfolio-summary{color:#535353;line-height:1.5;margin:0}
.gtc-site .gts-portfolio-intro{padding-bottom:70px}
.gtc-site .gts-portfolio-intro h1{margin:0 0 22px}
.gtc-site .gts-portfolio-intro p:not(.kicker){font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.55;max-width:720px}
.gtc-site .gts-portfolio-gallery{padding-top:20px}
.gtc-site .gts-portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:42px;border-bottom:1px solid var(--line);padding-bottom:20px}
.gtc-site .gts-portfolio-filters button{cursor:pointer;border:0;background:transparent;padding:11px 15px;font-size:.9rem;font-weight:750;color:#575757;border-radius:5px}
.gtc-site .gts-portfolio-filters button:hover,.gtc-site .gts-portfolio-filters button.is-active{background:var(--black);color:#fff}
.gtc-site .gts-portfolio-more{cursor:pointer;margin:48px auto 0;display:block;border:1px solid var(--black);padding:15px 24px;background:transparent;font-weight:750}
.gtc-site .gts-portfolio-more[hidden],.gtc-site .gts-portfolio-filter-item[hidden]{display:none!important}
.gtc-site .gts-portfolio-cta{background:var(--green);color:#050505}
.gtc-site .gts-portfolio-cta h2{max-width:800px;margin-bottom:34px}
.gtc-site .gts-project-hero{padding-bottom:64px}
.gtc-site .gts-project-back{margin-bottom:55px}
.gtc-site .gts-project-hero h1{max-width:1050px}
.gtc-site .gts-project-lead{font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.45;max-width:820px}
.gtc-site .gts-project-meta{display:flex;gap:28px 80px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:54px}
.gtc-site .gts-project-meta>div{max-width:440px}
.gtc-site .gts-project-meta small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-weight:800}
.gtc-site .gts-project-meta strong{font-size:1.05rem;line-height:1.4}
.gtc-site .gts-project-cover{margin:0;width:100%;max-height:760px;background:#eee;overflow:hidden}
.gtc-site .gts-project-cover img{width:100%;height:auto;max-height:760px;object-fit:cover;display:block}
.gtc-site .gts-project-story{background:#0b0b0b;color:#fff}
.gtc-site .gts-project-story-row{display:grid;grid-template-columns:1fr 1.6fr;gap:50px;padding:38px 0;border-top:1px solid rgba(255,255,255,.3)}
.gtc-site .gts-project-story-row:last-child{border-bottom:1px solid rgba(255,255,255,.3)}
.gtc-site .gts-project-story-row h2{font-size:clamp(2rem,3.5vw,3.8rem);margin:0}
.gtc-site .gts-project-story-row p{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.65;margin:0;max-width:750px}
.gtc-site .gts-project-gallery h2{max-width:900px;margin-bottom:45px}
.gtc-site .gts-project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gtc-site .gts-project-gallery-grid figure{margin:0;min-width:0}
.gtc-site .gts-project-gallery-grid img{display:block;width:100%;height:auto;border-radius:12px}
.gtc-site .gts-project-gallery-grid figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
.gtc-site .gts-project-links{display:flex;gap:28px;flex-wrap:wrap;padding-bottom:80px}
.gtc-site.gts-dark-mode .gts-portfolio-home,.gtc-site.gts-dark-mode .gts-portfolio-gallery,.gtc-site.gts-dark-mode .gts-portfolio-intro,.gtc-site.gts-dark-mode .gts-project-hero,.gtc-site.gts-dark-mode .gts-project-gallery{background:#111;color:#fff}
.gtc-site.gts-dark-mode .gts-portfolio-card-image{background:#292929}
.gtc-site.gts-dark-mode .gts-portfolio-summary,.gtc-site.gts-dark-mode .gts-portfolio-client,.gtc-site.gts-dark-mode .gts-portfolio-image-placeholder{color:#ddd}
.gtc-site.gts-dark-mode .gts-portfolio-filters button{color:#ddd}
.gtc-site.gts-dark-mode .gts-portfolio-filters button:hover,.gtc-site.gts-dark-mode .gts-portfolio-filters button.is-active{background:var(--green);color:#050505}
.gtc-site.gts-dark-mode .gts-portfolio-more{border-color:#ddd;color:#fff}
@media(max-width:1000px){.gtc-site .gts-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .gtc-site .gts-portfolio-section-heading{display:block}
 .gtc-site .gts-portfolio-section-heading h2{margin-bottom:22px}
 .gtc-site .gts-portfolio-grid,.gtc-site .gts-project-gallery-grid{grid-template-columns:1fr}
 .gtc-site .gts-project-story-row{grid-template-columns:1fr;gap:10px}
 .gtc-site .gts-portfolio-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:12px}
 .gtc-site .gts-portfolio-filters button{white-space:nowrap}
 .gtc-site .gts-project-cover img{max-height:none}
}
@media(prefers-reduced-motion:reduce){.gtc-site .gts-portfolio-card img{transition:none}.gtc-site .gts-portfolio-card a:hover img{transform:none}}
