:root{--ink:#20262a;--ink-soft:#606a6f;--board:#f4f3ec;--grid:#323e411b;--thread:#a42520;--yellow:#f1d270;--blue:#76c5d5;--green:#a8cd83;--pink:#e7a5ad;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--hand:"Bradley Hand", "Segoe Print", "Comic Sans MS", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#211e1a;min-width:320px}body{color:var(--ink);font-family:var(--sans);background:#211e1a;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline-offset:4px;outline:3px solid #176f89}.portfolio-preview{background:radial-gradient(circle at 50% -10%,#fff1d033,#0000 48%),linear-gradient(90deg,#161412eb,#0000 13% 87%,#161412eb),linear-gradient(115deg,#4c443a,#292521 48%,#3a332b);min-height:100vh;position:relative;overflow:visible}.war-room-intro{z-index:80;pointer-events:none;color:#eee6d8;background:radial-gradient(at 50% 46%,#b18e5b1a,#0000 42%),linear-gradient(#050606a8 0%,#08090957 48%,#050606d4 100%);animation:3.35s ease-in-out both war-room-intro-exit;position:fixed;inset:0;overflow:hidden}.war-room-intro:before,.war-room-intro:after{content:"";z-index:1;background:#ffefd129;width:1px;position:absolute;top:0;bottom:0}.war-room-intro:before{left:7vw}.war-room-intro:after{right:7vw}.intro-case,.intro-signal{z-index:3;color:#eee6d8ad;font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0;position:absolute}.intro-case{top:30px;left:max(22px,7vw)}.intro-signal{bottom:28px;right:max(22px,7vw)}.intro-copy{z-index:4;text-align:center;text-transform:uppercase;justify-items:center;width:min(360px,100vw - 52px);display:grid;position:absolute;top:27%;left:50%;transform:translate(-50%)}.intro-copy>span{color:#cbbfab;font:700 9px/1 var(--mono);letter-spacing:.2em}.intro-copy>strong{font:650 clamp(20px, 2.3vw, 32px)/1 var(--sans);letter-spacing:-.035em;margin-top:13px}.intro-progress{background:#ffffff24;width:168px;height:2px;margin-top:18px;display:block;position:relative;overflow:hidden}.intro-progress:after{content:"";transform-origin:0;background:#c3473f;animation:1.8s cubic-bezier(.18,.78,.24,1) .12s both war-room-progress;position:absolute;inset:0;transform:scaleX(0)}.war-room-silhouettes{z-index:2;transform-origin:bottom;width:min(94vw,1360px);max-width:none;height:auto;animation:3.35s cubic-bezier(.2,.72,.26,1) both war-room-people-exit;display:block;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.room-atmosphere{z-index:0;object-fit:cover;object-position:center;opacity:.88;width:100%;height:100%;animation:3.25s cubic-bezier(.18,.76,.2,1) both room-camera-in;display:block;position:absolute;inset:0}.ambient-window{opacity:.34;background:linear-gradient(90deg,#0000 47%,#1d1b17e0 48% 53%,#0000 54%),linear-gradient(#0000 47%,#1d1b17e0 48% 53%,#0000 54%),linear-gradient(135deg,#daebe4a3,#ffdb9d1f);border:14px solid #191714e0;width:16vw;height:72vh;position:absolute;top:10%}.ambient-window-left{left:-7vw}.ambient-window-right{right:-7vw;transform:scaleX(-1)}.preview-header{z-index:30;color:#eee6d8;background:#201e1b;border:1px solid #ffffff21;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;width:min(100% - 32px,1260px);min-height:54px;padding:8px 14px 8px 18px;animation:.55s ease-out 2.72s both preview-header-enter;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000042}.preview-brand,.preview-status,.preview-nav a{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;font-size:10px}.preview-brand,.preview-status{white-space:nowrap;align-items:center;gap:10px;display:flex}.preview-brand{font-weight:700}.preview-brand>span,.preview-status>span{background:#d84138;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:inset -1px -1px 2px #00000080}.preview-status>span{background:#81cc66}.preview-nav{gap:3px;display:flex}.preview-nav a{color:#cec6bb;border-radius:3px;padding:11px 13px;transition:background-color .16s,color .16s}.preview-nav a:hover{color:#25221e;background:#eee5d5}.preview-hero{z-index:1;place-items:center;min-height:100vh;padding:94px 24px 50px;display:grid;position:relative;overflow:hidden}.preview-hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 48%,#0000 36%,#0506061f 72%),linear-gradient(#0506061f,#0000 20% 82%,#0506067a);position:absolute;inset:0}.evidence-board-wrap{z-index:2;transform-origin:50% 48%;width:min(100%,1300px);animation:3.25s cubic-bezier(.18,.76,.2,1) 80ms both board-camera-in;position:relative}.evidence-board-frame{background:linear-gradient(145deg,#e7eae7,#8a908f 46%,#dfe1de 79%);border:1px solid #737978;border-radius:11px;padding:17px;position:relative;box-shadow:0 36px 82px #00000070,inset 0 0 0 1px #ffffff9e}.evidence-board{background:radial-gradient(ellipse at 14% 18%, #ffffffb8, transparent 28%), linear-gradient(105deg, #ffffff57, transparent 34% 70%, #dadcd629), var(--board);border:1px solid #a1a39f;border-radius:3px;min-height:min(67vw,680px);position:relative;overflow:hidden;box-shadow:inset 0 2px 24px #37403f1c}.board-index,.board-date,.board-caption{z-index:6;color:#687277;font:700 clamp(7px, .65vw, 9px)/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0;position:absolute}.board-index{top:22px;left:27px}.board-date{top:22px;right:27px}.board-caption{bottom:19px;right:26px}.note-spotlight{z-index:2;pointer-events:none;background:radial-gradient(#ffdb8b75,#ffdb8b21 42%,#0000 72%);display:block;position:absolute}.spotlight-thesis{width:51%;height:52%;top:22%;left:25%}.spotlight-result{width:clamp(78px,23%,180px);height:35%;top:4%;right:0}.board-paper,.board-sticky,.war-note,.latency-ring,.blueprint-arrow{z-index:3;position:absolute}.board-paper,.board-sticky,.war-note{transform:rotate(var(--tilt,0deg));transform-origin:52% 0;box-shadow:3px 5px 9px #302b232e}.is-breezing{animation:.96s cubic-bezier(.2,.68,.24,1) both note-fold-from-left;animation-delay:var(--gust-delay,0s)}.board-paper:before,.board-sticky:before,.war-note:before{content:"";opacity:0;pointer-events:none;transform-origin:bottom;background:linear-gradient(#0000 18%,#4e432d1a 62%,#ffffff94);border-radius:0 0 2px 2px;height:22%;position:absolute;bottom:0;left:0;right:0}.is-breezing:before{animation:.96s cubic-bezier(.2,.68,.24,1) both note-fold-light;animation-delay:var(--gust-delay,0s)}.board-paper{background:#fffef8}.board-sticky:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 48%,#4b3e1c21 50%);width:23%;height:18%;position:absolute;bottom:0;right:0}.sticky-yellow{background:var(--yellow)}.sticky-blue{background:var(--blue)}.sticky-green{background:var(--green)}.sticky-pink{background:var(--pink)}.board-pin{z-index:7;background:#cf4035;border:2px solid #781812;border-radius:50%;width:17px;height:17px;position:absolute;top:-8px;left:52%;box-shadow:inset -3px -3px 4px #5a000057,3px 5px 4px #0000003b}.pin-blue{background:#287e9e;border-color:#174859}.pin-green{background:#68a54e;border-color:#37602d}.pin-yellow{background:#d6a923;border-color:#755a0e}.identity-file{--tilt:-2.4deg;width:22%;padding:clamp(16px,2.1vw,30px);top:12%;left:5%}.paper-eyebrow,.thesis-kicker,.blog-note>p,.life-note>p{color:#60676a;font:700 clamp(7px,.68vw,9px)/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px}.identity-file h2{width:min-content;font:700 clamp(18px,2.35vw,35px)/.98 var(--hand);border-bottom:3px solid #c74740;margin:0}.identity-file ul{font:clamp(8px,.9vw,12px)/1.75 var(--mono);margin:17px 0 0;padding:0;list-style:none}.identity-file li:before{content:"— ";color:#ac2d27}.sketch-arrow{color:#347492;font:39px/1 var(--hand);position:absolute;bottom:3px;right:12px;rotate:12deg}.profile-photo{z-index:5;--tilt:-3.2deg;width:12%;margin:0;padding:7px 7px 22px;top:9%;left:44%}.profile-photo img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.profile-photo figcaption{color:#394247;font:700 clamp(6px,.57vw,8px)/1 var(--mono);letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.thesis-card{z-index:12;--tilt:1.6deg;width:32%;min-height:29%;padding:clamp(17px,2.4vw,36px);top:34%;left:34.5%;box-shadow:0 -14px 40px #ffda8457,4px 8px 13px #302b2347}.thesis-role{color:#252a2c;font:700 clamp(19px,2.2vw,31px)/.96 var(--hand);letter-spacing:-.025em;white-space:nowrap;margin:0 0 7px}.thesis-kicker{margin-bottom:10px;display:block}.thesis-card h1{font:700 clamp(23px,3.8vw,54px)/.93 var(--hand);letter-spacing:-.04em;margin:0}.thesis-card em{color:#97251f;font-style:normal}.red-underline{transform-origin:0;border-top:4px solid #a52d26;border-radius:50%;width:64%;height:11px;margin:11px 0 0 28%;animation:6.4s cubic-bezier(.22,.72,.22,1) infinite thesis-marker-sweep;display:block;transform:rotate(-2deg)scaleX(.08)}.metric-card{font-family:var(--hand);align-content:center;padding:clamp(12px,1.7vw,24px);display:grid}.metric-card strong{font-size:clamp(20px,2.9vw,42px);line-height:.88}.metric-card>span:last-child{margin-top:6px;font-size:clamp(10px,1.15vw,16px);line-height:1.05}.metric-throughput{--tilt:2.8deg;width:18%;min-height:17%;top:13%;right:6.5%}.metric-recovery{--tilt:-2.2deg;width:18.5%;min-height:16%;top:39%;right:4.7%}.system-map{--tilt:1.3deg;width:24%;padding:clamp(13px,1.65vw,22px);bottom:9%;left:6.5%}.paper-tape{background:#d9c895ad;width:38%;height:24px;position:absolute;top:-12px;left:32%;rotate:-3deg}.system-map p{font:700 clamp(8px,.9vw,13px)/1.3 var(--hand);margin:0 0 12px}.system-map small{color:#326986;font:clamp(7px,.7vw,10px)/1 var(--mono);margin-top:9px;display:block}.map-symbols{align-items:center;gap:7px;display:flex}.map-symbols i{aspect-ratio:1;border:3px solid #316f8c;border-radius:50%;width:clamp(20px,2.8vw,40px)}.map-symbols i:last-of-type{border-radius:3px}.map-symbols b{color:#aa2d27;font:clamp(14px,1.8vw,25px)/1 var(--hand)}.war-note{min-height:64px;font-family:var(--hand);background:#fffdf5;border:1px solid #30383a1f;align-content:center;gap:5px;padding:clamp(9px,1vw,14px);display:grid}.war-note strong{font-size:clamp(10px,1.12vw,16px);line-height:1}.war-note>span:last-child{color:#465054;font:clamp(6px,.57vw,8px)/1.3 var(--mono)}.war-note .board-pin{width:12px;height:12px;top:-6px}.api-gateway-note{--tilt:-1.8deg;background:#f3dea0;width:13%;top:21%;left:27.5%}.queue-depth-note{--tilt:2.2deg;background:#c9e1e5;width:13.5%;top:13.5%;left:56%}.idempotency-note{--tilt:-1.2deg;background:#f3e5aa;width:10%;top:43%;left:55%}.autoscale-note{--tilt:1.5deg;background:#d6e7ef;width:10%;top:43%;left:77%}.cache-note{--tilt:-2deg;background:#cde2b8;width:13%;top:31%;right:20.5%}.failure-note{--tilt:2.7deg;background:#efc5c9;width:13.5%;bottom:27.5%;left:25.5%}.partition-note{--tilt:-1.3deg;background:#f2dfa4;width:13%;top:58%;right:20%}.latency-ring{color:#2e6d86;width:82px;height:56px;font:700 clamp(7px,.65vw,9px)/1 var(--mono);text-align:center;border:3px solid #287694;border-radius:50%;place-content:center;margin:0;display:grid;top:56%;left:13.5%;rotate:-6deg}.latency-ring:after{content:"";border-top:3px solid #287694;width:35px;position:absolute;bottom:-5px;right:-29px;rotate:24deg}.latency-ring strong{color:#9e2c26;margin-top:4px;font-size:clamp(8px,.78vw,11px);display:block}.observability-card{--tilt:1.2deg;width:11.5%;padding:clamp(9px,1vw,14px);top:6%;left:30%}.observability-card>p{color:#41494c;font:700 clamp(6px,.62vw,9px)/1 var(--mono);text-transform:uppercase;margin:0 0 8px}.observability-card>span:last-child{color:#586266;font:clamp(5px,.5vw,7px)/1.2 var(--mono);margin-top:7px;display:block}.signal-chart{border-bottom:2px solid #497b8e;align-items:flex-end;gap:4px;height:38px;display:flex}.signal-chart i{background:#59a6bc;width:9%}.signal-chart i:first-child{height:28%}.signal-chart i:nth-child(2){height:54%}.signal-chart i:nth-child(3){height:42%}.signal-chart i:nth-child(4){background:#d1a632;height:76%}.signal-chart i:nth-child(5){height:62%}.signal-chart i:nth-child(6){background:#b6423b;height:88%}.blueprint-arrow{color:#2b7390;font:700 clamp(7px,.67vw,10px)/1 var(--hand);text-underline-offset:3px;margin:0;text-decoration:underline;text-decoration-thickness:2px}.blueprint-arrow-one{top:30%;left:26%;rotate:-8deg}.blueprint-arrow-two{top:49%;right:23%;rotate:6deg}.blueprint-arrow-three{bottom:24%;left:43%;rotate:-3deg}.board-scrawl{z-index:5;color:#276d88;font:700 clamp(8px, .74vw, 11px)/1 var(--hand);letter-spacing:.015em;pointer-events:none;rotate:var(--scrawl-tilt,-2deg);white-space:nowrap;margin:0;position:absolute}.board-scrawl:after{content:"";border-top:2px solid;border-radius:50%;width:88%;margin:4px 0 0 6%;display:block;rotate:-1deg}.scrawl-footnotes{color:#4f873c}.scrawl-draft{--scrawl-tilt:2deg}.scrawl-footnotes{--scrawl-tilt:-1deg}.board-diagram{z-index:5;pointer-events:none;display:block;position:absolute;overflow:visible}.board-diagram .diagram-node,.board-diagram .circuit-node{fill:#f4f3ecc2;vector-effect:non-scaling-stroke}.board-diagram .diagram-line,.board-diagram .diagram-circuit-lines path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.board-diagram .diagram-node,.board-diagram .diagram-line,.board-diagram .diagram-circuit-lines path,.board-diagram .circuit-node{stroke-dasharray:38 1.4 61 1 27 1.8}.diagram-blue{fill:#2d7591}.diagram-blue .diagram-node,.diagram-blue .diagram-line{stroke:#2d7591;stroke-width:3px}.diagram-red{fill:#a52d26}.diagram-red .diagram-node,.diagram-red .diagram-line{stroke:#a52d26;stroke-width:3px}.diagram-dashed{stroke-dasharray:7 5}.diagram-labels text{fill:#344044;font:700 13px var(--hand);letter-spacing:.01em;transform-box:fill-box;transform-origin:50%}.diagram-labels text:nth-child(odd){transform:rotate(-.8deg)}.diagram-labels text:nth-child(2n){transform:rotate(.9deg)}.diagram-labels .diagram-label-red{fill:#a52d26;font-size:11px}.diagram-circuit{rotate:2deg}.diagram-circuit-lines{fill:#a52d26}.diagram-circuit-lines path{stroke:#a52d26;stroke-width:3px}.circuit-node{stroke-width:3px}.circuit-closed{stroke:#4f873c}.circuit-open{stroke:#a52d26}.circuit-half{stroke:#c18a1f}.circuit-labels text{text-anchor:middle;font-size:12px}.circuit-labels text:nth-child(3){font-size:10px}.circuit-labels text:last-child{fill:#a52d26;font-size:9px}.blog-note{--tilt:1.8deg;align-content:center;width:20%;min-height:18%;padding:clamp(13px,1.65vw,23px);display:grid;bottom:8.5%;right:21%}.blog-note strong,.life-note strong{font:700 clamp(14px,1.6vw,23px)/1.05 var(--hand)}.blog-note>span:last-child,.life-note>span:last-child{color:#42494c;font:clamp(7px,.72vw,10px)/1.35 var(--mono);margin-top:9px}.life-note{--tilt:-2.4deg;border:1px solid #2a303129;align-content:center;width:14%;min-height:16%;padding:clamp(11px,1.4vw,19px);display:grid;bottom:10%;right:5.3%}.marker-tray{background:#9fa4a2;border-radius:0 0 7px 7px;justify-content:flex-end;gap:8px;width:178px;height:20px;padding:3px 12px;display:flex;position:absolute;bottom:-16px;right:8%;box-shadow:0 8px 12px #00000047}.marker{background:#252a2c;border-radius:4px;width:41px;height:8px;display:block}.marker-red{background:#b6332d}.marker-blue{background:#2d7591}.preview-scroll{color:#d4c9b8;font:700 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0;position:absolute;bottom:16px;right:max(26px,50vw - 650px)}@keyframes note-fold-from-left{0%,to{transform:rotate(var(--tilt,0deg)) translateX(0) scaleY(1) skewY(0deg)}28%{transform:rotate(calc(var(--tilt,0deg) + .68deg)) translateX(2px) scaleY(.955) skewY(-.28deg)}50%{transform:rotate(calc(var(--tilt,0deg) - .24deg)) translateX(.5px) scaleY(.987) skewY(.1deg)}72%{transform:rotate(calc(var(--tilt,0deg) + .1deg)) translateX(0) scaleY(.996) skewY(-.03deg)}}@keyframes note-fold-light{0%,to{opacity:0;transform:scaleY(.25)}28%{opacity:.72;transform:scaleY(1)}54%{opacity:.24;transform:scaleY(.48)}}@keyframes board-camera-in{0%,18%{transform:translateY(8vh)scale(.34)}55%{transform:translateY(3vh)scale(.62)}82%{transform:translateY(.8vh)scale(.9)}to{transform:translateY(0)scale(1)}}@keyframes room-camera-in{0%,18%{transform:scale(1)}to{transform:scale(1.025)}}@keyframes war-room-intro-exit{0%,61%{opacity:1;visibility:visible}82%{opacity:.58}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes war-room-people-exit{0%,56%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(10%)}}@keyframes war-room-progress{0%{transform:scaleX(0)}68%{transform:scaleX(.74)}to{transform:scaleX(1)}}@keyframes preview-header-enter{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes thesis-marker-sweep{0%,9%{opacity:.18;transform:rotate(-2deg)scaleX(.08)}27%,82%{opacity:1;transform:rotate(-2deg)scaleX(1)}91%{opacity:.38;transform:rotate(-1deg)scaleX(.96)}to{opacity:.18;transform:rotate(-2deg)scaleX(.08)}}@media (max-width:900px){.intro-copy{top:22%}.war-room-silhouettes{width:150vw}.room-atmosphere{opacity:.72;height:100vh;bottom:auto}.spotlight-thesis{width:88%;height:33%;top:29%;left:0}.spotlight-result{width:52%;height:24%;top:19%;left:0}.preview-header{min-height:50px;top:10px}.preview-nav{gap:0}.preview-nav a{padding-inline:8px;font-size:8px}.preview-status{display:none}.preview-hero{min-height:auto;padding:76px 12px 52px}.evidence-board-frame{padding:10px;transform:none}.evidence-board{min-height:1320px}.identity-file{width:29%;padding-inline:11px;top:5%;left:3%}.profile-photo{width:32%;top:4.5%;left:34%;right:auto}.metric-throughput{width:35%;min-height:10%;top:25%;left:5%;right:auto}.api-gateway-note{width:39%;min-height:9%;top:25%;left:auto;right:5%}.thesis-card{width:72%;min-height:19%;top:36%;left:7%}.failure-note{width:41%;min-height:9%;top:58%;left:5%}.metric-recovery{width:39%;min-height:9%;top:58%;right:5%}.latency-ring{top:69%;left:8%}.system-map{width:43%;bottom:4%;left:5%}.blog-note{width:43%;min-height:12%;bottom:18%;right:4%}.life-note{width:43%;min-height:11%;bottom:4%;right:4%}.queue-depth-note,.cache-note,.partition-note,.observability-card,.blueprint-arrow,.board-caption{display:none}.marker-tray{right:5%}.preview-scroll{display:none}}@media (max-width:760px){.room-atmosphere{object-position:center top}.evidence-board{min-height:1400px}.identity-file{width:27%;padding:10px;top:3%;left:4%}.identity-file h2{width:auto;font-size:14px;line-height:1}.identity-file ul{margin-top:10px;font-size:7px;display:block}.paper-eyebrow{margin-bottom:7px}.profile-photo{width:26%;top:3%;left:37%}.observability-card{width:27%;padding:10px;display:block;top:3%;left:auto;right:4%}.thesis-card{--tilt:1.2deg;width:78%;min-height:14%;padding:20px;top:16%;left:11%}.thesis-role{font-size:clamp(20px,6vw,27px)}.thesis-card h1{font-size:clamp(26px,7.5vw,36px)}.metric-throughput{width:28%;min-height:8%;top:38%;left:4%}.api-gateway-note{width:28%;min-height:8%;top:38%;left:36%;right:auto}.metric-recovery{width:28%;min-height:8%;top:38%;right:4%}.queue-depth-note{width:28%;min-height:8%;display:grid;top:48%;left:4%}.cache-note{width:28%;min-height:8%;display:grid;top:48%;left:36%;right:auto}.failure-note{width:28%;min-height:8%;inset:48% 4% auto auto}.partition-note{width:28%;min-height:8%;display:grid;top:58%;left:4%;right:auto}.latency-ring{display:grid;top:59%;left:38%}.system-map{width:39%;padding:12px;display:block;top:59%;bottom:auto;left:57%}.blueprint-arrow{display:block}.blueprint-arrow-one{top:36%;left:28%}.blueprint-arrow-two{top:57%;right:5%}.blueprint-arrow-three{bottom:21%;left:43%}.blog-note{width:44%;min-height:14%;bottom:4%;left:4%;right:auto}.life-note{width:44%;min-height:14%;bottom:4%;right:4%}.spotlight-thesis{width:90%;height:24%;top:12%;left:5%}.spotlight-result{width:100%;height:20%;top:34%;left:0}}@media (max-width:520px){.intro-case{max-width:170px;line-height:1.5}.intro-signal{display:none}.war-room-silhouettes{width:210vw;bottom:1%}.preview-header{width:calc(100% - 20px);padding-left:12px}.preview-brand{font-size:8px}.preview-nav a{padding-inline:6px;font-size:7px}.evidence-board{min-height:1400px}.board-date{display:none}.identity-file{width:27%}.profile-photo{width:26%;left:37%}.thesis-card{width:78%}}.board-zone{z-index:16;color:#a42d27;cursor:zoom-in;border-radius:48% 52% 45% 55%;position:absolute}.board-zone span{z-index:2;font:700 clamp(11px, 1.08vw, 16px)/1 var(--hand);letter-spacing:.03em;background:0 0;padding:0;position:absolute;top:3%;left:6%;rotate:-2deg}.board-zone span:after{content:"";border-top:3px solid;border-radius:50%;width:94%;margin-top:4px;display:block;rotate:1deg}.board-zone:before,.board-zone:after{content:"";opacity:0;pointer-events:none;transition:opacity .18s,transform .3s cubic-bezier(.2,.72,.22,1);position:absolute}.board-zone:after{border:4px solid;border-width:4px 2px 5px 4px;border-radius:46% 54% 43% 57%/52% 45% 55% 48%;inset:0;transform:rotate(-2.4deg)scale(.94)}.board-zone:before{transform-origin:100%;border-top:4px solid;border-radius:48% 52% 44% 56%;width:31%;height:18%;bottom:7%;right:-7%;transform:rotate(24deg)scaleX(.72)}.board-zone:hover:before,.board-zone:focus-visible:before,.board-zone:hover:after,.board-zone:focus-visible:after{opacity:.78}.board-zone:hover:after,.board-zone:focus-visible:after{transform:rotate(-2.4deg)scale(1)}.board-zone:hover:before,.board-zone:focus-visible:before{opacity:.96;transform:rotate(24deg)scaleX(1)}.board-zone:focus-visible{outline:none}.board-zone-profile{color:#76508d}.board-zone-blog{color:#287694}.board-zone-life{color:#4f873c}.zone-mark{z-index:1;fill:none;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px;width:clamp(122px,42%,210px);height:62px;position:absolute;top:-6px;left:2.5%;overflow:visible}.zone-mark path{opacity:0;stroke-dasharray:100;stroke-dashoffset:100px;animation:13.5s ease-in-out infinite zone-marker-cycle}.zone-mark path+path{stroke-width:2.2px;animation-delay:.18s}.zone-mark-profile{width:clamp(124px,55%,178px)}.zone-mark-work{width:clamp(184px,39%,244px);height:72px;top:-13px}.zone-mark-blog{width:clamp(156px,50%,205px)}.zone-mark-life{width:clamp(112px,60%,150px);height:68px;top:-10px}.zone-mark-work path{animation-delay:2.7s}.zone-mark-work path+path{animation-delay:2.88s}.zone-mark-blog path{animation-delay:5.4s}.zone-mark-blog path+path{animation-delay:5.58s}.zone-mark-life path{animation-delay:8.1s}.zone-mark-life path+path{animation-delay:8.28s}.board-zone:hover .zone-mark path,.board-zone:focus-visible .zone-mark path{opacity:.92;stroke-dashoffset:0;animation:none}@keyframes zone-marker-cycle{0%,7%{opacity:0;stroke-dashoffset:100px}17%{opacity:.88;stroke-dashoffset:0}31%{opacity:.78;stroke-dashoffset:0}42%,to{opacity:0;stroke-dashoffset:-100px}}.blog-topic-one,.blog-topic-two,.life-topic-one,.life-topic-two{z-index:4}.blog-topic-one,.blog-topic-two{background:#d8e9ee}.life-topic-one,.life-topic-two{background:#dbe8ca}.section-board{--section-marker:#a42d27;z-index:40;background:radial-gradient(ellipse at 14% 18%, #ffffffb8, transparent 28%), linear-gradient(105deg, #ffffff57, transparent 34% 70%, #dadcd629), var(--board);opacity:0;pointer-events:none;transform-origin:50% 45%;visibility:hidden;border:1px solid #a1a39f;border-radius:3px;min-height:calc(100% - 34px);transition:opacity .22s,transform .46s cubic-bezier(.18,.78,.2,1),visibility 0s linear .46s;position:absolute;inset:17px;overflow:hidden;transform:scale(.76);box-shadow:inset 0 2px 24px #37403f1c}.section-board-blue{--section-marker:#287694}.section-board-green{--section-marker:#4f873c}.section-board-purple{--section-marker:#76508d}.section-board:target{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:scale(1)}.evidence-board-frame:has(.section-board:target) .evidence-board{opacity:0;transition:opacity .18s,transform .42s cubic-bezier(.18,.78,.2,1);transform:scale(1.12)}.section-board-back{z-index:4;font:700 8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#fffef8d6;border:1px solid #2a30313b;padding:9px 11px;position:absolute;top:24px;right:27px}.section-board-back:hover{border-color:var(--section-marker);color:var(--section-marker)}.section-board-index{color:#687277;font:700 8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0;position:absolute;top:26px;left:28px}.section-board-header{width:72%;position:absolute;top:12%;left:7%}.section-board-header>span{color:var(--section-marker);font:700 clamp(14px, 1.5vw, 22px)/1 var(--hand);display:inline-block;rotate:-2deg}.section-board-header>span:after{content:"";border-top:4px solid;border-radius:50%;width:112%;margin-top:4px;display:block;rotate:1deg}.section-board-header h2{max-width:760px;font:700 clamp(30px, 4.1vw, 58px)/.92 var(--hand);letter-spacing:-.04em;margin:12px 0 0}.section-board-header p{color:#4d565a;max-width:650px;font:clamp(9px, .82vw, 12px)/1.55 var(--mono);margin:12px 0 0}.section-board-grid{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px);display:grid;position:absolute;top:48%;left:6%;right:6%}.section-case{min-height:190px;transform:rotate(var(--case-tilt,-1.2deg));background:#fffef8;padding:clamp(18px,2vw,28px);position:relative;box-shadow:4px 7px 12px #302b2330}.section-case:nth-child(2){--case-tilt:1.1deg;background:color-mix(in srgb, var(--section-marker) 14%, #fffef8)}.section-case:nth-child(3){--case-tilt:-.4deg}.section-case .board-pin{left:48%}.section-case small{color:#687277;font:700 7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.section-case h3{font:700 clamp(19px, 2vw, 29px)/1 var(--hand);margin:15px 0 8px}.section-case strong{color:var(--section-marker);font:700 clamp(12px, 1.2vw, 17px)/1 var(--mono)}.section-case p{color:#4d565a;font:clamp(8px, .72vw, 10px)/1.5 var(--mono);margin:12px 0 0}.section-board-footnote{color:var(--section-marker);font:700 clamp(11px, 1vw, 15px)/1 var(--hand);margin:0;position:absolute;bottom:4%;right:7%;rotate:-2deg}.board-scroll-story{background:#171614;height:650svh;position:relative}.board-story-stop{width:1px;height:1px;scroll-margin-top:8svh;position:absolute;left:0}.board-scroll-sticky{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.board-scroll-sticky:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 48%,#0000 35%,#0708085c 76%),linear-gradient(#05060661,#0000 20% 82%,#050606a8);position:absolute;inset:0}.board-story-room{z-index:0;object-fit:cover;opacity:.46;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.board-scroll-track{z-index:2;will-change:transform;width:max-content;height:100%;display:flex;position:relative;transform:translate(0,0)}.scroll-board-panel{--story-marker:#a42d27;opacity:.34;transform-origin:50%;will-change:transform, opacity;flex:0 0 100vw;place-items:center;width:100vw;height:100%;padding:82px 4vw 44px;display:grid;transform:scale(.84)}.scroll-board-purple{--story-marker:#76508d}.scroll-board-blue{--story-marker:#287694}.scroll-board-green{--story-marker:#4f873c}.scroll-board-gold{--story-marker:#a86f16}.story-board-frame{background:linear-gradient(145deg,#e7eae7,#8a908f 46%,#dfe1de 79%);border:1px solid #737978;border-radius:11px;width:min(90vw,1180px);height:min(75svh,720px);padding:15px;box-shadow:0 34px 80px #00000075,inset 0 0 0 1px #ffffff9e}.story-board-surface{background:radial-gradient(ellipse at 14% 18%, #ffffffb8, transparent 28%), linear-gradient(105deg, #ffffff57, transparent 34% 70%, #dadcd629), var(--board);border:1px solid #a1a39f;border-radius:3px;grid-template-rows:auto auto 1fr auto;width:100%;height:100%;padding:clamp(24px,3.4vw,50px);display:grid;overflow:hidden;box-shadow:inset 0 2px 24px #37403f1c}.story-board-index{color:#687277;font:700 8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0}.story-board-header{width:min(80%,780px);margin-top:clamp(14px,2vh,24px)}.story-board-header>span{color:var(--story-marker);font:700 clamp(14px, 1.5vw, 22px)/1 var(--hand);display:inline-block;rotate:-2deg}.story-board-header>span:after{content:"";border-top:4px solid;border-radius:50%;width:112%;margin-top:4px;display:block;rotate:1deg}.story-board-header h2{font:700 clamp(29px, 3.8vw, 54px)/.94 var(--hand);letter-spacing:-.04em;margin:11px 0 0}.story-board-header p{color:#4d565a;max-width:650px;font:clamp(9px, .8vw, 12px)/1.48 var(--mono);margin:10px 0 0}.story-board-grid{grid-template-columns:repeat(3,1fr);align-self:center;gap:clamp(14px,2vw,28px);padding-top:clamp(18px,3vh,32px);display:grid}.story-case{min-height:170px;transform:rotate(var(--case-tilt,-1deg));background:#fffef8;padding:clamp(17px,1.8vw,26px);position:relative;box-shadow:4px 7px 12px #302b2330}.story-case:nth-child(2){--case-tilt:1deg;background:color-mix(in srgb, var(--story-marker) 14%, #fffef8)}.story-case:nth-child(3){--case-tilt:-.4deg}.story-case small{color:#687277;font:700 7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.story-case h3{font:700 clamp(18px, 1.8vw, 27px)/1 var(--hand);margin:14px 0 7px}.story-case strong{color:var(--story-marker);font:700 clamp(11px, 1.1vw, 16px)/1 var(--mono)}.story-case p{color:#4d565a;font:clamp(8px, .7vw, 10px)/1.45 var(--mono);margin:11px 0 0}.story-case-link{color:var(--story-marker);font:700 clamp(10px, .9vw, 13px)/1 var(--mono);align-items:center;gap:7px;margin-top:15px;text-decoration:none;display:inline-flex}.story-case-link:after{content:"";border-top:3px solid;border-radius:50%;width:0;transition:width .18s;rotate:-2deg}.story-case-link:hover:after,.story-case-link:focus-visible:after{width:34px}.story-case-link:focus-visible{outline-offset:5px;outline:2px dashed}.story-board-footnote{color:var(--story-marker);font:700 clamp(10px, 1vw, 15px)/1 var(--hand);justify-self:end;margin:0;rotate:-2deg}.board-story-progress{z-index:4;color:#ddd3c3;font:700 8px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:13px;display:flex;position:absolute;top:28px;right:max(24px,4vw)}.board-story-progress>div{gap:6px;display:flex}.board-story-progress i{background:#ffffff3d;width:18px;height:3px;transition:width .2s,background-color .2s;display:block}.board-story-progress i.is-active{background:#d44a40;width:34px}@media (min-width:901px){.identity-file{width:18%;top:12%;left:4%}.profile-photo{width:8%;top:12%;left:24%}.thesis-card{width:36%;min-height:31%;padding:26px;top:10%;left:33.5%}.thesis-role{font-size:clamp(26px,2.15vw,31px)}.thesis-card h1{font-size:clamp(38px,3.4vw,49px)}.board-zone-profile{width:31%;height:31%;top:5%;left:2%}.board-zone-work{width:67%;height:67%;top:5%;left:auto;right:2%}.board-zone-work>span{top:0}.board-zone-blog{width:44%;height:28%;bottom:3%;left:2%}.board-zone-life{width:25%;height:28%;bottom:3%;left:auto;right:2%}.metric-throughput{width:12.5%;min-height:16%;top:11%;left:auto;right:17.5%}.metric-recovery{width:12.5%;min-height:16%;top:11%;left:auto;right:3.5%}.observability-card{width:9.5%;top:46%;left:34%}.api-gateway-note{width:9.5%;top:46%;left:44.5%}.idempotency-note{width:9.5%;top:46%;left:55%}.queue-depth-note{width:8.5%;top:30.5%;left:70.5%}.autoscale-note{width:8.5%;top:30.5%;left:79.8%}.cache-note{width:8.5%;top:30.5%;left:auto;right:2.5%}.failure-note{width:9.5%;inset:46% auto auto 65.5%}.partition-note{width:9.5%;top:46%;left:76%;right:auto}.latency-ring{display:none}.system-map{width:15%;padding:10px;inset:59.5% auto auto 59%}.system-map p{margin-bottom:6px}.system-map small{margin-top:5px}.map-symbols i{width:28px}.blueprint-arrow{display:none}.diagram-fanout{width:27%;height:13%;top:55%;left:4%}.diagram-circuit{width:13%;height:12%;top:60%;right:2.5%}.scrawl-draft{top:78%;left:35%}.scrawl-footnotes{top:88%;left:35%}.blog-note{width:18%;min-height:17%;inset:76% auto auto 4%}.blog-topic-one{width:10%;top:76%;left:24%;right:auto}.blog-topic-two{width:10%;top:87%;left:24%;right:auto}.life-note{width:13%;min-height:17%;inset:76% auto auto 75%}.life-topic-one{width:8.5%;top:73.5%;left:auto;right:2.5%}.life-topic-two{width:8.5%;top:87%;left:auto;right:2.5%}.board-caption{display:none}.spotlight-thesis{width:41%;height:35%;top:6%;left:31%}.spotlight-result{width:34%;height:58%;top:8%;right:0}}@media (max-width:900px){.board-zone span{font-size:13px}.board-zone-profile{width:96%;height:20%;top:1.5%;left:2%}.board-zone-work{width:96%;height:44%;top:23%;left:2%}.board-zone-blog{width:96%;height:12%;top:69%;left:2%}.board-zone-life{width:96%;height:12%;top:82%;left:2%}.blog-topic-one,.blog-topic-two,.life-topic-one,.life-topic-two{display:grid}.board-scrawl{font-size:9px;display:none}.board-diagram{display:none}.thesis-card{top:27%}.metric-throughput,.api-gateway-note{min-height:8%;top:48%}.failure-note,.metric-recovery{min-height:7%;top:59%}.idempotency-note{width:28%;min-height:7%;display:grid;top:59%;left:36%}.autoscale-note{width:28%;min-height:7%;display:grid;top:59%;left:auto;right:4%}.system-map,.latency-ring{display:none}.blog-note{width:43%;min-height:8%;inset:72% auto auto 4%}.blog-topic-one{width:45%;min-height:4%;top:72%;left:auto;right:4%}.blog-topic-two{width:45%;min-height:4%;top:77%;left:auto;right:4%}.life-note{width:43%;min-height:8%;inset:85% auto auto 4%}.life-topic-one{width:45%;min-height:4%;top:85%;left:auto;right:4%}.life-topic-two{width:45%;min-height:4%;top:90%;left:auto;right:4%}.section-board{min-height:calc(100% - 20px);inset:10px}.section-board-header{width:78%;top:10%;left:8%}.section-board-grid{grid-template-columns:1fr;gap:26px;top:38%;left:7%;right:7%}.section-case{min-height:190px}.scroll-board-panel{padding-inline:3vw}.story-board-frame{width:94vw;height:80svh;padding:10px}.story-board-surface{padding:clamp(22px,4vw,36px)}.story-board-header{width:88%}.story-board-grid{gap:13px}}@media (max-width:760px){.evidence-board{min-height:1600px}.board-zone-profile{width:96%;height:14%;top:1%;left:2%}.board-zone-work{width:96%;height:52%;top:17%;left:2%}.board-zone-blog{width:96%;height:11%;top:71%;left:2%}.board-zone-life{width:96%;height:10%;top:84%;left:2%}.identity-file,.profile-photo,.observability-card{top:4%}.thesis-card{top:22%}.diagram-fanout{width:90%;height:7%;display:block;top:36.5%;left:5%}.diagram-circuit{display:none}.metric-throughput,.api-gateway-note,.metric-recovery{top:44%}.queue-depth-note,.cache-note,.failure-note{top:54%}.partition-note,.idempotency-note,.autoscale-note{width:28%;min-height:6%;top:62%}.partition-note{left:4%;right:auto}.idempotency-note{left:36%}.autoscale-note{left:auto;right:4%}.latency-ring,.system-map{top:65%}.blog-note{width:43%;min-height:7%;inset:74% auto auto 4%}.blog-topic-one{width:45%;min-height:3.5%;top:74%;left:auto;right:4%}.blog-topic-two{width:45%;min-height:3.5%;top:79%;left:auto;right:4%}.life-note{width:43%;min-height:7%;inset:87% auto auto 4%}.life-topic-one{width:45%;min-height:3.5%;top:87%;left:auto;right:4%}.life-topic-two,.board-index,.board-date,.blueprint-arrow-three{display:none}.section-board-back{top:20px;right:18px}.section-board-index{top:64px;left:8%}.section-board-header{top:9%}.section-board-header h2{font-size:clamp(34px,10vw,48px)}.section-board-header p{font-size:10px}.section-board-grid{top:30%}.section-case{min-height:210px;padding:24px}.section-case h3{font-size:27px}.section-case p{font-size:10px}.board-scroll-story{height:625svh}.scroll-board-panel{padding:68px 10px 18px}.story-board-frame{width:95vw;height:calc(100svh - 94px);padding:8px}.story-board-surface{padding:20px 16px 16px}.story-board-header{width:96%;margin-top:12px}.story-board-header>span{font-size:14px}.story-board-header h2{margin-top:8px;font-size:clamp(28px,9vw,39px)}.story-board-header p{margin-top:7px;font-size:8px;line-height:1.4}.story-board-grid{grid-template-columns:1fr;gap:8px;padding-top:12px}.story-case{min-height:108px;padding:13px 15px}.story-case .board-pin{width:12px;height:12px;top:-6px}.story-case h3{margin:8px 0 5px;font-size:19px}.story-case strong{font-size:10px}.story-case p{margin-top:7px;font-size:8px;line-height:1.35}.story-board-footnote{display:none}.board-story-progress{top:74px;right:18px}.board-story-progress>span{display:none}.board-story-progress i{width:12px}.board-story-progress i.is-active{width:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.war-room-intro{display:none}.red-underline{transform:rotate(-2deg)scaleX(1);animation:none!important}.preview-header,.room-atmosphere,.evidence-board-wrap{animation:none!important}.section-board{transition:none!important}.evidence-board-frame:has(.section-board:target) .evidence-board{transition:none!important}.zone-mark path{opacity:.52;stroke-dashoffset:0;animation:none!important}.board-scroll-story{height:auto;padding:84px 0 28px}.board-story-stop,.board-story-progress{display:none}.board-scroll-sticky{scroll-snap-type:x mandatory;scrollbar-width:none;height:auto;position:relative;overflow-x:auto}.board-scroll-track{will-change:auto;transform:none!important}.scroll-board-panel{scroll-snap-align:start;will-change:auto;min-height:calc(100svh - 112px);opacity:1!important;transform:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}