:root{color-scheme:light;--paper: #fbfaf4;--paper-deep: #f2ead2;--ink: #111713;--muted: #5f665f;--line: rgba(17, 23, 19, .2);--rule: rgba(0, 109, 111, .13);--teal: #00706f;--teal-dark: #005451;--vermilion: #eb5a45;--yellow: #f4ca4e;--blueprint: rgba(0, 112, 111, .16);--shadow: 0 18px 45px rgba(31, 27, 18, .12);--font-sans: "Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", system-ui, sans-serif;--font-hand: "Comic Sans MS", "Hiragino Maru Gothic ProN", "Yu Gothic", cursive}*{box-sizing:border-box}html{background:#e9e0c9;color:var(--ink);font-family:var(--font-sans);scroll-behavior:smooth}body{overflow-x:hidden;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 14%,rgba(235,90,69,.08),transparent 22rem),radial-gradient(circle at 90% 8%,rgba(0,112,111,.08),transparent 20rem),linear-gradient(90deg,transparent 4.25rem,rgba(235,90,69,.34) 4.32rem,transparent 4.38rem),repeating-linear-gradient(0deg,var(--paper),var(--paper) 31px,var(--rule) 32px),var(--paper);letter-spacing:0;line-break:strict;overflow-wrap:anywhere}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.58;background-image:linear-gradient(rgba(0,112,111,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,112,111,.06) 1px,transparent 1px);background-position:center;background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}a{color:inherit;text-decoration:none}h1,h2,h3,p,li,a,time,span{max-width:100%;overflow-wrap:anywhere;word-break:break-all;line-break:anywhere}img,svg{display:block;max-width:100%}img{height:auto}main{width:min(calc(100% - 32px),1180px);margin:0 auto}.cursor-dot{position:fixed;top:-9px;left:-9px;z-index:20;width:18px;height:18px;pointer-events:none;border:2px solid var(--teal);border-radius:999px;opacity:.24;transition:transform .16s ease-out}.site-header,.site-footer{width:min(calc(100% - 32px),1180px);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-size:1.04rem}.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--teal);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);transform:rotate(-4deg)}.site-nav{display:flex;gap:22px;align-items:center;font-size:.9rem;font-weight:800}.site-nav a{position:relative;padding:8px 0}.site-nav a:after,.text-link:after{position:absolute;right:0;bottom:2px;left:0;height:3px;content:"";background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.site-nav a:hover:after,.site-nav a.is-active:after,.text-link:hover:after{transform:scaleX(1)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:54px;align-items:center;min-height:calc(100vh - 96px);padding:56px 0 92px 52px}.paper-holes{position:absolute;top:96px;bottom:160px;left:8px;display:flex;flex-direction:column;justify-content:space-between}.paper-holes span{width:18px;height:18px;background:#e2cbaa;border:1px solid rgba(17,23,19,.22);border-radius:50%;box-shadow:inset 0 1px 3px #00000024}.hand-note{display:inline-block;margin:0 0 22px;padding:4px 10px;font-family:var(--font-hand);font-weight:800;background:#ff9b82;transform:rotate(-8deg);animation:wiggle 3.2s ease-in-out infinite}.hero h1,.list-hero h1,.article-header h1,.empty-state h1{margin:0;font-weight:900;line-height:1.22}.hero h1{max-width:620px;font-size:clamp(2.5rem,7vw,5.9rem)}.hero h1 .title-line{display:block;width:fit-content;max-width:100%;background-image:linear-gradient(transparent 70%,#00706f42 70%);animation:underlineSweep 1.2s ease both}.hero h1 .title-line span{display:inline-block}.hero h1 .title-line:nth-child(2){animation-delay:.16s}.hero-copy>p:not(.hand-note){max-width:600px;margin:26px 0 0;color:var(--muted);font-weight:700;line-height:2;line-break:anywhere}.hero-copy,.hero-visual,.post-card-body,.article-header,.list-hero>div{min-width:0}.hero-actions{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;margin-top:42px}.button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;color:var(--teal-dark);font-weight:900;background:transparent;border:2px solid var(--teal);box-shadow:5px 5px #f4ca4ed9;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button-primary:after{margin-left:12px;content:"→"}.button-primary:hover{background:#fffdf5;box-shadow:2px 2px #f4ca4ee6;transform:translate(3px,3px) rotate(-1deg)}.scribble-label,.margin-note,.side-message{color:var(--teal);font-family:var(--font-hand);font-weight:800}.scribble-label{position:relative}.scribble-label:before{position:absolute;right:calc(100% + 8px);top:50%;width:54px;height:12px;content:"";border-bottom:3px solid var(--yellow);border-left:3px solid var(--yellow);transform:translateY(-50%) skew(-20deg)}.hero-visual{position:relative;min-height:440px}.notebook-doodle{position:relative;width:min(100%,480px);aspect-ratio:1 / .86;margin-left:auto;background:linear-gradient(var(--blueprint) 1px,transparent 1px),linear-gradient(90deg,var(--blueprint) 1px,transparent 1px);background-color:#ffffff2e;background-size:30px 30px;border:1px solid rgba(0,112,111,.18)}.doodle-circle{position:absolute;display:grid;width:92px;height:92px;place-items:center;font-weight:900;background:#fbfaf4e0;border:2px solid var(--ink);border-radius:50%;animation:bob 4.4s ease-in-out infinite}.circle-a{top:56px;left:92px}.circle-b{top:54px;right:62px;color:var(--teal);border-color:var(--teal);animation-delay:-1s}.circle-c{bottom:52px;left:110px;animation-delay:-2s}.circle-d{right:74px;bottom:58px;animation-delay:-3s}.doodle-arrow{position:absolute;width:110px;height:2px;background:var(--ink);animation:arrowDrift 3.6s ease-in-out infinite}.doodle-arrow:after{position:absolute;right:-1px;top:-5px;width:10px;height:10px;content:"";border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg)}.arrow-a{top:100px;left:198px}.arrow-b{top:176px;right:72px;transform:rotate(90deg)}.arrow-c{bottom:96px;left:200px;transform:rotate(180deg)}.arrow-d{top:190px;left:92px;transform:rotate(-90deg)}.margin-note{position:absolute;right:8px;bottom:24px;transform:rotate(-8deg)}.section{padding:48px 0 84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2,.note-card h2{margin:0;font-size:clamp(1.65rem,4vw,2.6rem)}.text-link{position:relative;color:var(--teal-dark);font-weight:900}.post-list{display:grid;gap:22px;padding-bottom:72px}.post-card{opacity:0;transform:translateY(22px) rotate(.5deg)}.post-card.is-visible{animation:paperIn .62s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms) both}.post-card a{display:grid;grid-template-columns:240px minmax(0,1fr);overflow:hidden;min-height:174px;background:#fffef8d1;border:1px solid var(--line);box-shadow:0 10px 24px #1f1b1214;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.compact .post-card a{grid-template-columns:210px minmax(0,1fr)}.post-card a:hover{border-color:#00706f73;box-shadow:var(--shadow);transform:translateY(-4px) rotate(-.45deg)}.post-sketch{position:relative;min-height:174px;background:linear-gradient(rgba(0,112,111,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,112,111,.1) 1px,transparent 1px),#f2ead26b;background-size:22px 22px;border-right:1px solid var(--line)}.sketch-line,.sketch-node{position:absolute;display:block}.sketch-line{height:2px;background:var(--ink)}.sketch-line.one{top:48px;left:34px;width:120px;transform:rotate(-10deg)}.sketch-line.two{top:86px;left:58px;width:126px;background:var(--teal);transform:rotate(14deg)}.sketch-line.three{bottom:42px;left:48px;width:94px;background:var(--vermilion);transform:rotate(-22deg)}.sketch-node{width:34px;height:34px;border:2px solid currentColor;border-radius:50%;animation:bob 3.7s ease-in-out infinite}.node-a{top:30px;left:42px;color:var(--vermilion)}.node-b{top:74px;right:38px;color:var(--teal);animation-delay:-1.5s}.node-c{right:82px;bottom:26px;color:var(--ink);animation-delay:-2.3s}.post-sketch-system-design .sketch-line.one{top:42px;left:36px;width:152px;height:2px;background:var(--teal);transform:rotate(0)}.post-sketch-system-design .sketch-line.two{top:86px;left:36px;width:152px;background:var(--ink);transform:rotate(0)}.post-sketch-system-design .sketch-line.three{right:42px;bottom:38px;left:auto;width:2px;height:92px;background:var(--vermilion);transform:rotate(0)}.post-sketch-system-design .sketch-node{width:58px;height:36px;border-radius:6px}.post-sketch-system-design .node-a{top:24px;left:42px;color:var(--teal)}.post-sketch-system-design .node-b{top:68px;right:42px;color:var(--ink)}.post-sketch-system-design .node-c{right:78px;bottom:26px;color:var(--vermilion)}.post-sketch-project-management .sketch-line.one{top:82px;left:28px;width:178px;background:var(--ink);transform:rotate(0)}.post-sketch-project-management .sketch-line.two{top:44px;left:56px;width:2px;height:78px;background:var(--teal);transform:rotate(0)}.post-sketch-project-management .sketch-line.three{right:58px;bottom:40px;left:auto;width:2px;height:80px;background:var(--vermilion);transform:rotate(0)}.post-sketch-project-management .sketch-node{width:30px;height:30px;background:#fbfaf4eb}.post-sketch-project-management .node-a{top:66px;left:44px;color:var(--vermilion)}.post-sketch-project-management .node-b{top:66px;right:82px;color:var(--teal)}.post-sketch-project-management .node-c{right:34px;bottom:76px;color:var(--ink)}.post-sketch-whole-upper{background:radial-gradient(circle at center,rgba(244,202,78,.3),transparent 56%),linear-gradient(var(--blueprint) 1px,transparent 1px),linear-gradient(90deg,var(--blueprint) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}.post-sketch-whole-upper .sketch-line.one{top:50%;left:34px;width:calc(100% - 68px);height:2px;background:var(--teal);transform:rotate(-8deg)}.post-sketch-whole-upper .sketch-line.two{top:32px;left:50%;width:2px;height:calc(100% - 64px);background:var(--vermilion);transform:rotate(12deg)}.post-sketch-whole-upper .sketch-line.three{top:50%;left:50%;width:86px;height:86px;background:transparent;border:3px dashed var(--yellow);border-radius:50%;transform:translate(-50%,-50%)}.post-sketch-whole-upper .sketch-node{width:34px;height:34px;background:#fbfaf4f0}.post-sketch-whole-upper .node-a{top:30px;left:32px;color:var(--teal)}.post-sketch-whole-upper .node-b{top:50%;right:30px;color:var(--vermilion)}.post-sketch-whole-upper .node-c{bottom:26px;left:50%;color:var(--ink)}.post-card-body{display:flex;flex-direction:column;padding:24px 28px}.post-meta,.article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--muted);font-size:.86rem;font-weight:800}.post-meta span,.article-meta span{padding:4px 8px;color:var(--teal-dark);background:#00706f24}.post-card h2{margin:14px 0 10px;font-size:clamp(1.14rem,2vw,1.45rem);line-height:1.55}.post-card p{display:-webkit-box;overflow:hidden;margin:0 0 18px;color:var(--muted);line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-card .text-link{width:fit-content;margin-top:auto;margin-left:auto}.empty-list{padding:34px 28px;color:var(--muted);font-weight:800;background:#f4ca4e24;border:1px solid var(--line)}.empty-list p{margin:0}.note-band{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px;align-items:center;padding:0 0 96px}.note-card{padding:26px 30px;background:linear-gradient(90deg,rgba(244,202,78,.2) 1px,transparent 1px),linear-gradient(rgba(244,202,78,.22) 1px,transparent 1px),#f4ca4e33;background-size:24px 24px;border:1px solid rgba(31,27,18,.18);box-shadow:8px 10px 20px #1f1b1214;transform:rotate(-1.2deg)}.note-card ul{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.note-card li:before,.article-body li:before{margin-right:8px;content:"□";color:var(--teal);font-weight:900}.side-message{font-size:1.5rem;line-height:1.8;transform:rotate(-6deg)}.list-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:72px 0 30px}.list-hero h1{width:fit-content;font-size:clamp(3rem,9vw,5.6rem);background-image:linear-gradient(transparent 72%,#00706f47 72%)}.list-hero p{margin:18px 0 0;color:var(--muted);font-family:var(--font-hand);font-size:1.4rem;font-weight:800}.book-doodle{position:relative;width:180px;height:130px;border:2px solid var(--ink);border-radius:50% 50% 8px 8px;transform:rotate(7deg);animation:bob 4s ease-in-out infinite}.book-doodle span{position:absolute;top:12px;bottom:12px;width:1px;background:var(--line)}.book-doodle span:first-child{left:50%}.book-doodle span:last-child{left:60%;box-shadow:-44px 18px 0 var(--line),34px 34px 0 var(--line)}.category-tabs{display:flex;flex-wrap:wrap;gap:0;margin:20px 0 26px}.category-tabs a{padding:13px 20px;color:var(--muted);font-size:.9rem;font-weight:900;background:#fffef8b8;border:1px solid var(--line)}.category-tabs .is-active{color:#fff;background:var(--teal)}.article-page{width:min(100%,920px);margin:0 auto;padding:46px 0 92px}.back-link{display:inline-flex;align-items:center;margin-bottom:42px;color:var(--teal-dark);font-weight:900}.back-link:before{margin-right:10px;content:"←"}.article-header{position:relative;padding-right:260px}.article-header h1{margin-top:24px;font-size:clamp(2.1rem,6vw,4.4rem);background-image:linear-gradient(transparent 78%,#eb5a4547 78%)}.article-description{max-width:680px;margin:24px 0 0;color:var(--muted);font-weight:700;line-height:2}.sticky-note{position:absolute;top:34px;right:0;width:224px;min-height:132px;padding:20px 22px;font-family:var(--font-hand);font-weight:800;line-height:1.75;background:#f4ca4e6b;border:1px solid rgba(31,27,18,.13);box-shadow:7px 9px 16px #1f1b121a;transform:rotate(-6deg);animation:stickyFloat 4.2s ease-in-out infinite}.sticky-note:before{position:absolute;top:-13px;right:22px;width:34px;height:24px;content:"";background:#eb5a4561;transform:rotate(9deg)}.article-divider{height:2px;margin:46px 0 48px;background-image:repeating-linear-gradient(90deg,var(--teal),var(--teal) 10px,transparent 10px,transparent 18px)}.article-body{font-size:1.04rem;line-height:2.15}.writer-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;margin-bottom:34px;padding:22px 24px;background:#fffef8c2;border:1px solid rgba(0,112,111,.2);box-shadow:6px 7px #00706f1a}.writer-card img,.writer-avatar{width:72px;height:72px;border:2px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--yellow)}.writer-card img{object-fit:cover}.writer-avatar{display:grid;place-items:center;color:#fff;font-size:1.5rem;font-weight:900;background:var(--teal)}.writer-card h2,.writer-card p{margin:0}.writer-card h2{margin:3px 0 6px;font-size:1.16rem}.writer-card p:last-child{color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.8}.writer-card .writer-label{color:var(--teal-dark);font-size:.75rem;font-weight:900}.table-of-contents{margin:0 0 46px;padding:24px 28px;background:linear-gradient(90deg,rgba(244,202,78,.18) 1px,transparent 1px),linear-gradient(rgba(244,202,78,.18) 1px,transparent 1px),#fffef8a8;background-size:22px 22px;border:1px solid var(--line)}.toc-title{width:fit-content;margin:0;font-size:1.2rem;font-weight:900;background-image:linear-gradient(transparent 70%,#f4ca4ecc 70%)}.toc-header{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:14px}.toc-toggle{padding:6px 10px;color:var(--teal-dark);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer;background:#fffef8cc;border:1px solid var(--teal);box-shadow:2px 2px 0 var(--yellow)}.toc-toggle:after{display:inline-block;margin-left:7px;content:"⌄";transition:transform .18s ease}.toc-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.table-of-contents ol{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:toc}.table-of-contents li{counter-increment:toc;border-bottom:1px dashed var(--line)}.table-of-contents li:last-child{border-bottom:0}.table-of-contents.is-collapsed .toc-extra{display:none}.table-of-contents a{display:flex;gap:10px;padding:11px 4px;color:var(--teal-dark);font-size:.92rem;font-weight:800;line-height:1.7}.table-of-contents a:before{flex:0 0 auto;content:counter(toc,decimal-leading-zero);color:var(--vermilion);font-family:var(--font-hand)}.table-of-contents .toc-level-3 a{padding-left:24px;color:var(--muted);font-size:.86rem}.article-body>*{opacity:0;transform:translateY(18px)}.article-body>*.is-visible{animation:softRise .56s ease both}.article-body h2{position:relative;margin:54px 0 16px;padding-left:18px;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.5;scroll-margin-top:24px}.article-body h2:before{position:absolute;top:.35em;bottom:.35em;left:0;width:5px;content:"";background:var(--teal)}.article-body h3{margin:38px 0 14px;color:var(--teal-dark);font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.6;scroll-margin-top:24px}.article-body p,.article-body ul,.article-body ol{margin:0 0 22px}.article-body ul,.article-body ol{padding-left:0;list-style:none}.article-body li{padding:9px 12px;border-bottom:1px solid var(--line)}.article-body blockquote{margin:34px 0;padding:20px 24px;background:#f4ca4e29;border-left:5px solid var(--yellow)}.article-body a{color:var(--teal-dark);font-weight:900;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:#00706f47;text-underline-offset:4px}.article-body img{width:auto;max-width:min(100%,760px);height:auto!important;max-height:72vh;margin:34px auto;object-fit:contain;border:1px solid var(--line);box-shadow:var(--shadow)}.article-body figure{max-width:100%;margin:34px 0}.article-body figure img{margin:0 auto}.article-body figcaption{margin-top:10px;color:var(--muted);font-size:.88rem;font-weight:700;line-height:1.7;text-align:center}.article-body table{display:block;width:100%;margin:34px 0 40px;overflow-x:auto;scrollbar-color:rgba(0,112,111,.42) transparent;scrollbar-width:thin;background:#fffef8e0;border:1px solid rgba(0,112,111,.24);border-collapse:separate;border-spacing:0;border-radius:10px;box-shadow:6px 8px #00706f1a}.article-body thead,.article-body tbody{display:table;width:100%;min-width:680px;table-layout:fixed}.article-body th,.article-body td{padding:16px 18px;overflow-wrap:break-word;word-break:normal;line-break:strict;text-align:left;vertical-align:top}.article-body th{color:#fff;font-size:.92rem;font-weight:900;line-height:1.55;letter-spacing:.05em;background:var(--teal-dark);border-right:1px solid rgba(255,255,255,.22)}.article-body th:first-child{width:22%;border-radius:9px 0 0}.article-body th:last-child{border-right:0;border-radius:0 9px 0 0}.article-body td{font-size:.98rem;line-height:1.8;border-right:1px solid rgba(0,112,111,.12);border-bottom:1px solid rgba(0,112,111,.16)}.article-body td:first-child{width:22%;color:var(--teal-dark);font-weight:900;background:#00706f14}.article-body td:last-child{border-right:0}.article-body tbody tr:nth-child(2n) td:not(:first-child){background:#f4ca4e14}.article-body tbody tr:last-child td{border-bottom:0}.article-footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-top:60px;padding:20px 24px;background:#f4ca4e29;border:1px solid rgba(31,27,18,.15)}.article-footer p{margin:0;font-weight:900;background-image:linear-gradient(transparent 72%,#f4ca4ec2 72%)}.article-category-section{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between;margin-top:64px;padding:24px 26px;background:#f4ca4e29;border-top:2px dashed var(--teal);border-bottom:2px dashed var(--teal)}.article-category-section p{margin:0;font-family:var(--font-hand);font-weight:900}.category-button{display:inline-flex;align-items:center;padding:11px 18px;color:#fff;font-size:.9rem;font-weight:900;background:var(--teal);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);transition:transform .18s ease,box-shadow .18s ease}.category-button:after{margin-left:9px;content:"→"}.category-button:hover{box-shadow:2px 2px 0 var(--yellow);transform:translate(2px,2px)}.recommended-section{margin-top:62px}.recommended-section .section-heading{align-items:end}.recommended-section .section-heading h2{margin-top:4px;font-size:clamp(1.5rem,4vw,2.25rem)}.section-kicker{margin:0;color:var(--vermilion);font-family:var(--font-hand);font-size:.88rem;font-weight:900}.static-page{width:min(100%,820px);min-height:70vh;margin:0 auto;padding:72px 0 100px}.static-page-header{padding-bottom:36px;border-bottom:2px dashed var(--teal)}.static-page-header .hand-note{margin-bottom:16px}.static-page-header h1{width:fit-content;margin:0;font-size:clamp(2.4rem,7vw,4.5rem);line-height:1.3;background-image:linear-gradient(transparent 76%,#eb5a4547 76%)}.static-page-header>p:last-child{margin:22px 0 0;color:var(--muted);font-weight:700;line-height:2}.static-page-body{display:grid;gap:38px;padding-top:42px}.about-profile{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:46px;align-items:center;margin-top:46px;padding:34px;background:#fffef8c2;border:1px solid rgba(0,112,111,.24);box-shadow:9px 10px #f4ca4e59}.about-profile-visual{position:relative}.about-profile-visual img{width:100%;aspect-ratio:1;object-fit:cover;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--teal)}.about-profile-visual span{position:absolute;right:-18px;bottom:-16px;padding:7px 12px;color:var(--ink);font-family:var(--font-hand);font-size:.82rem;font-weight:900;background:var(--yellow);border:1px solid var(--ink);transform:rotate(-5deg)}.about-profile-copy h2{width:fit-content;margin:5px 0 18px;font-size:clamp(2rem,6vw,3.5rem);line-height:1.3;background-image:linear-gradient(transparent 72%,#eb5a4547 72%)}.about-profile-lead{margin:0;color:var(--muted);font-weight:700;line-height:2}.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 0}.profile-facts div{padding:13px 14px;background:#f4ca4e21;border-left:4px solid var(--teal)}.profile-facts dt{color:var(--teal-dark);font-size:.72rem;font-weight:900}.profile-facts dd{margin:5px 0 0;font-size:.88rem;font-weight:800;line-height:1.6}.about-detail-section{margin-top:58px}.about-section-heading{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;margin-bottom:22px}.about-section-heading h2{margin:0;font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.4;background-image:linear-gradient(transparent 74%,#00706f38 74%)}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.experience-grid article{position:relative;min-height:190px;padding:24px 20px;overflow:hidden;background:#fffef8c2;border:1px solid var(--line);box-shadow:5px 6px #00706f1a}.experience-grid h3{position:relative;margin:32px 0 10px;color:var(--teal-dark);font-size:1.06rem}.experience-grid p{position:relative;margin:0;color:var(--muted);font-size:.88rem;font-weight:700;line-height:1.8}.experience-number{position:absolute;top:-10px;right:8px;color:#eb5a4529;font-family:var(--font-hand);font-size:4.8rem;font-weight:900;line-height:1}.project-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.project-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:17px 20px;background:#f4ca4e21;border:1px solid var(--line);border-left:5px solid var(--teal)}.project-list span{color:var(--vermilion);font-family:var(--font-hand);font-weight:900}.project-list strong{font-size:1rem;line-height:1.7}.static-page-body section{padding:26px 28px;background:#fffef8b3;border:1px solid var(--line)}.static-page-body h2{margin:0 0 14px;color:var(--teal-dark);font-size:1.35rem}.static-page-body p{margin:0;color:var(--muted);font-weight:700;line-height:2}.empty-state{display:grid;min-height:62vh;place-items:center;text-align:center}.empty-state h1{font-size:clamp(2rem,6vw,4rem)}.empty-state p{color:var(--muted)}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:end;margin-top:24px;padding:42px 0 32px;color:var(--muted);font-size:.82rem;border-top:2px dashed rgba(0,112,111,.38)}.site-footer-intro{max-width:500px}.site-footer-intro p{margin:18px 0 0;font-weight:700;line-height:1.8}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-end;font-weight:900}.footer-nav a{padding-bottom:3px;border-bottom:2px solid rgba(0,112,111,.3)}.footer-nav a:hover{color:var(--teal-dark);border-color:var(--teal)}.copyright{grid-column:1 / -1;padding-top:18px;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(18px)}.reveal.is-visible{animation:softRise .62s ease both}@keyframes softRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes paperIn{0%{opacity:0;transform:translateY(24px) rotate(1.4deg)}70%{opacity:1;transform:translateY(-3px) rotate(-.35deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes underlineSweep{0%{background-size:0% 100%}to{background-size:100% 100%}}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes arrowDrift{0%,to{opacity:.78}50%{opacity:1;translate:4px 0}}@keyframes stickyFloat{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-3deg) translateY(-2px)}}@media(max-width:860px){main,.site-header,.site-footer{width:min(calc(100% - 24px),1180px)}body{background:radial-gradient(circle at 8% 14%,rgba(235,90,69,.08),transparent 18rem),repeating-linear-gradient(0deg,var(--paper),var(--paper) 31px,var(--rule) 32px),var(--paper)}.site-header{gap:18px;align-items:flex-start;flex-wrap:wrap;padding-top:20px}.brand{font-size:.95rem}.site-nav{flex-basis:100%;gap:14px;padding-left:48px}.hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding:38px 0 58px 30px}.hero h1{font-size:clamp(2.8rem,18vw,4.35rem)}.hero h1 .title-line span{display:block}.hero-actions{align-items:flex-start;flex-direction:column}.scribble-label:before{display:none}.hero-visual{min-height:280px}.notebook-doodle{width:100%;max-width:348px;aspect-ratio:1 / .78;margin:0;background-size:24px 24px}.doodle-circle{width:68px;height:68px;font-size:.88rem}.circle-a{top:28px;left:42px}.circle-b{top:28px;right:38px}.circle-c{bottom:34px;left:58px}.circle-d{right:52px;bottom:34px}.doodle-arrow{width:62px}.arrow-a{top:62px;left:125px}.arrow-b{top:112px;right:40px;transform:rotate(90deg)}.arrow-c{bottom:68px;left:142px;transform:rotate(180deg)}.arrow-d{top:118px;left:60px;transform:rotate(-90deg)}.margin-note{display:none}.post-card a,.compact .post-card a{grid-template-columns:1fr}.post-sketch{min-height:130px;border-right:0;border-bottom:1px solid var(--line)}.note-band{grid-template-columns:1fr}.list-hero{align-items:flex-start}.book-doodle{display:none}.category-tabs a{padding:12px 16px}.category-tabs a[href*=project-management]{flex-basis:100%;text-align:center}.article-header{padding-right:0}.sticky-note{position:relative;top:auto;right:auto;width:min(100%,320px);min-height:118px;margin-top:28px;padding:18px 22px}.article-footer,.site-footer{align-items:flex-start;flex-direction:column}.writer-card{grid-template-columns:1fr}.writer-card img,.writer-avatar{width:60px;height:60px}.table-of-contents{padding:20px}.about-profile{grid-template-columns:1fr;gap:32px;padding:24px}.about-profile-visual{width:min(100%,280px)}.profile-facts,.experience-grid{grid-template-columns:1fr}.experience-grid article{min-height:150px}.article-category-section{align-items:flex-start;flex-direction:column}.recommended-section .section-heading{align-items:flex-start}.site-footer{display:grid;grid-template-columns:1fr}.footer-nav{display:grid;justify-content:start}.copyright{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-dot{display:none}}