/* JEBTAM — OUR WORK — CLEAN MATCHED STYLESHEET */
body .jebtam-work-page{width:100%;overflow:hidden;background:#fff;color:#171c1f}
body .jebtam-work-page *,body .jebtam-work-page *::before,body .jebtam-work-page *::after{box-sizing:border-box}
body .jebtam-work-page .jebtam-work-shell{width:calc(100% - 48px);max-width:1110px;margin:0 auto;padding:0}
body .jebtam-work-page a{text-decoration:none}
body .jebtam-work-page .jebtam-section-eyebrow,body .jebtam-work-page .jebtam-work-eyebrow,body .jebtam-work-page .jebtam-project-label{margin:0 0 16px;color:#9a6d42;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:.17em;text-transform:uppercase}
/* HERO */
body .jebtam-work-page .jebtam-work-hero{position:relative;padding:96px 0 105px;overflow:hidden;background:radial-gradient(circle at 87% 18%,rgba(154,109,66,.13),transparent 28%),linear-gradient(135deg,#f7f3ee,#fff 66%)}
body .jebtam-work-page .jebtam-work-hero-inner{position:relative;z-index:2;max-width:960px}
body .jebtam-work-page .jebtam-work-hero h1{margin:0;color:#171c1f;font-size:clamp(54px,5.6vw,78px);font-weight:700;line-height:.98;letter-spacing:-.052em}
body .jebtam-work-page .jebtam-work-hero h1 span{color:#9a6d42}
body .jebtam-work-page .jebtam-work-hero-copy{max-width:790px;margin:28px 0 0;color:#596469;font-size:18px;line-height:1.7}
body .jebtam-work-page .jebtam-work-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
body .jebtam-work-page .jebtam-work-primary-link,body .jebtam-work-page .jebtam-work-secondary-link{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;font-size:13px;font-weight:800;transition:.2s ease}
body .jebtam-work-page .jebtam-work-primary-link{background:#9a6d42;color:#fff!important;border:1px solid #9a6d42}
body .jebtam-work-page .jebtam-work-secondary-link{border:1px solid rgba(154,109,66,.42);color:#815a37!important;background:#fff}
body .jebtam-work-page .jebtam-work-hero-circle{position:absolute;top:-320px;right:-190px;width:650px;height:650px;border:1px solid rgba(154,109,66,.10);border-radius:50%}
/* INTRO + SHARED */
body .jebtam-work-page .jebtam-work-connected-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:85px}
body .jebtam-work-page .jebtam-work-connected h2,body .jebtam-work-page .jebtam-work-section-heading h2{margin:0;color:#171c1f;font-size:clamp(42px,4.2vw,60px);font-weight:700;line-height:1.03;letter-spacing:-.045em}
body .jebtam-work-page .jebtam-work-connected h2 span,body .jebtam-work-page .jebtam-work-section-heading h2 span{color:#9a6d42}
body .jebtam-work-page .jebtam-work-connected-copy p,body .jebtam-work-page .jebtam-work-section-copy p{color:#5c666b;font-size:16px;line-height:1.75}
body .jebtam-work-page .jebtam-work-section{padding:105px 0 115px}
body .jebtam-work-page .jebtam-work-section-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:80px;align-items:end;width:100%;margin-bottom:55px}
body .jebtam-work-page .jebtam-text-link{display:inline-flex;align-items:center;gap:9px;color:#8b6039!important;font-size:12px;font-weight:800;transition:gap .2s ease}
body .jebtam-work-page .jebtam-text-link:hover{gap:15px}
/* WEBSITES */
body .jebtam-work-page .jebtam-work-websites,body .jebtam-work-page .jebtam-work-publishing{background:#f3eee8}
body .jebtam-work-page .jebtam-feature-project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center;margin-bottom:72px}
body .jebtam-work-page .jebtam-feature-project:last-child{margin-bottom:0}
body .jebtam-work-page .jebtam-feature-project-reverse .jebtam-browser-frame{order:2}
body .jebtam-work-page .jebtam-feature-project-reverse .jebtam-feature-project-copy{order:1}
body .jebtam-work-page .jebtam-browser-frame{min-width:0;overflow:hidden;border:1px solid rgba(23,28,31,.13);background:#fff;box-shadow:0 24px 55px rgba(23,28,31,.12)}
body .jebtam-work-page .jebtam-browser-bar{display:flex;gap:7px;padding:12px 15px;background:#171c1f}
body .jebtam-work-page .jebtam-browser-bar span{width:7px;height:7px;border-radius:50%;background:#9a6d42}
body .jebtam-work-page .jebtam-browser-frame img{display:block;width:100%;height:auto}
body .jebtam-work-page .jebtam-project-number{display:block;margin:0 0 30px;color:#9a6d42;font-size:11px;font-weight:800;letter-spacing:.17em}
body .jebtam-work-page .jebtam-feature-project-copy h3{margin:0 0 20px;font-size:clamp(32px,3vw,44px);line-height:1.05}
body .jebtam-work-page .jebtam-feature-project-copy h3 span{color:#9a6d42}
body .jebtam-work-page .jebtam-feature-project-copy>p:not(.jebtam-project-label){color:#5d676c;font-size:15px;line-height:1.72}
body .jebtam-work-page .jebtam-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}
body .jebtam-work-page .jebtam-project-tags a{padding:7px 9px;border:1px solid rgba(154,109,66,.24);background:#fff;color:#805a38!important;font-size:9px;font-weight:800}
/* MEDIA */
body .jebtam-work-page .jebtam-work-media{background:linear-gradient(145deg,#111719,#192225)}
body .jebtam-work-page .jebtam-work-section-heading-light h2{color:#fff}
body .jebtam-work-page .jebtam-work-section-heading-light h2 span,body .jebtam-work-page .jebtam-work-section-heading-light .jebtam-section-eyebrow{color:#c79564}
body .jebtam-work-page .jebtam-work-section-heading-light p{color:rgba(255,255,255,.68)!important}
body .jebtam-work-page .jebtam-work-section-heading-light .jebtam-text-link{color:#d6a675!important}
body .jebtam-work-page .jebtam-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%}
body .jebtam-work-page .jebtam-media-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#101719}
body .jebtam-work-page .jebtam-media-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
body .jebtam-work-page .jebtam-media-video video{display:block;width:100%;height:100%;object-fit:cover}
body .jebtam-work-page .jebtam-media-video::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,13,.76),transparent 55%);pointer-events:none}
body .jebtam-work-page .jebtam-media-overlay{position:absolute;z-index:2;left:25px;right:25px;bottom:22px}
body .jebtam-work-page .jebtam-media-overlay span{display:block;color:#d2a16f;font-size:8px;font-weight:800;letter-spacing:.17em}
body .jebtam-work-page .jebtam-media-overlay strong{display:block;color:#fff;font-size:26px}
body .jebtam-work-page .jebtam-media-card-copy{padding:26px 28px 30px}
body .jebtam-work-page .jebtam-media-card-copy h3{color:#fff;font-size:24px}
body .jebtam-work-page .jebtam-media-card-copy p{color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}
body .jebtam-work-page .jebtam-media-card-copy .jebtam-text-link{color:#d6a675!important}
/* BRAND */
body .jebtam-work-page .jebtam-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
body .jebtam-work-page .jebtam-brand-card{min-width:0;overflow:hidden;border:1px solid #ded5cc;background:#fff;box-shadow:0 18px 42px rgba(23,28,31,.09)}
body .jebtam-work-page .jebtam-brand-image{padding:16px;background:#e9e5df}
body .jebtam-work-page .jebtam-brand-image img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
body .jebtam-work-page .jebtam-brand-card-copy{padding:25px 27px 28px;border-top:3px solid #9a6d42}
body .jebtam-work-page .jebtam-brand-card-copy>span{color:#9a6d42;font-size:8px;font-weight:800;letter-spacing:.17em}
body .jebtam-work-page .jebtam-brand-card-copy h3{margin:8px 0 10px;font-size:25px}
body .jebtam-work-page .jebtam-brand-card-copy p{color:#5d676c;font-size:14px;line-height:1.7}
/* PUBLISHING */
body .jebtam-work-page .jebtam-publishing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body .jebtam-work-page .jebtam-publishing-card{min-height:430px;padding:38px;display:flex;flex-direction:column}
body .jebtam-work-page .jebtam-publishing-card h3{font-size:34px;line-height:1.08}
body .jebtam-work-page .jebtam-publishing-card>p:not(.jebtam-project-label){font-size:15px;line-height:1.72}
body .jebtam-work-page .jebtam-publishing-card .jebtam-project-tags{margin-top:auto}
body .jebtam-work-page .jebtam-publishing-card-dark{background:#151b1e;color:#fff}
body .jebtam-work-page .jebtam-publishing-card-dark h3{color:#fff}
body .jebtam-work-page .jebtam-publishing-card-dark>p:not(.jebtam-project-label){color:rgba(255,255,255,.68)}
body .jebtam-work-page .jebtam-publishing-card-bronze{background:linear-gradient(135deg,#7d5735,#9a6d42 62%,#805936);color:#fff}
body .jebtam-work-page .jebtam-publishing-card-bronze h3{color:#fff}
body .jebtam-work-page .jebtam-publishing-card-bronze>p:not(.jebtam-project-label){color:rgba(255,255,255,.8)}
body .jebtam-work-page .jebtam-publishing-card-dark .jebtam-project-tags a,body .jebtam-work-page .jebtam-publishing-card-bronze .jebtam-project-tags a{background:rgba(255,255,255,.08);color:#fff!important}
/* CONNECTED + CTA */
body .jebtam-work-page .jebtam-work-connected{padding:100px 0 105px}
body .jebtam-work-page .jebtam-final-cta{padding:96px 0 102px;background:linear-gradient(135deg,#111719,#182023 60%,#101517)}
body .jebtam-work-page .jebtam-final-cta-inner{max-width:930px}
body .jebtam-work-page .jebtam-final-cta-eyebrow{color:#c79564;font-size:10px;font-weight:800;letter-spacing:.18em}
body .jebtam-work-page .jebtam-final-cta h2{color:#fff;font-size:clamp(46px,4.8vw,68px);line-height:1.02}
body .jebtam-work-page .jebtam-final-cta h2 span{color:#c79564}
body .jebtam-work-page .jebtam-final-cta-copy{color:rgba(255,255,255,.7);font-size:18px}
body .jebtam-work-page .jebtam-final-cta-link{display:inline-flex;gap:12px;margin-top:28px;padding:15px 22px;background:#9a6d42;color:#fff!important;font-weight:800}
/* RESPONSIVE */
@media(max-width:959px){body .jebtam-work-page .jebtam-work-shell{width:calc(100% - 40px)}body .jebtam-work-page .jebtam-work-connected-grid,body .jebtam-work-page .jebtam-work-section-heading,body .jebtam-work-page .jebtam-feature-project{grid-template-columns:1fr;gap:28px}body .jebtam-work-page .jebtam-feature-project-reverse .jebtam-browser-frame,body .jebtam-work-page .jebtam-feature-project-reverse .jebtam-feature-project-copy{order:initial}body .jebtam-work-page .jebtam-media-grid,body .jebtam-work-page .jebtam-brand-grid,body .jebtam-work-page .jebtam-publishing-grid{grid-template-columns:1fr}body .jebtam-work-page .jebtam-work-section{padding:82px 0 90px}}
@media(max-width:600px){body .jebtam-work-page .jebtam-work-shell{width:calc(100% - 32px)}body .jebtam-work-page .jebtam-work-hero{padding:62px 0 70px}body .jebtam-work-page .jebtam-work-hero h1{font-size:clamp(42px,12vw,54px)}body .jebtam-work-page .jebtam-work-hero-actions{display:grid}body .jebtam-work-page .jebtam-work-primary-link,body .jebtam-work-page .jebtam-work-secondary-link{justify-content:space-between}body .jebtam-work-page .jebtam-work-section{padding:68px 0 74px}body .jebtam-work-page .jebtam-brand-image{padding:10px}body .jebtam-work-page .jebtam-publishing-card{min-height:0;padding:28px 24px}body .jebtam-work-page .jebtam-final-cta{padding:70px 0 76px}body .jebtam-work-page .jebtam-final-cta-link{width:100%;justify-content:space-between}}



/* =========================================================
   JEBTAM — OUR WORK — PORTFOLIO REBUILD
   Definitive layout layer
   ========================================================= */

body .jebtam-work-page .jebtam-work-hero{padding:82px 0 88px}
body .jebtam-work-page .jebtam-work-hero-inner{max-width:880px}
body .jebtam-work-page .jebtam-work-hero h1{font-size:clamp(52px,5.2vw,74px);line-height:.99}
body .jebtam-work-page .jebtam-work-hero-copy{max-width:700px;font-size:17px}

body .jebtam-work-page .jebtam-work-websites{padding:92px 0 100px;background:#f3eee8}
body .jebtam-work-page .jebtam-feature-project{grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:54px;margin-bottom:92px}
body .jebtam-work-page .jebtam-feature-project:last-child{margin-bottom:0}
body .jebtam-work-page .jebtam-feature-project-copy h3{font-size:clamp(34px,3vw,44px);letter-spacing:-.03em}
body .jebtam-work-page .jebtam-project-label{margin-bottom:16px}
body .jebtam-work-page .jebtam-project-did{margin:25px 0 10px;color:#9a6d42;font-size:9px;font-weight:800;letter-spacing:.17em}
body .jebtam-work-page .jebtam-project-tags{margin:0 0 22px}
body .jebtam-work-page .jebtam-browser-frame{box-shadow:0 22px 50px rgba(23,28,31,.11)}

body .jebtam-work-page .jebtam-work-media,
body .jebtam-work-page .jebtam-work-brand,
body .jebtam-work-page .jebtam-work-publishing{padding:92px 0 100px}

body .jebtam-work-page .jebtam-work-section-heading{grid-template-columns:minmax(0,1.12fr) minmax(300px,.72fr);gap:64px;margin-bottom:46px}
body .jebtam-work-page .jebtam-work-section-heading h2{font-size:clamp(40px,4vw,57px)}

body .jebtam-work-page .jebtam-media-grid,
body .jebtam-work-page .jebtam-brand-grid{gap:28px}

body .jebtam-work-page .jebtam-media-card-copy{padding:24px 26px 27px}
body .jebtam-work-page .jebtam-media-card-copy h3{margin:0 0 10px}
body .jebtam-work-page .jebtam-media-card-copy p{margin:0 0 18px}

body .jebtam-work-page .jebtam-brand-card-copy p{margin-bottom:0}

body .jebtam-work-page .jebtam-publishing-card{min-height:390px;padding:36px}
body .jebtam-work-page .jebtam-publishing-card h3{margin:0 0 16px}

body .jebtam-work-page .jebtam-final-cta{padding:90px 0 96px}

/* The theme constrains this section's parent width on desktop.
   Center the media portfolio rail directly against the viewport. */
@media (min-width:960px){
  body .jebtam-work-page .jebtam-work-media>.jebtam-work-shell{
    position:relative!important;
    width:min(1110px,calc(100vw - 48px))!important;
    max-width:none!important;
    left:50vw!important;
    transform:translateX(-50%)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body .jebtam-work-page .jebtam-work-media .jebtam-media-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:959px){
  body .jebtam-work-page .jebtam-feature-project{grid-template-columns:1fr;gap:30px;margin-bottom:68px}
  body .jebtam-work-page .jebtam-feature-project-reverse .jebtam-browser-frame,
  body .jebtam-work-page .jebtam-feature-project-reverse .jebtam-feature-project-copy{order:initial}
  body .jebtam-work-page .jebtam-work-section-heading{grid-template-columns:1fr;gap:24px}
}

@media(max-width:600px){
  body .jebtam-work-page .jebtam-work-hero{padding:58px 0 64px}
  body .jebtam-work-page .jebtam-work-websites,
  body .jebtam-work-page .jebtam-work-media,
  body .jebtam-work-page .jebtam-work-brand,
  body .jebtam-work-page .jebtam-work-publishing{padding:64px 0 70px}
  body .jebtam-work-page .jebtam-feature-project{margin-bottom:58px}
}