/* BRAINTICKLE V24 — CSS ONLY */
html, body { margin:0!important; padding:0!important; background:#fdf8fa!important; }
body.bt-redesign-active { min-height:0!important; height:auto!important; margin:0!important; padding:0!important; }
body.bt-redesign-active [data-bt-hidden="1"] { display:none!important; }
.bt-home { width:100%; margin:0; padding:0; overflow:hidden; background:#fdf8fa; color:#171242; }
.bt-home * { box-sizing:border-box; }
.bt-header { height:76px; padding:13px 36px; display:flex; align-items:center; justify-content:space-between; background:#fdf8fa; border-bottom:1px solid rgba(23,18,66,.14); }
.bt-header-logo { display:block; width:154px; height:auto; }
.bt-nav { display:flex; gap:22px; align-items:center; }
.bt-nav a { color:#171242; text-decoration:none; font-family:"Golos Text",Icons; font-size:11px; letter-spacing:1px; }
.bt-nav a:hover { text-decoration:underline; }
.bt-section-kicker, .bt-reel-topline { font-family:"Golos Text",Icons; font-size:10px; line-height:1; letter-spacing:1.3px; font-weight:600; }

/* 01 REEL */
.bt-reel-section { padding:34px 36px 54px 36px; background:#f05a78; }
.bt-reel-topline { display:flex; justify-content:space-between; margin-bottom:18px; }
.bt-reel-frame { position:relative; width:100%; height:0; padding-bottom:52%; overflow:hidden; border-radius:28px; background:#171242; }
.bt-reel-frame iframe { position:absolute; z-index:1; top:50%; left:50%; width:177.78vh!important; height:56.25vw!important; min-width:100%!important; min-height:100%!important; border:0!important; transform:translate(-50%,-50%); pointer-events:none; }
.bt-mouse-snake { position:absolute; z-index:4; top:0; right:0; bottom:0; left:0; pointer-events:none; overflow:hidden; }
.bt-mouse-snake i { position:absolute; top:0; left:0; width:11px; height:11px; display:block; border-radius:2px; background:#f05a78; opacity:.66; }
.bt-mouse-snake i:first-child { width:15px; height:15px; opacity:1; }

/* 02 WORK */
.bt-work-section { padding:90px 36px 110px 36px; background:#c7a3ee; }
.bt-work-section>h2, .bt-clients-section>h2, .bt-gallery-head h2 { margin:24px 0 64px 0; font-family:"Social Variable","Optician Sans",Icons; font-size:8.2vw; line-height:.82; letter-spacing:-.055em; font-weight:700; }
.bt-work-list { width:100%; }
.bt-work-row { width:100%; min-height:520px; padding:54px 0; display:flex; align-items:center; gap:5%; border-top:1px solid rgba(23,18,66,.35); }
.bt-work-row:last-child { border-bottom:1px solid rgba(23,18,66,.35); }
.bt-work-row-alt { flex-direction:row-reverse; }
.bt-work-meta { width:27%; }
.bt-work-num { display:block; margin-bottom:24px; font-family:"Golos Text",Icons; font-size:10px; letter-spacing:1.2px; }
.bt-work-meta h3 { margin:0; font-family:"Social Variable","Optician Sans",Icons; font-size:3.6vw; line-height:.88; letter-spacing:-.04em; font-weight:700; }
.bt-work-meta p { margin:14px 0 0 0; font-family:"Golos Text",Icons; font-size:15px; line-height:1.25; }
.bt-work-media { position:relative; width:68%; height:0; padding-bottom:38.25%; overflow:hidden; border-radius:22px; background:#171242; }
.bt-work-media iframe, .bt-work-media>img { position:absolute; top:0; left:0; display:block; width:100%!important; height:100%!important; margin:0!important; border:0!important; object-fit:cover!important; }
.bt-work-media iframe { pointer-events:none; }
.bt-work-media.bt-contain { background:#fff; }
.bt-work-media.bt-contain>img { object-fit:contain!important; }
.bt-instagram-media iframe { pointer-events:auto; }

/* 03 CLIENTS */
.bt-clients-section { padding:90px 36px 104px 36px; background:#f05a78; }
.bt-clients-list { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #171242; }
.bt-clients-list span { padding:22px 0; border-bottom:1px solid #171242; font-family:"Golos Text",Icons; font-size:2.1vw; line-height:1; }
.bt-clients-list span:nth-child(odd) { padding-right:32px; }
.bt-clients-list span:nth-child(even) { padding-left:32px; border-left:1px solid #171242; }

/* 04 BIO */
.bt-bio-section { background:#fdf8fa; }
.bt-mini-marquee { width:100%; overflow:hidden; padding:10px 0; border-top:1px solid #171242; border-bottom:1px solid #171242; background:#171242; color:#f05a78; font-family:"Golos Text",Icons; font-size:10px; letter-spacing:1.2px; white-space:nowrap; }
.bt-mini-marquee div { width:max-content; animation:btTicker 26s linear infinite; }
@keyframes btTicker { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
.bt-bio-grid { position:relative; min-height:590px; padding:82px 36px 94px 36px; display:grid; grid-template-columns:18% 58% 24%; align-items:start; }
.bt-bio-copy p { margin:0; font-family:"Golos Text",Icons; font-size:2.5vw; line-height:1.13; letter-spacing:-.02em; }
.bt-directed-by { margin-top:58px!important; font-size:13px!important; line-height:1.6!important; letter-spacing:1px!important; }
.bt-directed-by a { color:#171242; text-decoration:underline; }
.bt-bio-dillo { width:78%; margin-left:auto; }

/* 05 GALLERY */
.bt-gallery-section { padding:88px 36px 110px 36px; background:#171242; color:#f05a78; }
.bt-gallery-head { margin-bottom:54px; }
.bt-gallery-head p { margin:-36px 0 0 auto; width:32%; font-family:"Golos Text",Icons; font-size:12px; line-height:1.4; letter-spacing:1px; }
.bt-memory-wall { column-count:4; column-gap:12px; }
.bt-memory { position:relative; margin:0 0 12px 0; display:inline-block; width:100%; overflow:hidden; border-radius:12px; background:#fdf8fa; }
.bt-memory img { display:block; width:100%; height:auto; transition:transform 180ms ease; }
.bt-memory:nth-child(3n) { transform:rotate(.7deg); }
.bt-memory:nth-child(4n) { transform:rotate(-.6deg); }
.bt-memory:hover img { transform:scale(1.025); }

/* 06 CONTACT */
.bt-contact-section { min-height:310px; padding:58px 36px 72px 36px; background:#f05a78; display:flex; flex-direction:column; justify-content:space-between; }
.bt-contact-email { display:block; margin-top:72px; color:#171242; text-decoration:none; font-family:"Social Variable","Optician Sans",Icons; font-size:6.7vw; line-height:.9; letter-spacing:-.045em; word-break:break-word; }
.bt-contact-email:hover { text-decoration:underline; }

/* CARGO CLEANUP */
body.bt-redesign-active .content_container, body.bt-redesign-active .page_container, body.bt-redesign-active .page, body.bt-redesign-active .content, body.bt-redesign-active .content_padding, body.bt-redesign-active .container_width { min-height:0!important; height:auto!important; margin-bottom:0!important; padding-bottom:0!important; }

/* MOBILE */
@media screen and (max-width:770px) {
  .bt-header { height:58px; padding:10px 18px; }
  .bt-header-logo { width:118px; }
  .bt-nav { gap:10px; }
  .bt-nav a { font-size:8px; letter-spacing:.7px; }
  .bt-nav a:nth-child(2), .bt-nav a:nth-child(3) { display:none; }
  .bt-reel-section { padding:24px 18px 34px 18px; }
  .bt-reel-topline { font-size:8px; }
  .bt-reel-frame { padding-bottom:67%; border-radius:18px; }
  .bt-work-section, .bt-clients-section, .bt-gallery-section { padding-left:18px; padding-right:18px; }
  .bt-work-section>h2, .bt-clients-section>h2, .bt-gallery-head h2 { font-size:14vw; margin-top:20px; margin-bottom:42px; }
  .bt-work-row, .bt-work-row-alt { min-height:0; padding:38px 0; display:block; }
  .bt-work-meta { width:100%; margin-bottom:22px; }
  .bt-work-meta h3 { font-size:9.5vw; }
  .bt-work-meta p { font-size:13px; }
  .bt-work-media { width:100%; padding-bottom:56.25%; border-radius:15px; }
  .bt-instagram-media { padding-bottom:120%; }
  .bt-clients-list { display:block; }
  .bt-clients-list span { display:block; padding:17px 0!important; border-left:0!important; font-size:6vw; }
  .bt-bio-grid { min-height:520px; padding:58px 18px 70px 18px; display:block; }
  .bt-bio-copy { margin-top:46px; }
  .bt-bio-copy p { font-size:7.2vw; }
  .bt-directed-by { font-size:11px!important; margin-top:38px!important; }
  .bt-bio-dillo { display:block; width:35%; margin:40px 0 0 auto; }
  .bt-gallery-head p { width:70%; margin:-18px 0 36px auto; font-size:10px; }
  .bt-memory-wall { column-count:2; column-gap:8px; }
  .bt-memory { margin-bottom:8px; border-radius:8px; }
  .bt-contact-section { min-height:230px; padding:42px 18px 48px 18px; }
  .bt-contact-email { margin-top:58px; font-size:10.2vw; }
}