/* JEBTAM STAGING — HOMEPAGE V7: fixed OceanWP header + no sticky lead-in */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&display=swap');

/* =============================================================
   EASY DESIGN CONTROLS — KEEP YOUR V5 POSITIONS
   X smaller = left; Y smaller = up; headline size controls all.
   ============================================================= */
body.home .jebtam-type-stage {
 --headline-size-desktop: 100px;
 --headline-weight:700;
 --headline-letter-spacing:-0.015em;
 --line-1-x:40%; --line-1-y:08%;
 --line-2-x:43%; --line-2-y:29%;
 --line-3-x:47%; --line-3-y:51%;
 --line-4-x:52%; --line-4-y:75%;
 --desk-y:0px;
 --desk-size:100% auto;
 position:relative;
 height:240svh;
 background:#fff;
}

/* =============================================================
   V7 HEADER / STAGE ANCHOR
   OceanWP uses #site-header (not #masthead). The first-scroll
   jump occurred because the old pin was sticky at HEADER HEIGHT,
   which required it to travel before locking. Pin now starts at
   viewport top=0 while the fixed header overlays its upper edge.
   ============================================================= */
:root { --jebtam-admin-height:0px; --jebtam-header-height:196px; }
body.admin-bar { --jebtam-admin-height:32px; }
@media (max-width:782px) { body.admin-bar { --jebtam-admin-height:46px; } }
body.home { background:#f7f5f2 !important; }

/* OceanWP's actual header ID; preserve the theme's layout internally. */
body.home #site-header,
body.home #masthead,
body.home header.site-header {
    position:fixed !important;
    top:var(--jebtam-admin-height) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin:0 !important;
    transform:none !important;
    z-index:9998 !important;
}
/* Disable OceanWP scroll-class positioning on the homepage only. */
body.home #site-header.is-sticky,
body.home #site-header.sticky,
body.home #site-header.fixed-scroll {
    top:var(--jebtam-admin-height) !important;
    transform:none !important;
}
body.home .jebtam-type-home {
    padding-top:calc(var(--jebtam-admin-height) + var(--jebtam-header-height));
    background:transparent !important;
}
body.home .jebtam-type-home *,
body.home .jebtam-type-home *::before,
body.home .jebtam-type-home *::after { box-sizing:border-box; }
body.home .jebtam-type-pin {
    position:fixed;
    top:calc(var(--jebtam-admin-height) + var(--jebtam-header-height));
    left:0;
    right:0;
    width:100%;
    height:calc(100svh - var(--jebtam-admin-height) - var(--jebtam-header-height));
    min-height:560px;
    overflow:hidden;
    isolation:isolate;
}
/* Hide the fixed scene once the story has ended. */
body.home .jebtam-type-stage.is-complete .jebtam-type-pin { visibility:hidden; }
/* The desk starts below the fixed header, with NO scroll lead-in. */
body.home .jebtam-type-desk,
body.home .jebtam-type-headline {
    clip-path:inset(0 0 0 0);
}
body.home .jebtam-type-desk {
 position:absolute;
 inset:0;
 z-index:0;
 background-color:#fff;
 background-image:url('/wp-content/uploads/2026/09/static-home.png');
 background-repeat:no-repeat;
 background-size:var(--desk-size);
 background-position:center var(--desk-y);
}
body.home .jebtam-type-headline {
 position:absolute;inset:0;z-index:1;margin:0;padding:0;
 pointer-events:none;color:#050505;
 font-family:'Oswald','Arial Narrow',sans-serif;
 font-weight:var(--headline-weight);
 font-size:var(--headline-size-desktop);
 line-height:1.04;letter-spacing:var(--headline-letter-spacing);
}
body.home .jebtam-type-line {
 display:block;position:absolute;width:max-content;max-width:96%;
 white-space:nowrap;opacity:1;transform:translate3d(0,0,0);
 will-change:transform;
}
body.home .jebtam-type-line-1{top:var(--line-1-y);left:var(--line-1-x);}
body.home .jebtam-type-line-2{top:var(--line-2-y);left:var(--line-2-x);}
body.home .jebtam-type-line-3{top:var(--line-3-y);left:var(--line-3-x);}
body.home .jebtam-type-line-4{top:var(--line-4-y);left:var(--line-4-x);}
body.home .jebtam-word-why{display:inline-block;will-change:transform;}

@media(max-width:1200px) and (min-width:768px){
 body.home .jebtam-type-stage{
  --headline-size-desktop:clamp(60px,6.1vw,90px);
  --line-1-x:46%;--line-2-x:47%;--line-3-x:43%;--line-4-x:48%;
 }
}

/* FEATURED WORK */
body.home .jebtam-featured-work{position:relative;padding:100px 0 90px;background:#f7f4f1;}
body.home .jebtam-featured-work>.jebtam-container,body.home .jebtam-final-cta>.jebtam-container{width:calc(100% - 48px);max-width:1110px;margin:0 auto;}
body.home .jebtam-work-project{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:65px;}
body.home .jebtam-work-project-content h2{margin:0 0 24px;color:#171c1f;font-size:clamp(34px,3.3vw,47px);line-height:1.08;letter-spacing:-.04em;}
body.home .jebtam-work-project-content h2 span{color:#9a6d42;}
body.home .jebtam-project-label{color:#9a6d42;font-size:11px;font-weight:800;letter-spacing:.14em;}
body.home .jebtam-work-project-content p{color:#5b6367;font-size:16px;line-height:1.7;}
body.home .jebtam-work-project-content .jebtam-project-lead{color:#202629;font-size:18px;font-weight:700;}
body.home .jebtam-work-project-visual{min-width:0;padding:24px;border:1px solid #ded5cc;border-left:4px solid #9a6d42;background:#fff;box-shadow:0 18px 42px rgba(23,28,31,.08);}
body.home .jebtam-work-project-visual img{display:block;width:100%;height:auto;}
body.home .jebtam-work-footer{margin-top:60px;padding-top:22px;border-top:1px solid rgba(154,109,66,.2);}
body.home .jebtam-text-link{color:#8b6039!important;font-weight:800;text-decoration:none!important;}
/* FINAL CTA */
body.home .jebtam-final-cta{padding:100px 0;background:linear-gradient(135deg,#111719,#182023 60%,#101517);}
body.home .jebtam-final-cta-inner{max-width:850px;}
body.home .jebtam-final-cta-eyebrow{color:#c79564;font-size:11px;font-weight:800;letter-spacing:.18em;}
body.home .jebtam-final-cta h2{color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.05;}
body.home .jebtam-final-cta h2 span{color:#c79564;}
body.home .jebtam-final-cta-copy{max-width:760px;color:rgba(255,255,255,.75);font-size:18px;line-height:1.7;}
body.home .jebtam-final-cta-link{display:inline-flex;gap:12px;margin-top:25px;padding:15px 22px;background:#9a6d42;color:#fff!important;text-decoration:none!important;font-weight:800;}
/* EXISTING THEME REVEALS */
.jebtam-reveal-ready .jebtam-reveal{opacity:0;transition:opacity 1s ease,transform 1.2s ease;}
.jebtam-reveal-ready .jebtam-reveal-left{transform:translateX(-100px);}
.jebtam-reveal-ready .jebtam-reveal-right{transform:translateX(100px);}
.jebtam-reveal-ready .jebtam-reveal-up{transform:translateY(75px);}
.jebtam-reveal-ready .jebtam-reveal.is-visible{opacity:1;transform:none;}
@media(max-width:767px){
 body.home .jebtam-type-stage{
  height:200svh;
  --line-1-x:26%;--line-1-y:12%;
  --line-2-x:27%;--line-2-y:28%;
  --line-3-x:7%;--line-3-y:48%;
  --line-4-x:20%;--line-4-y:68%;
 }
 body.home .jebtam-type-pin{min-height:0;}
 body.home .jebtam-type-desk{background-size:auto 100%;background-position:35% 0;}
 body.home .jebtam-type-headline{font-size:clamp(35px,7.6vw,58px);}
 body.home .jebtam-type-line{max-width:96%;white-space:normal;}
 body.home .jebtam-featured-work{padding:70px 0;}
 body.home .jebtam-featured-work>.jebtam-container,body.home .jebtam-final-cta>.jebtam-container{width:calc(100% - 32px);}
 body.home .jebtam-work-project{grid-template-columns:1fr;gap:30px;}
 body.home .jebtam-final-cta{padding:75px 0;}
 body.home .jebtam-final-cta h2{font-size:clamp(38px,10vw,52px);}
}
@media(prefers-reduced-motion:reduce){.jebtam-reveal-ready .jebtam-reveal{opacity:1!important;transform:none!important;transition:none!important;}}

/* V8: Keep the stage above following sections until its scroll interval ends. */
body.home .jebtam-type-stage { z-index:2; }
body.home .jebtam-featured-work { z-index:3; }