/* Generated from bc-home.src.css + bc-stories.src.css + bc-article.src.css. Edit the sources, not this file. */
/* ==========================================================================
   Banana Capital — Homepage (Figma: Banana Capital - Homepage V7, node 310:3136)
   Lives in Divi > Page Settings > Advanced > Custom CSS
   ========================================================================== */
body:has(.bc-sec),body:has(.bc-sec) #page-container,body:has(.bc-sec) #main-content{background:#0a0b0d}

/* ---------- Divi resets (scoped to .bc-sec sections) ---------- */
#page-container #et-boc .bc-sec{--bc-gx:max(24px,calc((100% - 1300px) / 2));position:relative;padding:0!important;margin:0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#d1d1d1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-color:#0a0b0d}
#page-container #et-boc .bc-sec .et_pb_row{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important;position:relative;z-index:2;box-sizing:border-box}
#page-container #et-boc .bc-sec .et_pb_row::after{content:none}
#page-container #et-boc .bc-sec .et_pb_row .et_pb_column{float:none;width:auto!important;margin:0!important;padding:0;position:relative;min-height:0;box-sizing:border-box}
#page-container #et-boc .bc-sec .et_pb_module{margin:0!important;padding:0;box-sizing:border-box}
#page-container #et-boc .bc-sec .et_pb_text_inner>*:last-child{padding-bottom:0}
#page-container #et-boc .bc-sec p{padding:0;margin:0;font-size:inherit;line-height:inherit}
#page-container #et-boc .bc-sec h1,#page-container #et-boc .bc-sec h2,#page-container #et-boc .bc-sec h3{padding:0;margin:0;font-family:inherit;font-weight:600;line-height:normal;letter-spacing:0;color:inherit}
#page-container #et-boc .bc-sec a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}
#page-container #et-boc .bc-sec .et_pb_image .et_pb_image_wrap{display:block}
#page-container #et-boc .bc-sec .et_pb_image img{display:block;max-width:none}
#page-container #et-boc .bc-sec .bc-hand{font-family:'Architects Daughter',cursive;font-weight:400;font-style:normal}
#page-container #et-boc .bc-sec .bc-y{color:#fd0}
#page-container #et-boc .bc-sec .bc-si{font-weight:600;font-style:italic}

/* background rows (Code modules painted behind content) */
#page-container #et-boc .bc-sec .et_pb_row.bc-bgrow{position:absolute!important;inset:0;width:auto!important;z-index:0!important;pointer-events:none}
#page-container #et-boc .bc-sec .bc-bgrow .et_pb_column,#page-container #et-boc .bc-sec .bc-bgrow .et_pb_module,#page-container #et-boc .bc-sec .bc-bgrow .et_pb_code_inner{position:static!important}

/* ---------- Buttons ---------- */
#page-container #et-boc .bc-sec .et_pb_button_module_wrapper{line-height:0}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit.et_pb_button{display:inline-flex!important;align-items:center;gap:10px;box-sizing:border-box;padding:14px 28px!important;border:0!important;border-radius:30px!important;background:#fd0!important;color:#0a0b0d!important;font-family:'Inter',sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:18px!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;box-shadow:none!important;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,scale .16s cubic-bezier(.23,1,.32,1)!important}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn::after,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit.et_pb_button::after{content:''!important;display:block!important;position:static!important;opacity:1!important;flex:none;width:12.894px;height:9.667px;margin:-.75px -1.06px -.75px -.75px!important;font-size:0!important;line-height:0!important;background-color:currentColor;-webkit-mask:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/arrow-dark.svg) center/100% 100% no-repeat;mask:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/arrow-dark.svg) center/100% 100% no-repeat;transition:transform .2s ease;transform:none}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn::before,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit.et_pb_button::before{content:none!important;display:none!important}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn:hover,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit.et_pb_button:hover{background:#ffe94d!important;padding:14px 28px!important}
@media (hover:hover) and (pointer:fine){#page-container #et-boc .bc-sec a.et_pb_button.bc-btn:hover::after,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit.et_pb_button:hover::after{transform:translateX(3px)}}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn:active,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit.et_pb_button:active{scale:.97}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn:focus-visible,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit:focus-visible{outline:2px solid #fff3a3;outline-offset:3px}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn--ghost,#page-container #et-boc .bc-sec a.et_pb_button.bc-btn--ghost:hover{background:transparent!important;border:1.5px solid #8b8b8b!important;color:#d1d1d1!important;padding:12.5px 26.5px!important}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn--ghost:hover{border-color:#fd0!important;color:#fd0!important}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn--slate,#page-container #et-boc .bc-sec a.et_pb_button.bc-btn--slate:hover{background:transparent!important;border:1.5px solid #707b8a!important;color:#4b5563!important;padding:12.5px 26.5px!important}
#page-container #et-boc .bc-sec a.et_pb_button.bc-btn--slate:hover{border-color:#111827!important;color:#111827!important}

/* ---------- 1. Top nav ---------- */
#page-container #et-boc .bc-nav{background:#010101;border-bottom:1px solid #2d3036}
#page-container #et-boc .bc-nav .et_pb_row{height:99px;padding:0 var(--bc-gx)!important}
#page-container #et-boc .bc-nav .et_pb_row .et_pb_column{display:flex;align-items:center;justify-content:space-between;width:100%!important;height:100%}
#page-container #et-boc .bc-nav .bc-logo img{width:142px;height:70px}
#page-container #et-boc .bc-sec .bc-menu{display:flex;align-items:center;gap:40px}
#page-container #et-boc .bc-sec .bc-menu{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}
#page-container #et-boc .bc-sec .bc-menu a{font-size:15px;font-weight:500;line-height:normal;color:#fff}
#page-container #et-boc .bc-sec .bc-menu a:hover{color:#fd0}

/* ---------- 2. Hero ---------- */
#page-container #et-boc .bc-hero{background:#000;min-height:max(540px,43.75vw);display:flex;align-items:center}
#page-container #et-boc .bc-hero .et_pb_row.bc-hero-row{display:flex;align-items:center;justify-content:flex-end;gap:58px;padding:40px var(--bc-gx)!important}
.bc-hero-bg{position:absolute;inset:0;overflow:hidden;container-type:size}
.bc-hero-bg__frame{position:absolute;left:50%;top:50%;width:max(100cqw,228.5714cqh);height:max(100cqh,43.75cqw);transform:translate(-50%,-50%);overflow:hidden}
.bc-hero-bg__frame>div{position:absolute;inset:0}
.bc-hero-bg__img{overflow:hidden}
.bc-hero-bg__img img{position:absolute;max-width:none!important;width:102.08%;height:100%}
.bc-hero-bg__img--1 img{left:-1.06%;top:3.7%}
.bc-hero-bg__img--2 img{left:-14.56%;top:.07%}
.bc-hero-bg__g1{background-image:linear-gradient(-89.99999866079472deg,rgba(0,0,0,0) 0%,#000 19.375%)}
.bc-hero-bg__g2{background-image:linear-gradient(57.38561755576091deg,rgba(0,0,0,0) 36.581%,#000 42.919%,#000 61.791%,rgba(0,0,0,0) 68.547%)}
.bc-hero-bg__r1{mix-blend-mode:hard-light;background-size:100% 100%;background-image:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-hero-glow-1.svg)}
.bc-hero-bg__r2{background-size:100% 100%;background-image:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-hero-glow-2.svg)}
#page-container #et-boc .bc-hero .et_pb_row .bc-hero-copy{width:445px!important;flex:none;display:flex;flex-direction:column;align-items:center;gap:30px}
#page-container #et-boc .bc-hero .bc-hero-copy .et_pb_text{width:100%}
#page-container #et-boc .bc-hero .bc-hero-copy .et_pb_button_module_wrapper{padding-top:8px}
#page-container #et-boc .bc-sec .bc-hero-title{font-size:64px}
#page-container #et-boc .bc-sec .bc-hero-title .l1{display:block;color:#fff;font-weight:600;line-height:normal;text-align:center}
#page-container #et-boc .bc-sec .bc-hero-title .l2{display:block;width:426px;color:#fd0;line-height:1.15;text-align:center}
#page-container #et-boc .bc-sec .bc-hero-sub{margin-top:30px;font-size:18px;line-height:1.6;color:#d1d1d1;text-align:center}
#page-container #et-boc .bc-hero .et_pb_row .bc-hero-art{width:370px!important;flex:none}
#page-container #et-boc .bc-hero .bc-hero-art img{width:370px;height:419px;object-fit:cover;transform:scaleX(-1)}

/* ---------- 3. Highlights ticker ---------- */
#page-container #et-boc .bc-hl{background:#1c1e20}
.bc-hl-track{display:flex;align-items:center;justify-content:center;gap:50px;padding:20px 0;white-space:nowrap}
.bc-hl-track>*{flex:none}
.bc-hl-track .i{width:16px;height:16px}
.bc-hl-track .x{width:19px;height:16px}
.bc-hl-track .d{font-family:'Architects Daughter',cursive;font-size:16px;line-height:1.15;letter-spacing:1.6px;text-transform:uppercase;color:rgba(212,158,0,.6)}
.bc-hl-track .brand{display:flex;align-items:center;gap:10px;color:#d49e00;text-transform:uppercase}
.bc-hl-track .brand .d{color:#d49e00}
.bc-hl-track .brand .t{width:104px;font-size:12px;line-height:1.15;letter-spacing:1.2px}

/* ---------- 4. Research categories (stories + reading) ---------- */
#page-container #et-boc .bc-research{background:#0a0b0d}
.bc-research-bg{position:absolute;inset:0;overflow:hidden}
.bc-research-bg canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:.6;pointer-events:none}
.bc-research-bg__r{position:absolute;inset:0;background-size:100% 100%;background-image:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-research-glow.svg)}
#page-container #et-boc .bc-sec .et_pb_row.bc-stories-head{width:calc(100% - 48px)!important;max-width:860px!important;padding:100px 0 80px!important;text-align:center}
#page-container #et-boc .bc-sec .bc-h2{font-size:40px;font-weight:600;line-height:normal;color:#fff;text-align:center}
#page-container #et-boc .bc-sec .bc-lead{margin-top:20px;font-size:16px;line-height:1.6;color:#d1d1d1;text-align:center}

#page-container #et-boc .bc-sec .et_pb_row.bc-cards{display:grid;grid-template-columns:repeat(3,420px);gap:40px 20px;justify-content:center;width:calc(100% - 48px)!important}
#page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card{width:auto!important;height:386px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 30px;border:1px solid #2f3b4b;border-radius:60px;overflow:hidden;isolation:isolate;background:linear-gradient(to top,#141619,#181e28);box-shadow:0 2px 20px rgba(0,0,0,.4);transition:border-color .25s ease,translate .45s cubic-bezier(.23,1,.32,1),box-shadow .45s ease}
#page-container #et-boc .bc-sec .bc-cards .bc-card::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(to top,#181e28 20.192%,#503d03);opacity:0;transition:opacity .3s ease}
#page-container #et-boc .bc-sec .bc-card .et_pb_text{flex:1 1 auto;width:100%;display:flex}
#page-container #et-boc .bc-sec .bc-card .et_pb_text_inner{display:flex;flex-direction:column;align-items:center;width:100%}
#page-container #et-boc .bc-sec .bc-card__icon{position:relative;flex:none;width:100px;height:100px;border-radius:50%;background:#fff3a3}
#page-container #et-boc .bc-sec .bc-card__icon img{position:absolute;left:16px;top:16px;width:68px;height:68px;max-width:none;object-fit:cover}
#page-container #et-boc .bc-sec .bc-card__body{margin:auto 0;min-height:110px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
#page-container #et-boc .bc-sec .bc-card__body--center{justify-content:center}
#page-container #et-boc .bc-sec .bc-card__title{font-size:20px;font-weight:600;line-height:normal;color:#fff;transition:color .25s ease}
#page-container #et-boc .bc-sec .bc-card__desc{max-width:350px;font-size:14px;line-height:1.6;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-card__count{font-size:14px;line-height:1.6;font-weight:600;font-style:italic;color:#d49e00}
/* active card = card 1 by default, follows the pointer */
#page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card.is-active,#page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card:hover{border:2px solid #fd0;padding:39px 29px}
#page-container #et-boc .bc-sec .bc-cards .bc-card.is-active::before,#page-container #et-boc .bc-sec .bc-cards .bc-card:hover::before{opacity:1}
#page-container #et-boc .bc-sec .bc-cards .bc-card.is-active .bc-card__title,#page-container #et-boc .bc-sec .bc-cards .bc-card:hover .bc-card__title{color:#fd0}
#page-container #et-boc .bc-sec .bc-cards .bc-card.is-active a.et_pb_button.bc-btn--ghost,#page-container #et-boc .bc-sec .bc-cards .bc-card:hover a.et_pb_button.bc-btn--ghost{background:#fd0!important;border-color:#fd0!important;color:#0a0b0d!important}
#page-container #et-boc .bc-sec .bc-cards:has(.bc-card:hover) .et_pb_column.bc-card.is-active:not(:hover){border:1px solid #2f3b4b;padding:40px 30px}
#page-container #et-boc .bc-sec .bc-cards:has(.bc-card:hover) .bc-card.is-active:not(:hover)::before{opacity:0}
#page-container #et-boc .bc-sec .bc-cards:has(.bc-card:hover) .bc-card.is-active:not(:hover) .bc-card__title{color:#fff}
#page-container #et-boc .bc-sec .bc-cards:has(.bc-card:hover) .bc-card.is-active:not(:hover) a.et_pb_button.bc-btn--ghost{background:transparent!important;border-color:#8b8b8b!important;color:#d1d1d1!important}

#page-container #et-boc .bc-sec .et_pb_row.bc-reading-head{width:calc(100% - 48px)!important;padding:150px 0 70px!important;text-align:center}
#page-container #et-boc .bc-sec .bc-reading-title{font-size:40px;font-weight:600;line-height:normal;color:#fff;text-align:center}
#page-container #et-boc .bc-sec .bc-reading-title .bc-hand{font-size:48px;color:#fd0}
#page-container #et-boc .bc-sec .et_pb_row.bc-reading{width:calc(100% - 48px)!important;max-width:1088px!important;padding-bottom:100px!important}
.bc-reading-wrap{position:relative;height:447px}
.bc-art{position:absolute;left:0;top:0;width:447px;aspect-ratio:1/1}
.bc-art>*{position:absolute}
.bc-art__shape{left:0;top:1.79%;width:98.21%;height:98.21%;max-width:none!important}
.bc-art__mask{left:1.79%;top:0;width:98.21%;height:98.21%;-webkit-mask:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/union-mask.svg) 0 0/100% 100% no-repeat;mask:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/union-mask.svg) 0 0/100% 100% no-repeat}
.bc-art__mask>img{position:absolute;inset:0;width:100%;height:100%;max-width:none!important}
.bc-art__pic{position:absolute;overflow:hidden}
.bc-art__pic img{position:absolute;left:0;top:-14.32%;width:132.64%;height:128.64%;max-width:none!important}
.bc-art__mask .bc-art__pic{left:-1.822%;top:0;width:97.04%;height:100%}
.bc-art>.bc-art__pic{left:0;top:0;width:95.302%;height:98.21%}
.bc-reading-p1{position:absolute;left:375px;top:75px;width:713px;font-size:16px;line-height:26px;color:#fff}
.bc-reading-p2{position:absolute;left:512px;top:253px;width:508px;font-size:16px;line-height:32px;color:#fff}
.bc-chip{display:inline-block;padding:0 6px;margin-right:4px;background:linear-gradient(#fd0,#fd0) no-repeat 0 0/100% 100%;color:#0a0b0d;font-size:15px;line-height:1.6;font-weight:600;font-style:italic;vertical-align:baseline}
.bc-chip--gap{margin-left:4px}

/* ---------- 5. Team ---------- */
#page-container #et-boc .bc-team{background:linear-gradient(to bottom,#fff3a3 1.367%,#fff 100%)}
#page-container #et-boc .bc-sec .et_pb_row.bc-team-row{max-width:1600px!important;display:flex;align-items:flex-start;gap:20px;min-height:529px}
#page-container #et-boc .bc-team-row .et_pb_column.bc-team-art-col{flex:0 1 790px;min-width:0}
.bc-team-art{position:relative;width:100%;aspect-ratio:790/529;overflow:hidden}
.bc-team-art>div{position:absolute}
.bc-team-art__circle{left:32.025%;top:11.342%;width:53.165%;height:79.395%;border-radius:50%;background:#ffd000}
.bc-team-art__p{top:0;height:102.457%}
.bc-team-art__p img{display:block;width:100%;height:100%;max-width:none!important}
.bc-team-art__p--r{left:52.785%;width:44.051%}
.bc-team-art__p--r::after{content:'';position:absolute;inset:0;mix-blend-mode:multiply;background-size:100% 100%;background-image:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-team-shadow.svg)}
.bc-team-art__p--l{left:20.38%;width:46.076%}
#page-container #et-boc .bc-team-row .et_pb_column.bc-team-copy{flex:0 1 640px;min-width:0;padding:100px 24px 100px 0;display:flex;flex-direction:column;align-items:flex-start;gap:30px}
#page-container #et-boc .bc-sec .bc-team-title{max-width:608px;font-size:40px;font-weight:600;line-height:normal;color:#111827}
#page-container #et-boc .bc-sec .bc-team-title .bc-hand{line-height:1.65;position:relative;top:2px}
#page-container #et-boc .bc-sec .bc-team-body{margin-top:30px;font-size:16px;line-height:26px;color:#111827}
#page-container #et-boc .bc-team-copy .et_pb_button_module_wrapper{padding-top:8px}

/* ---------- 6. Quote ---------- */
#page-container #et-boc .bc-quote{background-color:#0a0b0d;background-size:100% 100%,auto;background-image:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-quote-glow.svg),linear-gradient(180deg,#664c00 0%,#0a0b0d 100%)}
#page-container #et-boc .bc-sec .et_pb_row.bc-quote-row{width:calc(100% - 48px)!important;max-width:860px!important;padding:100px 0!important}
#page-container #et-boc .bc-sec .bc-quote-text{height:107px;font-size:36px;font-weight:600;line-height:normal;color:#fff3a3}
#page-container #et-boc .bc-sec .bc-quote-text .bc-hand{font-size:40px;line-height:1.8;color:#fd0}
#page-container #et-boc .bc-sec .bc-quote-by{margin-top:30px;font-size:16px;font-weight:600;line-height:20px;color:#d49e00}

/* ---------- 7. Icon strip ---------- */
#page-container #et-boc .bc-strip{background:#0a0b0d}
.bc-strip-track{display:flex;align-items:center;justify-content:space-between;gap:20px;height:140px}
.bc-strip-track img{flex:none;width:30px;height:30px}

/* ---------- 8. Instagram panel ---------- */
#page-container #et-boc .bc-ig{background-color:#0a0b0d;background-image:linear-gradient(179.99999995370413deg,rgba(0,0,0,.25) 12.931%,rgba(212,158,0,.25) 24.395%,rgba(0,0,0,.25) 35.444%,rgba(0,0,0,.25) 53.933%,rgba(127,95,0,.25) 72.522%,rgba(10,11,13,.25) 80.848%);padding:100px 0 80px!important}
#page-container #et-boc .bc-sec .et_pb_row.bc-ig-top{width:calc(100% - 48px)!important;max-width:1300px!important;display:flex;align-items:center;gap:80px;margin-bottom:20px!important}
#page-container #et-boc .bc-ig-top .et_pb_column.bc-ig-main{flex:0 0 420px}
#page-container #et-boc .bc-ig-top .et_pb_column.bc-ig-copy{flex:0 1 690px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
#page-container #et-boc .bc-sec .bc-ig-title{font-size:40px;font-weight:600;line-height:normal;color:#fff}
#page-container #et-boc .bc-sec .bc-ig-title .bc-hand{font-size:48px;color:#fd0}
#page-container #et-boc .bc-sec .bc-ig-lead{margin-top:20px;font-size:16px;line-height:1.6;color:#d1d1d1}
#page-container #et-boc .bc-ig-copy .et_pb_button_module_wrapper{padding-top:20px}
#page-container #et-boc .bc-sec .et_pb_row.bc-ig-grid{width:calc(100% - 48px)!important;max-width:1300px!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#page-container #et-boc .bc-sec .bc-ig-img .et_pb_image_wrap{width:100%;aspect-ratio:1/1;border-radius:30px;overflow:hidden;transform:translateZ(0)}
#page-container #et-boc .bc-sec .bc-ig-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}
@media (hover:hover) and (pointer:fine){#page-container #et-boc .bc-sec .bc-ig-img a:hover img{transform:scale(1.04)}}

/* ---------- 9. Newsletter ---------- */
#page-container #et-boc .bc-news{min-height:442px;background:linear-gradient(to bottom,#0a0b0d 48.207%,#2a1f00 107.13%)}
.bc-news-bg{position:absolute;inset:0;overflow:hidden}
.bc-news-bg__inner{position:absolute;top:0;bottom:0;left:0;right:0;max-width:1600px;margin:0 auto}
.bc-news-deco{position:absolute;display:flex;align-items:center;justify-content:center}
.bc-news-deco__obj{position:relative;flex:none}
.bc-news-deco__obj img{position:absolute;max-width:none!important}
.bc-news-deco--l{left:43.57px;top:5px;width:406.395px;height:385.241px}
.bc-news-deco--l .bc-news-deco__obj{width:275.148px;height:319.485px;transform:rotate(-64.72deg);opacity:.4}
.bc-news-deco--l img{left:.14%;top:.05%;width:99.8%;height:99.89%}
.bc-news-deco--r{right:29.46px;top:67.37px;width:479.978px;height:509.74px}
.bc-news-deco--r .bc-news-deco__obj{width:418.089px;height:453.402px;transform:rotate(8.42deg)}
.bc-news-deco--r img{left:.09%;top:.08%;width:99.8%;height:99.9%}
#page-container #et-boc .bc-sec .et_pb_row.bc-news-head{width:calc(100% - 48px)!important;padding:100px 0 0!important;text-align:center}
#page-container #et-boc .bc-sec .bc-news-sub{margin-top:20px;font-size:16px;line-height:1.6;color:#d1d1d1;text-align:center}
#page-container #et-boc .bc-sec .et_pb_row.bc-news-form{width:calc(100% - 48px)!important;padding:28px 0 96px!important}
#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_form{margin:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:28px}
#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_form::before,#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_form::after{content:none!important;display:none!important}
#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_form_label{display:none!important}
#page-container #et-boc .bc-sec .bc-subscribe p.et_pb_contact_field{float:none!important;width:420px!important;max-width:100%;margin:0!important;padding:0!important}
#page-container #et-boc .bc-sec .bc-subscribe p.et_pb_contact_field input.input{width:100%;height:50px;box-sizing:border-box;margin:0;padding:14px 28px!important;border:1px solid #8b8b8b!important;border-radius:12px!important;background:transparent!important;color:#fff!important;font-family:'Inter',sans-serif;font-size:14px!important;line-height:normal!important;transition:border-color .2s ease}
#page-container #et-boc .bc-sec .bc-subscribe p.et_pb_contact_field input.input::placeholder{color:rgba(209,209,209,.8)!important;opacity:1}
#page-container #et-boc .bc-sec .bc-subscribe p.et_pb_contact_field input.input:focus{border-color:#fd0!important;outline:none}
#page-container #et-boc .bc-sec .bc-subscribe p.et_pb_contact_field input.input.et_contact_error{border-color:#ff6b6b!important}
#page-container #et-boc .bc-sec .bc-subscribe .et_contact_bottom_container{float:none!important;display:flex;justify-content:center;margin:0!important;text-align:center}
#page-container #et-boc .bc-sec .bc-subscribe .et_pb_contact_submit{margin:0!important}
#page-container #et-boc .bc-sec .bc-subscribe .et-pb-contact-message{font-size:16px;line-height:1.6;color:#d1d1d1;text-align:center}
#page-container #et-boc .bc-sec .bc-subscribe .et-pb-contact-message:not(:empty){margin-bottom:20px}
#page-container #et-boc .bc-sec .bc-subscribe .et-pb-contact-message ul{list-style:none;padding:0;margin:8px 0 0;color:#ff9b9b}

/* ---------- 10. Footer ---------- */
#page-container #et-boc .bc-footer{background:#0a0b0d;border-top:3px solid #d49e00}
#page-container #et-boc .bc-sec .et_pb_row.bc-footer-row{display:flex;align-items:flex-start;padding:80px var(--bc-gx) 77px!important}
#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-brand{width:310px!important;flex:none;display:flex;flex-direction:column;gap:30px}
#page-container #et-boc .bc-sec .bc-f-logo img{width:147.33px;height:100px}
#page-container #et-boc .bc-sec .bc-f-address{font-size:12px;line-height:18px;letter-spacing:.24px;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-f-group{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:12px;line-height:18px;letter-spacing:.24px;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-f-group img{width:36px;height:30px;object-fit:cover}
#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col{flex:none}
#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--nav{width:90px!important;margin-left:240px!important}
#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--contact{width:200px!important;margin-left:130px!important}
#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--social{width:200px!important;margin-left:130px!important}
#page-container #et-boc .bc-sec .bc-f-h{font-size:12px;line-height:normal;letter-spacing:.6px;text-transform:uppercase;color:#d49e00}
#page-container #et-boc .bc-sec .bc-f-list{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:20px}
#page-container #et-boc .bc-sec .bc-f-list a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:normal;color:#d1d1d1;white-space:nowrap}
#page-container #et-boc .bc-sec .bc-f-list a:hover{color:#fd0}
#page-container #et-boc .bc-sec .bc-f-list svg,#page-container #et-boc .bc-sec .bc-f-list img{flex:none;width:18px;height:18px}
#page-container #et-boc .bc-copy{background:#0a0b0d;border-top:1px solid #3c3c3c}
#page-container #et-boc .bc-sec .et_pb_row.bc-copy-row{padding:20px 24px!important;text-align:center;color:#8b8b8b}
#page-container #et-boc .bc-sec .bc-copy-row p{font-size:13px;line-height:20px;text-align:center}
#page-container #et-boc .bc-sec .bc-copy-row p.small{margin-top:6px;font-size:11px}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1399px){
  #page-container #et-boc .bc-sec .et_pb_row.bc-cards{grid-template-columns:repeat(3,minmax(0,420px))}
  #page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card{padding:40px 20px}
  #page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card.is-active,#page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card:hover{padding:39px 19px}
  #page-container #et-boc .bc-sec .bc-cards:has(.bc-card:hover) .et_pb_column.bc-card.is-active:not(:hover){padding:40px 20px}
  #page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--nav{margin-left:auto!important}
  #page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--contact,#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--social{margin-left:clamp(48px,8vw,130px)!important}
}
@media (max-width:1400px){
  .bc-news-deco--l{transform:scale(.75);transform-origin:0 0}
  .bc-news-deco--r{transform:scale(.75);transform-origin:100% 0}
}
@media (max-width:1180px){
  .bc-reading-wrap{height:auto;display:flex;flex-direction:column;align-items:center;gap:40px}
  #page-container #et-boc .bc-sec .bc-reading-wrap .et_pb_module{width:100%}
  .bc-art{position:relative;width:min(447px,100%);margin:0 auto}
  #page-container #et-boc .bc-sec .bc-reading-p1,#page-container #et-boc .bc-sec .bc-reading-p2{position:static;width:auto;max-width:713px;margin:0 auto;text-align:center}
  #page-container #et-boc .bc-sec .bc-reading-p2{margin-top:24px}
  #page-container #et-boc .bc-sec .et_pb_row.bc-reading-head{padding-top:120px!important;padding-bottom:50px!important}
}
@media (max-width:980px){
  #page-container #et-boc .bc-hero{min-height:0}
  #page-container #et-boc .bc-hero .et_pb_row.bc-hero-row{flex-direction:column-reverse;justify-content:center;gap:24px;padding:56px 24px 64px!important}
  #page-container #et-boc .bc-hero .et_pb_row .bc-hero-copy{width:100%!important;max-width:445px}
  #page-container #et-boc .bc-hero .et_pb_row .bc-hero-art{width:260px!important}
  #page-container #et-boc .bc-hero .bc-hero-art img{width:260px;height:auto;aspect-ratio:370/419}
  #page-container #et-boc .bc-sec .et_pb_row.bc-cards{grid-template-columns:repeat(2,minmax(0,420px))}
  #page-container #et-boc .bc-sec .et_pb_row.bc-team-row{flex-direction:column;align-items:center;gap:0;min-height:0}
  #page-container #et-boc .bc-team-row .et_pb_column.bc-team-art-col{flex:none;width:100%!important;max-width:790px}
  #page-container #et-boc .bc-team-row .et_pb_column.bc-team-copy{flex:none;width:100%!important;max-width:688px;padding:56px 24px 72px}
  #page-container #et-boc .bc-sec .et_pb_row.bc-ig-top{flex-direction:column;align-items:flex-start;gap:40px;margin-bottom:20px!important}
  #page-container #et-boc .bc-ig-top .et_pb_column.bc-ig-main{flex:none;width:min(420px,100%)!important}
  #page-container #et-boc .bc-ig-top .et_pb_column.bc-ig-copy{flex:none;width:100%!important}
  #page-container #et-boc .bc-sec .et_pb_row.bc-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bc-news-deco--l{left:-170px}
  .bc-news-deco--r{right:-290px;opacity:.5}
  #page-container #et-boc .bc-sec .et_pb_row.bc-footer-row{flex-wrap:wrap;gap:48px 64px;padding:64px 24px!important}
  #page-container #et-boc .bc-footer-row .et_pb_column.bc-f-brand{width:100%!important}
  #page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--nav,#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--contact,#page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--social{margin-left:0!important;width:auto!important}
}
@media (max-width:767px){
  #page-container #et-boc .bc-nav .et_pb_row{height:79px;padding:0 20px!important}
  #page-container #et-boc .bc-nav .bc-logo img{width:106px;height:52px}
  #page-container #et-boc .bc-sec .bc-menu{gap:18px}
  #page-container #et-boc .bc-sec .bc-menu a{font-size:14px}
  #page-container #et-boc .bc-sec .bc-hero-title{font-size:46px}
  #page-container #et-boc .bc-sec .bc-hero-title .l2{width:auto}
  #page-container #et-boc .bc-sec .bc-hero-sub{font-size:16px}
  #page-container #et-boc .bc-hero .et_pb_row .bc-hero-art{width:210px!important}
  #page-container #et-boc .bc-hero .bc-hero-art img{width:210px}
  #page-container #et-boc .bc-sec .bc-h2,#page-container #et-boc .bc-sec .bc-ig-title,#page-container #et-boc .bc-sec .bc-team-title,#page-container #et-boc .bc-sec .bc-reading-title{font-size:30px}
  #page-container #et-boc .bc-sec .bc-reading-title .bc-hand,#page-container #et-boc .bc-sec .bc-ig-title .bc-hand{font-size:36px}
  #page-container #et-boc .bc-sec .et_pb_row.bc-stories-head{padding:72px 0 48px!important}
  #page-container #et-boc .bc-sec .et_pb_row.bc-cards{grid-template-columns:minmax(0,420px)}
  #page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card{height:auto;min-height:360px;gap:25px;border-radius:44px}
  #page-container #et-boc .bc-sec .et_pb_row.bc-reading-head{padding-top:90px!important;padding-bottom:40px!important}
  #page-container #et-boc .bc-sec .et_pb_row.bc-reading{padding-bottom:72px!important}
  #page-container #et-boc .bc-sec .et_pb_row.bc-quote-row{padding:72px 0!important}
  #page-container #et-boc .bc-sec .bc-quote-text{font-size:26px;height:auto}
  #page-container #et-boc .bc-sec .bc-quote-text .bc-hand{font-size:30px}
  #page-container #et-boc .bc-ig{padding:72px 0 64px!important}
  #page-container #et-boc .bc-sec .et_pb_row.bc-ig-grid{gap:12px}
  #page-container #et-boc .bc-sec .bc-ig-img .et_pb_image_wrap{border-radius:20px}
  #page-container #et-boc .bc-sec .bc-news-title{font-size:30px}
  .bc-news-deco--l{left:-230px;top:-80px}
  .bc-news-deco--r{right:-310px;top:210px;opacity:.35}
  #page-container #et-boc .bc-sec .et_pb_row.bc-news-head{padding-top:80px!important}
  #page-container #et-boc .bc-sec .et_pb_row.bc-news-form{padding-bottom:80px!important}
  #page-container #et-boc .bc-sec .bc-subscribe a,#page-container #et-boc .bc-sec .bc-subscribe p.et_pb_contact_field{width:100%!important}
  #page-container #et-boc .bc-footer-row .et_pb_column.bc-f-col--social{width:100%!important}
}


/* ---------- Live Instagram post (plugin: Banana Capital - Latest Instagram Post) ---------- */
#page-container #et-boc .bc-sec .bc-ig-latest,#page-container #et-boc .bc-sec .bc-ig-latest a{display:block;line-height:0}
#page-container #et-boc .bc-sec .bc-ig-latest .et_pb_image_wrap{display:block;position:relative}
#page-container #et-boc .bc-sec .bc-ig-latest img{display:block;max-width:none}
#page-container #et-boc .bc-sec .bc-ig-latest.is-video .et_pb_image_wrap::after{content:'';position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/ig-play.svg) center/contain no-repeat;pointer-events:none}

/* ==========================================================================
   Motion (intro, scroll reveals, ambient loops)
   Curves: strong ease-out for entrances, strong ease-in-out for on-screen moves,
   linear for marquees. Only opacity / translate / scale / rotate / clip-path animate.
   ========================================================================== */
#page-container{--bc-ease-out:cubic-bezier(.23,1,.32,1);--bc-ease-in-out:cubic-bezier(.77,0,.175,1);--bc-ease-spring:cubic-bezier(.34,1.36,.64,1)}
@keyframes bc-rise{from{opacity:0;translate:0 var(--bc-rise,24px)}to{opacity:1;translate:none}}
@keyframes bc-rise-blur{from{opacity:0;translate:0 28px;filter:blur(8px)}to{opacity:1;translate:none;filter:blur(0)}}
@keyframes bc-fade{from{opacity:0}to{opacity:1}}
@keyframes bc-write{from{clip-path:inset(-30% 100% -30% -8%)}to{clip-path:inset(-30% -8% -30% -8%)}}
@keyframes bc-bg-in{from{opacity:0;scale:1.06}to{opacity:1;scale:1}}
@keyframes bc-pop{from{opacity:0;translate:0 56px;rotate:-7deg;scale:.92}to{opacity:1;translate:none;rotate:none;scale:none}}
@keyframes bc-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:1.2deg}}
@keyframes bc-float-soft{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes bc-marquee{from{translate:0 0}to{translate:-33.3333% 0}}
@keyframes bc-marquee-rev{from{translate:-33.3333% 0}to{translate:0 0}}

/* --- Intro (runs once on load, CSS only) --- */
#page-container #et-boc .bc-nav .et_pb_row{--bc-rise:-12px;animation:bc-rise .7s var(--bc-ease-out) .1s both}
#page-container #et-boc .bc-hero .bc-hero-bg{animation:bc-bg-in 1.8s var(--bc-ease-out) both}
#page-container #et-boc .bc-sec .bc-hero-title .l1{animation:bc-rise-blur .9s var(--bc-ease-out) .25s both}
#page-container #et-boc .bc-sec .bc-hero-title .l2{animation:bc-write .95s var(--bc-ease-in-out) .7s both}
#page-container #et-boc .bc-sec .bc-hero-sub{--bc-rise:16px;animation:bc-rise .8s var(--bc-ease-out) .95s both}
#page-container #et-boc .bc-hero .bc-hero-copy .et_pb_button_module_wrapper{--bc-rise:16px;animation:bc-rise .8s var(--bc-ease-out) 1.1s both}
#page-container #et-boc .bc-hero .et_pb_row .bc-hero-art{animation:bc-pop 1.2s var(--bc-ease-spring) .45s both}
#page-container #et-boc .bc-hero .bc-hero-art .et_pb_image{animation:bc-float 6s ease-in-out 1.8s infinite}
#page-container #et-boc .bc-hl{animation:bc-fade .9s var(--bc-ease-out) 1.2s both}

/* --- Marquees --- */
#page-container #et-boc .bc-sec .bc-hl-track.bc-marquee,#page-container #et-boc .bc-sec .bc-strip-track.bc-marquee{justify-content:flex-start;gap:0;width:max-content;will-change:translate}
#page-container #et-boc .bc-sec .bc-hl-track.bc-marquee{animation:bc-marquee 70s linear infinite}
#page-container #et-boc .bc-sec .bc-strip-track.bc-marquee{animation:bc-marquee-rev 90s linear infinite}
.bc-marquee .bc-seq{display:flex;align-items:center;flex:none}
.bc-hl-track .bc-seq{gap:50px;padding-right:50px}
.bc-strip-track .bc-seq{gap:44.76px;padding-right:44.76px}
.bc-hl-track .bc-seq>*,.bc-strip-track .bc-seq>*{flex:none}

/* --- Ambient float (newsletter decor) --- */
#page-container #et-boc .bc-news .bc-news-deco--l .bc-news-deco__obj{animation:bc-float-soft 7s ease-in-out infinite}
#page-container #et-boc .bc-news .bc-news-deco--r .bc-news-deco__obj{animation:bc-float-soft 8s ease-in-out -3s infinite}

/* --- Card hover lift (mouse only) --- */
@media (hover:hover) and (pointer:fine){
  #page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card:hover{translate:0 -6px;box-shadow:0 22px 44px rgba(0,0,0,.45)}
}

/* --- Scroll reveals: bc-home.js tags elements with data-bc-r, then adds .is-in --- */
#page-container #et-boc [data-bc-r]{opacity:0!important;translate:0 28px!important;transition:opacity .9s var(--bc-ease-out),translate .9s var(--bc-ease-out),scale .9s var(--bc-ease-out),clip-path .9s var(--bc-ease-in-out),background-size .7s var(--bc-ease-in-out),color .4s ease!important;transition-delay:var(--bc-d,0ms)!important}
#page-container #et-boc [data-bc-r="scale"]{translate:0 20px!important;scale:.94!important}
#page-container #et-boc [data-bc-r="fade"]{translate:none!important}
#page-container #et-boc [data-bc-r="zoom"]{translate:none!important;scale:.9!important}
#page-container #et-boc [data-bc-r="write"]{opacity:1!important;translate:none!important;clip-path:inset(-30% 100% -30% -8%)}
#page-container #et-boc [data-bc-r="mark"]{opacity:1!important;translate:none!important;background-size:0% 100%!important;color:#fff!important}
#page-container #et-boc [data-bc-r].is-in{opacity:1!important;translate:none!important;scale:none!important}
#page-container #et-boc [data-bc-r="write"].is-in{clip-path:inset(-30% -8% -30% -8%)}
#page-container #et-boc [data-bc-r="mark"].is-in{background-size:100% 100%!important;color:#0a0b0d!important}

/* --- Reduced motion: keep fades, drop movement and loops --- */
@media (prefers-reduced-motion:reduce){
  #page-container #et-boc .bc-nav .et_pb_row,#page-container #et-boc .bc-hero .bc-hero-bg,#page-container #et-boc .bc-sec .bc-hero-title .l1,#page-container #et-boc .bc-sec .bc-hero-title .l2,#page-container #et-boc .bc-sec .bc-hero-sub,#page-container #et-boc .bc-hero .bc-hero-copy .et_pb_button_module_wrapper,#page-container #et-boc .bc-hero .et_pb_row .bc-hero-art,#page-container #et-boc .bc-hl{animation:bc-fade .4s ease both!important}
  #page-container #et-boc .bc-hero .bc-hero-art .et_pb_image,#page-container #et-boc .bc-news .bc-news-deco__obj,#page-container #et-boc .bc-sec .bc-hl-track.bc-marquee,#page-container #et-boc .bc-sec .bc-strip-track.bc-marquee{animation:none!important}
  #page-container #et-boc [data-bc-r]{translate:none!important;scale:none!important;clip-path:none!important;transition:opacity .4s ease,background-size .01s,color .01s!important}
  #page-container #et-boc .bc-sec .bc-cards .et_pb_column.bc-card:hover{translate:none}
}
/* cross-page fade between Home and Stories */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-nav{view-transition-name:bc-nav}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.15s}}

/* ==========================================================================
   Stories page (Figma: Banana Capital - Stories (Banana Daily) - V2, node 307:1461)
   Base styles (nav, footer, buttons, motion tokens) come from bc-home.src.css.
   ========================================================================== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-nav{view-transition-name:bc-nav}
#page-container #et-boc .bc-sec .bc-menu a[aria-current="page"]{color:#fd0}

#page-container #et-boc .bc-stories-sec{background:#0a0b0d}
.bc-stories-bg{position:absolute;inset:0;overflow:hidden}
.bc-stories-bg canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:.6;pointer-events:none}
.bc-stories-bg__r{position:absolute;inset:0;background-size:100% 100%;background-image:linear-gradient(180deg,rgba(0,0,0,0) 11.345%,rgba(212,158,0,.05) 18.653%,rgba(0,0,0,0) 26.176%),url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-stories-glow-1.svg),url(https://play.o2ocreative.my/wp-content/uploads/banana-capital/bg-stories-glow-2.svg)}
#page-container #et-boc .bc-sec .et_pb_row.bc-stories-row{width:calc(100% - 48px)!important;max-width:1300px!important;padding:60px 0!important}
.bc-stories{display:flex;flex-direction:column;align-items:center}
.bc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* search */
#page-container #et-boc .bc-sec .bc-search{display:flex;align-items:center;width:min(854px,100%);height:66px;margin:0;padding:0 0 0 20px;box-sizing:border-box;background:#fff;border-radius:150px;box-shadow:0 0 0 0 rgba(255,221,0,0);transition:box-shadow .2s ease}
#page-container #et-boc .bc-sec .bc-search:focus-within{box-shadow:0 0 0 4px rgba(255,221,0,.35)}
#page-container #et-boc .bc-sec .bc-search__icon{flex:none;width:24px;height:24px}
#page-container #et-boc .bc-sec input.bc-search__input{flex:1 1 auto;min-width:0;height:100%;margin:0 0 0 30px;padding:0 16px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;line-height:normal;color:#0a0b0d;outline:none;-webkit-appearance:none;appearance:none}
#page-container #et-boc .bc-sec input.bc-search__input::placeholder{color:#707b8a;opacity:1}
#page-container #et-boc .bc-sec button.bc-search__btn{flex:none;height:66px;margin:0;padding:0 55px;border:0;border-radius:150px;background:#fd0;color:#000;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;line-height:normal;cursor:pointer;transition:background-color .2s ease,scale .16s cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-sec button.bc-search__btn:hover{background:#ffe94d}
#page-container #et-boc .bc-sec button.bc-search__btn:active{scale:.97}
#page-container #et-boc .bc-sec button.bc-search__btn:focus-visible{outline:2px solid #0a0b0d;outline-offset:-5px}

/* category pills */
#page-container #et-boc .bc-sec .bc-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px}
#page-container #et-boc .bc-sec a.bc-pill{display:inline-flex;align-items:center;gap:15px;box-sizing:border-box;height:65px;padding:9px 19px 9px 9px;border:1px solid #d1d1d1;border-radius:72px;background:#fff;color:#0a0b0d;font-size:15px;font-weight:600;line-height:normal;white-space:nowrap;transition:translate .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease,background-color .2s ease,border-color .2s ease,scale .16s cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-sec a.bc-pill.is-active{background:#fd0;border-color:#fd0;color:#000}
#page-container #et-boc .bc-sec a.bc-pill:active{scale:.97}
#page-container #et-boc .bc-sec a.bc-pill:focus-visible{outline:2px solid #fd0;outline-offset:3px}
#page-container #et-boc .bc-sec .bc-pill__icon{position:relative;flex:none;width:45px;height:45px;border-radius:50%;background:#fff3a3;overflow:hidden}
#page-container #et-boc .bc-sec .bc-pill__icon img{position:absolute;left:7.2px;top:7.2px;width:30.6px;height:30.6px;max-width:none;object-fit:cover}
#page-container #et-boc .bc-sec .bc-pill__icon.is-photo img{left:0;top:0;width:100%;height:100%}
@media (hover:hover) and (pointer:fine){
  #page-container #et-boc .bc-sec a.bc-pill:not(.is-active):hover{translate:0 -2px;box-shadow:0 10px 24px rgba(0,0,0,.28);border-color:#fff}
}

/* heading */
#page-container #et-boc .bc-sec .bc-stories-head{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(640px,100%);margin-top:60px;text-align:center}
#page-container #et-boc .bc-sec h1.bc-stories-title{font-size:40px;font-weight:600;line-height:normal;color:#fff;overflow-wrap:anywhere}
#page-container #et-boc .bc-sec .bc-stories-desc{font-size:14px;line-height:1.6;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-stories-count{font-size:14px;line-height:1.6;font-weight:600;font-style:italic;color:#d49e00}

/* story cards */
#page-container #et-boc .bc-sec .bc-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,420px));justify-content:center;gap:20px;width:100%;margin-top:60px}
#page-container #et-boc .bc-sec .bc-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;height:257px;padding:30px;border:1px solid #2f3b4b;border-radius:20px;background:linear-gradient(to bottom,#141619,#181e28);overflow:hidden;transition:border-color .25s ease,translate .45s cubic-bezier(.23,1,.32,1),box-shadow .45s ease}
#page-container #et-boc .bc-sec .bc-story::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(to top,#181e28 20.192%,#503d03);opacity:0;transition:opacity .3s ease}
#page-container #et-boc .bc-sec .bc-story__head{display:flex;align-items:center;gap:10px;min-height:48.4px}
#page-container #et-boc .bc-sec .bc-story__icon{position:relative;flex:none;width:45px;height:45px;border-radius:50%;background:#fff3a3}
#page-container #et-boc .bc-sec .bc-story__icon img{position:absolute;left:10px;top:9px;width:27.45px;height:26.8px;max-width:none}
#page-container #et-boc .bc-sec h2.bc-story__title{font-size:20px;font-weight:700;line-height:normal;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease}
#page-container #et-boc .bc-sec h2.bc-story__title a{color:inherit}
#page-container #et-boc .bc-sec h2.bc-story__title a::after{content:'';position:absolute;inset:0;z-index:1;border-radius:20px}
#page-container #et-boc .bc-sec h2.bc-story__title a:focus-visible{outline:none}
#page-container #et-boc .bc-sec .bc-story:has(.bc-story__title a:focus-visible){outline:2px solid #fd0;outline-offset:3px}
#page-container #et-boc .bc-sec .bc-story__excerpt{margin-top:10px;font-size:14px;line-height:26px;color:#d1d1d1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#page-container #et-boc .bc-sec .bc-story__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;height:58px}
#page-container #et-boc .bc-sec .bc-story__meta{display:flex;align-items:center;gap:10px;font-size:14px;line-height:normal;color:#d1d1d1;white-space:nowrap}
#page-container #et-boc .bc-sec .bc-story__meta img{width:16px;height:16px}
#page-container #et-boc .bc-sec a.bc-story__btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;padding:12.5px 26.5px;border:1.5px solid #8b8b8b;border-radius:30px;background:transparent;color:#d1d1d1;font-size:15px;font-weight:600;line-height:18px;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease,scale .16s cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-sec a.bc-story__btn .bc-arrow{flex:none;width:12.894px;height:9.667px;margin:-.75px -1.06px -.75px -.75px;transition:transform .2s ease}
#page-container #et-boc .bc-sec a.bc-story__btn:active{scale:.97}
#page-container #et-boc .bc-sec a.bc-story__btn.is-solid,#page-container #et-boc .bc-sec .bc-story:hover a.bc-story__btn,#page-container #et-boc .bc-sec .bc-story:focus-within a.bc-story__btn{background:#fd0;border-color:#fd0;color:#0a0b0d}
#page-container #et-boc .bc-sec .bc-story:hover,#page-container #et-boc .bc-sec .bc-story:focus-within{border-color:#fd0}
#page-container #et-boc .bc-sec .bc-story:hover::before,#page-container #et-boc .bc-sec .bc-story:focus-within::before{opacity:1}
#page-container #et-boc .bc-sec .bc-story:hover h2.bc-story__title,#page-container #et-boc .bc-sec .bc-story:focus-within h2.bc-story__title{color:#fd0}
@media (hover:hover) and (pointer:fine){
  #page-container #et-boc .bc-sec .bc-story:hover{translate:0 -4px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
  #page-container #et-boc .bc-sec .bc-story:hover a.bc-story__btn .bc-arrow{transform:translateX(3px)}
}

/* pagination */
#page-container #et-boc .bc-sec .bc-pager{display:flex;align-items:center;gap:10px;margin-top:60px}
#page-container #et-boc .bc-sec .bc-pager__num,#page-container #et-boc .bc-sec .bc-pager__arrow,#page-container #et-boc .bc-sec .bc-pager__gap{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:32px;height:32px;padding:0 6px;border-radius:6px;font-size:16px;line-height:1;color:#fff;transition:background-color .2s ease,color .2s ease}
#page-container #et-boc .bc-sec .bc-pager__num.is-current{background:#d49e00;color:#0a0b0d;font-weight:600}
#page-container #et-boc .bc-sec a.bc-pager__num:hover,#page-container #et-boc .bc-sec a.bc-pager__arrow:hover{background:rgba(255,255,255,.1);color:#fd0}
#page-container #et-boc .bc-sec .bc-pager__arrow.is-disabled{color:#707b8a}
#page-container #et-boc .bc-sec .bc-pager__gap{min-width:20px;padding:0;color:#8b8b8b}
#page-container #et-boc .bc-sec .bc-pager a:focus-visible{outline:2px solid #fd0;outline-offset:2px}

/* empty state */
#page-container #et-boc .bc-sec .bc-stories-empty{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:60px;padding:56px 32px;width:min(640px,100%);box-sizing:border-box;border:1px dashed #2f3b4b;border-radius:20px;text-align:center;color:#d1d1d1;font-size:15px}
#page-container #et-boc .bc-sec .bc-stories-empty__title{font-size:20px;font-weight:700;color:#fff}
#page-container #et-boc .bc-sec .bc-stories-empty a.bc-story__btn{margin-top:12px}

/* motion: full intro on first visit; later filter/page loads only re-stagger the cards */
#page-container #et-boc .bc-sec .bc-search{animation:bc-rise .7s var(--bc-ease-out) .1s both}
#page-container #et-boc .bc-sec a.bc-pill{--bc-rise:12px;animation:bc-rise .6s var(--bc-ease-out) backwards;animation-delay:calc(.2s + var(--i,0) * 40ms)}
#page-container #et-boc .bc-sec .bc-stories-head{animation:bc-rise .8s var(--bc-ease-out) .3s both}
#page-container #et-boc .bc-sec .bc-story,#page-container #et-boc .bc-sec .bc-stories-empty{animation:bc-rise .8s var(--bc-ease-out) backwards;animation-delay:calc(.4s + min(var(--i,0),8) * 50ms)}
#page-container #et-boc .bc-sec .bc-pager{animation:bc-fade .6s ease .75s both}
html.bc-seen #page-container #et-boc .bc-nav .et_pb_row,html.bc-seen #page-container #et-boc .bc-sec .bc-search,html.bc-seen #page-container #et-boc .bc-sec a.bc-pill{animation:none}
html.bc-seen #page-container #et-boc .bc-sec .bc-stories-head{animation:bc-fade .3s ease both}
html.bc-seen #page-container #et-boc .bc-sec .bc-story,html.bc-seen #page-container #et-boc .bc-sec .bc-stories-empty{--bc-rise:12px;animation-duration:.45s;animation-delay:calc(min(var(--i,0),8) * 30ms)}
html.bc-seen #page-container #et-boc .bc-sec .bc-pager{animation:bc-fade .3s ease .15s both}

@media (max-width:1340px){
  #page-container #et-boc .bc-sec .bc-story{padding:28px 24px}
}
@media (max-width:980px){
  #page-container #et-boc .bc-sec .bc-story-grid{grid-template-columns:repeat(2,minmax(0,420px))}
  #page-container #et-boc .bc-sec button.bc-search__btn{padding:0 32px}
  #page-container #et-boc .bc-sec input.bc-search__input{margin-left:16px}
}
@media (max-width:767px){
  #page-container #et-boc .bc-sec .et_pb_row.bc-stories-row{padding:40px 0 56px!important}
  #page-container #et-boc .bc-sec .bc-search{height:56px;padding-left:16px}
  #page-container #et-boc .bc-sec button.bc-search__btn{height:56px;padding:0 22px}
  #page-container #et-boc .bc-sec input.bc-search__input{margin-left:10px;font-size:14px}
  #page-container #et-boc .bc-sec .bc-pills{margin-top:28px;gap:8px}
  #page-container #et-boc .bc-sec a.bc-pill{height:54px;gap:10px;padding:6px 16px 6px 6px;font-size:14px}
  #page-container #et-boc .bc-sec .bc-pill__icon{width:40px;height:40px}
  #page-container #et-boc .bc-sec .bc-pill__icon img{left:6px;top:6px;width:28px;height:28px}
  #page-container #et-boc .bc-sec .bc-stories-head{margin-top:44px;gap:14px}
  #page-container #et-boc .bc-sec h1.bc-stories-title{font-size:30px}
  #page-container #et-boc .bc-sec .bc-story-grid{grid-template-columns:minmax(0,1fr);margin-top:40px;gap:16px}
  #page-container #et-boc .bc-sec .bc-story{height:auto;min-height:236px;gap:18px;padding:24px 20px}
  #page-container #et-boc .bc-sec .bc-pager{margin-top:40px;gap:4px}
  #page-container #et-boc .bc-sec .bc-story__meta{gap:7px;font-size:13px}
  #page-container #et-boc .bc-sec a.bc-story__btn{padding:10.5px 18.5px;font-size:14px;gap:8px}
}
@media (max-width:360px){
  #page-container #et-boc .bc-sec .bc-story__foot{flex-wrap:wrap;height:auto;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.15s}
  #page-container #et-boc .bc-sec .bc-search,#page-container #et-boc .bc-sec a.bc-pill,#page-container #et-boc .bc-sec .bc-stories-head,#page-container #et-boc .bc-sec .bc-story,#page-container #et-boc .bc-sec .bc-stories-empty,#page-container #et-boc .bc-sec .bc-pager{animation:bc-fade .3s ease backwards!important}
  #page-container #et-boc .bc-sec .bc-story:hover,#page-container #et-boc .bc-sec a.bc-pill:hover{translate:none!important}
}
/* ==========================================================================
   Single story (Divi Theme Builder template "Banana Capital - Stories (single post)")
   No Figma frame exists for this page; built from the site's design system.
   ========================================================================== */
#page-container #et-boc .bc-article-sec{background:#0a0b0d}
#page-container #et-boc .bc-article-sec .bc-stories-bg{bottom:auto;height:1500px;max-height:100%;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
#page-container #et-boc .bc-sec .et_pb_row.bc-article-head-row{width:calc(100% - 48px)!important;max-width:860px!important;padding:72px 0 0!important}
#page-container #et-boc .bc-sec .bc-article-head{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
#page-container #et-boc .bc-sec a.bc-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:normal;color:#d1d1d1}
#page-container #et-boc .bc-sec a.bc-back svg{transition:transform .2s ease}
#page-container #et-boc .bc-sec a.bc-back:hover{color:#fd0}
@media (hover:hover) and (pointer:fine){#page-container #et-boc .bc-sec a.bc-back:hover svg{transform:translateX(-3px)}}
#page-container #et-boc .bc-sec .bc-article-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#page-container #et-boc .bc-sec a.bc-pill.bc-pill--sm{height:44px;gap:10px;padding:4px 16px 4px 4px;font-size:14px}
#page-container #et-boc .bc-sec .bc-pill--sm .bc-pill__icon{width:34px;height:34px}
#page-container #et-boc .bc-sec .bc-pill--sm .bc-pill__icon img{left:5.5px;top:5.5px;width:23px;height:23px}
#page-container #et-boc .bc-sec .bc-pill--sm .bc-pill__icon.is-photo img{left:0;top:0;width:100%;height:100%}
#page-container #et-boc .bc-sec h1.bc-article-title{max-width:860px;font-size:48px;font-weight:700;line-height:1.18;letter-spacing:-.01em;color:#fff;text-wrap:balance;overflow-wrap:anywhere}
#page-container #et-boc .bc-sec .bc-article-dek{max-width:680px;font-size:18px;line-height:1.6;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-article-meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:normal;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-article-meta img{width:16px;height:16px}
#page-container #et-boc .bc-sec .bc-dot{width:4px;height:4px;border-radius:50%;background:#d49e00}
#page-container #et-boc .bc-sec figure.bc-article-hero{width:100%;max-width:min(860px,calc(var(--w,860) * 1.3px));margin:48px auto 0;padding:0;border:1px solid #2f3b4b;border-radius:30px;overflow:hidden;background:#141619;box-shadow:0 30px 60px rgba(0,0,0,.45)}
#page-container #et-boc .bc-sec figure.bc-article-hero img{display:block;width:100%;height:auto;max-width:none}

/* body copy */
#page-container #et-boc .bc-sec .et_pb_row.bc-article-body-row{width:calc(100% - 48px)!important;max-width:720px!important;padding:56px 0 0!important}
#page-container #et-boc .bc-sec .bc-prose{font-size:17px;line-height:1.8;color:#d1d1d1;overflow-wrap:break-word}
#page-container #et-boc .bc-sec .bc-prose p{margin:0 0 1.4em;padding:0}
#page-container #et-boc .bc-sec .bc-prose p:last-child{margin-bottom:0}
#page-container #et-boc .bc-sec .bc-prose > div > div,#page-container #et-boc .bc-sec .bc-prose > div > div > div{margin-bottom:1.4em}
#page-container #et-boc .bc-sec .bc-prose strong,#page-container #et-boc .bc-sec .bc-prose b{color:#fff;font-weight:600}
#page-container #et-boc .bc-sec .bc-prose a{color:#fd0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s ease}
#page-container #et-boc .bc-sec .bc-prose a:hover{color:#fff3a3}
#page-container #et-boc .bc-sec .bc-prose h2,#page-container #et-boc .bc-sec .bc-prose h3,#page-container #et-boc .bc-sec .bc-prose h4{margin:1.8em 0 .6em;padding:0;color:#fff;font-weight:600;line-height:1.3}
#page-container #et-boc .bc-sec .bc-prose h2{font-size:28px}
#page-container #et-boc .bc-sec .bc-prose h3{font-size:22px}
#page-container #et-boc .bc-sec .bc-prose h4{font-size:18px}
#page-container #et-boc .bc-sec .bc-prose ul,#page-container #et-boc .bc-sec .bc-prose ol{margin:0 0 1.4em;padding-left:1.3em}
#page-container #et-boc .bc-sec .bc-prose li{margin:.4em 0;padding:0}
#page-container #et-boc .bc-sec .bc-prose li::marker{color:#d49e00}
#page-container #et-boc .bc-sec .bc-prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid #d49e00;color:#fff;font-size:19px;font-style:italic}
#page-container #et-boc .bc-sec .bc-prose img{max-width:100%;height:auto;border-radius:16px;vertical-align:middle}
#page-container #et-boc .bc-sec .bc-prose a:has(> img){display:inline-block;margin:0 6px 6px 0;border-radius:12px;overflow:hidden;line-height:0}
#page-container #et-boc .bc-sec .bc-prose a > img{border-radius:12px;transition:opacity .2s ease}
#page-container #et-boc .bc-sec .bc-prose a:hover > img{opacity:.85}
body:has(.bc-article-hero) #page-container #et-boc .bc-sec .bc-prose img.webfeedsFeaturedVisual{display:none!important}
#page-container #et-boc .bc-sec .bc-prose figure{margin:1.6em 0}
#page-container #et-boc .bc-sec .bc-prose figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:#8b8b8b;text-align:center}
#page-container #et-boc .bc-sec .bc-prose hr{margin:2em 0;border:0;border-top:1px solid #2f3b4b}
#page-container #et-boc .bc-sec .bc-prose table{width:100%;margin:0 0 1.4em;border-collapse:collapse;font-size:15px}
#page-container #et-boc .bc-sec .bc-prose th,#page-container #et-boc .bc-sec .bc-prose td{padding:10px 12px;border:1px solid #2f3b4b;text-align:left}
#page-container #et-boc .bc-sec .bc-prose th{background:#141619;color:#fff}
#page-container #et-boc .bc-sec .bc-prose iframe,#page-container #et-boc .bc-sec .bc-prose video{max-width:100%;border-radius:16px}
#page-container #et-boc .bc-sec .bc-prose iframe[src*="youtube"],#page-container #et-boc .bc-sec .bc-prose iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}

/* share + source */
#page-container #et-boc .bc-sec .et_pb_row.bc-article-after-row{width:calc(100% - 48px)!important;max-width:720px!important;padding:40px 0 96px!important}
#page-container #et-boc .bc-sec .bc-article-foot{display:flex;flex-direction:column;gap:20px;padding-top:32px;border-top:1px solid #2f3b4b}
#page-container #et-boc .bc-sec .bc-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#page-container #et-boc .bc-sec .bc-share__label{margin-right:8px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#d49e00}
#page-container #et-boc .bc-sec .bc-share__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;margin:0;padding:0;border:1.5px solid #3c4655;border-radius:50%;background:transparent;color:#d1d1d1;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease,scale .16s cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-sec .bc-share__btn:hover{border-color:#fd0;color:#fd0}
#page-container #et-boc .bc-sec .bc-share__btn:active{scale:.94}
#page-container #et-boc .bc-sec .bc-share__btn:focus-visible{outline:2px solid #fd0;outline-offset:2px}
#page-container #et-boc .bc-sec .bc-share__btn.is-copied{background:#fd0;border-color:#fd0;color:#0a0b0d}
#page-container #et-boc .bc-sec .bc-share__copied{position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 4px;padding:4px 10px;border-radius:6px;background:#fd0;color:#0a0b0d;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,translate .2s cubic-bezier(.23,1,.32,1)}
#page-container #et-boc .bc-sec .bc-share__btn.is-copied .bc-share__copied{opacity:1;translate:-50% 0}
#page-container #et-boc .bc-sec .bc-source{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border:1px solid #2f3b4b;border-radius:20px;background:linear-gradient(to bottom,#141619,#181e28)}
#page-container #et-boc .bc-sec .bc-source p{font-size:15px;line-height:1.6;color:#d1d1d1}
#page-container #et-boc .bc-sec .bc-source strong{color:#fff;font-weight:600}
#page-container #et-boc .bc-sec .bc-source a.bc-story__btn:hover{background:#fd0;border-color:#fd0;color:#0a0b0d}

/* related */
#page-container #et-boc .bc-related-sec{background:linear-gradient(180deg,#0a0b0d 0%,#141005 100%);border-top:1px solid #1c1e20}
#page-container #et-boc .bc-sec .et_pb_row.bc-related-row{width:calc(100% - 48px)!important;max-width:1300px!important;padding:96px 0 110px!important}
#page-container #et-boc .bc-sec .bc-related{display:flex;flex-direction:column;align-items:center}
#page-container #et-boc .bc-sec h2.bc-related-title{font-size:40px;font-weight:600;line-height:normal;color:#fff;text-align:center}
#page-container #et-boc .bc-sec h2.bc-related-title .bc-hand{font-size:48px;color:#fd0}
#page-container #et-boc .bc-sec .bc-related .bc-story-grid{margin-top:48px}
#page-container #et-boc .bc-sec .bc-related .bc-story{animation:none}
#page-container #et-boc .bc-sec a.bc-related-all{margin-top:48px}
#page-container #et-boc .bc-sec a.bc-related-all:hover{background:#ffe94d;border-color:#ffe94d}

/* reading progress (scroll-driven, linear) */
.bc-progress{position:fixed;left:0;top:0;z-index:100000;width:100%;height:3px;background:#fd0;transform-origin:0 50%;scale:0 1;pointer-events:none}
body.admin-bar .bc-progress{top:32px}
@keyframes bc-progress{to{scale:1 1}}
@supports (animation-timeline: scroll()){.bc-progress{animation:bc-progress linear both;animation-timeline:scroll(root block)}}
@supports not (animation-timeline: scroll()){.bc-progress{display:none}}

/* intro */
@keyframes bc-hero-in{from{opacity:0;translate:0 32px;scale:.97}to{opacity:1;translate:none;scale:none}}
#page-container #et-boc .bc-sec a.bc-back{animation:bc-fade .6s ease .1s both}
#page-container #et-boc .bc-sec h1.bc-article-title{animation:bc-rise-blur .9s var(--bc-ease-out) .25s both}
#page-container #et-boc .bc-sec .bc-article-dek{--bc-rise:16px;animation:bc-rise .8s var(--bc-ease-out) .4s both}
#page-container #et-boc .bc-sec .bc-article-meta{--bc-rise:12px;animation:bc-rise .8s var(--bc-ease-out) .5s both}
#page-container #et-boc .bc-sec figure.bc-article-hero{animation:bc-hero-in 1.1s var(--bc-ease-out) .55s both}
#page-container #et-boc .bc-sec .bc-prose{--bc-rise:16px;animation:bc-rise .8s var(--bc-ease-out) .8s both}

@media (max-width:980px){
  #page-container #et-boc .bc-sec h1.bc-article-title{font-size:40px}
  #page-container #et-boc .bc-sec .bc-related .bc-story-grid{grid-template-columns:repeat(2,minmax(0,420px))}
  #page-container #et-boc .bc-sec .bc-related .bc-story:nth-child(3){display:none}
}
@media (max-width:767px){
  #page-container #et-boc .bc-sec .et_pb_row.bc-article-head-row{padding-top:44px!important}
  #page-container #et-boc .bc-sec .bc-article-head{gap:16px}
  #page-container #et-boc .bc-sec h1.bc-article-title{font-size:30px;line-height:1.22}
  #page-container #et-boc .bc-sec .bc-article-dek{font-size:16px}
  #page-container #et-boc .bc-sec figure.bc-article-hero{margin-top:32px;border-radius:20px}
  #page-container #et-boc .bc-sec .et_pb_row.bc-article-body-row{padding-top:36px!important}
  #page-container #et-boc .bc-sec .bc-prose{font-size:16px;line-height:1.75}
  #page-container #et-boc .bc-sec .et_pb_row.bc-article-after-row{padding:32px 0 72px!important}
  #page-container #et-boc .bc-sec .bc-source{flex-direction:column;align-items:flex-start;padding:20px}
  #page-container #et-boc .bc-sec .et_pb_row.bc-related-row{padding:72px 0 80px!important}
  #page-container #et-boc .bc-sec h2.bc-related-title{font-size:30px}
  #page-container #et-boc .bc-sec h2.bc-related-title .bc-hand{font-size:36px}
  #page-container #et-boc .bc-sec .bc-related .bc-story-grid{grid-template-columns:minmax(0,1fr)}
  #page-container #et-boc .bc-sec .bc-related .bc-story:nth-child(3){display:flex}
}
@media (prefers-reduced-motion:reduce){
  #page-container #et-boc .bc-sec a.bc-back,#page-container #et-boc .bc-sec h1.bc-article-title,#page-container #et-boc .bc-sec .bc-article-dek,#page-container #et-boc .bc-sec .bc-article-meta,#page-container #et-boc .bc-sec figure.bc-article-hero,#page-container #et-boc .bc-sec .bc-prose{animation:bc-fade .3s ease both!important}
  .bc-progress{animation:none!important;display:none}
}
#page-container #et-boc .bc-nav .bc-assets{display:none!important}