/* Centered introduction and a perspective destination corridor. */
.site-header .nav-shell{height:78px}
.reference-hero{
  --fan-scale:1;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0 0 40px;
  min-height:802px;
  background:radial-gradient(ellipse at 50% 37%,#252718 0,#11150f 34%,var(--bg) 74%);
}
.reference-hero .hero-glow{left:50%;top:-280px;transform:translateX(-50%);width:1100px;height:950px;opacity:.55}
.reference-hero .hero-grid{position:relative;display:block;width:100%;max-width:none;min-height:580px;margin:0;padding:0}
.reference-hero .hero-copy{position:relative;z-index:2;text-align:center;width:min(1000px,calc(100% - 48px));max-width:none;margin:0 auto;padding-top:54px;pointer-events:none}
.reference-hero .hero-kicker{display:flex;align-items:center;justify-content:center;gap:20px}
.reference-hero .kicker-diamond{font-size:7px;color:var(--gold);opacity:.75}
.reference-hero .mini-brand{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #d0ad7266;border-radius:50%;font-size:9px;letter-spacing:-1px;color:var(--gold-light);flex:none}
.reference-hero .eyebrow{justify-content:center;font-size:10px;letter-spacing:2.5px;gap:10px;margin:0}
.reference-hero .eyebrow i{width:23px}
.reference-hero h1{max-width:1000px;font-family:var(--font);font-size:clamp(36px,3.9vw,54px);font-weight:600;line-height:1.15;letter-spacing:-2px;margin:17px auto 0;text-wrap:balance}
.reference-hero h1>span,.reference-hero h1>em{display:block}
.reference-hero h1>em,.reference-hero h1>:last-child{font-family:var(--font);font-style:normal;font-weight:600;color:var(--gold-light);margin-top:3px}
.reference-hero h1 .headline-line{color:var(--ink)}
.reference-hero h1 .headline-line b{font:inherit;color:var(--gold-light)}
.reference-hero .hero-emblem{display:flex;align-items:center;justify-content:center;gap:15px;margin:19px auto 0;color:var(--gold)}
.reference-hero .hero-emblem>span{width:58px;height:1px;background:linear-gradient(90deg,transparent,#d0ad7280)}
.reference-hero .hero-emblem>span:last-child{transform:rotate(180deg)}
.reference-hero .hero-emblem>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d0ad7266;border-radius:50%;font-family:Georgia,serif;font-weight:400;font-size:13px;letter-spacing:-1px}
.reference-hero .hero-description{font-size:12px;line-height:1.8;max-width:590px;margin:15px auto 0;color:#b1b6a8}
.reference-hero .destination-stage{position:absolute;z-index:0;inset:0 0 auto;width:100%;height:650px;perspective:1300px;perspective-origin:50% 62%;transform-style:preserve-3d;pointer-events:none}
.reference-hero .fan-card{
  position:absolute;
  top:400px;
  left:calc(50% + var(--x,0px));
  width:calc(var(--w,180px) * var(--fan-scale));
  height:calc(var(--h,350px) * var(--fan-scale));
  margin:0;
  z-index:var(--layer,1);
  border:1px solid #dfc49365;
  border-radius:8px;
  overflow:hidden;
  background:#232b1d;
  box-shadow:0 20px 35px #0009,0 0 0 3px #0b0d0c77;
  transform:translate(-50%,-50%) rotateY(var(--ry,0deg)) rotateZ(var(--drift,0deg));
  transform-origin:center;
  backface-visibility:hidden;
}
.reference-hero .fan-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92);display:block}
.reference-hero .fan-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0004);box-shadow:inset 0 0 0 1px #f5dca41a;pointer-events:none}
.reference-hero .fan-card figcaption{position:absolute;left:14px;right:14px;bottom:12px;color:#fff7e8;font-size:10px;text-shadow:0 1px 8px #000;z-index:1}
.reference-hero .discovery-bar{position:relative;z-index:3;display:block;width:min(750px,calc(100% - 48px));margin:0 auto;padding:0;border:0}
.reference-hero .discovery-bar>p{display:none}
.reference-hero .discovery-bar form{display:flex;align-items:center;gap:15px;width:100%;padding:7px 7px 7px 24px;border:1px solid #d0ad725e;border-radius:999px;background:#171e14;box-shadow:0 14px 40px #0007,0 0 0 6px #0b0d0c70}
.reference-hero .discovery-bar form>svg{color:var(--gold);width:21px;height:21px;flex:none}
.reference-hero .discovery-bar input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;color:var(--ink);padding:13px 0;font-size:13px;box-shadow:none}
.reference-hero .discovery-bar input::placeholder{color:#9ba392;opacity:1}
.reference-hero .discovery-bar input:focus{outline:none}
.reference-hero .discovery-bar form:focus-within{border-color:var(--gold-light);box-shadow:0 0 0 3px #d0ad7230,0 14px 40px #0007}
.reference-hero .discovery-bar button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:14px 25px;background:var(--gold);color:#15180f;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .2s}
.reference-hero .discovery-bar button:hover{background:var(--gold-light)}
.reference-hero .discovery-bar button svg{width:18px;height:18px}
.reference-hero .hero-features{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1080px,calc(100% - 64px));margin:32px auto 0}
.reference-hero .hero-feature{display:flex;align-items:center;gap:13px;min-width:0;min-height:80px;padding:17px 20px;border:1px solid #d0ad7238;border-radius:999px;background:linear-gradient(120deg,#21261b,#141a12);box-shadow:0 8px 24px #0002;text-align:left}
.reference-hero .hero-feature>svg{color:var(--gold);width:25px;height:25px;flex:none}
.reference-hero .hero-feature strong{display:block;font-size:12px;font-weight:600;color:#f3ecdf;line-height:1.45}
.reference-hero .hero-feature small{display:block;font-size:10px;line-height:1.55;color:#939d89;margin-top:3px}
html[lang=bn] .reference-hero h1{font-size:clamp(34px,3.7vw,50px);line-height:1.35;letter-spacing:-.5px}
html[lang=bn] .reference-hero .eyebrow{letter-spacing:.5px}
html[lang=bn] .reference-hero .hero-feature strong{font-size:13px}

@media(min-width:1600px){
  .reference-hero{--fan-scale:1.1;min-height:840px}
  .reference-hero .hero-grid{min-height:614px}
  .reference-hero .fan-card{top:420px}
  .reference-hero .hero-copy{padding-top:65px}
}
@media(max-width:1100px){
  .reference-hero{--fan-scale:.84;min-height:760px}
  .reference-hero .hero-grid{min-height:545px}
  .reference-hero .fan-card{top:380px}
  .reference-hero .hero-copy{padding-top:48px;width:calc(100% - 50px)}
  .reference-hero h1{font-size:46px;max-width:820px}
  .reference-hero .hero-features{gap:10px;width:calc(100% - 48px)}
  .reference-hero .hero-feature{padding:15px 16px;gap:10px;min-height:77px}
  .reference-hero .hero-feature strong{font-size:11px}
  .reference-hero .hero-feature small{font-size:9px}
}
@media(max-width:850px){
  .reference-hero{--fan-scale:.68;min-height:710px}
  .reference-hero .hero-grid{min-height:500px}
  .reference-hero .hero-copy{padding-top:42px}
  .reference-hero h1{font-size:39px;letter-spacing:-1.5px;max-width:700px}
  .reference-hero .hero-description{max-width:460px;font-size:11px}
  .reference-hero .fan-card{top:350px;border-radius:6px}
  .reference-hero .hero-features{margin-top:27px;gap:9px}
  .reference-hero .hero-feature{padding:14px 12px;gap:8px;min-height:74px;border-radius:24px}
  .reference-hero .hero-feature>svg{width:21px;height:21px}
  .reference-hero .hero-feature strong{font-size:10px}
  .reference-hero .hero-feature small{font-size:9px}
  html[lang=bn] .reference-hero h1{font-size:38px}
}
@media(max-width:650px){
  .site-header .nav-shell{height:78px}
  .reference-hero{--fan-scale:.48;min-height:0;padding:0 0 30px;background:radial-gradient(ellipse at 50% 37%,#232719 0,#10160e 36%,var(--bg) 78%)}
  .reference-hero .hero-grid{display:block;min-height:440px;gap:0}
  .reference-hero .hero-copy{width:calc(100% - 30px);padding-top:33px;max-width:520px}
  .reference-hero .hero-kicker{gap:10px}
  .reference-hero .eyebrow{font-size:8px;letter-spacing:1.8px;gap:8px}
  .reference-hero .hero-kicker .eyebrow{font-size:7px;letter-spacing:1px}
  .reference-hero .mini-brand{width:22px;height:22px;font-size:8px}
  .reference-hero .hero-emblem{margin-top:16px;gap:12px}
  .reference-hero .hero-emblem>span{width:35px}
  .reference-hero .hero-emblem>b{width:27px;height:27px;font-size:10px}
  .reference-hero .eyebrow i{width:18px}
  .reference-hero h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-top:15px;max-width:520px}
  .reference-hero h1>:last-child{margin-top:4px}
  .reference-hero .hero-description{display:none}
  .reference-hero .destination-stage{height:455px;perspective:750px;perspective-origin:50% 60%}
  .reference-hero .fan-card{top:300px;border-radius:5px;box-shadow:0 10px 16px #0009,0 0 0 2px #0b0d0c66}
  .reference-hero .fan-card figcaption{font-size:6px;left:6px;right:6px;bottom:6px}
  .reference-hero .discovery-bar{width:calc(100% - 32px);margin:0 auto;padding:0}
  .reference-hero .discovery-bar form{padding:6px 6px 6px 15px;gap:10px;box-shadow:0 9px 22px #0007,0 0 0 4px #0b0d0c66}
  .reference-hero .discovery-bar form>svg{width:17px;height:17px}
  .reference-hero .discovery-bar input{font-size:16px;padding:11px 0}
  .reference-hero .discovery-bar button{min-height:46px;padding:12px 15px;gap:8px;font-size:10px}
  .reference-hero .discovery-bar button svg{width:14px;height:14px}
  .reference-hero .hero-features{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
  .reference-hero .hero-feature{min-height:70px;padding:13px 15px;gap:10px;border-radius:40px}
  .reference-hero .hero-feature>svg{width:23px;height:23px}
  .reference-hero .hero-feature strong{font-size:11px}
  .reference-hero .hero-feature small{font-size:9px}
  html[lang=bn] .reference-hero h1{font-size:29px;line-height:1.4;letter-spacing:0}
  html[lang=bn] .reference-hero .hero-feature strong{font-size:12px}
}
@media(max-width:360px){
  .reference-hero{--fan-scale:.43}
  .reference-hero .hero-copy{width:calc(100% - 22px)}
  .reference-hero h1{font-size:27px}
  .reference-hero .hero-feature{padding:12px;gap:8px}
  .reference-hero .hero-feature>svg{width:20px;height:20px}
  .reference-hero .discovery-bar button{padding-inline:12px}
  .reference-hero .discovery-bar button svg{display:none}
  html[lang=bn] .reference-hero h1{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .reference-hero .discovery-bar button{transition:none}
}