@import url('/film/style.css');
:root{--cream:#f1ede3;--gold:#edc58c;--mint:#81d4c8}
body{background:#090e10;color:var(--cream);overflow:hidden;font-family:Arial,Helvetica,sans-serif}[hidden]{display:none!important}
.film{position:fixed;inset:0;isolation:isolate;width:100%;height:100svh;min-height:520px;overflow:clip;background:#0a1013}
.footage,.grade,.grain{position:absolute;inset:0;pointer-events:none}
.footage video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.68) contrast(1.08);will-change:transform,opacity}
.grade{background:linear-gradient(90deg,#030b0dd4 0%,#030b0d40 65%),linear-gradient(0deg,#030b0df2,transparent 42%,#0005);z-index:1}
.grain{z-index:7;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.film-header{position:absolute;left:4%;right:4%;top:25px;display:flex;align-items:center;justify-content:space-between;z-index:10}
.brand{font-size:27px;letter-spacing:-1.8px}.brand>span{font:italic 44px Georgia;color:var(--gold);margin-right:5px}
#evidence-label{font-size:10px;font-weight:600;letter-spacing:.17em;background:#06101388;border:1px solid #d5e9e322;border-radius:30px;padding:9px 13px}
.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:18px;font-weight:600}
.opening{position:absolute;left:7%;top:27%;z-index:3;will-change:transform,opacity}
.opening h1{font-size:clamp(46px,6.6vw,100px);letter-spacing:-.065em;line-height:1.02;font-weight:500}
.opening em,.value-heading em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.055em}
.equal-wagers{display:flex;gap:52px;margin-top:32px}.equal-wagers>span{font-size:28px;font-variant-numeric:tabular-nums;display:block}.equal-wagers small{display:block;font-size:10px;color:#ddddd1a6;margin-top:5px;letter-spacing:.03em}
.floating-copy{position:absolute;left:7%;top:22%;z-index:4;opacity:0}.floating-copy h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.055em}
.product-stage{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none}
.felt{position:absolute;left:9%;right:9%;top:29%;bottom:17%;border-radius:45% 45% 40% 40%;background:radial-gradient(ellipse at 50% 20%,#133e3b,#06191be0);border:1px solid #77c7b94d;box-shadow:0 0 0 12px #0c171a66;transform:perspective(900px) rotateX(18deg)}
.felt>span{position:absolute;top:14%;left:12%;font-size:10px;letter-spacing:.2em;color:#99cebf88}.felt i{position:absolute;inset:16%;border:1px solid #81b6a322;border-radius:50%}
.film-dealer{position:absolute;left:50%;top:28%;transform:translateX(-50%);text-align:center}.film-dealer small{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:10px}.film-dealer .card{margin:auto}
.film-player{position:absolute;width:220px;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);will-change:transform,left,top,opacity}
.film-cards{display:flex;justify-content:center;gap:8px;height:85px;align-items:center}.film-cards .card{width:51px;height:73px;border-radius:5px;box-shadow:0 8px 18px #0007;will-change:transform,opacity}.film-cards .card b{font-size:18px}.film-cards .card>span{font-size:28px}.film-cards .card small{font-size:14px}
.tracking{position:absolute;inset:-13px -16px 90px;border:1px solid #80d2c65c;border-radius:8px}.tracking:before,.tracking:after{content:'';position:absolute;width:9px;height:9px;border-color:var(--mint);border-style:solid}.tracking:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.tracking:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.film-action{display:inline-block;font-size:9px;letter-spacing:.13em;color:var(--mint);padding:4px 9px;background:#102c28;margin-bottom:4px}
.film-player h3{font-size:16px;font-weight:500;margin-top:10px;letter-spacing:-.02em}.film-wager{color:#d2cebf;font-size:11px;margin-top:7px}.film-value{font-size:clamp(34px,4vw,61px);letter-spacing:-.06em;font-weight:400;display:block;margin-top:12px;font-variant-numeric:tabular-nums}.film-bars{display:flex;height:7px;border-radius:6px;margin:14px 0 10px;overflow:hidden;background:#ffffff0b}.film-bars>i{display:block;height:100%;flex-shrink:0}.baseline{background:#a7b0b6}.decision{background:var(--mint)}.side{background:var(--gold)}.film-breakdown{display:flex;justify-content:space-between;font-size:10px;color:#bbc9c9;gap:8px}.film-breakdown span{display:flex;flex-direction:column;gap:5px}.film-breakdown b{font-size:12px;font-weight:400;color:var(--cream)}
.hand-record{position:absolute;left:56%;top:29%;width:33%;opacity:0}.hand-record h2{font-size:clamp(35px,4.4vw,60px);letter-spacing:-.045em;line-height:1.03;margin-bottom:24px}.record-line{display:flex;justify-content:space-between;font-size:13px;padding:9px 0;border-bottom:1px solid #ffffff1c}.record-line span{color:#acbab9}.record-line b{text-transform:capitalize;font-weight:400}.decision-value{margin:20px 0 8px}.decision-value small{display:block;color:#adbdb9;font-size:11px}.decision-value strong{font-size:48px;color:var(--mint);letter-spacing:-.06em;font-weight:400}.hand-record>small{display:block;font-size:10px;line-height:1.6;color:#9baea9}
.value-heading{position:absolute;left:7%;top:19%;opacity:0}.value-heading h2{font-size:clamp(32px,4.7vw,65px);letter-spacing:-.05em;line-height:1.03}
.value-note{position:absolute;bottom:18%;left:7%;right:7%;opacity:0;text-align:center;font-size:11px;color:#c1cdc8}.value-note .dot{width:6px;height:6px;display:inline-block;border-radius:50%;margin:0 6px 0 16px}.value-note p{font-size:11px;margin-top:10px;color:#b6c3be}.value-note small{font-size:10px;color:#a0aca9;display:block;margin-top:7px}
.ending{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;text-align:center}.end-brand{font-size:clamp(60px,9vw,130px);font-weight:600;letter-spacing:-.085em;line-height:1}.end-brand>span{color:var(--gold);font-size:.55em;vertical-align:top;display:inline-block;margin-top:8px}.ending h2{font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.035em;margin:25px 0 28px}.cta{border-bottom:1px solid var(--gold);font-size:14px;padding:12px 0;display:flex;gap:50px;pointer-events:auto}.cta>span{color:var(--gold)}
.start{position:absolute;left:7%;bottom:17%;z-index:15;background:transparent;display:grid;grid-template-columns:45px 1fr;gap:3px 14px;align-items:center;text-align:left;padding:0;font-size:14px;letter-spacing:0}.start-icon{grid-row:1/3;width:45px;height:45px;display:grid;place-items:center;border:1px solid #eec589a6;border-radius:50%;font-size:13px;color:var(--gold);background:#17211ba6}.start small{font-size:9px;letter-spacing:.14em;color:#b2b8af}.start:hover .start-icon{background:var(--gold);color:#101514}
.captions{position:absolute;z-index:12;bottom:12%;left:50%;transform:translateX(-50%);width:max-content;max-width:80%;font-size:clamp(13px,1.25vw,18px);text-align:center;line-height:1.45;background:#050e10cf;color:#f0eee6;padding:7px 14px;border-radius:4px;pointer-events:none}.captions:empty{display:none}
.transport{position:absolute;bottom:22px;left:4%;right:4%;z-index:20;opacity:0;transition:opacity .25s;pointer-events:none}.controls-visible .transport,.transport:focus-within{opacity:1;pointer-events:auto}.transport-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.transport button{background:transparent;font-size:10px;letter-spacing:.09em;padding:8px 3px;min-height:34px}.transport #play,.transport #replay{font-size:18px;min-width:25px}.transport #cc{border:1px solid #ccc4;padding:3px 6px;min-height:24px}.transport #cc[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.transport a,.transport #time{font-size:10px;letter-spacing:.03em}.control-spacer{flex:1}#seek{display:block;width:100%;height:3px;margin:0;accent-color:var(--gold);cursor:pointer}#film-error{position:absolute;z-index:22;bottom:25%;left:7%;right:7%;background:#321d16;color:#ffe0ca;font-size:13px}#film-error:empty{display:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:760px){.film{min-height:600px}.film-header{top:18px;left:6%;right:6%}.brand{font-size:23px}.brand>span{font-size:34px}#evidence-label{font-size:8px;padding:8px 9px}.opening{left:7%;top:27%}.opening h1{font-size:clamp(38px,9vw,62px)}.equal-wagers{gap:25px;margin-top:25px}.equal-wagers>span{font-size:23px}.equal-wagers small{font-size:9px}.eyebrow{font-size:8px;margin-bottom:13px}.floating-copy{top:19%}.floating-copy h2{font-size:36px}.felt{left:2%;right:2%;top:35%;bottom:27%}.film-dealer{top:30%}.film-player{width:29%}.film-player h3{font-size:12px}.film-cards{height:65px;gap:4px}.film-cards .card{width:32px;height:48px}.film-cards .card b{font-size:12px}.film-cards .card>span{font-size:20px}.film-cards .card small{font-size:10px}.film-wager{font-size:9px}.film-action{font-size:7px;padding:4px 6px}.tracking{left:-3px;right:-3px;bottom:73px}.hand-record{left:12%;top:47%;width:76%}.hand-record h2{font-size:28px;margin-bottom:12px}.hand-record .eyebrow{margin-bottom:8px}.record-line{font-size:11px;padding:6px 0}.decision-value{margin:12px 0 5px;display:flex;align-items:center;justify-content:space-between;gap:15px}.decision-value small{max-width:125px;line-height:1.4}.decision-value strong{font-size:35px}.hand-record>small{font-size:9px}.value-heading{top:18%;left:7%}.value-heading h2{font-size:35px}.film-value{font-size:31px;margin-top:6px}.film-breakdown{gap:3px;font-size:8px}.film-breakdown b{font-size:9px}.film-bars{margin:10px 0}.value-note{bottom:24%;left:3%;right:3%;font-size:9px}.value-note p{font-size:9px}.value-note small{font-size:8px}.value-note .dot{margin-left:7px}.start{bottom:19%}.captions{bottom:12.5%;max-width:88%;font-size:13px}.transport{left:6%;right:6%;bottom:20px}.transport-row{gap:10px}.transport a{font-size:8px}.transport #mute{font-size:8px}.transport #time{font-size:9px}.ending{padding-bottom:40px}.ending h2{font-size:33px}.end-brand{font-size:85px}.cta{font-size:13px}.footage video{object-position:58% center}}
.hand-ticker{margin:20px 0 5px;padding:11px 0;border-top:1px solid #84d1c650;border-bottom:1px solid #84d1c620;display:flex;flex-direction:column;gap:6px;background:linear-gradient(90deg,transparent,#87ccbe08,transparent)}.ticker-hand{font-size:8px;letter-spacing:.18em;color:var(--gold)}.ticker-action{font-size:12px;text-transform:capitalize}.hand-ticker b{font-weight:400;font-size:11px;color:var(--mint)}
@media(max-width:760px){.hand-ticker{margin:12px 0 5px;padding:8px 0;gap:4px}.ticker-action{font-size:9px}.ticker-hand{font-size:7px}.hand-ticker b{font-size:8px}.value-heading h2{font-size:32px}}
.montage{position:absolute;left:8%;right:8%;top:30%;z-index:6;opacity:0;pointer-events:none;text-shadow:0 3px 30px #0007}.montage h2{font-size:clamp(50px,8vw,118px);letter-spacing:-.065em;line-height:1;font-weight:500}.montage strong{display:block;font-size:clamp(52px,9vw,130px);font-weight:400;letter-spacing:-.06em;color:var(--gold);margin-top:18px}.montage small{display:block;font-size:12px;color:#e2e3d6;margin-top:12px}.montage strong:empty,.montage small:empty{display:none}
@media(max-width:760px){.montage{top:32%;left:9%;right:6%}.montage h2{font-size:55px}.montage strong{font-size:76px}.montage .eyebrow{max-width:210px;line-height:1.6}.montage small{max-width:235px;line-height:1.5;font-size:11px}}
@media(prefers-reduced-motion:reduce){.transport{transition:none}.grain{display:none}}
.film-logo{width:150px;height:50px;object-fit:contain;padding:0;background:transparent;border-radius:0;filter:none}.film-end-logo{display:block;width:min(370px,65vw);height:auto;aspect-ratio:3/1;object-fit:contain;padding:0;background:transparent;border-radius:0;filter:none;margin:0 auto 20px}