@import url("styles-base.css");

:root{--pad:clamp(22px,5vw,84px)}

/* HQ hero */
.hero-media img{object-position:70% 50%!important;transform:none!important;animation:none!important;image-rendering:auto}
@media(max-width:760px){.hero-media img{object-position:73% 50%!important}}

/* Results video gallery */
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 18px}
.results-toolbar p{margin:0;color:rgba(250,247,242,.58);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.results-nav{display:flex;gap:10px}
.results-nav-btn{width:46px;height:46px;border:1px solid rgba(250,247,242,.28);border-radius:50%;background:rgba(250,247,242,.05);color:#FAF7F2;font:400 20px/1 Manrope,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.results-nav-btn:hover{transform:translateY(-2px);background:rgba(250,247,242,.12);border-color:rgba(250,247,242,.52)}
.results-video-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 18px}
.results-video-gallery::-webkit-scrollbar{display:none}
.result-video-card{flex:0 0 clamp(230px,23vw,310px);scroll-snap-align:start;scroll-snap-stop:always}
.result-video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:22px;background:#171411;box-shadow:0 24px 52px rgba(0,0,0,.24)}
.result-video{display:block;width:100%;height:100%;object-fit:cover;background:#171411;accent-color:#b98a5b}
.result-video-number{position:absolute;top:14px;left:14px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(29,24,21,.42);backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:.1em;pointer-events:none}
.result-video-caption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:rgba(250,247,242,.56);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.result-video-caption strong{color:var(--milk);font-weight:500;text-align:right}
.result-open{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:12px 14px;border:1px solid rgba(250,247,242,.18);border-radius:999px;background:transparent;color:#FAF7F2;font:500 10px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.result-open:hover{background:rgba(250,247,242,.1);border-color:rgba(250,247,242,.38);transform:translateY(-1px)}
.result-open span{font-size:14px}
.results-swipe-hint{margin:6px 0 0;color:rgba(250,247,242,.48);font-size:10px;text-transform:uppercase;letter-spacing:.1em}

/* Large result viewer */
body.result-modal-open{overflow:hidden}
.result-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.result-modal.open{opacity:1;visibility:visible}
.result-modal-backdrop{position:absolute;inset:0;background:rgba(18,15,13,.88);backdrop-filter:blur(12px)}
.result-modal-shell{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(260px,460px) 54px;align-items:center;gap:22px;max-width:720px;width:100%}
.result-modal-stage{position:relative}
.result-modal-video{display:block;width:100%;max-height:86vh;aspect-ratio:9/16;object-fit:contain;border-radius:24px;background:#0d0b0a;box-shadow:0 30px 90px rgba(0,0,0,.42);accent-color:#b98a5b}
.result-modal-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;color:rgba(250,247,242,.62);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.result-modal-meta strong{color:#FAF7F2;font-weight:500}
.result-modal-close{position:absolute;right:-4px;top:-54px;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font:300 28px/1 Arial,sans-serif;cursor:pointer}
.result-modal-arrow{width:54px;height:54px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font:400 22px/1 Arial,sans-serif;cursor:pointer;transition:background .2s ease,transform .2s ease}
.result-modal-arrow:hover,.result-modal-close:hover{background:rgba(255,255,255,.14)}
.result-modal-prev:hover{transform:translateX(-2px)}
.result-modal-next:hover{transform:translateX(2px)}

@media(max-width:760px){
  .results-toolbar{margin-top:2px}
  .results-toolbar p{font-size:9px}
  .results-nav-btn{width:42px;height:42px}
  .results-video-gallery{gap:12px;margin-right:calc(var(--pad)*-1);padding-right:var(--pad);padding-bottom:14px}
  .result-video-card{flex-basis:min(76vw,292px)}
  .result-video-frame{border-radius:18px}
  .results-swipe-hint{font-size:9px;line-height:1.5}
  .result-modal{padding:14px}
  .result-modal-shell{display:block;max-width:min(92vw,430px)}
  .result-modal-video{max-height:78vh;border-radius:20px}
  .result-modal-close{right:0;top:-50px}
  .result-modal-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;background:rgba(18,15,13,.64);backdrop-filter:blur(8px)}
  .result-modal-prev{left:-8px;transform:translateY(-50%)}
  .result-modal-next{right:-8px;transform:translateY(-50%)}
  .result-modal-prev:hover{transform:translateY(-50%)}
  .result-modal-next:hover{transform:translateY(-50%)}
}

/* Founder mobile layout fix */
@media(max-width:900px){
  .expert-layout{display:block!important;width:100%!important;min-width:0!important}
  .expert-card,
  .masters-grid.masters-grid-single .master-card.expert-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  .expert-card .master-photo,
  .masters-grid.masters-grid-single .master-card.expert-card .master-photo{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    margin:0!important;
    z-index:1!important;
    overflow:hidden!important;
  }
  .expert-card .master-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 34%!important;
  }
  .expert-card .master-info,
  .masters-grid.masters-grid-single .master-card.expert-card .master-info{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:26px 20px!important;
    transform:none!important;
    background:#E8DED1!important;
    z-index:2!important;
    overflow:hidden!important;
  }
  .expert-card .master-info::before{display:none!important}
  .expert-card .master-info::after{display:none!important}
  .expert-card .master-info>*{max-width:100%!important;min-width:0!important}
  .expert-card .master-info>span{overflow-wrap:anywhere;word-break:normal}
  .expert-card .master-links{display:flex!important;flex-wrap:wrap!important;gap:12px 16px!important;width:100%!important}
  .expert-points{margin-top:22px;width:100%;min-width:0}
}

/* Training photo reliability + HQ replacement */
#training .training-copy>.eyebrow{display:none!important}
#training .training-hero{position:relative!important;background:#302C29 url("assets/photo-18.webp") 50% 38%/cover no-repeat!important}
#training .training-hero img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 38%!important;opacity:0!important}
#training .training-hero.reveal,
#training .training-gallery-shell.reveal,
#training .training-proof.reveal{opacity:1!important;visibility:visible!important;transform:none!important}
#training .training-gallery img{visibility:visible!important;opacity:1!important}

/* Clear DIKIDI steps: 1 / 2 / 3 */
.dikidi-steps{counter-reset:dikidi-step;list-style:none!important;padding:0!important;margin:24px 0!important;display:grid!important;gap:12px!important}
.dikidi-steps li{counter-increment:dikidi-step;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;list-style:none!important;margin:0!important;padding:0!important}
.dikidi-steps li::marker{content:""}
.dikidi-steps strong{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:1px solid rgba(48,44,41,.25)!important;border-radius:50%!important;font-size:0!important;font-weight:500!important;line-height:1!important;color:#302C29!important}
.dikidi-steps strong::after{content:counter(dikidi-step);font:500 12px/1 Manrope,sans-serif!important;color:#302C29!important}
.dikidi-steps span{display:block!important;min-width:0!important;font-size:13px!important;line-height:1.45!important;color:#302C29!important}