:root{color-scheme:light;color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#ece9e1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#ece9e1;min-width:320px}body{background:radial-gradient(circle at 15% 10%,#ffffffbf,#0000 24rem),linear-gradient(135deg,#f1eee7,#e4e0d7);min-height:100vh;margin:0}button,a{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #315f9d}.skip-link{z-index:100;color:#fff;background:#202124;border-radius:4px;padding:.7rem .9rem;transition:transform .12s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}::selection{color:#111;background:#f3d25885}:root{--paper:#fffef9;--paper-edge:#e8e1d2;--ink:#202124;--muted-ink:#66645f;--blue-ink:#315f9d;--rule:#4e84c640;--margin-rule:#c943437a;--line-step:32px;--turn-duration:.85s}.book-stage{perspective:5000px;isolation:isolate;grid-template-columns:minmax(0,1fr);width:min(100% - 2rem,980px);margin:clamp(1rem,4vw,3.5rem) auto;display:grid;position:relative}.book-stage.has-left-page{grid-template-columns:minmax(0,1fr)}.previous-page-slot{min-width:0;display:none}.has-left-page .previous-page-slot{z-index:0;pointer-events:none;width:100%;display:block;position:absolute;inset:0 auto 0 -100%}.previous-page-slot .notebook-page{border-radius:5px 1px 1px 5px;width:100%;height:100%;transform:none;box-shadow:inset 0 1px #fff,-12px 18px 38px #1b181224}.has-left-page>[data-active-page]{z-index:1;position:relative}.notebook-page{min-height:min(780px,100vh - 4rem);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 70px, var(--margin-rule) 70px 71px, transparent 71px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);border:1px solid var(--paper-edge);background-position:0 0,0 34px;border-radius:2px 5px 5px 2px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 18px 45px #1b181229,-4px 0 #ffffff8c}.notebook-page:before{content:"";z-index:2;pointer-events:none;filter:drop-shadow(1px 1px #ffffffe6);background:radial-gradient(circle,#d9d5cb 0 4px,#b6b1a8 4.5px 5px,#0000 5.5px) 50% 34px/18px 64px repeat-y;width:18px;position:absolute;inset:0 auto 0 19px}.notebook-page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3a301e09);width:10px;position:absolute;inset:0 0 0 auto}.notebook-content{padding:42px 46px 64px 92px}.notebook-kicker{min-height:var(--line-step);color:var(--blue-ink);letter-spacing:.13em;font-size:.76rem;font-weight:750;line-height:var(--line-step);text-transform:uppercase;margin:0}.notebook-heading{letter-spacing:-.045em;max-width:720px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,4rem);font-weight:500;line-height:calc(var(--line-step) * 2);margin:0}.notebook-intro{max-width:670px;margin:var(--line-step) 0;color:var(--muted-ink);font-size:clamp(1rem,1.8vw,1.18rem);line-height:var(--line-step)}.margin-note{color:#a34040;letter-spacing:.02em;transform-origin:0 0;width:310px;margin:0;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:.76rem;position:absolute;top:192px;left:33px;transform:rotate(-90deg)translate(-100%)}.project-index{border-top:0}.notebook-nav{margin-top:var(--line-step);flex-wrap:wrap;gap:8px 22px;display:flex}.notebook-nav a{color:var(--muted-ink);font-size:.82rem;line-height:var(--line-step);text-underline-offset:4px}.notebook-nav a:hover{color:var(--blue-ink)}.project-line{min-height:64px;color:inherit;border-bottom:0;grid-template-columns:44px minmax(180px,1.25fr) minmax(160px,.8fr) auto;align-items:end;gap:1rem;text-decoration:none;transition:background-color .15s,color .15s,padding .15s;display:grid}.project-line:hover{color:#173d70;background:#4e84c617;padding-inline:8px}.project-line strong{font-size:1.02rem;font-weight:720;line-height:var(--line-step)}.project-number,.project-kind,.turn-prompt,.page-number{color:var(--muted-ink);letter-spacing:.035em;font-size:.76rem}.project-kind,.project-number,.turn-prompt{line-height:var(--line-step)}.turn-prompt{opacity:0;white-space:nowrap;transition:opacity .15s,transform .15s;transform:translate(-6px)}.project-line:hover .turn-prompt,.project-line:focus-visible .turn-prompt{opacity:1;transform:translate(0)}.is-development{color:#a73f3f;font-family:Bradley Hand,Segoe Print,cursive;font-size:.88rem;transform:rotate(-2deg)}.page-number{font-family:Georgia,Times New Roman,serif;position:absolute;bottom:17px;right:28px}.page-turn-layer{z-index:10;pointer-events:none;perspective:5000px;transform-style:preserve-3d;position:absolute;inset:0}.turning-sheet{transform-origin:0;transform-style:preserve-3d;animation:turn-page var(--turn-duration) cubic-bezier(.58, .03, .32, 1) both;position:absolute;inset:0}.turning-sheet.is-back{animation-name:turn-page-back}.turn-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.turn-front{background:var(--paper)}.turn-back{background-color:var(--paper);background-image:linear-gradient(90deg, transparent 70px, var(--margin-rule) 70px 71px, transparent 71px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);background-position:0 0,0 34px;transform:rotateY(180deg);box-shadow:inset -34px 0 38px #0000001f}.turning-sheet:after{content:"";background:linear-gradient(90deg,#0000,#0000002e);width:18%;position:absolute;inset:0 0 0 auto;transform:translateZ(1px)}@keyframes turn-page{0%{transform:rotateY(0)}12%{transform:rotateY(-7deg)}to{transform:rotateY(-180deg)}}@keyframes turn-page-back{0%{transform:rotateY(-180deg)}88%{transform:rotateY(-7deg)}to{transform:rotateY(0)}}.index-footer{min-height:calc(var(--line-step) * 2);margin-top:var(--line-step);color:var(--muted-ink);font-size:.8rem;line-height:var(--line-step);justify-content:space-between;align-items:center;gap:1rem;display:flex}.index-footer a{color:inherit;text-underline-offset:4px}.project-detail{flex-direction:column;min-height:640px;display:flex}.page-meta{min-height:var(--line-step);color:var(--blue-ink);letter-spacing:.11em;font-size:.75rem;font-weight:750;line-height:var(--line-step);text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0;display:flex}.detail-title{letter-spacing:-.055em;max-width:760px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:500;line-height:calc(var(--line-step) * 3);margin:0}.detail-summary{max-width:720px;margin:var(--line-step) 0;color:var(--muted-ink);font-size:clamp(1.05rem,2vw,1.3rem);line-height:var(--line-step)}.detail-grid{gap:var(--line-step) 46px;padding-top:calc(var(--line-step) - 1px);border-top:1px solid #20212433;grid-template-columns:1fr 1fr;display:grid}.detail-grid section{min-width:0}.detail-grid h2{min-height:var(--line-step);color:var(--blue-ink);letter-spacing:.1em;font-size:.76rem;line-height:var(--line-step);text-transform:uppercase;margin:0}.detail-grid p{color:#383934;line-height:var(--line-step);margin:0}.stack-section{grid-column:1/-1}.stack-section ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stack-section li{color:#41423e;background:#ffffff73;border:1px solid #315f9d3b;border-radius:999px;padding:6px 10px;font-size:.78rem}.detail-actions{min-height:calc(var(--line-step) * 2);padding-top:var(--line-step);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex}.detail-actions a{text-underline-offset:4px}.text-link{color:var(--muted-ink)}.project-cta{min-height:44px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:3px;align-items:center;padding:10px 15px;font-size:.84rem;font-weight:720;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.project-cta:hover{color:var(--ink);background:0 0}.private-label{color:var(--muted-ink);font-size:.84rem}.auxiliary-page{flex-direction:column;min-height:640px;display:flex}.auxiliary-title{letter-spacing:-.055em;max-width:740px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:500;line-height:calc(var(--line-step) * 3);margin:0}.auxiliary-intro{max-width:760px;margin:var(--line-step) 0;color:var(--muted-ink);font-size:clamp(1.05rem,2vw,1.28rem);line-height:var(--line-step)}.auxiliary-content{max-width:760px;padding-top:calc(var(--line-step) - 1px);border-top:1px solid #20212433}.auxiliary-content h2{min-height:var(--line-step);color:var(--blue-ink);letter-spacing:.1em;font-size:.78rem;line-height:var(--line-step);text-transform:uppercase;margin:0}.auxiliary-content p{line-height:var(--line-step);margin:0}.auxiliary-back{width:fit-content;padding-top:var(--line-step);text-underline-offset:4px;margin-top:auto}.method-list{counter-reset:method;grid-template-columns:1fr 1fr;gap:24px 40px;margin:0;padding:0;list-style:none;display:grid}.method-list li{color:#3a3b37;line-height:var(--line-step);counter-increment:method;padding-left:34px;position:relative}.method-list li:before{content:"0" counter(method);color:#a34040;font-family:Bradley Hand,Segoe Print,cursive;position:absolute;top:1px;left:0}.archive-list{margin:0;padding:0;list-style:none}.archive-list a,.contact-list a{color:inherit;border-bottom:1px solid #2021242e;justify-content:space-between;align-items:center;gap:1rem;padding:16px 0;text-decoration:none;display:flex}.archive-list a:hover,.contact-list a:hover{color:var(--blue-ink)}.archive-list span,.contact-list span,.empty-note{color:var(--muted-ink)}.empty-note{font-family:Bradley Hand,Segoe Print,cursive;font-size:1.02rem;transform:rotate(-1deg)}.contact-list{max-width:620px}@media (width<=720px){.book-stage{width:min(100% - .75rem,980px);margin:.5rem auto}.notebook-page{background-image:linear-gradient(90deg, transparent 58px, var(--margin-rule) 58px 59px, transparent 59px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px);background-position:0 0,0 34px;min-height:calc(100vh - 1rem)}.notebook-page:before{left:11px}.notebook-content{padding:42px 18px 64px 74px}.notebook-heading{font-size:clamp(2.25rem,12vw,3.5rem)}.notebook-intro{margin-block:var(--line-step);line-height:var(--line-step)}.margin-note{top:174px;left:24px}.project-line{min-height:calc(var(--line-step) * 2);grid-template-columns:30px minmax(0,1fr) auto;gap:.45rem}.project-line:hover{padding-inline:4px}.project-kind{display:none}.turn-prompt{opacity:1;font-size:0;transform:none}.turn-prompt:after{content:"→";font-size:.88rem}.index-footer{flex-direction:column;align-items:flex-start}.project-detail{min-height:calc(100vh - 90px)}.page-meta{flex-direction:column;align-items:flex-start;gap:0}.detail-title{font-size:clamp(2.7rem,17vw,4.7rem)}.detail-summary{margin-block:var(--line-step)}.detail-grid{gap:var(--line-step);grid-template-columns:1fr}.stack-section{grid-column:auto}.detail-actions{padding-top:var(--line-step);flex-direction:column-reverse;align-items:flex-start}.auxiliary-page{min-height:calc(100vh - 90px)}.auxiliary-title{font-size:clamp(3rem,17vw,4.8rem)}.auxiliary-intro{margin-block:var(--line-step)}.method-list{gap:var(--line-step);grid-template-columns:1fr}.archive-list a,.contact-list a{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.turning-sheet{animation-duration:1ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}