:root{--cloth: #14203f;--check: rgba(241, 237, 227, .05);--chalk: #f1ede3;--dim: #aaa69c;--paper: #f1ede3;--ink: #14203f;--muted: #5b6273;--ochre: #e6b345;--ochre-ink: #8a6410;--red: #ea4a2e;--display: "Young Serif", "Iowan Old Style", Georgia, serif;--sans: "Nunito Sans", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 14px 30px -10px rgba(0, 0, 0, .55);--hairline: 1.5px;--gingham: 13px;--shadow-near: 0 1px 1px rgba(0, 0, 0, .25), 0 6px 14px -6px rgba(0, 0, 0, .5)}:root{--gutter: clamp(20px, 5vw, 72px);--cw: 128px;--page: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--cloth);background-image:repeating-linear-gradient(0deg,var(--check) 0 13px,transparent 13px 26px),repeating-linear-gradient(90deg,var(--check) 0 13px,transparent 13px 26px);color:var(--chalk);font-family:var(--sans);font-size:1.125rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p,ul{margin:0;text-wrap:pretty}h1,h2{font-family:var(--display);font-weight:400;text-wrap:balance}h1{font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1.02;letter-spacing:-.01em}h2{font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.1}a{color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.small{font-size:.95rem;color:var(--dim)}.lede{font-size:clamp(1.15rem,1.6vw,1.35rem)}.btn{display:inline-block;padding:.7em 1.4em;border:2px solid var(--red);border-radius:10px;background:var(--red);color:var(--chalk);font-family:var(--display);font-size:1.05rem;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow);transition:transform .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px);box-shadow:none}.btn.quiet{border-color:var(--paper);background:var(--paper);color:var(--ink)}.site-head,.site-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--gutter)}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:var(--display);font-size:1.35rem;text-decoration:none}.brand svg{width:30px;height:30px}.site-foot{flex-wrap:wrap;padding-top:40px;padding-bottom:40px;color:var(--dim);font-size:.95rem}.site-foot .brand{color:var(--chalk)}.table{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,5fr) minmax(120px,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"north north north" "west centre east" "south south south";gap:24px;max-width:calc(var(--page) + 2 * var(--gutter));margin:0 auto;padding:8px var(--gutter) 0}.north,.west,.east,.south{display:flex;align-items:center;gap:14px}.north{grid-area:north;flex-direction:column}.west{grid-area:west;justify-content:flex-start}.east{grid-area:east;flex-direction:row-reverse;justify-content:flex-start}.south{grid-area:south;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.south .seat{justify-self:end;margin:0 28px 36px 0}.centre{grid-area:centre;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:clamp(32px,6vw,72px) 0;text-align:center}.centre h1{max-width:14ch}.centre .lede{max-width:36ch}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.seat{display:inline-grid;justify-items:center;gap:1px;padding:8px 16px 9px;border-radius:4px;background:var(--paper);box-shadow:var(--shadow);color:var(--ink);font-size:.9rem;line-height:1.2;text-align:center}.seat b{font-family:var(--display);font-weight:400;font-size:1.05rem}.seat span{color:var(--muted)}.backs{display:flex;gap:5px}.backs i{display:block;width:30px;height:42px;border:3px solid var(--paper);border-radius:4px;background-color:var(--ochre);background-image:repeating-linear-gradient(45deg,rgba(20,32,63,.3) 0 1.5px,transparent 1.5px 5px),repeating-linear-gradient(-45deg,rgba(20,32,63,.3) 0 1.5px,transparent 1.5px 5px);box-shadow:0 1px 3px #0006}.backs.side{flex-direction:column}.backs.side i{width:42px;height:30px}.card{position:relative;width:var(--cw);aspect-ratio:5 / 7;border-radius:calc(var(--cw) * .08);background:var(--paper);box-shadow:var(--shadow);color:var(--ink);font-family:var(--display)}.card.red{color:var(--red)}.card>.pip{position:absolute;inset:0;width:44%;height:44%;margin:auto}.card .index{position:absolute;top:6%;left:8%;display:grid;justify-items:center;line-height:1;font-size:calc(var(--cw) * .22)}.card .index b{font-weight:400}.card .index .pip{width:.7em;height:.7em}.card .index.flip{inset:auto 8% 6% auto;transform:rotate(180deg)}.pip{display:block;fill:currentColor}.hand{position:relative;width:calc(var(--cw) * 4);height:calc(var(--cw) * 1.5);margin:0 auto}.slot{position:absolute;bottom:-12px;left:50%;margin-left:calc(var(--cw) / -2);transform:rotate(calc((var(--i) - 3.5) * 5.5deg));transform-origin:50% 280%}.card.dealt{animation:deal .52s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--d)}@keyframes deal{0%{transform:translateY(-58vh) scale(.55);opacity:0}}.backs i{animation:land .4s ease-out both;animation-delay:calc(1.1s + var(--n, 0) * 60ms)}@keyframes land{0%{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.card.dealt,.backs i{animation:none}html{scroll-behavior:auto}}.story{max-width:calc(var(--page) + 2 * var(--gutter));margin:0 auto;padding:clamp(64px,9vw,120px) var(--gutter) clamp(40px,6vw,80px);font-family:var(--display);font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.25}.story p{max-width:30ch}.story p+p{margin-top:.8em;color:var(--red)}main{display:block}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);max-width:calc(var(--page) + 2 * var(--gutter));margin:0 auto;padding:clamp(48px,7vw,104px) var(--gutter)}.feature:nth-of-type(2n) .copy{order:1}.copy{display:flex;flex-direction:column;gap:18px;max-width:34rem}.copy h2{margin-bottom:4px}.thing{justify-self:center}.cams{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,440px)}.cam{position:relative;aspect-ratio:4 / 3;border:4px solid var(--paper);border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#35476b,#0d1630 74%);box-shadow:var(--shadow);color:var(--chalk)}.cam.cam-n{grid-column:1 / -1;width:60%;justify-self:center}.cam span{position:absolute;left:12px;bottom:10px;font-size:.85rem;font-weight:700}.bubble{position:absolute;right:-18px;bottom:54%;padding:8px 16px;border-radius:18px 18px 18px 4px;background:var(--paper);box-shadow:var(--shadow);color:var(--ink);font-family:var(--display);font-size:1.25rem}.fiche{width:min(100%,420px);padding:14px 26px 26px 48px;border-radius:6px;background-color:var(--paper);background-image:linear-gradient(to right,transparent 0 36px,#e9a2a2 36px 37.5px,transparent 37.5px),linear-gradient(to bottom,transparent 0 56px,#e9a2a2 56px 57.5px,transparent 57.5px),repeating-linear-gradient(to bottom,transparent 0 30.5px,#c6d5e8 30.5px 32px);background-position:0 0,0 0,0 -5px;box-shadow:var(--shadow);transform:rotate(-1.5deg);color:var(--ink);line-height:32px}.fiche .title{margin-bottom:12px;font-family:var(--display);font-size:1.3rem}.fiche ul{padding:0;list-style:none;color:var(--ink);font-size:1.05rem;font-weight:400}.phone{position:relative;width:min(100%,380px);aspect-ratio:2 / 1;padding:13px 20px;border-radius:26px;background:linear-gradient(160deg,#222c42,#0d1424);box-shadow:var(--shadow),inset 0 0 0 1.5px #f1ede32e;transform:rotate(1.5deg)}.phone:after{content:"";position:absolute;top:50%;left:8px;width:5px;height:5px;border-radius:50%;background:#f1ede359;transform:translateY(-50%)}.phone__screen{position:relative;height:100%;border-radius:9px;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.07),transparent 62%),radial-gradient(ellipse at 50% 46%,#2f6a4c,#27573f 68%,#1f4733);box-shadow:inset 0 0 0 1px #00000059;overflow:hidden}.phone__seat{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:var(--shadow-near)}.phone__seat.top{top:9px;left:50%;transform:translate(-50%)}.phone__seat.left{top:46%;left:12px;transform:translateY(-50%)}.phone__seat.right{top:46%;right:12px;transform:translateY(-50%)}.phone__hand{position:absolute;bottom:-11px;left:50%;display:flex;transform:translate(-50%)}.phone__hand i{width:23px;height:34px;margin:0 -3px;border-radius:2.5px;background:var(--paper);box-shadow:var(--shadow-near);transform:rotate(var(--a));transform-origin:50% 135%}.digest{margin-top:2px}.digest .cmd{margin-top:4px}.digest code{font-family:var(--mono);font-size:.85rem;color:var(--dim);overflow-wrap:anywhere}.chair{display:flex;flex-direction:column;align-items:center;gap:18px}.seat.bot{grid-template-columns:auto auto;column-gap:12px;align-items:center;padding:12px 20px;font-size:1rem}.seat.bot svg{grid-row:1 / 3;width:56px;height:56px}.seat.bot b{font-size:1.4rem}.seat.bot span{padding:1px 10px 2px;border:1.5px solid var(--red);border-radius:999px;color:var(--red)!important;font-size:.8rem;font-weight:700}.sheet{width:min(100%,380px);padding:24px 24px 28px 64px;background-color:var(--paper);background-image:linear-gradient(to right,transparent 0 44px,#e9a2a2 44px 45.5px,transparent 45.5px),repeating-linear-gradient(to bottom,transparent 0 31px,#b9c9e6 31px 32px),repeating-linear-gradient(to bottom,transparent 0 7.5px,#e1e8f4 7.5px 8px),repeating-linear-gradient(to right,transparent 0 31px,#e3dcf1 31px 32px);background-position:0 0,0 -5px,0 -5px,0 0;box-shadow:var(--shadow);transform:rotate(1deg);color:var(--ink);font-weight:400;line-height:32px}.sheet table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.sheet th{font-family:var(--display);font-weight:400;font-size:1.3rem;color:var(--ink);text-align:center}.sheet td{padding:0;text-align:center;font-size:1.15rem}.sheet tfoot td{border-top:2px solid var(--ink);font-size:1.3rem}.sheet .pen{margin-top:32px;font-style:italic;font-weight:400}.final{display:flex;flex-direction:column;align-items:center;gap:22px;padding:clamp(60px,8vw,120px) var(--gutter) clamp(60px,8vw,100px);text-align:center}.final h2{font-size:clamp(2.2rem,5vw,4rem)}.trick{position:relative;width:240px;height:240px;margin-bottom:20px;--cw: 96px}.trick .card{position:absolute;inset:0;margin:auto;transform:rotate(calc(var(--i) * 90deg + 10deg)) translateY(-34px)}.legal{padding:clamp(24px,5vw,72px) var(--gutter) clamp(48px,6vw,96px)}.legal .wrap{display:flex;flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:clamp(28px,5vw,64px);background:var(--paper);box-shadow:var(--shadow);color:var(--ink)}.legal .wrap .small,.legal .eyebrow{color:var(--muted)}.legal .eyebrow{font-size:.95rem}.legal h1{font-size:clamp(2.2rem,5vw,3.6rem)}.legal h2{margin-top:32px;font-size:clamp(1.5rem,2.6vw,1.9rem)}.legal ul{padding-left:1.2em}.legal li{margin:.3em 0}.legal code{padding:0 .3em;border-radius:4px;background:#14203f14;font-family:var(--mono);font-size:.85em}.legal .note{color:var(--muted)}@media(max-width:760px){:root{--cw: 76px}.table{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"west north east" "centre centre centre" "south south south";gap:16px}.west,.east{flex-direction:column;justify-content:flex-start}.north .backs,.west .backs,.east .backs{display:none}.south{grid-template-columns:1fr;justify-items:center;margin-top:24px}.south .seat{display:none}.hand{width:100%}.slot{bottom:-20px}.feature{grid-template-columns:minmax(0,1fr);gap:36px}.feature:nth-of-type(2n) .copy{order:0}.story{padding-top:64px}.site-head{padding-top:14px;padding-bottom:14px}.site-head .btn{font-size:.95rem}}