/* The BEXO experience: a single cinematic scroll sequence, with a static fallback. */
.hero{min-height:calc(100svh - 88px)}.hero-art{perspective:1200px}.sample-card{background:radial-gradient(circle at 85% 4%,#56806c 0,transparent 38%),linear-gradient(145deg,#254c3d,#10271f 78%);border:1px solid #b49372;box-shadow:3px 5px 0 #977153,13px 20px 0 -5px #493526,0 52px 80px -35px #0f2b22;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.hero-art:hover .sample-card{transform:rotate(-4deg) rotateY(-9deg) translateY(-12px);box-shadow:3px 5px 0 #977153,13px 20px 0 -5px #493526,0 65px 100px -35px #0f2b22}.card-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-name{position:absolute;z-index:3;bottom:4%;left:6%;border:1px solid #78917c;background:#eef2e6;color:#143126;padding:10px 15px;border-radius:30px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 25px -18px #000}.edit-name:hover{background:#fff}.handle-form{margin-top:28px;max-width:520px;padding:19px 22px 16px;border:1px solid #b8bcb0;border-radius:18px;background:#f7f3eb;box-shadow:0 18px 40px -38px #183c2c}.handle-form label{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#4b5c4e;margin-bottom:9px}.handle-field{display:flex;align-items:center;min-height:49px;border-bottom:1px solid #aeb8aa;gap:4px}.handle-field>span{font-size:16px;font-weight:700;color:#a04c2e;white-space:nowrap}.handle-field input{min-width:0;flex:1;border:0;background:none;color:var(--ink);font:600 16px var(--font-body);outline:none}.handle-field button{background:#1a392e;border:0;color:#fff;border-radius:30px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.handle-field button:hover{background:#a84924}.handle-form p{font-size:12px;color:#4e6053;margin:11px 0 0;min-height:20px}.handle-form p[data-state=error]{color:#a13020}.handle-form p[data-state=success]{color:#1c6844}.handle-form #handle-claim{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:#a84924;text-decoration:underline;text-underline-offset:3px}.handle-form #handle-claim[hidden]{display:none}
.name-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(9,20,16,.7);display:grid;place-items:center;padding:20px;backdrop-filter:blur(12px)}.name-backdrop[hidden]{display:none}.name-dialog{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;width:min(880px,100%);min-height:520px;border-radius:22px;overflow:hidden;background:#f3ede4;box-shadow:0 35px 100px #07120dcc}.name-close{position:absolute;z-index:2;top:14px;right:16px;width:42px;height:42px;border:1px solid #aeb9aa;border-radius:50%;background:#f5eee5;color:#143126;font-size:26px;cursor:pointer}.name-dialog-art{background:radial-gradient(circle at 58% 48%,#335e49,#112a21 67%);color:#f6e8d5;margin:0;display:flex;flex-direction:column;justify-content:space-between;padding:38px;transform-style:preserve-3d}.name-dialog-art span{font-weight:700;letter-spacing:.3em}.name-dialog-art strong{font:400 clamp(42px,5vw,65px)/1 var(--font-display);overflow-wrap:anywhere;transform:rotate(-5deg);text-shadow:3px 3px #845d47}.name-dialog-art small{letter-spacing:.18em;font-size:10px}.name-dialog-copy{padding:62px clamp(28px,5vw,64px) 44px;display:flex;flex-direction:column;justify-content:center}.name-dialog-index{letter-spacing:.2em;font-size:11px;font-weight:700;color:#a84924}.name-dialog h2{font-size:clamp(46px,5vw,70px);line-height:1.02;margin:17px 0 20px}.name-dialog h2 em{color:#a84924}.name-dialog p{font-size:15px;color:#58645b;margin:0 0 28px}.name-dialog form{display:flex;flex-direction:column;gap:9px}.name-dialog label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.name-dialog input{min-height:53px;border:1px solid #9fae9f;background:#fffdf8;border-radius:9px;padding:12px 15px;font:18px var(--font-body)}.name-dialog form button{margin-top:9px;min-height:53px;border:0;border-radius:30px;background:#17382c;color:white;font-weight:700;cursor:pointer}.name-dialog form button:hover{background:#a84924}.name-skip{border:0;background:none;color:#465548;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin-top:17px;align-self:flex-start;padding:5px 0;font-size:13px}body.dialog-open{overflow:hidden}
.cinema{height:320svh;background:#081710;color:#f8eee3;position:relative}.cinema-sticky{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate}.cinema-sticky:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 53% 55%,#385547 0,#142b22 38%,#081710 77%);z-index:-2}.cinema-glow{position:absolute;inset:0;background:radial-gradient(circle at 52% 54%,rgba(219,122,69,.19),transparent 47%);opacity:calc(.55 + var(--progress,0)*.4);z-index:-1}.cinema-art{position:absolute;width:min(76vw,1080px);height:100%;left:50%;top:0;display:grid;place-items:center;transform:translateX(-50%) translateY(calc(var(--progress,0)*-4vh)) scale(calc(.76 + var(--progress,0)*.34)) rotate(calc(-8deg + var(--progress,0)*17deg));will-change:transform;filter:drop-shadow(0 45px 55px #030906)}.cinema-art img{width:100%;height:auto;object-fit:contain;display:block}.cinema-copy{position:absolute;inset:0;pointer-events:none}.cinema-beat{position:absolute;top:50%;left:clamp(28px,6vw,110px);width:45%;transform:translateY(-50%) translateX(-20px);opacity:0;transition:opacity .35s,transform .5s}.cinema-beat.is-active{opacity:1;transform:translateY(-50%) translateX(0)}.cinema-beat span{display:block;font-size:11px;letter-spacing:.2em;color:#e9ae80;font-weight:700;margin-bottom:25px}.cinema-beat h2{font-size:clamp(55px,7vw,112px);line-height:.96;margin:0 0 26px;text-shadow:0 3px 28px #081710}.cinema-beat h2 em{color:#e1a77f}.cinema-beat p{font-size:clamp(16px,1.6vw,22px);max-width:30ch;color:#e4e5d7;text-shadow:0 2px 18px #081710}.cinema-index{position:absolute;z-index:2;top:40px;left:clamp(28px,6vw,110px);right:clamp(28px,6vw,110px);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.18em;color:#e6c7a9}.cinema-progress{position:absolute;z-index:2;right:clamp(28px,6vw,110px);top:50%;width:2px;height:130px;background:#afbdad66;transform:translateY(-50%)}.cinema-progress span{display:block;width:100%;height:calc(var(--progress,0)*100%);background:#e8a16d}.cinema-scroll-hint{position:absolute;bottom:35px;left:clamp(28px,6vw,110px);font-size:11px;font-weight:700;letter-spacing:.2em;color:#d2d7c5}.cinema-scroll-hint span{margin-left:25px}.audience-section{padding-block:clamp(100px,12vw,180px)}.audience-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.audience-heading h2{font-size:clamp(50px,6vw,92px);line-height:1;margin:0}.audience-heading h2 em{color:#a84924}.audience-heading p{font-size:18px;color:#526055;margin:0 0 9px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.audience-grid a{min-height:385px;background:#e0e5d9;border:1px solid #bfc8b8;border-radius:16px;padding:30px;display:flex;flex-direction:column;transition:transform .35s,background .35s,box-shadow .35s}.audience-grid a:nth-child(2){background:#19382c;color:#f3e9d8;border-color:#19382c}.audience-grid a:nth-child(3){background:#dfccba}.audience-grid a:hover{transform:translateY(-11px);box-shadow:0 25px 45px -33px #102c20}.audience-grid span{font-size:11px;font-weight:700;letter-spacing:.17em;color:#a84924}.audience-grid a:nth-child(2) span{color:#e7ad81}.audience-grid strong{font:400 clamp(34px,3.4vw,51px)/1.05 var(--font-display);max-width:11ch;margin:auto 0 24px}.audience-grid small{font-size:15px;line-height:1.5;max-width:31ch;color:#4c5e50}.audience-grid a:nth-child(2) small{color:#d4dfd4}.audience-grid b{font-size:13px;margin-top:30px;border-top:1px solid currentColor;padding-top:18px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{height:470px}.cinema-art{width:105vw;left:60%;opacity:.82}.cinema-beat{width:70%;z-index:1}.audience-grid{grid-template-columns:1fr}.audience-grid a{min-height:270px}.audience-grid strong{margin:35px 0 15px;max-width:22ch}}
@media(max-width:760px){.hero{min-height:0}.edit-name{bottom:1%}.handle-form{margin-top:25px}.cinema{height:270svh}.cinema-sticky{min-height:0}.cinema-art{width:155vw;left:56%;top:6%;opacity:.53;transform:translateX(-50%) scale(calc(.75 + var(--progress,0)*.23)) rotate(calc(-8deg + var(--progress,0)*12deg))}.cinema-beat{left:24px;right:24px;width:auto;top:auto;bottom:13%;transform:translateY(20px);opacity:0}.cinema-beat.is-active{transform:none}.cinema-beat h2{font-size:clamp(54px,12vw,78px)}.cinema-beat p{font-size:17px}.cinema-index{left:24px;right:24px;top:26px}.cinema-progress{right:25px;height:90px}.cinema-scroll-hint{left:24px;bottom:20px;font-size:9px}.audience-heading{display:block}.audience-heading p{margin-top:20px}.name-dialog{grid-template-columns:1fr;min-height:0;max-width:480px}.name-dialog-art{min-height:145px;padding:24px}.name-dialog-art strong{font-size:35px}.name-dialog-art small{display:none}.name-dialog-copy{padding:26px}.name-dialog h2{font-size:48px;margin:8px 0 12px}.name-dialog p{margin-bottom:15px}}
@media(max-width:420px){.handle-field>span{font-size:13px}.handle-field input{font-size:14px}.handle-field button{padding:8px 10px}.cinema-beat h2{font-size:50px}.cinema-beat p{font-size:15px}.cinema-art{top:-4%}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-sticky{position:relative;height:auto;min-height:690px}.cinema-art{transform:translateX(-50%);opacity:.7}.cinema-beat{display:none}.cinema-beat:first-child{display:block;opacity:1;transform:translateY(-50%)}.cinema-progress,.cinema-scroll-hint{display:none}.sample-card{animation:none}}
/* Keep the narrative legible as the card passes behind it. */
.cinema-copy:before{content:'';position:absolute;inset:0 42% 0 0;background:linear-gradient(90deg,#081710 0%,rgba(8,23,16,.86) 45%,transparent 100%);pointer-events:none}
@media(max-width:760px){.cinema-copy:before{inset:42% 0 0;background:linear-gradient(0deg,#081710 0%,rgba(8,23,16,.72) 58%,transparent 100%)}}