/* Project-only shell fix: retain clipping and the formatting context without
   creating an overflow scroll container that traps position:sticky. */
body>.container:has(>.wrapper>#b2p){overflow:clip;display:flow-root;}
/* All new presentation is scoped to the project content. The theme header is untouched. */
#b2p{--b2p-green:#27f7a4;--b2p-muted:#b0bdb6;--b2p-line:#ffffff20;--b2p-gutter:clamp(20px,4vw,48px);position:relative;isolation:isolate;background:#131615;color:#f0f4f1;font-family:"Space Grotesk",sans-serif;font-size:16px;line-height:1.6;text-align:left;}
#b2p *,#b2p *::before,#b2p *::after{box-sizing:border-box;}
#b2p h1,#b2p h2,#b2p h3,#b2p p,#b2p figure,#b2p dl,#b2p dd,#b2p ul{margin:0;padding:0;}
#b2p h1,#b2p h2,#b2p h3{color:inherit;font-family:inherit;font-weight:500;text-transform:none;}
#b2p h1::after,#b2p h2::after,#b2p h3::after,#b2p li::before,#b2p li::after{display:none;}
#b2p h2{font-size:clamp(32px,3.6vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:23ch;}
#b2p h2>span{color:var(--b2p-muted);}
#b2p a{color:inherit;text-decoration:none;transition:color .2s;}
#b2p a:hover{color:var(--b2p-green);}
#b2p img{display:block;width:100%;height:auto;max-width:100%;border-radius:0;}
#b2p button{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;width:auto;height:auto;min-height:0;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:400;text-transform:none;letter-spacing:normal;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;box-shadow:none;}
#b2p button::before,#b2p button::after{display:none;}
#b2p a:focus-visible,#b2p button:focus-visible{outline:2px solid var(--b2p-green);outline-offset:6px;}
#b2p .b2p-wrap{width:calc(100% - var(--b2p-gutter) * 2);max-width:1280px;margin-inline:auto;}
#b2p section[id]{scroll-margin-top:120px;}
#b2p .b2p-eyebrow{display:block;font-family:Consolas,monospace;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--b2p-green);margin-bottom:20px;}
#b2p .b2p-scene{position:relative;overflow:hidden;width:100%;max-width:none;height:auto!important;min-height:0;margin:0;padding:0;z-index:auto;background:#111916;}
#b2p .b2p-scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.83;}
#b2p .b2p-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08100ee8 0%,#08100e85 46%,#08100e38 100%),linear-gradient(0deg,#131615 0%,#13161500 53%);pointer-events:none;}
#b2p .b2p-overlay{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.45fr);gap:clamp(36px,5vw,80px);align-items:center;padding-top:190px;padding-bottom:120px;min-height:720px;}
#b2p .b2p-hero-copy{min-width:0;}
#b2p h1{font-size:clamp(44px,5.3vw,80px);line-height:.98;letter-spacing:-.055em;overflow-wrap:normal;}
#b2p h1 span{color:var(--b2p-green);}
#b2p[data-project="incoming-war"] h1{font-size:clamp(65px,6.3vw,100px);}
#b2p[data-project="phantom-doctrine-2-the-cabal"] h1{font-size:clamp(43px,4.5vw,68px);}
#b2p .b2p-intro{font-size:18px;color:#d4ded7;line-height:1.6;margin-top:27px;max-width:36ch;}
#b2p .b2p-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px;}
#b2p .b2p-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 23px;background:var(--b2p-green);color:#062b1c;font-size:13px;font-weight:600;line-height:1.5;min-height:48px;transition:background .2s;}
#b2p .b2p-button:hover{background:#a2ffda;color:#062b1c;}
#b2p .b2p-text-link{font-size:13px;line-height:1.5;padding-block:10px;display:inline-block;}
#b2p .b2p-play-icon{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;flex-shrink:0;}
#b2p .b2p-frame{min-width:0;background:#09110c7a;padding:9px;border:1px solid #d5f8e72c;box-shadow:0 24px 70px #0007;backdrop-filter:blur(8px);}
#b2p .b2p-trailer{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#000;isolation:isolate;}
#b2p .b2p-trailer>img{height:100%;width:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:brightness(.72);}
#b2p .b2p-trailer::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050d0bd9,transparent 48%);z-index:0;}
#b2p .b2p-trailer:hover>img{transform:scale(1.025);filter:brightness(.9);}
#b2p .b2p-trailer-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:1;}
#b2p .b2p-trailer-play>span:last-child{font:10px Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;}
#b2p .b2p-play-circle{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:1px solid #fff9;background:#091c135c;backdrop-filter:blur(6px);transition:background .2s,color .2s;}
#b2p .b2p-trailer:hover .b2p-play-circle{background:var(--b2p-green);color:#072419;}
#b2p .b2p-play-circle .b2p-play-icon{border-left-width:13px;border-top-width:8px;border-bottom-width:8px;margin-left:4px;}
#b2p .b2p-trailer-label{position:absolute;z-index:1;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;gap:12px;font:10px Consolas,monospace;line-height:1.5;}
#b2p .b2p-frame-caption{display:flex;justify-content:space-between;gap:15px;padding:15px 8px 7px;font:9px Consolas,monospace;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:#c7d2cc;}
#b2p .b2p-overlap{position:relative;z-index:2;margin-top:-43px;}
#b2p .b2p-facts{display:grid;grid-template-columns:1.25fr 1fr 1.2fr;gap:40px;border:1px solid var(--b2p-line);background:#151d19eb;backdrop-filter:blur(15px);padding:30px 34px;}
#b2p .b2p-facts dt{font:10px Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--b2p-muted);margin-bottom:10px;}
#b2p .b2p-facts dd{font-size:14px;line-height:1.5;}
#b2p .b2p-case{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;position:relative;padding:85px 0 90px;z-index:1;}
#b2p .b2p-sidebar{align-self:start;position:sticky;top:130px;}
#b2p .b2p-sidebar a{display:block;padding:13px 0;border-bottom:1px solid var(--b2p-line);font-size:12px;color:var(--b2p-muted);}
#b2p .b2p-sidebar a:hover{color:var(--b2p-green);}
#b2p .b2p-sidebar a span{font:10px Consolas,monospace;color:var(--b2p-green);margin-right:12px;}
#b2p .b2p-case-content{min-width:0;}
#b2p .b2p-case-content>section+section{margin-top:85px;}
#b2p .b2p-lead{font-size:21px;line-height:1.6;color:#c3cec7;max-width:63ch;margin-top:25px;}
#b2p .b2p-scope{margin-top:34px;}
#b2p .b2p-scope-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px 20px;border-top:1px solid var(--b2p-line);padding:28px 0;}
#b2p .b2p-scope-row:last-child{border-bottom:1px solid var(--b2p-line);}
#b2p .b2p-number{grid-row:span 2;font:12px Consolas,monospace;color:var(--b2p-green);padding-top:6px;}
#b2p .b2p-scope-row h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;}
#b2p .b2p-scope-row p{grid-column:2;font-size:15px;color:var(--b2p-muted);max-width:62ch;}
#b2p .b2p-credit{margin-top:28px;padding:18px 23px;border-left:2px solid var(--b2p-green);background:#27f7a407;color:var(--b2p-muted);font-size:13px;}
#b2p .b2p-credit strong{font-weight:400;color:#e7efea;}
#b2p .b2p-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;}
#b2p .b2p-workflow article{padding:24px 20px 14px 0;border-top:1px solid var(--b2p-line);}
#b2p .b2p-workflow article+article{padding-left:22px;border-left:1px solid var(--b2p-line);}
#b2p .b2p-workflow .b2p-eyebrow{font-size:10px;letter-spacing:.04em;}
#b2p .b2p-workflow h3{font-size:22px;line-height:1.2;letter-spacing:-.03em;}
#b2p .b2p-workflow p{font-size:13px;color:var(--b2p-muted);margin-top:13px;}
#b2p .b2p-art-band{position:relative;margin-top:32px;height:300px;overflow:hidden;}
#b2p .b2p-art-band img{height:100%;object-fit:cover;}
#b2p .b2p-art-band figcaption{position:absolute;left:20px;right:20px;bottom:16px;font:10px Consolas,monospace;color:#fff;text-shadow:0 2px 5px #000;background:#07150ec9;padding:8px;width:fit-content;max-width:calc(100% - 40px);}
#b2p .b2p-skills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;}
#b2p .b2p-skills li{margin:0;padding:9px 14px;border:1px solid var(--b2p-line);font-size:12px;color:#c9d4cd;}
#b2p .b2p-more{padding-block:65px 75px;border-top:1px solid var(--b2p-line);}
#b2p .b2p-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px;}
#b2p .b2p-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
#b2p .b2p-work-card{display:block;min-width:0;}
#b2p .b2p-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;}
#b2p .b2p-card-image img{height:100%;object-fit:cover;transition:transform .4s;}
#b2p .b2p-card-image>span{position:absolute;bottom:12px;right:12px;width:35px;height:35px;background:#0a1e16cc;color:white;display:grid;place-items:center;}
#b2p .b2p-work-card:hover img{transform:scale(1.035);}
#b2p .b2p-work-card h3{font-size:22px;letter-spacing:-.025em;line-height:1.25;margin-top:20px;}
#b2p .b2p-work-card p{font-size:12px;color:var(--b2p-muted);margin-top:8px;}
#b2p .b2p-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;border-top:1px solid var(--b2p-line);padding-block:75px 110px;}
#b2p .b2p-contact h2{font-size:clamp(34px,4.4vw,64px);}
#b2p .b2p-contact h2>span{color:var(--b2p-green);}
#b2p .b2p-contact p{font-size:13px;color:var(--b2p-muted);margin-top:20px;}
#b2p .b2p-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;}
#b2p .b2p-film{display:flex;flex-direction:column;align-items:stretch;text-align:left;}
#b2p .b2p-film-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;margin-bottom:16px;}
#b2p .b2p-film-image img{height:100%;object-fit:cover;filter:brightness(.8);}
#b2p .b2p-film-image .b2p-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#b2p .b2p-film .b2p-eyebrow{font-size:9px;margin-bottom:9px;}
#b2p .b2p-film strong{font-size:16px;line-height:1.4;font-weight:400;}
#b2p .b2p-film:hover strong{color:var(--b2p-green);}
#b2p .b2p-stills{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
#b2p .b2p-stills figcaption{font-size:10px;color:var(--b2p-muted);margin-top:10px;}
#b2p .b2p-dialog{position:fixed;inset:0;margin:auto;width:min(1180px,94vw);max-width:94vw;max-height:94dvh;padding:0;overflow:auto;background:#101714;color:#f0f4f1;border:1px solid #ffffff30;box-shadow:0 30px 100px #0009;}
#b2p .b2p-dialog::backdrop{background:#030a08e8;backdrop-filter:blur(10px);}
#b2p .b2p-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;}
#b2p .b2p-dialog-heading h2{font-size:18px;max-width:none;line-height:1.4;letter-spacing:-.02em;}
#b2p .b2p-close{width:44px;height:44px;flex-shrink:0;font-size:28px;}
#b2p .b2p-video-slot{aspect-ratio:16/9;background:#000;}
#b2p .b2p-video-slot iframe{width:100%;height:100%;display:block;border:0;}
#b2p .b2p-dialog-footer{display:flex;gap:20px;justify-content:space-between;padding:16px 22px;font-size:12px;color:var(--b2p-muted);}
#b2p .b2p-youtube{text-decoration:underline;text-underline-offset:4px;}
@media(min-width:1500px){#b2p .b2p-overlay{padding-top:210px;padding-bottom:140px;min-height:760px;}}
@media(max-width:1100px){#b2p .b2p-case{grid-template-columns:170px minmax(0,1fr);gap:40px;}#b2p .b2p-overlay{gap:35px;}#b2p .b2p-frame-caption{font-size:8px;}#b2p .b2p-facts{gap:25px;padding:26px;}#b2p .b2p-actions{gap:13px;}}
@media(max-width:900px){#b2p .b2p-overlay{grid-template-columns:1fr;gap:35px;padding-top:135px;padding-bottom:95px;min-height:0;}#b2p h1,#b2p[data-project="phantom-doctrine-2-the-cabal"] h1{font-size:clamp(46px,8vw,76px);max-width:14ch;}#b2p[data-project="incoming-war"] h1{font-size:clamp(65px,10vw,92px);}#b2p .b2p-intro{max-width:53ch;margin-top:22px;font-size:17px;}#b2p .b2p-scene-art{object-position:62% 40%;}#b2p .b2p-scene::after{background:linear-gradient(90deg,#08100ed9,#08100e66),linear-gradient(0deg,#131615,transparent 75%);}#b2p .b2p-case{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:65px;}#b2p .b2p-sidebar{position:static;display:flex;gap:22px;overflow-x:auto;padding-bottom:10px;}#b2p .b2p-sidebar>.b2p-eyebrow{display:none;}#b2p .b2p-sidebar a{white-space:nowrap;}#b2p .b2p-sidebar a span{margin-right:6px;}#b2p .b2p-facts{grid-template-columns:1fr 1fr;}#b2p .b2p-facts>div:first-child{grid-column:1/-1;}#b2p .b2p-work-grid{gap:20px;}#b2p .b2p-work-card h3{font-size:19px;}#b2p .b2p-contact{grid-template-columns:1fr;gap:28px;padding-block:60px 85px;}#b2p .b2p-contact .b2p-button{justify-self:start;}#b2p .b2p-frame-caption{font-size:9px;}}
@media(max-width:560px){#b2p{--b2p-gutter:20px;}#b2p .b2p-overlay{padding-top:125px;gap:30px;padding-bottom:80px;}#b2p .b2p-eyebrow{font-size:10px;margin-bottom:18px;}#b2p h1,#b2p[data-project="phantom-doctrine-2-the-cabal"] h1{font-size:clamp(39px,10vw,56px);}#b2p[data-project="incoming-war"] h1{font-size:clamp(61px,15vw,80px);}#b2p .b2p-intro{font-size:16px;}#b2p .b2p-actions{gap:12px 20px;margin-top:24px;}#b2p .b2p-button{padding:12px 17px;font-size:12px;}#b2p .b2p-text-link{font-size:12px;}#b2p .b2p-frame{padding:6px;}#b2p .b2p-frame-caption{font-size:8px;gap:12px;padding:12px 3px 6px;}#b2p .b2p-frame-caption>span:last-child{display:none;}#b2p .b2p-play-circle{width:56px;height:56px;}#b2p .b2p-trailer-play{gap:10px;}#b2p .b2p-trailer-play>span:last-child{font-size:8px;}#b2p .b2p-trailer-label{left:12px;right:12px;bottom:10px;font-size:8px;}#b2p .b2p-trailer-label>span:last-child{display:none;}#b2p .b2p-facts{gap:22px 20px;padding:23px 20px;}#b2p .b2p-facts dd{font-size:12px;}#b2p .b2p-facts dt{font-size:9px;}#b2p .b2p-case-content>section+section{margin-top:60px;}#b2p .b2p-lead{font-size:18px;}#b2p .b2p-scope-row{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:24px 0;}#b2p .b2p-scope-row h3{font-size:23px;}#b2p .b2p-scope-row p{font-size:14px;}#b2p .b2p-credit{padding:16px 18px;font-size:12px;}#b2p .b2p-workflow{grid-template-columns:1fr;}#b2p .b2p-workflow article+article{padding-left:0;border-left:0;}#b2p .b2p-workflow article{padding-bottom:24px;}#b2p .b2p-workflow .b2p-eyebrow{margin-bottom:12px;}#b2p .b2p-workflow p{font-size:14px;}#b2p .b2p-art-band{height:220px;}#b2p .b2p-art-band figcaption{font-size:9px;}#b2p .b2p-more{padding-block:50px 55px;}#b2p .b2p-section-heading{align-items:start;flex-direction:column;gap:12px;}#b2p .b2p-work-grid{grid-template-columns:1fr;gap:32px;}#b2p .b2p-work-card h3{font-size:23px;margin-top:15px;}#b2p .b2p-film-grid{grid-template-columns:1fr;gap:27px;}#b2p .b2p-film strong{font-size:19px;}#b2p .b2p-stills{grid-template-columns:1fr;}#b2p .b2p-dialog-heading{padding:8px 12px;gap:8px;}#b2p .b2p-dialog-heading h2{font-size:14px;}#b2p .b2p-dialog-footer{flex-direction:column;gap:8px;padding:13px;font-size:11px;}}
@media(max-width:900px){
  #b2p .b2p-case{display:block;}
  #b2p .b2p-sidebar{position:sticky;top:100px;z-index:3;background:#131615;margin-bottom:36px;}
  #b2p section[id]{scroll-margin-top:182px;}
}
@media(prefers-reduced-motion:reduce){#b2p *,#b2p *::before,#b2p *::after{animation:none!important;transition:none!important;}}
