*{box-sizing:border-box}body{margin:0;background:#fcfcf8;color:#272b26;font:14px/1.5 Arial,Helvetica,sans-serif}main{padding:28px 24px 36px;margin:auto;max-width:1900px}header{margin-bottom:23px}h1{font-size:27px;line-height:1.2;margin:0 0 8px;font-weight:600}header p{font-size:12px;color:#73786f;margin:0}.table-wrap{overflow:auto;border-top:1px solid #aeb7a7;border-bottom:1px solid #d9ded3}table{width:100%;min-width:1350px;border-collapse:collapse;table-layout:fixed;text-align:left}th{font-size:12px;font-weight:600;background:#f0f3eb;padding:13px 12px;border-bottom:1px solid #bcc6b2;vertical-align:top}td{padding:20px 12px;border-bottom:1px solid #dce2d5;vertical-align:top;font-size:13px;line-height:1.55}tr:last-child td{border-bottom:0}th:nth-child(1){width:10%}th:nth-child(2){width:16%}th:nth-child(3){width:15%}th:nth-child(4){width:20%}th:nth-child(5){width:12%}th:nth-child(6),th:nth-child(7){width:9%}th:nth-child(8){width:9%}tbody tr:nth-child(even){background:#f8faf4}p{margin:0}.company{font-size:14px;font-weight:600;color:#293c26;text-decoration:none}.company:hover{text-decoration:underline}.source{display:inline-block;font-size:11px;color:#417494;margin-top:8px;text-underline-offset:3px}.date{display:block;font-size:10px;color:#858b7c;margin-top:3px}.note{font-size:11px;color:#8b7853;margin-top:9px}.person{font-weight:600}.role{font-size:11px;color:#777f6f;margin-top:3px}.placeholder{font-size:12px;color:#858d7c}.why{color:#30412b}footer{font-size:11px;color:#7f8776;margin-top:20px;max-width:1000px;line-height:1.7}a:focus-visible,button:focus-visible{outline:3px solid #71a9cd;outline-offset:4px}#watch-gate{position:fixed;inset:0;background:#fcfcf8;z-index:10;display:grid;place-items:center;padding:24px}#watch-gate[hidden]{display:none}.watch-box{width:min(850px,100%)}.watch-box h1{margin-bottom:22px;font-size:32px}#loom-frame{aspect-ratio:16/9;background:#edf1e7}#loom-frame iframe{width:100%;height:100%;border:0;display:block}.watch-box button{font:14px Arial;background:#2e3e28;color:white;border:0;border-radius:3px;padding:13px 17px;margin-top:20px;cursor:pointer}.gate-locked main{filter:blur(8px);pointer-events:none;max-height:100vh;overflow:hidden}@media(max-width:700px){main{padding:22px 17px}h1{font-size:24px}.table-wrap{border-top:0;overflow:visible}table{min-width:0;display:block}thead{display:none}tbody{display:block}tr{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;padding:22px 0;border-top:1px solid #c8d2bc}tbody tr:nth-child(even){background:transparent}td{display:block;border:0;padding:0;font-size:13px}td:before{content:attr(data-label);display:block;font-size:10px;font-weight:600;color:#838d76;margin-bottom:5px}td:nth-child(1),td:nth-child(4){grid-column:1/-1}.company{font-size:20px}td:nth-child(1):before{display:none}.note{font-size:10px}.source{margin-top:6px}footer{font-size:10px;margin-top:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.header-spinning-f{display:block;position:relative;width:23px;height:27px;flex-shrink:0;transform-origin:center;transform-style:preserve-3d;animation:header-f-spin 16.696s linear infinite}.header-spinning-f .f-depth-layer{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(var(--f-depth));backface-visibility:visible;filter:brightness(.72) saturate(1.1) blur(.45px)}.header-spinning-f .f-depth-face{filter:drop-shadow(0 0 7px #89cfff88) drop-shadow(0 0 16px #66e3ed55)}@keyframes header-f-spin{from{transform:perspective(800px) rotateY(0deg)}to{transform:perspective(800px) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.header-spinning-f{animation:none}}
@font-face{font-family:FrannyBrand;src:url('assets/Poppins-Semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
.brand{gap:8px}
.brand .brand-wordmark{font-family:FrannyBrand,Poppins,Arial,sans-serif;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:#fff;white-space:nowrap}

body{background:#080e16;color:#edf3f7}header{display:flex;align-items:center;gap:30px;padding-bottom:23px;border-bottom:1px solid #28465a;margin-bottom:22px}header h1{font-size:24px;font-weight:500;margin:0}.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.brand .brand-wordmark{color:#fff}.table-wrap{border-color:#28465a}th{background:#0c1722;color:#edf3f7;border-color:#28465a}td{border-color:#24394b;color:#d7e1e8}tbody tr:nth-child(even){background:#0c1722}.company,.why{color:#edf3f7}.source{color:#89cfff}.date,.role,.placeholder,footer{color:#aebfca}.note{color:#c4b897}footer .prepared{margin-bottom:14px;color:#d7e1e8}#watch-gate{background:#080e16}#loom-frame{background:#0c1722}.watch-box button{background:#13334b;color:#edf3f7;border:1px solid #31546b}@media(max-width:900px){header{align-items:flex-start;flex-direction:column;gap:19px}header h1{font-size:24px}}@media(max-width:700px){tbody tr:nth-child(even){background:transparent}tr{border-color:#28465a}td:before{color:#aebfca}}
/* A restrained, readable table in Franny's existing colors. */
main{max-width:1920px;padding:32px 28px 44px}header{gap:34px;padding-bottom:25px;margin-bottom:24px}header h1{font-size:25px;font-weight:500;letter-spacing:-.35px}.table-wrap{border:1px solid #28465a;border-radius:10px;background:#0a141f;overflow:auto}table{min-width:1100px}th{background:#102131;color:#c2d8e8;font-size:11px;font-weight:600;letter-spacing:.1px;padding:17px 14px;position:sticky;top:0;z-index:1}td{padding:25px 14px;font-size:13px;line-height:1.65;border-bottom:1px solid #284052;background:transparent}tbody tr:nth-child(even){background:#0e1a27}tbody tr:hover{background:#122233}th:nth-child(1){width:8%}th:nth-child(2){width:17%}th:nth-child(3){width:17%}th:nth-child(4){width:23%}th:nth-child(5){width:12%}th:nth-child(6){width:8%}th:nth-child(7){width:8%}th:nth-child(8){width:7%}.company{font-size:14px;line-height:1.4;display:block;color:#f2f7fb}.person{font-size:13px;font-weight:600;line-height:1.45}.role{font-size:11px;line-height:1.5;margin-top:7px}.source{font-size:11px;color:#8dccf6;margin-top:12px}.date{font-size:10px;color:#8d9fac;margin-top:5px}.note{font-size:10px;line-height:1.5;margin-top:12px;padding-top:9px;border-top:1px solid #304456;color:#b9af95}.why{color:#e8f1f8}.placeholder{font-size:11px;line-height:1.65;color:#a8bfd0}.prepared{font-size:12px;line-height:1.7}footer{padding:5px 2px;margin-top:25px;color:#8fa4b4}td:nth-child(6),td:nth-child(7),td:nth-child(8){background:#11253633}th:nth-child(6){border-left:1px solid #294457}td:nth-child(6){border-left:1px solid #21384a}@media(min-width:1550px){td{font-size:14px;padding:27px 18px}th{font-size:12px;padding:18px}.placeholder{font-size:12px}.company{font-size:16px}.person{font-size:14px}}@media(max-width:900px){main{padding:25px 20px}header{gap:18px}header h1{font-size:24px}}@media(max-width:700px){main{padding:23px 17px}.table-wrap{border:none;background:transparent;overflow:visible;border-radius:0}table{min-width:0}tr{border:1px solid #28465a;border-radius:9px;background:#0c1722!important;margin-bottom:17px;padding:21px 17px;gap:19px 18px}td{padding:0;background:transparent!important;border:0!important;font-size:13px;line-height:1.65}td:nth-child(1),td:nth-child(2),td:nth-child(3),td:nth-child(4){grid-column:1/-1}td:before{font-size:10px;color:#91bedc;margin-bottom:7px}.company{font-size:21px}.role{font-size:11px}.placeholder{font-size:11px}.note{padding-top:7px;margin-top:8px}.source{margin-top:9px}footer{margin-top:20px}.prepared{font-size:11px}}

.company-context{font-size:12px;line-height:1.6;color:#b8cbd8;margin-top:13px}.company-location{font-size:10px;line-height:1.55;color:#899fae;margin-top:9px}table{min-width:1380px}th:nth-child(1){width:12%}th:nth-child(2){width:17%}th:nth-child(3){width:17%}th:nth-child(4){width:22%}th:nth-child(5){width:11%}th:nth-child(6),th:nth-child(7),th:nth-child(8){width:7%}@media(min-width:1550px){.company-context{font-size:13px}}@media(max-width:700px){table{min-width:0}.company-context{font-size:12px;margin-top:9px}.company-location{font-size:10px;margin-top:5px}}

@font-face{font-family:DemoSerif;src:url('./assets/Baskervville-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}header{display:block;padding-bottom:25px}.brand{width:max-content}header h1{font-family:DemoSerif,Baskervville,Georgia,serif;font-size:46px;font-weight:400;line-height:1.12;letter-spacing:-1px;margin:25px 0 2px}header h1 em{font-weight:400;color:#89cfff}@media(max-width:700px){header h1{font-size:37px;letter-spacing:-.7px;margin-top:22px}}
main{padding-left:32px;padding-right:32px}th{padding:19px 18px}td{padding:28px 18px}@media(min-width:1550px){th{padding:20px}td{padding:30px 20px}}@media(max-width:900px){main{padding-left:24px;padding-right:24px}}@media(max-width:700px){main{padding-left:19px;padding-right:19px}tr{padding:23px 19px}td{padding:0}}

/* Video first. Playback starts only after the reader presses Play. */
#watch-gate{position:relative;inset:auto;display:block;z-index:10;padding:0;margin:0 auto 28px;background:transparent;max-width:920px}#watch-gate[hidden]{display:none}#watch-gate.is-locked{position:fixed;inset:0;max-width:none;margin:0;padding:28px;display:flex;align-items:center;justify-content:center;background:#050b13b8;overflow:auto}.watch-box{width:min(880px,100%);padding:23px;background:#0c1722;border:1px solid #31546b;border-radius:14px;box-shadow:0 28px 100px #0008}.watch-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.watch-heading h2{font-family:DemoSerif,Baskervville,Georgia,serif;font-size:38px;font-weight:400;line-height:1.2;letter-spacing:-.5px;margin:0;color:#edf3f7}#loom-frame{position:relative;aspect-ratio:16/9;background:#08121e;border-radius:8px;overflow:hidden;border:1px solid #28465a}#player-mount{height:100%;width:100%}#player-mount iframe{width:100%;height:100%;border:0;display:block}.is-locked #player-mount{pointer-events:none}#play-video{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0!important;border-radius:0;padding:20px;background:linear-gradient(180deg,#030b1550,#030b1599);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:white;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.15px}#play-video[hidden]{display:none}.play-symbol{width:76px;height:76px;background:#8ccff5;border:1px solid #c4e9ff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 35px #63beff55}.play-symbol svg{width:30px;height:30px;fill:#102536;margin-left:4px}#play-video:hover .play-symbol{background:#b2e3ff}.watch-note{font-size:12px;color:#aebfca;margin:15px 0 0;line-height:1.5}#close-video{margin:0;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;background:#102335;border:1px solid #31546b;padding:7px;cursor:pointer;border-radius:4px;color:#c1d7e6}#close-video[hidden]{display:none}#close-video svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.gate-locked{overflow:hidden}.gate-locked main{filter:none;pointer-events:auto;max-height:none;overflow:visible}.gate-locked .table-wrap,.gate-locked footer{filter:blur(7px);opacity:.5;pointer-events:none;user-select:none}@media(max-width:700px){#watch-gate{margin-bottom:22px}#watch-gate.is-locked{padding:17px}.watch-box{padding:16px;border-radius:10px}.watch-heading{margin-bottom:14px}.watch-heading h2{font-size:31px}.watch-note{font-size:11px;margin-top:12px}.play-symbol{width:58px;height:58px}.play-symbol svg{width:26px;height:26px}#play-video{gap:10px;font-size:12px}#loom-frame{border-radius:6px}}@media(max-height:650px) and (min-width:701px){#watch-gate.is-locked{align-items:flex-start;padding:18px}.is-locked .watch-box{max-width:710px;padding:17px}.watch-heading h2{font-size:31px}.watch-heading{margin-bottom:12px}.watch-note{margin-top:10px}}
/* Keep the player floating over the table both before and after Play. */
#watch-gate,#watch-gate.is-locked{position:fixed;inset:0;max-width:none;margin:0;padding:28px;display:flex;align-items:center;justify-content:center;background:#050b1340;overflow:auto;pointer-events:none}.watch-box{pointer-events:auto}.gate-locked .table-wrap,.gate-locked footer{filter:blur(3px);opacity:.8}#watch-gate .watch-box{box-shadow:0 24px 90px #0009}@media(max-width:700px){#watch-gate,#watch-gate.is-locked{padding:17px}}@media(max-height:650px) and (min-width:701px){#watch-gate,#watch-gate.is-locked{align-items:flex-start;padding:18px}#watch-gate .watch-box{max-width:710px;padding:17px}}

/* Clean video controls, with the real table immediately behind the overlay. */
#intro-video{display:block;width:100%;height:100%;object-fit:contain;background:#07101a}
.video-controls{display:flex;align-items:center;gap:9px;margin-top:14px}
.video-controls button{font:12px/1.2 Arial,Helvetica,sans-serif;margin:0;padding:9px 14px;border:1px solid #31546b;border-radius:5px;background:#102335;color:#edf3f7;min-width:70px}
.video-controls button:hover{background:#18384f}.video-controls button:focus-visible{outline:2px solid #89cfff;outline-offset:3px}
#watch-gate .watch-note{margin-top:12px}#watch-gate[hidden]{display:none}
@media(max-width:700px){.video-controls{margin-top:12px}.video-controls button{padding:9px 12px}}

#video-progress{flex:1;min-width:0;accent-color:#89cfff;cursor:pointer;height:18px;margin:0 5px}.watch-note:empty{display:none}

#video-progress{position:relative;z-index:2;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;height:28px}