@font-face{font-family:DM;src:url('/fonts/dm-sans.ttf');font-display:swap}*{box-sizing:border-box}html{background:#eeeee9;scroll-behavior:smooth;scroll-padding-top:55px}body{margin:0;background:#eeeee9;color:#141414;font-family:DM,sans-serif}::selection{background:#141414;color:#eeeee9}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a,button,summary{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.04em}p{line-height:1.45}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}.masthead{position:relative;height:25vw;overflow:hidden;padding:0 1%;font-size:24vw;line-height:.85;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center}.masthead>span:first-child{transform:scaleX(1.02);transform-origin:left}.surname{position:absolute;right:2%;bottom:6%;font-size:11px;letter-spacing:0;font-weight:400}.nav{height:47px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:.7fr repeat(6,1fr);align-items:center;padding:0 2%;border-bottom:1px solid #14141430;background:#eeeee9;font-size:10px}.nav a{position:relative}.nav a:before{position:absolute;content:'';left:0;bottom:-15px;height:5px;width:1px;background:currentColor;opacity:.5}.nav .mark{font-size:22px;font-weight:700;letter-spacing:-.04em}.intro{min-height:68svh;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 2% 100px}.intro-role{font-size:10px}.intro h1{font-size:clamp(25px,3.2vw,48px);line-height:1.04;max-width:490px}.intro-scroll,.intro-caption{position:absolute;bottom:32px;font-size:9px}.intro-scroll{left:2%}.intro-caption{right:2%}.sequence{height:280svh;background:#101010;color:#eaeae4}.pinned{position:sticky;top:47px;height:calc(100svh - 47px);overflow:hidden}.thought-stage{perspective:850px;display:grid;place-items:center}.thought-grid{position:absolute;inset:-45% -50%;display:flex;flex-direction:column;justify-content:space-around;transform:rotateY(-15deg) rotateX(12deg) rotateZ(-12deg);opacity:.22;will-change:transform}.thought-grid>div{font-size:clamp(50px,8vw,130px);white-space:nowrap;letter-spacing:-.04em;border-top:1px solid #eaeae41a;padding:20px 0}.thought-grid>div:nth-child(even){margin-left:-25%}.thought-main{position:relative;text-align:center;z-index:2;max-width:90%}.thought-main h2{font-size:clamp(40px,6vw,92px);line-height:1.04}.thought-main h2 span{color:#999}.thought-main p{font-size:12px;margin-top:30px}.sequence-bottom{position:absolute;bottom:28px;left:2%;right:2%;display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:20px}.object-sequence{height:340svh;background:#e8e8e2}.object-stage{perspective:1100px}.object-copy{position:absolute;left:6%;top:30%;width:24%;z-index:5}.object-copy h2{font-size:clamp(35px,4.4vw,65px);line-height:1.02}.object-copy>p{font-size:12px;margin-top:22px;max-width:265px}.deck-space{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px;pointer-events:none}.deck{width:250px;height:350px;position:relative;transform-style:preserve-3d;will-change:transform}.study-card{position:absolute;inset:0;transform-style:preserve-3d;border-radius:8px;transition:none}.card-a{transform:translateZ(8px)}.card-b{transform:translateZ(4px)}.card-c{transform:translateZ(0)}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;padding:25px;box-shadow:12px 26px 55px #0000001c}.card-front{background:#f5f5ef;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between}.card-front>span{font-size:25px}.card-front>strong{font-size:30px;font-weight:400;letter-spacing:-.04em;writing-mode:vertical-rl;align-self:center;transform:rotate(180deg)}.card-front>small{font-size:9px;letter-spacing:.15em;align-self:flex-end}.card-b .card-front>span{color:#974c3c}.card-back{transform:rotateY(180deg);background:#232323;color:#e5e5df;border:8px solid #ecece6;display:grid;place-items:center;outline:1px solid #bbb}.card-back:before,.card-back:after{content:'';position:absolute;inset:25px;border:1px solid #ffffff3a;border-radius:50%}.card-back:after{inset:45px;transform:rotate(30deg)}.card-back span{font-size:65px;font-weight:500;letter-spacing:-.04em}.object-evidence{position:absolute;right:5%;bottom:20%;width:22%;z-index:5;border-top:1px solid #14141440;padding-top:20px}.object-evidence>span{font-size:9px}.object-evidence p{font-size:13px;margin-top:18px}.object-controls{display:flex;gap:20px}.object-controls button{padding:8px 0;font-size:10px;border-bottom:1px solid transparent}.object-controls button[aria-pressed=true]{border-bottom-color:currentColor}.verbs{display:grid;grid-template-columns:35% 65%;min-height:110svh;overflow:hidden;align-items:center;padding:40px 2% 70px}.verbs>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:30px}.verbs>div>span{font-size:15vw;line-height:1}.verbs p{font-size:9px;max-width:90px}.verbs h2{font-size:11vw;line-height:.96;letter-spacing:-.04em}.verbs h2 span{display:block}.work{padding:90px 2%;background:#121212;color:#e9e9e3}.work header{display:flex;justify-content:space-between;align-items:end;padding-bottom:70px}.work header h2{font-size:clamp(40px,6vw,85px)}.work header p{font-size:12px;max-width:250px}.case{display:grid;grid-template-columns:20% 35% 45%;border-top:1px solid #e9e9e344;padding:42px 0 70px}.case-number{font-size:10px}.case h3{font-size:clamp(35px,4.7vw,70px);line-height:1}.case-detail{max-width:400px}.case-detail p:first-child{font-size:21px;line-height:1.25}.case-detail p+p{font-size:13px;opacity:.65;margin:22px 0}.case-detail a{font-size:11px;border-bottom:1px solid}.person{padding:110px 8%}.person>p{font-size:11px;margin-bottom:40px}.person h2{font-size:clamp(46px,7vw,100px);line-height:1}.hobby-index{margin-top:70px;margin-left:35%}.hobby-index details{border-top:1px solid #14141440;padding:22px 0}.hobby-index summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:32px;letter-spacing:-.03em}.hobby-index summary span{font-size:11px;letter-spacing:0}.hobby-index summary::-webkit-details-marker{display:none}.hobby-index p{font-size:13px;max-width:360px;margin-top:20px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:70px 8% 110px}.experience h2{font-size:42px;line-height:1}.experience article{border-top:1px solid #14141440;padding:25px 0}.experience h3{font-size:25px}.experience p{font-size:12px;margin-top:15px;line-height:1.7}footer{background:#121212;color:#eeeee9;padding:80px 2% 30px}footer h2{font-size:clamp(55px,10vw,145px);line-height:.95}.email{font-size:20px;display:inline-block;margin:40px 0 90px;border-bottom:1px solid;padding:8px 0}footer>div{display:flex;gap:30px;border-top:1px solid #ffffff40;padding-top:25px;font-size:10px}footer>div span{margin-right:auto}.motion-toggle{position:fixed;z-index:30;bottom:12px;left:2%;font-size:8px;background:#eeeee9;color:#111;padding:6px 8px;border:1px solid #1113;border-radius:2px}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:#eeeee9;padding:20px}.skip:focus{top:5px}.reduced .sequence{height:100svh}.reduced .object-sequence{height:110svh}.reduced .thought-grid{display:none}.reduced .pinned{position:relative;top:0}.reduced .object-controls button{font-size:12px}
@media(max-width:650px){.masthead{height:28vw;font-size:24vw}.surname{font-size:8px}.nav{padding:0 4%;grid-template-columns:.5fr repeat(4,1fr);font-size:9px;height:45px}.nav a:nth-child(2),.nav a:nth-child(5){display:none}.intro{padding:60px 5% 80px;grid-template-columns:1fr;gap:50px;min-height:65svh}.intro h1{font-size:34px;justify-self:end;width:80%}.intro-role{font-size:9px}.intro-scroll{left:5%}.intro-caption{right:5%;font-size:8px}.pinned{top:45px;height:calc(100svh - 45px)}.thought-main h2{font-size:44px}.thought-main p{font-size:11px}.thought-grid>div{font-size:70px}.sequence-bottom{left:5%;right:5%;font-size:8px;gap:12px;bottom:25px}.sequence-bottom>a{max-width:85px;text-align:right}.object-copy{left:5%;top:6%;width:80%}.object-copy h2{font-size:36px}.object-copy h2 br{display:none}.object-copy>p{font-size:11px;max-width:280px;margin-top:12px}.deck-space{top:15%;bottom:15%}.deck{width:145px;height:205px}.card-front,.card-back{padding:17px}.card-front>span{font-size:18px}.card-front>strong{font-size:22px}.card-front>small{font-size:7px}.card-back{border-width:5px}.card-back span{font-size:42px}.card-back:before{inset:16px}.card-back:after{inset:25px}.object-evidence{right:5%;bottom:12%;width:60%;padding-top:12px}.object-evidence>span{font-size:8px}.object-evidence p{font-size:11px;margin-top:10px}.object-controls{gap:14px}.object-controls button{font-size:9px}.object-stage .sequence-bottom>span:first-child{display:none}.object-stage .sequence-bottom{justify-content:space-between}.verbs{min-height:70svh;padding:50px 5%;grid-template-columns:20% 80%}.verbs>div{display:block;padding:0}.verbs>div>span{font-size:22vw}.verbs p{display:none}.verbs h2{font-size:12vw}.work{padding:55px 5%}.work header{display:block;padding-bottom:40px}.work header h2{font-size:40px}.work header p{font-size:11px;margin-top:20px}.case{grid-template-columns:1fr;gap:20px;padding:25px 0 45px}.case-number{font-size:9px}.case h3{font-size:40px}.case-detail p:first-child{font-size:18px}.case-detail p+p{font-size:12px;margin:15px 0}.person{padding:65px 5%}.person h2{font-size:46px}.person>p{margin-bottom:30px}.hobby-index{margin:40px 0 0}.hobby-index summary{font-size:27px}.hobby-index summary span{font-size:10px}.experience{grid-template-columns:1fr;padding:30px 5% 70px;gap:35px}.experience h2{font-size:38px}footer{padding:55px 5% 35px}footer h2{font-size:54px}.email{font-size:17px;margin-bottom:50px}footer>div{gap:20px;flex-wrap:wrap}footer>div span{width:100%;margin:0}.motion-toggle{left:5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The board replaces the abstract Perspective sequence. */
.nav{grid-template-columns:.7fr repeat(5,1fr)}.sequence{height:240svh}.board-stage{display:flex;flex-direction:column;justify-content:center;padding:40px 8% 80px}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.board-heading h2{font-size:clamp(35px,4.5vw,65px);line-height:1.03}.board-heading h2 span{color:#999}.board-heading>p{font-size:12px;line-height:1.6;padding-bottom:5px}.community-board{display:flex;justify-content:center;gap:18px;margin:35px 0;perspective:1000px}.board-card{position:relative;width:clamp(75px,10vw,140px);aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,1,.3,1);transform:rotateY(0)}.board-card.revealed{transform:rotateY(180deg)}.board-back,.board-face{position:absolute;inset:0;border-radius:6px;backface-visibility:hidden}.board-back{display:grid;place-items:center;background:#242424;border:1px solid #777;outline:1px solid #777;outline-offset:-9px}.board-back>span{font-size:32px;letter-spacing:-.04em}.board-face{background:#eeeee9;color:#161616;transform:rotateY(180deg);padding:12px;display:flex;flex-direction:column;justify-content:space-between}.board-face>span,.board-face>small{font-size:15px}.board-face>small{align-self:flex-end;transform:rotate(180deg)}.board-face>b{font-weight:400;align-self:center;font-size:44px}.board-card:nth-child(2) .board-face,.board-card:nth-child(4) .board-face{color:#a04336}.board-story{display:grid;grid-template-columns:15% 35% 50%;align-items:start;gap:0;border-top:1px solid #ffffff35;padding-top:23px;min-height:105px}.board-story>span{font-size:11px;color:#bbb;padding-top:6px}.board-story h3{font-size:27px;max-width:250px;line-height:1.1;padding-right:20px}.board-story p{font-size:12px;line-height:1.6;max-width:380px;color:#bbb}.round-controls{display:flex;gap:22px}.round-controls button{font-size:11px;padding:8px 0;border-bottom:1px solid transparent}.round-controls button[aria-pressed=true]{border-bottom-color:#eeeee9}.board-stage .sequence-bottom{left:8%;right:8%}.reduced .sequence{height:auto;min-height:100svh}.reduced .board-card{transition:none}.reduced .board-stage{min-height:calc(100svh - 47px)}
@media(max-width:650px){.nav{grid-template-columns:.4fr 1.35fr 1fr .8fr 1fr 1fr;gap:7px;font-size:8px}.nav a:nth-child(2),.nav a:nth-child(5){display:block}.board-stage{padding:30px 5% 100px;justify-content:center}.board-heading{display:block}.board-heading h2{font-size:35px}.board-heading>p{font-size:11px;margin-top:18px}.community-board{gap:7px;margin:30px 0}.board-card{width:calc((100vw - 68px)/5)}.board-back{outline-offset:-5px}.board-back>span{font-size:22px}.board-face{padding:7px}.board-face>span,.board-face>small{font-size:9px}.board-face>b{font-size:25px}.board-story{grid-template-columns:1fr;gap:12px;min-height:180px;padding-top:18px}.board-story>span{font-size:10px;padding:0}.board-story h3{font-size:25px;max-width:none}.board-story p{font-size:11px;max-width:300px}.board-stage .sequence-bottom{left:5%;right:5%;flex-wrap:wrap;gap:10px}.round-controls{width:100%;justify-content:space-between;gap:10px}.round-controls button{font-size:11px}.board-stage .sequence-bottom>a{max-width:none}.board-stage .sequence-bottom>span{font-size:8px}}
@media(max-height:650px) and (min-width:651px){.board-stage{padding-top:20px;padding-bottom:75px}.board-heading h2{font-size:38px}.community-board{margin:20px 0}.board-card{width:85px}.board-story{padding-top:16px;min-height:90px}.board-story h3{font-size:23px}}

.board-face>*{line-height:1}
/* Studio finish: edge detail, deliberate light, and consistent controls. */
.board-stage{background:radial-gradient(ellipse at 50% 42%,#272725 0%,#151514 45%,#101010 75%)}
.board-back{background:linear-gradient(145deg,#343432,#171716);border-color:#a09f93;box-shadow:0 8px 18px #0005;outline-color:#aaa79866}
.board-back:before,.board-back:after{content:'';position:absolute;inset:20% 25%;border:1px solid #c6c1ac35;border-radius:50%;transform:rotate(35deg)}
.board-back:after{transform:rotate(-35deg)}.board-back>span{position:relative;z-index:1}
.board-face{background:linear-gradient(130deg,#f8f7ee,#e6e4d7);box-shadow:inset 0 0 0 1px #fff8,0 10px 22px #0005}
.board-face>small{opacity:.8}.board-heading h2 span{color:#b3b2aa}.board-story p{color:#c9c8c0}
.card-front{background:linear-gradient(125deg,#faf9f2 0%,#eeede5 70%,#e4e2d8 100%);border-color:#cfcdc2;box-shadow:1px 2px 2px #bbb8a680,8px 20px 38px #00000020}
.card-front:after{content:'';position:absolute;inset:10px;border:1px solid #d8d5ca70;border-radius:3px;pointer-events:none}
.card-back{background:linear-gradient(145deg,#30302d,#171716);box-shadow:1px 2px 2px #aaa89980,8px 20px 38px #0003}
.object-stage{background:radial-gradient(ellipse at 50% 46%,#f8f7f0,#e4e3db 75%)}
.object-controls button,.round-controls button{min-height:44px;position:relative;border-bottom:0}
.object-controls button:after,.round-controls button:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.object-controls button[aria-pressed=true]:after,.round-controls button[aria-pressed=true]:after,.object-controls button:hover:after,.round-controls button:hover:after{transform:scaleX(1)}
.nav a{padding-block:12px}.nav a:before{bottom:-3px}.nav a[aria-current=location]{text-decoration:underline;text-underline-offset:6px}
.case-detail a{display:inline-block;padding-block:8px}.case{transition:border-color .25s}.case:hover{border-top-color:#e9e9e3aa}
.film{position:relative;min-height:85svh;background:#111;color:#f0efe7;overflow:hidden;display:flex;align-items:center;padding:8%}
.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111d,transparent 70%);pointer-events:none}
.film-copy{position:relative;z-index:1;max-width:42%}.film h2{font-size:clamp(45px,6.5vw,95px);line-height:.95}.film p{font-size:12px;max-width:240px;margin-top:30px;line-height:1.6}
.film-control{position:absolute;z-index:2;bottom:25px;right:3%;font-size:10px;border:1px solid #fff5;border-radius:20px;padding:10px 16px;background:#1118}
@media(max-width:650px){.board-back:before,.board-back:after{inset:22% 23%}.film{min-height:85svh;align-items:flex-end;padding:40px 5% 90px}.film video{object-position:67% center}.film:after{background:linear-gradient(0deg,#111,transparent 90%)}.film-copy{max-width:100%}.film h2{font-size:54px}.film p{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.object-controls button:after,.round-controls button:after{transition:none}}
/* Clear entry points and project evidence before the poker story. */
.masthead{height:17vw;font-size:17vw}
.intro{grid-template-columns:1.65fr 1fr;gap:8%;min-height:0;padding:60px 5% 65px;align-items:start}
.intro-role{font-size:14px;margin-bottom:20px}.intro h1{font-size:clamp(36px,4.5vw,65px);max-width:none;line-height:1.06}
.intro-summary{font-size:14px;line-height:1.65;margin-top:24px}.intro-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;align-items:center}.intro-actions a{font-size:13px;padding:12px 0}.intro-actions .primary-link{background:#151515;color:#eeeee9;padding:13px 18px}
.intro-focus{padding-top:8px}.intro-focus>p{font-size:16px;max-width:360px;line-height:1.5}.intro-focus dl{margin:24px 0}.intro-focus dl>div{border-top:1px solid #14141430;padding:12px 0}.intro-focus dt{font-size:12px;font-weight:600}.intro-focus dd{font-size:12px;margin:6px 0 0;line-height:1.5}.intro-focus>a{font-size:12px;display:inline-block;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.work{padding:65px 5% 25px}.work header{padding-bottom:35px}.work header h2{font-size:clamp(38px,5vw,65px)}.case{grid-template-columns:18% 32% 50%;padding:32px 0 40px}.case-number{line-height:1.65;font-size:12px}.case h3{font-size:clamp(32px,4vw,54px)}.case-detail{max-width:520px}.case-detail p+p{margin:12px 0;color:#c6c6bf;opacity:1;font-size:14px}.project-facts{margin:22px 0 12px}.project-facts>div{display:grid;grid-template-columns:55px 1fr;gap:12px;margin:12px 0}.project-facts dt{font-size:11px;color:#babbb2;padding-top:2px}.project-facts dd{margin:0;font-size:14px;line-height:1.55}.case-detail a{font-size:13px}
.experience{padding:65px 5%;gap:8%;grid-template-columns:42% 50%}.experience h2{max-width:300px}.experience p{font-size:14px}.sequence{height:175svh}.object-sequence{height:220svh}.object-copy>p,.object-evidence p{font-size:14px}.object-copy{width:25%;left:5%}.object-evidence{width:23%;right:4%}.object-controls button{font-size:12px}
@media(max-width:650px){.masthead{height:23vw;font-size:22vw}.intro{grid-template-columns:1fr;padding:36px 5% 40px;gap:30px}.intro h1{font-size:clamp(32px,8.5vw,48px);width:100%;justify-self:start}.intro-role{font-size:12px}.intro-summary{font-size:13px}.intro-focus{padding-top:0}.intro-focus>p{font-size:14px}.intro-focus dl{margin:18px 0 8px}.intro-actions{gap:8px 20px}.work{padding:45px 5% 20px}.case{grid-template-columns:1fr;gap:16px}.case-number{font-size:11px}.case h3{font-size:38px}.experience{grid-template-columns:1fr;gap:28px;padding:45px 5%}.experience h2{max-width:none;font-size:36px}.object-copy{top:5%;width:90%}.object-copy>p{font-size:12px;max-width:330px}.object-evidence{width:82%;right:5%;bottom:11%}.object-evidence p{font-size:12px}.object-controls button{font-size:11px}.email{font-size:clamp(14px,4vw,20px)}}
.decision-replay{padding:75px 5%;background:#e8e8e2;scroll-margin-top:20px}
.decision-replay>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.decision-replay h2{font-size:clamp(36px,5vw,64px);line-height:1.05}.decision-replay header p{font-size:13px;max-width:330px}
.replay-layout{display:grid;grid-template-columns:44% 50%;gap:6%;align-items:start}.replay-hand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 0}.replay-card{background:#f7f6ef;border:1px solid #b9b8ae;border-radius:8px;padding:18px 12px;min-height:230px;display:flex;flex-direction:column;align-items:start;text-align:left;transition:transform .25s,border-color .25s}.replay-card:nth-child(1){transform:rotate(-5deg)}.replay-card:nth-child(3){transform:rotate(5deg)}.replay-card[aria-pressed=true]{transform:translateY(-14px);border:2px solid #171717;padding:17px 11px}.replay-rank{font-size:22px;margin-bottom:40px}.replay-card:nth-child(2) .replay-rank{color:#974c3c}.replay-card strong{font-size:clamp(15px,1.8vw,24px);font-weight:500;letter-spacing:-.03em}.replay-role{font-size:11px;line-height:1.5;margin:10px 0 20px}.replay-open{font-size:10px;margin-top:auto}.replay-card:hover{border-color:#111}.replay-story[hidden]{display:none}.replay-story h3{font-size:34px;margin-bottom:24px}.replay-story dl{margin:0}.replay-story dl>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:18px 0;border-top:1px solid #14141430}.replay-story dt{font-size:12px;padding-top:2px}.replay-story dd{margin:0;font-size:15px;line-height:1.5}.replay-result dd{font-weight:600}.replay-story details{border-block:1px solid #14141430;margin:12px 0 20px}.replay-story summary{cursor:pointer;min-height:48px;padding:15px 0;font-size:13px}.replay-story details p{font-size:14px;line-height:1.65;padding-bottom:20px}.replay-story h4{font-size:13px;font-weight:600;margin:4px 0 8px}.replay-evidence{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px;padding:12px 0}.evidence-note{font-size:11px;line-height:1.5;max-width:360px;margin-top:6px;color:#55554f}.case-detail .case-replay{margin-left:20px}.case-detail .case-replay:only-of-type{margin-left:0}
.reduced .replay-card{transition:none}
@media(max-width:900px){.replay-layout{grid-template-columns:1fr}.replay-hand{max-width:560px}.replay-card strong{font-size:22px}.replay-story{margin-top:24px}.decision-replay>header{display:block}.decision-replay header p{margin-top:18px}}
@media(max-width:650px){.decision-replay{padding:45px 5%}.replay-hand{gap:8px;padding-top:12px}.replay-card{padding:14px 9px;min-height:200px}.replay-card[aria-pressed=true]{padding:13px 8px;transform:translateY(-8px)}.replay-card strong{font-size:16px}.replay-rank{font-size:20px;margin-bottom:26px}.replay-role{font-size:10px}.replay-open{font-size:9px}.replay-story dl>div{grid-template-columns:1fr;gap:8px}.replay-story dd{font-size:14px}.replay-story h3{font-size:30px}.case-detail .case-replay{margin-left:0;display:table}}
@media(prefers-reduced-motion:reduce){.replay-card{transition:none}}
.nav{grid-template-columns:.55fr repeat(6,1fr)}
.github-projects{padding:65px 5%;background:#eeeee9;color:#141414}.github-projects>header{display:flex;justify-content:space-between;align-items:end;gap:25px}.github-projects h2{font-size:clamp(38px,5vw,65px)}.github-projects header p{margin-top:16px;font-size:14px}.github-projects header>a{font-size:13px;white-space:nowrap;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.repo-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:35px 0}.repo-toolbar label{display:grid;gap:8px;font-size:12px;max-width:420px;width:100%}.repo-toolbar input,.demo-content input,.demo-content select{font:inherit;width:100%;padding:12px;border:1px solid #888;background:#f8f8f2;color:#141414;border-radius:0;min-height:44px}.repo-toolbar input:focus-visible,.demo-content input:focus-visible,.demo-content select:focus-visible{outline:2px solid #141414;outline-offset:3px}.repo-toolbar>p{font-size:12px;white-space:nowrap;padding-bottom:12px}.repo-entry{display:grid;grid-template-columns:47% 47%;gap:6%;border-top:1px solid #14141435;padding:30px 0}.repo-entry[hidden],.repo-empty[hidden]{display:none}.repo-category{font-size:11px;color:#565650}.repo-entry h3{font-size:28px;overflow-wrap:anywhere;margin:10px 0 16px}.repo-intro>p{font-size:14px;max-width:520px}.repo-intro .repo-meta{font-size:11px;margin-top:16px;color:#565650}.repo-demo summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px}.demo-content{padding-top:15px}.demo-content label{display:grid;gap:8px;font-size:12px;margin:18px 0}.demo-note{font-size:12px;line-height:1.6;color:#55554f;margin-bottom:18px}.demo-content>p:not(.demo-note){font-size:14px}.demo-result{padding:18px 0;font-size:14px}.demo-result>strong{font-size:18px;font-weight:500}.demo-result p{margin-top:12px}.demo-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;background:#deded6;padding:18px;margin:16px 0}.demo-button{border:1px solid #141414;padding:11px 18px;min-height:44px;font-size:12px;background:#141414;color:#eeeee9}.demo-content a{display:inline-block;font-size:12px;padding:15px 0;text-decoration:underline;text-underline-offset:5px}.demo-content meter{width:100%;height:22px;margin-top:18px;accent-color:#141414}.search-hit{border-top:1px solid #14141430;padding:14px 0;margin-top:15px}.search-hit p{font-size:12px}.mini-hand{display:flex;gap:8px;margin:20px 0}.mini-card{display:grid;place-items:center;aspect-ratio:5/7;width:17%;border:1px solid #888;border-radius:5px;background:#f8f8f2;font-size:18px}.repo-source{border-top:1px solid #14141435;padding-top:24px;font-size:11px;color:#565650}.repo-empty{padding:30px 0}
@media(max-width:650px){.nav{grid-template-columns:.3fr .8fr 1.3fr 1fr .9fr .8fr .8fr;font-size:8px;gap:5px}.github-projects{padding:45px 5%}.github-projects>header{display:block}.github-projects h2{font-size:38px}.repo-toolbar{display:block;margin:25px 0}.repo-toolbar>p{margin-top:12px;padding:0}.repo-entry{grid-template-columns:1fr;gap:14px;padding:25px 0}.repo-entry h3{font-size:25px}.demo-content pre{font-size:11px}.github-projects header p{font-size:13px}}