@import url('/assets/fonts/fonts.css');
:root{--paper:#faf9f6;--ink:#30312f;--muted:#81837d;--line:#dedfd8;--orange:#b44214;--blue:#c6e0f9;--soft:#eeeee9;--card:#fff;--hand:'Caveat',cursive;--font:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--font);overflow-x:clip}body.dark{--paper:#21231f;--ink:#eeeee6;--muted:#a7ada0;--line:#45493d;--orange:#f17d4d;--blue:#365671;--soft:#2d3128;--card:#30352b}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:hover,button:hover,summary:hover{cursor:url('/assets/cursor.png') 10 2,pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6f9ecc;outline-offset:6px}::selection{background:#beddf7;color:#242424}img{display:block;max-width:100%}.hand{font-family:var(--hand);font-weight:500;line-height:1.15}.nav-shell{height:95px;position:sticky;top:0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;z-index:90;background:color-mix(in srgb,var(--paper) 83%,transparent);backdrop-filter:blur(18px)}.signature{font-family:var(--hand);font-size:47px;font-weight:700;letter-spacing:-8px;display:inline-block;line-height:1;transform:rotate(-9deg);position:relative;width:55px}.signature span{font-family:serif;font-size:15px;letter-spacing:0;position:absolute;right:0;top:-2px;color:var(--orange)}.nav-shell nav{display:flex;align-items:center;gap:13px}.nav-shell nav>a{border:1.5px solid #b8bbb3;padding:3px 17px;border-radius:47% 53% 49% 51% / 48% 48% 52% 52%;font:600 20px/1.35 var(--hand);transition:transform .2s,background .2s}.nav-shell nav>a:hover{transform:rotate(-4deg);background:var(--blue)}.nav-shell nav>a.nav-ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}.theme-button{font-size:22px;padding:6px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--orange);width:100%;transform:scaleX(0);transform-origin:left;z-index:99}.intro{max-width:1380px;margin:0 auto;position:relative;padding:60px 38px 0}.hero-copy{max-width:1000px;margin:0 auto;position:relative}.hello{font-size:24px;margin:0 0 8px -37px;transform:rotate(-8deg);width:max-content;color:var(--muted)}.hello span{display:inline-block;font-size:34px;transform:rotate(-20deg);margin-left:4px}.hero-copy h1{font-size:clamp(37px,4.5vw,66px);line-height:1.23;font-weight:800;letter-spacing:-.057em;margin:10px 0 0}.engineering{position:relative;white-space:nowrap;cursor:help}.engineering:after{content:'';height:2px;position:absolute;bottom:1px;left:0;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.engineering:hover:after,.engineering:focus:after{transform:scaleX(1)}.word-note{position:absolute;top:-35px;left:35px;font:400 15px/1.3 monospace;background:var(--blue);color:var(--ink);padding:7px 12px;border-radius:5px;transform:translateY(8px) rotate(-4deg);opacity:0;pointer-events:none;transition:.2s;letter-spacing:-.03em}.engineering:hover .word-note,.engineering:focus .word-note{opacity:1;transform:translateY(0) rotate(-4deg)}.product-word{background:var(--blue);padding:0 7px;display:inline-block;transform:rotate(-1.2deg);transition:transform .3s}.product-word:hover{transform:rotate(1.5deg) scale(1.03)}.sense{font:inherit;letter-spacing:inherit;font-weight:800;line-height:1.13;padding:0 22px 8px;background:var(--orange);color:#fff;border-radius:49% 48% 46% 52% / 35% 48% 42% 41%;transform:rotate(-1deg);position:relative;white-space:nowrap;transition:transform .3s}.sense:hover{transform:rotate(2deg) scale(1.045)}.eyes{display:inline-block;font-family:Arial,sans-serif;font-size:23px;letter-spacing:-6px;position:absolute;right:-41px;top:25%;color:var(--orange);background:var(--paper);border-radius:30px;padding:3px 7px 4px 1px;transform:rotate(4deg)}.hero-side{text-align:left;color:var(--muted);font-size:22px;margin:21px 0 0 auto;width:300px;transform:rotate(5deg)}.hero-desk{height:383px;position:relative;max-width:1100px;margin:3px auto 0}.avatar-wrap{position:absolute;left:calc(50% - 138px);top:8px;width:276px;height:375px}.avatar-button{padding:0;width:252px;height:344px;transition:transform .35s;position:relative;z-index:3;transform:rotate(-3deg)}.avatar-button img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 13px 12px #23232316)}.avatar-button:hover{transform:rotate(4deg) translateY(-8px)}.avatar-button.bounce{animation:avatar-pop .55s}.avatar-bubble{position:absolute;left:145px;top:48px;background:#428ccd;color:white;padding:6px 13px;border-radius:8px 8px 8px 1px;white-space:nowrap;font-size:12px;box-shadow:0 3px 0 #286391;z-index:5;transform:rotate(5deg);transition:transform .2s}.avatar-hint{position:absolute;left:120px;bottom:14px;width:220px;font-size:21px;color:var(--muted);transform:rotate(-4deg)}.doodle{filter:invert(1);mix-blend-mode:multiply}.dark .doodle{filter:none;mix-blend-mode:screen}.rays{position:absolute;left:4px;top:0;width:63px;opacity:.55;transform:rotate(-28deg)}.sticker{position:absolute;display:block;padding:0;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--rot,0deg));transition:filter .2s,transform .35s cubic-bezier(.22,1.5,.55,1);user-select:none;touch-action:none;z-index:7}.sticker:hover{filter:drop-shadow(0 9px 5px #0002)}.draggable{cursor:grab!important}.draggable.dragging{cursor:grabbing!important;z-index:15;transition:none!important}.sticker img{pointer-events:none;max-width:none}.d-patch{left:20px;top:37px;width:86px;height:112px;overflow:visible;--rot:-15deg}.d-patch img{width:142px;position:absolute;left:-20px;top:-53px}.lucky{right:39px;top:15px;width:90px;height:90px;--rot:12deg}.lucky img{width:220px;position:absolute;left:-65px;top:-65px}.thinker{right:95px;top:186px;width:127px;height:141px;--rot:8deg}.thinker img{width:197px;position:absolute;left:-27px;top:-91px}.thinker span{position:absolute;right:-28px;top:-38px;font-size:23px;white-space:nowrap;transform:rotate(8deg)}.drag-hint{position:absolute;left:7px;top:162px;width:150px;font-size:20px;color:var(--muted);transform:rotate(-8deg)}.note-sticker{position:absolute;left:178px;top:130px;width:150px;height:185px;--rot:-9deg;transform:translate(var(--x,0px),var(--y,0px)) rotate(var(--rot));transition:transform .35s cubic-bezier(.22,1.5,.55,1);touch-action:none;z-index:6;user-select:none}.note-sticker>img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 7px 4px #0001);pointer-events:none}.note-writing{position:absolute;inset:37px 8px 8px;text-align:center;color:#6c4b16;font-size:16px;pointer-events:none}.note-writing strong{display:block;font-size:22px;font-weight:700;margin:8px 0}.note-writing span{font-size:15px}.reset-desk{position:absolute;right:1px;bottom:3px;color:var(--muted);font-size:19px;z-index:10}.here-how{display:flex;align-items:center;flex-direction:column;width:max-content;max-width:100%;margin:10px auto 0;text-align:center}.here-how>.hand{font-size:22px;color:var(--muted)}.here-how strong{font-size:49px;font-weight:800;letter-spacing:-.06em;line-height:1.5}.here-how em,.big-heading em{font-style:normal;position:relative;white-space:nowrap}.here-how em:after,.big-heading em:after{content:'';height:6px;border-radius:80% 30% 60% 50%;width:105%;position:absolute;bottom:-2px;left:-2%;background:var(--orange);transform:rotate(1deg)}.scroll-line{height:53px;width:1px;background:var(--line);margin-top:19px}.content-width{max-width:1140px;padding-left:35px;padding-right:35px;margin:auto}.work-section{padding-top:43px}.section-kicker{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:53px}.work-row{display:grid;grid-template-columns:1fr 1.17fr;gap:70px;align-items:center;margin-bottom:106px}.work-row.reverse{grid-template-columns:1.17fr 1fr}.work-row.reverse .work-copy{order:2}.work-row.reverse .project-art{order:1}.work-index{font-size:22px;color:var(--muted);display:block;margin-bottom:14px}.work-copy h2{font-size:33px;line-height:1.23;letter-spacing:-.055em;font-weight:800;margin:0 0 14px}.work-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:420px}.work-tags{font-size:12px;line-height:1.7;color:var(--muted);margin-top:22px}.work-tags span{padding:0 6px}.text-link{font-size:14px;display:inline-flex;gap:13px;align-items:center;margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:4px}.link-dot{border:1px solid var(--muted);border-radius:50%;width:20px;height:20px;line-height:17px;text-align:center;transition:transform .3s}.text-link:hover .link-dot{transform:rotate(90deg)}.project-art{border-radius:28px;padding:19px 19px 16px;background:var(--project-bg);color:#30312f;border:3px solid #fff;box-shadow:0 7px 0 #e7e7e3,0 18px 32px #25282412;transform:perspective(1000px) rotate(var(--rotation)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative}.project-art:hover{box-shadow:0 10px 0 #e0e1dc,0 30px 45px #2528241f}.art-top{display:flex;justify-content:space-between;align-items:center;padding:0 3px 14px}.art-top>span:first-child{font-weight:800;font-size:20px;letter-spacing:-.06em}.art-top>span:last-child{font:600 10px/1.2 var(--font);letter-spacing:.1em;border:1px solid #30312f3d;padding:5px 8px;border-radius:20px}.art-window{aspect-ratio:1.65;background:#fff;border:1px solid #0001;border-radius:12px;overflow:hidden;box-shadow:0 6px 14px #2222}.art-window img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s}.project-art:hover .art-window img{transform:scale(1.04)}.portrait-art img{object-fit:contain;background:#fff}.art-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 3px 0;font-family:var(--hand);font-size:19px}.view-stamp{font-size:14px;white-space:nowrap;border-bottom:1px solid #30312f77;transform:rotate(-5deg)}.work-row:nth-of-type(6) .project-art{color:#f5f4eb}.work-row:nth-of-type(6) .art-top>span:last-child{border-color:#eee5}.work-disclaimer{font-size:12px;color:var(--muted);margin:0;border-bottom:1px solid var(--line);padding-bottom:45px}.thinking-section{padding-top:120px;padding-bottom:80px}.overline{font-size:23px;color:var(--muted);margin:0 0 21px;transform:rotate(-3deg);width:max-content;max-width:100%}.big-heading{font-size:clamp(35px,4.8vw,59px);font-weight:800;line-height:1.16;letter-spacing:-.06em;margin:0 0 40px}.thinking-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.thinking-copy>p{color:var(--muted);font-size:16px;line-height:1.9}.thinking-copy .big-paragraph{font-size:23px;color:var(--ink);font-weight:650;line-height:1.4}.thinking-copy>.hand{font-size:21px;display:block;margin-top:8px;transform:rotate(-3deg);color:var(--muted)}.brain-switch{display:flex;gap:7px;margin-top:28px}.brain-switch button{border:1px solid var(--line);padding:7px 15px;border-radius:7px;font-size:13px;transition:.2s}.brain-switch button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);transform:rotate(-2deg)}.brain-content{min-height:93px;padding:15px 0;border-bottom:1px dashed var(--line)}.process-board{position:relative;height:415px;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:19px 19px;border-radius:20px;display:flex;flex-direction:column;align-items:center}.board-title{font-size:21px;align-self:start;transform:rotate(-6deg);margin-top:5px;color:var(--muted)}.process-note{position:absolute;width:170px;padding:12px 18px 16px;text-align:left;box-shadow:2px 8px 13px #00000010;border:1px solid #0001;transition:transform .3s;color:#383725}.process-note span{font:19px var(--hand);opacity:.5}.process-note strong{display:block;font:700 29px/1.1 var(--hand)}.process-note small{font:18px/1.2 var(--hand);display:block;margin-top:5px}.p1{background:#f6e799;left:9%;top:50px;transform:rotate(-10deg)}.p2{background:#d7e8f6;right:0;top:125px;transform:rotate(8deg)}.p3{background:#dfebc4;left:16%;top:205px;transform:rotate(-3deg)}.process-note[aria-pressed=true]{outline:2px solid var(--orange);outline-offset:5px;z-index:2}.process-note:hover{transform:rotate(0) translateY(-5px);z-index:3}.process-board>p{position:absolute;bottom:-7px;margin:0;font-size:14px;line-height:1.6;left:14px;right:14px;color:var(--muted);max-width:380px}.board-pin{position:absolute;right:74px;top:80px;height:66px;width:35px;object-fit:contain;transform:rotate(19deg);pointer-events:none;z-index:4}.board-caption{position:absolute;right:0;top:316px;font-size:19px;color:var(--muted);transform:rotate(5deg)}.toolkit-section{padding-top:70px;padding-bottom:100px}.section-title-row{display:flex;justify-content:space-between;position:relative}.tool-clover{position:absolute;right:-15px;top:-45px;width:220px;transform:rotate(12deg);pointer-events:none}.toolkit{border-top:1px solid var(--line)}.toolkit details{border-bottom:1px solid var(--line);padding:22px 0}.toolkit summary{display:flex;align-items:center;gap:20px;font-size:23px;letter-spacing:-.035em;cursor:pointer;list-style:none}.toolkit summary::-webkit-details-marker{display:none}.tool-no{font:23px var(--hand);color:var(--muted);margin-right:10px}.detail-symbol{margin-left:auto;font-weight:400;transition:transform .2s}.toolkit details[open] .detail-symbol{transform:rotate(45deg)}.skill-chips{display:flex;flex-wrap:wrap;gap:11px;padding:24px 0 6px 66px;animation:enter .3s}.skill-chips span{padding:5px 13px;background:var(--soft);border-radius:5px;font-size:14px;transition:transform .2s}.skill-chips span:hover{transform:rotate(-5deg);background:var(--blue)}.human-section{display:grid;grid-template-columns:1fr 1.35fr;gap:55px;align-items:center;padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.human-title>p:not(.overline){font-size:15px;color:var(--muted)}.moodboard{height:370px;position:relative}.mood-photo{position:absolute;background:var(--card);padding:10px 10px 14px;box-shadow:0 12px 24px #0001,0 2px 5px #0001;border:1px solid var(--line);transition:transform .3s}.mood-photo:hover{transform:rotate(0) translateY(-12px);z-index:4}.mood-photo .hand{display:block;margin-top:10px;font-size:20px}.sky-photo{width:320px;left:-5px;top:35px;transform:rotate(-9deg)}.sky-photo img{height:180px;width:100%;object-fit:cover}.pixel-photo{width:165px;right:-5px;top:125px;transform:rotate(9deg)}.pixel-photo img{height:190px;width:100%;object-fit:contain;background:#e8e6e0}.pixel-photo .hand{font-size:17px}.mood-pin{position:absolute;top:9px;left:145px;width:22px;height:58px;object-fit:contain;z-index:5;transform:rotate(20deg);pointer-events:none}.mood-label{position:absolute;left:4px;bottom:-20px;font-size:20px;color:var(--muted);transform:rotate(-4deg)}.journey-section{padding-top:105px;padding-bottom:65px}.journey-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;margin-top:60px}.journey-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line);font-weight:500;margin:0 0 25px}.journey-item{padding-bottom:30px;margin-bottom:26px;border-bottom:1px solid var(--line)}.timeline-top{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.timeline-top .hand{font-size:23px}.journey-item h3{font-size:26px;line-height:1.3;font-weight:800;letter-spacing:-.05em;margin:12px 0 4px}.journey-item h4{font-size:14px;font-weight:500;margin:0 0 12px}.journey-item p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.journey-note{font-size:36px;line-height:1.2;transform:rotate(-7deg);margin:35px 0 0 65px;color:var(--muted)}.contact-section{position:relative;text-align:center;padding:100px 25px 0;max-width:1200px;margin:auto;overflow:hidden}.contact-section>.hand{font-size:22px;color:var(--muted)}.contact-section h2{font-size:clamp(37px,5.4vw,67px);line-height:1.13;letter-spacing:-.06em;font-weight:800;margin:25px 0 37px}.contact-section h2 em{font-style:normal;color:var(--orange)}.email-wrap{display:inline-flex;gap:12px;align-items:center;max-width:100%;flex-wrap:wrap;justify-content:center}.email-wrap>a{font-size:20px;letter-spacing:-.02em;border-bottom:1px solid var(--muted)}.copy-email{font-size:12px;background:var(--soft);padding:4px 9px;border-radius:4px}.contact-social{display:flex;justify-content:center;gap:25px;margin-top:20px}.contact-social button{font-size:14px;padding:0}.contact-social small{font-family:var(--hand);font-size:16px;color:var(--muted)}.contact-avatar{height:240px;margin:35px auto -8px;transform:rotate(7deg);transition:transform .4s;object-fit:contain}.contact-avatar:hover{transform:rotate(-7deg)}.contact-doodle{position:absolute;width:62px;left:16%;top:112px;opacity:.6;transform:rotate(10deg)}.contact-section .goodbye{font-size:22px;margin:0 0 42px;transform:rotate(-5deg)}.footer{max-width:1200px;margin:0 auto;padding:32px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer .signature{font-size:37px;color:var(--ink)}.lightbox{border:1px solid var(--line);border-radius:16px;padding:35px;background:var(--paper);color:var(--ink);max-width:90vw;max-height:90vh;box-shadow:0 20px 100px #0004}.lightbox::backdrop{background:#222a;backdrop-filter:blur(9px)}.lightbox img{max-height:65vh;max-width:75vw;object-fit:contain;margin:auto}.lightbox .hand{text-align:center;font-size:25px;margin:20px 0 0}.lightbox-close{position:absolute;right:8px;top:2px;font-size:29px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:var(--paper);border-radius:7px;padding:11px 18px;font-size:14px;z-index:110;box-shadow:0 6px 22px #0002}.confetti{position:fixed;pointer-events:none;z-index:105;width:8px;height:15px;animation:confetti-fly .85s ease-out forwards}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-pop{30%{transform:translateY(-20px) rotate(7deg)}65%{transform:translateY(0) rotate(-7deg)}}@keyframes confetti-fly{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}
/* Case-study reading experience. The narrative is unchanged. */
.case-main{max-width:1020px;padding:50px 40px 0;margin:auto}.case-back{font:23px var(--hand);color:var(--muted);display:inline-block;margin-bottom:30px}.case-back:hover{color:var(--orange)}.case-heading h1{font-size:clamp(36px,4.8vw,61px);line-height:1.16;letter-spacing:-.06em;margin:22px 0;font-weight:800}.lead{font-size:20px;line-height:1.8;color:var(--muted);max-width:780px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;background:var(--soft);padding:4px 10px;border-radius:5px}.case-visual{display:block;margin:40px 0;border:5px solid var(--card);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0001;transform:rotate(-1deg);background:var(--soft)}.case-visual img{width:100%;max-height:530px;object-fit:contain}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 60px}.case-meta dt,.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.11em}.case-meta dd{font-size:14px;margin:7px 0 0}.case-section{margin-bottom:65px}.case-section h2,.case-main>.section h2{font-size:29px;line-height:1.3;letter-spacing:-.04em}.case-section>p,.case-section li{font-size:17px;line-height:1.9;color:var(--muted)}.case-section li{margin-bottom:15px;padding-left:4px}.case-section ul{padding-left:24px}.case-callout{font:600 29px/1.5 var(--hand);background:var(--blue);padding:23px 30px;transform:rotate(-1deg);margin-top:30px;box-shadow:2px 5px 0 #00000005}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.metric{padding:22px 18px;background:var(--soft);border-radius:8px}.metric b{font-size:30px;font-weight:800;letter-spacing:-.05em;display:block}.metric span{font-size:12px;color:var(--muted);line-height:1.5;display:block;margin-top:6px}.deck-link{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;font-size:14px;padding:11px 19px;transition:transform .2s;background:var(--card)}.btn:hover{transform:translateY(-3px) rotate(-1deg)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pdf-frame{width:100%;height:680px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.case-section .source-note{font-size:13px}.case-main .footer{padding-left:0;padding-right:0;margin-top:50px}.case-main>.section{border-top:1px solid var(--line);padding-top:30px}
@media(min-width:1600px){.intro{padding-top:80px}.hero-copy h1{font-size:73px}.hero-copy{max-width:1110px}.hero-desk{height:410px}}@media(max-width:1100px){.hero-copy h1{font-size:52px}.hero-copy{max-width:835px}.hello{margin-left:0}.hero-desk{max-width:900px}.note-sticker{left:105px;top:150px;width:132px;height:163px}.thinker{right:30px}.lucky{right:14px}.work-row,.work-row.reverse{gap:40px}.work-copy h2{font-size:29px}.thinking-grid{gap:45px}.process-note{width:155px}.sky-photo{width:265px}.pixel-photo{right:-12px}.journey-grid{gap:55px}.content-width{padding-left:40px;padding-right:40px}}
@media(max-width:760px){html{scroll-padding-top:90px}.nav-shell{height:78px;padding:0 22px}.signature{font-size:40px;width:45px}.nav-shell nav{gap:7px}.nav-shell nav>a{font-size:17px;padding:3px 11px}.nav-shell .extra-nav{display:none}.theme-button{font-size:20px;padding:4px}.intro{padding:43px 25px 0}.hero-copy h1{font-size:clamp(35px,6vw,47px);letter-spacing:-.055em;line-height:1.26}.desktop-break{display:none}.hello{font-size:22px;margin:0 0 15px}.hero-side{font-size:20px;width:225px;margin-top:19px}.sense{padding:1px 12px 6px}.eyes{font-size:16px;right:-28px;letter-spacing:-4px}.hero-desk{height:365px;margin-top:20px}.avatar-wrap{left:calc(50% - 110px);top:13px;width:220px;height:335px}.avatar-button{width:220px;height:310px}.avatar-bubble{left:102px;top:50px;font-size:10px;padding:5px 8px;max-width:190px;white-space:normal}.avatar-hint{font-size:18px;left:79px;bottom:-4px;width:165px}.rays{width:44px;left:0;top:0}.note-sticker{left:-9px;top:220px;width:112px;height:140px;--rot:-12deg}.note-writing{inset:27px 3px 5px;font-size:12px}.note-writing strong{font-size:17px;margin:6px 0}.note-writing span{font-size:12px}.d-patch{left:2px;top:14px;scale:.7;transform-origin:top left}.drag-hint{font-size:17px;left:-2px;top:115px;width:110px}.lucky{right:-22px;top:0;scale:.65}.thinker{right:-19px;top:239px;scale:.7;transform-origin:top right}.thinker span{right:-3px}.reset-desk{font-size:17px;right:-5px;bottom:-29px}.here-how{margin-top:47px}.here-how strong{font-size:41px}.here-how>.hand{font-size:20px}.scroll-line{height:35px}.content-width{padding-left:25px;padding-right:25px}.section-kicker{font-size:10px;letter-spacing:.06em;margin-bottom:40px}.work-section{padding-top:35px}.work-row,.work-row.reverse{display:flex;flex-direction:column;gap:25px;align-items:stretch;margin-bottom:70px}.work-row.reverse .work-copy{order:0}.work-row.reverse .project-art{order:0}.work-copy h2{font-size:29px;max-width:450px}.work-copy>p{font-size:15px;max-width:100%;margin-bottom:12px}.work-index{font-size:20px;margin-bottom:10px}.work-tags{margin-top:10px;font-size:11px}.text-link{margin-top:15px;font-size:13px}.project-art{padding:14px;border-radius:23px;max-width:520px;width:100%;align-self:center;transform:rotate(var(--rotation))}.art-top{padding-bottom:11px}.art-top>span:first-child{font-size:19px}.art-bottom{font-size:19px;padding-top:11px}.art-top>span:last-child{font-size:9px}.view-stamp{font-size:13px}.thinking-section{padding-top:75px;padding-bottom:45px}.overline{font-size:21px;margin-bottom:18px}.big-heading{font-size:42px;margin-bottom:25px}.thinking-grid{grid-template-columns:1fr;gap:40px}.thinking-copy>p{font-size:15px}.thinking-copy .big-paragraph{font-size:21px}.brain-content{min-height:90px}.process-board{height:405px;max-width:440px;width:100%;margin:15px auto 0}.process-note{width:165px}.p1{left:8%}.p3{left:15%}.board-caption{font-size:18px;right:7px}.toolkit-section{padding-top:70px;padding-bottom:60px}.toolkit summary{font-size:20px;gap:12px}.tool-no{font-size:22px;margin-right:0}.skill-chips{padding-left:34px;gap:8px}.skill-chips span{font-size:12px;padding:4px 9px}.tool-clover{width:150px;right:-38px;top:-29px}.section-title-row .big-heading{font-size:38px;max-width:280px}.human-section{grid-template-columns:1fr;gap:10px;padding-top:65px;padding-bottom:60px}.human-title .big-heading br{display:none}.human-title .big-heading{font-size:40px}.moodboard{max-width:480px;width:100%;margin:auto;height:355px}.sky-photo{width:73%;left:4px;top:35px}.sky-photo img{height:175px}.pixel-photo{right:0;width:148px;top:124px}.pixel-photo img{height:165px}.mood-label{font-size:18px;bottom:-3px}.mood-pin{left:40%}.journey-section{padding-top:70px;padding-bottom:20px}.journey-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}.journey-item h3{font-size:25px}.journey-note{font-size:29px;margin:20px 0 30px 30px}.contact-section{padding-top:50px}.contact-section h2{font-size:42px;line-height:1.17}.contact-section>.hand{font-size:19px;max-width:260px;margin:0 auto}.email-wrap>a{font-size:16px}.contact-doodle{width:38px;top:36px;left:20px}.contact-avatar{height:210px}.contact-section .goodbye{font-size:20px;margin:0 auto 30px}.footer{padding:25px;gap:18px;flex-wrap:wrap;font-size:10px}.footer>span:first-of-type{width:calc(100% - 80px)}.footer>span:last-of-type{margin-left:62px}.case-main{padding:25px 24px 0}.case-back{font-size:21px}.case-heading h1{font-size:39px}.lead{font-size:17px}.case-visual{margin-top:30px;border-width:3px;border-radius:12px}.case-meta{grid-template-columns:1fr;gap:15px;margin-bottom:40px}.case-meta dt{font-size:10px}.case-meta dd{font-size:14px;margin-top:3px}.case-section{margin-bottom:45px}.case-section h2{font-size:25px}.case-section>p,.case-section li{font-size:16px}.case-callout{font-size:25px;padding:20px}.metric-grid{grid-template-columns:1fr;gap:12px}.metric{padding:16px 19px}.metric b{font-size:29px}.metric span{font-size:13px}.pdf-frame{height:500px}.btn{font-size:13px;padding:10px 13px}}
@media(max-width:380px){.nav-shell{padding:0 15px}.nav-shell nav>a{padding:3px 8px;font-size:16px}.theme-button{display:none}.intro{padding-left:21px;padding-right:21px}.hero-copy h1{font-size:34px}.engineering{white-space:normal}.hero-side{font-size:18px}.lucky{right:-30px}.thinker{right:-32px}.avatar-bubble{left:88px;max-width:150px}.note-sticker{width:100px;height:126px;left:-12px}.process-note{width:145px}.process-note strong{font-size:25px}.process-note small{font-size:16px}.contact-section h2{font-size:36px}.toolkit summary{font-size:18px}.sky-photo img{height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.confetti{display:none}}
/* Quiet covers, real-life snapshots, and a personal chapter book. */
.clean-cover{min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 24px;gap:16px}.cover-name{font-size:clamp(36px,4.6vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.055em}.cover-rule{width:50px;height:3px;background:currentColor;opacity:.6}.clean-cover strong{font:500 clamp(25px,3vw,36px)/1.16 var(--hand);max-width:320px}.cover-caption{font-size:13px;opacity:.75;margin-top:15px}.art-top>span:last-child{font-size:12px}.art-bottom{border-top:1px solid #30312f30}.project-art[style*="#262924"] .art-bottom{border-color:#ffffff40}.life-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.life-heading>p{font-size:20px;line-height:1.6}.human-new{display:block!important}.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:12px 10px 35px}.life-photo{padding:12px 12px 22px;background:var(--card);box-shadow:0 5px 20px #20202015;border:1px solid var(--line);transform:rotate(-3deg);transition:transform .25s}.life-photo:nth-child(2){transform:rotate(3deg);margin-top:24px}.life-photo:nth-child(3){transform:rotate(-2deg)}.life-photo:hover,.life-photo:focus-visible{transform:rotate(0) translateY(-8px)}.life-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:2px}.life-photo>.hand{display:block;font-size:25px;margin-top:18px}.thought-room{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:85px 0 0;padding:42px 0;border-top:1px dashed var(--line)}.thought-room h3{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.thought-room>div>p:last-child{color:var(--muted)}.thought-card{background:var(--blue);padding:28px 32px;transform:rotate(2deg);border-radius:3px;box-shadow:5px 6px 0 var(--line);display:flex;flex-direction:column;align-items:start;justify-content:space-between;min-height:290px}.thought-number{font-size:13px;letter-spacing:.07em;display:flex;justify-content:space-between;width:100%}#room-question{font-size:28px;line-height:1.35;letter-spacing:-.7px;margin:22px 0}#next-question{border:1px solid currentColor;border-radius:30px;padding:7px 17px;font-size:14px}#next-question:hover{background:var(--card)}.thought-card>.hand{font-size:21px;margin-top:17px}.chapter-intro{font-size:20px;color:var(--muted);margin-bottom:40px}.chapter-layout{display:grid;grid-template-columns:240px 1fr;gap:45px;align-items:start}.chapter-nav{display:flex;flex-direction:column;gap:12px}.chapter-nav button{display:flex;align-items:center;gap:14px;text-align:left;padding:18px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-weight:700}.chapter-nav .hand{font-size:25px;color:var(--muted)}.chapter-nav button[aria-pressed=true]{background:var(--blue);border-color:transparent;transform:rotate(-2deg)}.chapter-plus{margin-left:auto;font-size:22px}.chapter-nav button[aria-pressed=true] .chapter-plus{transform:rotate(45deg)}.chapter-page{border-top:2px solid var(--ink);padding:20px 0 0;min-height:420px}.chapter-page[hidden]{display:none}.chapter-date{font-size:14px;color:var(--muted);margin:0 0 18px}.chapter-page h3{font-size:clamp(27px,3.3vw,39px);line-height:1.2;letter-spacing:-1.2px;margin:0 0 14px}.chapter-role{font-weight:700;color:var(--orange);font-size:15px}.chapter-page>p:not(.chapter-date):not(.chapter-role){font-size:16px;line-height:1.85}.education-paper{margin-top:55px;border:1px solid var(--line);padding:35px 40px;background:var(--card);position:relative;box-shadow:5px 6px 0 var(--soft)}.education-note{font-size:25px;color:var(--orange);display:block;margin-bottom:25px}.education-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.education-top h3{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0}.grade{border:1px solid var(--line);border-radius:50%;width:120px;height:120px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg)}.grade strong{font-size:29px}.grade strong span{font-size:16px;font-weight:400}.grade>span{font-size:13px;letter-spacing:.12em}.education-story{max-width:660px}.extra-learning{border-top:1px dashed var(--line);margin-top:25px;padding-top:18px}.extra-learning summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}.extra-learning summary span{font-size:22px}.extra-learning p{line-height:2}.chapter-signoff{text-align:right;font-size:27px;margin-top:35px}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.clean-cover{min-height:240px;padding:22px 16px}.life-heading{display:block}.life-heading>p{font-size:17px}.life-grid{gap:12px;padding:10px 4px;grid-template-columns:1fr 1fr}.life-photo{padding:7px 7px 15px}.life-photo>.hand{font-size:20px}.life-photo:nth-child(3){grid-column:1 / -1;width:60%;justify-self:center;margin-top:15px}.thought-room{grid-template-columns:1fr;gap:22px;margin-top:45px}.thought-card{transform:rotate(1deg);padding:24px}.chapter-layout{grid-template-columns:1fr;gap:22px}.chapter-nav{flex-direction:row;gap:8px;flex-wrap:wrap}.chapter-nav button{padding:12px 10px;font-size:14px}.chapter-nav .hand,.chapter-plus{display:none}.chapter-page{min-height:0}.education-paper{padding:25px 20px}.education-top{align-items:start;gap:14px}.education-top h3{font-size:24px}.grade{width:85px;height:85px}.grade strong{font-size:21px}.grade strong span{font-size:13px}.grade>span{font-size:12px}.education-note{font-size:22px}}
@media(prefers-reduced-motion:reduce){.life-photo{transition:none}.life-photo:hover{transform:none}}
/* A shorter front page; the rest of the notebook lives one click away. */
.sound-button{font-size:12px;border-left:1px solid var(--line);padding:5px 0 5px 12px;white-space:nowrap}.all-work-link{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--line);padding:30px 0 10px;gap:20px}.all-work-link>.hand{font-size:25px}.pill-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--ink);padding:12px 23px;border-radius:40px;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.pill-link:hover{background:var(--blue);transform:rotate(-2deg)}.real-photo img{object-fit:cover;object-position:center 40%}.experience-notebook{position:relative;padding:34px 38px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:4px 5px 0 var(--soft)}.notebook-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:22px}.notebook-heading h2{font-size:24px;line-height:1.35;letter-spacing:-.8px;margin:0}.notebook-heading h2 em{font-size:26px;color:var(--orange);font-style:normal;white-space:nowrap}.notebook-heading>.hand{font-size:20px;white-space:nowrap}.experience-layout{display:grid;grid-template-columns:175px 1fr;gap:32px;padding:30px 0}.experience-layout .chapter-nav{border-left:1px solid var(--line);gap:5px}.experience-layout .chapter-nav button{border:0;border-left:2px solid transparent;border-radius:0;background:transparent;transform:none;padding:10px 14px;font-size:15px;font-weight:500;color:var(--muted);margin-left:-1px}.experience-layout .chapter-nav button[aria-pressed=true]{color:var(--orange);border-left-color:var(--orange);background:color-mix(in srgb,var(--orange) 6%,transparent);font-weight:700}.experience-layout .chapter-page{border:0;padding:0;min-height:270px}.experience-layout .chapter-page h3{font-size:22px;line-height:1.4;letter-spacing:-.5px;margin:0 0 8px}.experience-layout .chapter-page h3 span{color:var(--orange)}.experience-layout .chapter-date{margin:0 0 18px}.experience-layout ul{padding:0 0 0 18px;margin:0}.experience-layout li{padding:0 0 10px 5px;font-size:16px;line-height:1.65}.experience-layout li::marker{color:var(--orange)}.education-line{display:flex;gap:22px;border-top:1px solid var(--line);padding:25px 0 0;align-items:start}.education-monogram{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:var(--blue);border-radius:50%;font:30px var(--hand);transform:rotate(-10deg)}.education-line h3{margin:0;font-size:20px;line-height:1.4}.education-line p{margin:5px 0;font-size:15px}.education-line .hand{font-size:22px;color:var(--orange);margin-top:0}.experience-notebook .extra-learning{font-size:14px}.manifest-teaser{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:50px;padding-top:35px;padding-bottom:95px}.manifest-teaser h2{font-size:clamp(34px,4.5vw,54px);letter-spacing:-2px;line-height:1.1;margin:10px 0 20px}.manifest-teaser h2 em{font-family:Georgia,serif;font-weight:400}.manifest-teaser p:not(.overline){max-width:390px;color:var(--muted)}.manifest-teaser .pill-link{margin-top:12px}.quest-note{background:#e8edcf;color:#30312f;padding:35px 28px;border:1px solid #bcc3a5;box-shadow:5px 5px 0 var(--line);transform:rotate(4deg);position:relative;transition:transform .2s}.quest-note:hover{transform:rotate(0)}.quest-note>img{position:absolute;width:75px;right:-15px;top:-26px;transform:rotate(16deg)}.quest-note>.hand{font-size:34px;display:block;line-height:1.05;margin-bottom:22px}.quest-preview{font-size:16px;line-height:2.1}.collection-page,.manifest-page{padding-top:42px;padding-bottom:90px}.back-link{font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);display:inline-block;margin-bottom:45px}.collection-page>.big-heading,.manifest-page>.big-heading{margin:12px 0 24px}.collection-intro{font-size:19px;max-width:640px;line-height:1.65;margin-bottom:45px;color:var(--muted)}.work-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}.work-tile{display:block}.tile-cover{background:var(--tile-color);color:#30312f;padding:25px 28px;min-height:265px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;transition:transform .25s}.tile-cover.dark-cover{color:#f5f4eb}.work-tile:hover .tile-cover{transform:translateY(-6px) rotate(-1deg)}.tile-meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}.tile-cover>strong{font-size:48px;line-height:1.05;letter-spacing:-2px}.tile-cover>.hand{font-size:26px;line-height:1.2;max-width:320px}.tile-copy{padding:16px 3px}.tile-copy h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:0 0 9px}.tile-copy p{font-size:14px;color:var(--muted);margin:0}.manifest-page{max-width:880px}.bucket-paper{padding:32px 35px;border:1px solid var(--line);background:var(--card);box-shadow:5px 5px 0 var(--soft);border-radius:5px}.bucket-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:22px}.bucket-heading h2{font-size:23px;letter-spacing:-.5px;margin:0}.bucket-heading>.hand{font-size:22px;color:var(--orange)}.bucket-item{width:100%;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:23px 0;text-align:left;transition:background .2s}.bucket-item:hover{background:var(--soft)}.bucket-check{width:21px;height:21px;border:1.5px solid var(--muted);border-radius:4px;flex-shrink:0;transform:rotate(-3deg)}.bucket-copy{flex:1;display:flex;flex-direction:column;gap:4px}.bucket-copy strong{font-size:17px;font-weight:600;line-height:1.5}.bucket-copy>span{font-size:14px;color:var(--muted);line-height:1.5}.bucket-category{font-size:12px;letter-spacing:.06em;color:var(--muted)}.bucket-foot{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:0}.manifest-footnote{text-align:right;font-size:25px;margin-top:35px}.bucket-reaction{position:fixed;right:25px;bottom:25px;z-index:150;width:min(460px,calc(100vw - 32px));padding:14px;display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 70px #0003}.bucket-reaction[hidden]{display:none}.bucket-reaction img{width:72px;height:85px;object-fit:cover;border-radius:7px}.bucket-reaction strong{display:block;font-size:16px;line-height:1.4}.bucket-reaction p{font-size:14px;color:var(--muted);margin:6px 0 0;line-height:1.5}.reaction-close{align-self:flex-start;font-size:25px;line-height:1;padding:0 2px}.bucket-item.no-shortcut{animation:no-shortcut .3s ease-in-out}@keyframes no-shortcut{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:900px){.notebook-heading>.hand{display:none}.experience-notebook{padding:28px}.experience-layout{grid-template-columns:140px 1fr;gap:23px}.sound-button{font-size:12px;padding-left:6px}.nav-shell nav{gap:8px}.nav-shell nav>a{padding:4px 12px}.manifest-teaser{gap:35px}}
@media(max-width:650px){.nav-shell{height:auto;min-height:82px;padding:14px 5vw;align-items:start;gap:14px}.nav-shell .signature{margin-top:7px;flex-shrink:0}.nav-shell nav{justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:300px}.nav-shell nav>a{font-size:17px;padding:3px 10px}.nav-shell .theme-button{font-size:20px}.sound-button{font-size:12px}.all-work-link{align-items:start;flex-direction:column;gap:15px}.all-work-link>.hand{font-size:22px}.experience-notebook{padding:23px 20px}.notebook-heading h2{font-size:23px}.notebook-heading h2 em{display:block;font-size:24px}.experience-layout{grid-template-columns:1fr;gap:23px;padding:22px 0}.experience-layout .chapter-nav{flex-direction:row;border-left:0;border-bottom:1px solid var(--line);gap:8px}.experience-layout .chapter-nav button{font-size:14px;border-left:0;border-bottom:2px solid transparent;padding:9px 7px;margin:0 0 -1px}.experience-layout .chapter-nav button[aria-pressed=true]{border-bottom-color:var(--orange)}.experience-layout .chapter-page{min-height:0}.experience-layout .chapter-page h3{font-size:21px}.education-line{gap:14px}.education-monogram{width:36px;height:36px;font-size:26px}.manifest-teaser{grid-template-columns:1fr;padding-bottom:75px;gap:40px}.quest-note{max-width:340px;justify-self:center;width:90%}.work-gallery{grid-template-columns:1fr;gap:25px}.tile-cover{min-height:250px}.collection-page,.manifest-page{padding-top:25px}.back-link{margin-bottom:30px}.collection-intro{font-size:17px}.bucket-paper{padding:23px 18px}.bucket-heading{display:block}.bucket-heading>.hand{display:block;margin-top:8px}.bucket-item{gap:13px;padding:20px 0}.bucket-category{display:none}.bucket-copy strong{font-size:16px}.bucket-copy>span{font-size:14px}.bucket-reaction{right:16px;bottom:16px}.manifest-footnote{font-size:23px}}
@media(prefers-reduced-motion:reduce){.bucket-item.no-shortcut{animation:none}.tile-cover,.quest-note,.pill-link{transition:none}}
/* A little play break, scoped to the personal corner. */
.play-corner{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding-top:70px;padding-bottom:85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.play-heading>.big-heading{margin:12px 0 22px}.play-heading>p:not(.overline){color:var(--muted);font-size:17px;line-height:1.7}.play-portrait{display:block;margin:35px 0 0 15px;width:205px;padding:9px 9px 15px;border:1px solid var(--line);background:var(--card);box-shadow:0 8px 20px #0001;transform:rotate(-6deg);transition:transform .2s}.play-portrait:hover{transform:rotate(0)}.play-portrait img{width:100%;height:210px;object-fit:cover;object-position:center 35%}.play-portrait>.hand{display:block;font-size:20px;margin-top:13px}.memory-console{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:6px 7px 0 var(--soft);transform:rotate(1deg)}.memory-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.memory-top>.hand{font-size:27px;color:var(--orange)}.memory-level{font-size:12px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.memory-stats{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;border-top:1px dashed var(--line);padding:18px 0}.memory-stats strong{display:block;font-size:18px}.memory-stats button{font-size:13px;border:1px solid var(--line);border-radius:20px;padding:8px 12px;max-width:140px;line-height:1.4}.memory-stats button:hover{background:var(--soft)}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.memory-card{display:grid;place-items:center;aspect-ratio:1/1.2;border:1px solid color-mix(in srgb,var(--ink) 17%,transparent);border-radius:10px;background:var(--blue);font:38px var(--hand);box-shadow:0 3px 0 var(--line);transition:background .15s,transform .15s}.memory-card:hover{transform:translateY(-3px)}.memory-card.is-open{background:var(--paper);font-family:system-ui;font-size:32px}.memory-card.is-matched{background:#e3f2bf;border-color:#839b57;box-shadow:none;transform:none}.memory-card[aria-disabled=true]{cursor:default}.memory-console #memory-status{font-size:15px;min-height:52px;margin:23px 0 10px;line-height:1.65}.memory-note{font-size:22px;color:var(--muted)}
@media(max-width:850px){.play-corner{gap:30px}.memory-console{padding:20px}.memory-top{align-items:start;flex-direction:column;gap:8px}.memory-grid{gap:8px}.memory-card{font-size:32px}.memory-card.is-open{font-size:28px}}
@media(max-width:650px){.play-corner{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:60px}.play-heading{position:relative;min-height:310px;padding-right:135px}.play-heading>.big-heading{font-size:42px;letter-spacing:-1.5px}.play-heading>p:not(.overline){font-size:16px}.play-portrait{position:absolute;right:0;bottom:0;width:125px;padding:6px 6px 10px;margin:0;transform:rotate(6deg)}.play-portrait img{height:148px}.play-portrait>.hand{font-size:16px;margin-top:8px}.play-heading>.overline{font-size:22px}.memory-console{transform:none;padding:22px 18px}.memory-top{flex-direction:row;align-items:center}.memory-top>.hand{font-size:23px}.memory-level{font-size:12px}.memory-card{aspect-ratio:1/1.1}.memory-note{font-size:21px}}
@media(prefers-reduced-motion:reduce){.play-portrait,.memory-card{transition:none}.memory-card:hover{transform:none}}
/* Compact wishlist: one line, one little visual. */
.manifest-compact{max-width:790px;padding-top:30px}.manifest-compact .back-link{margin-bottom:30px}.manifest-compact>.big-heading{font-size:clamp(42px,6vw,66px);margin:10px 0 14px}.manifest-compact>.collection-intro{font-size:16px;margin-bottom:32px}.manifest-compact .bucket-paper{background:transparent;border:0;box-shadow:none;padding:0}.manifest-compact .bucket-heading{padding-bottom:15px}.manifest-compact .bucket-heading h2{font-size:22px}.manifest-compact .bucket-heading>.hand{font-size:21px}.manifest-compact .bucket-item{padding:7px 6px;min-height:69px;gap:15px}.manifest-compact .bucket-copy strong{font-size:16px;font-weight:500}.manifest-compact .bucket-check{width:18px;height:18px}.wish-thumb{height:52px;width:64px;object-fit:contain;border-radius:7px;flex-shrink:0;transition:transform .2s}.bucket-item:hover .wish-thumb{transform:rotate(7deg) scale(1.12)}.wish-mini{display:grid;place-items:center;height:52px;width:64px;flex-shrink:0;font-size:30px}.manifest-compact .bucket-foot{text-align:right;padding-top:14px;font-size:13px}.learning-wishes{margin-top:45px}.learning-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learning-goals article{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:17px}.learning-mark{font:21px var(--hand);color:var(--orange)}.learning-goals h3{font-size:16px;line-height:1.4;font-weight:700;margin:0 0 6px}.learning-goals p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}@media(max-width:600px){.manifest-compact .bucket-item{gap:12px}.manifest-compact .bucket-copy strong{font-size:15px}.manifest-compact .bucket-heading>.hand{font-size:19px}.wish-thumb,.wish-mini{width:55px;height:47px}.learning-goals{grid-template-columns:1fr;gap:15px}.learning-goals article{padding-top:14px}.learning-wishes{margin-top:35px}.manifest-compact .bucket-heading{display:flex;align-items:center;gap:12px}.manifest-compact .bucket-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.wish-thumb{transition:none}.bucket-item:hover .wish-thumb{transform:none}}
/* A loose collection of tools you can pick up and move. */
.skill-playground .big-heading{margin:10px 0 25px}.skill-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.skill-toolbar p{font-size:14px;color:var(--muted);margin:0}.keyboard-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skill-toolbar>div{display:flex;gap:10px;flex-shrink:0}.skill-toolbar button{font-size:14px;border:1px solid var(--line);border-radius:30px;padding:8px 16px}.skill-toolbar button:hover{background:var(--blue)}.pill-field{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:27px 18px;padding:42px 25px;min-height:365px;background:radial-gradient(var(--line) 1px,transparent 1px);background-size:17px 17px;border:1px solid var(--line);border-radius:22px;isolation:isolate}.pill-floater{display:inline-block;position:relative;animation:skill-float var(--pill-duration) ease-in-out var(--pill-delay) infinite;transform:rotate(var(--pill-angle));z-index:1}.pill-held{animation-play-state:paused;z-index:10}.skill-pill{display:flex;align-items:center;gap:12px;white-space:nowrap;padding:13px 18px;border-radius:40px;border:1px solid #30312f20;box-shadow:0 3px 0 #30312f20;font-size:16px;line-height:1.3;font-weight:600;color:#30312f;background:#e2ecc9;transform:translate(var(--pill-x,0px),var(--pill-y,0px));touch-action:none;cursor:grab!important;user-select:none}.pill-held .skill-pill{cursor:grabbing!important;box-shadow:0 9px 20px #0002}.pill-research{background:#f5d9c1}.pill-build{background:#cce1f4}.skill-pill[aria-pressed=true]{border-color:#30312f;box-shadow:0 3px 0 #30312f}.pill-plus{font-size:20px;opacity:.6;font-weight:400}.skill-pill[aria-pressed=true] .pill-plus{transform:rotate(45deg)}.skill-detail{min-height:115px;padding:25px 10px 0;display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:start}.skill-detail>.hand{font-size:28px;color:var(--orange)}.skill-detail p{margin:0;font-size:16px;line-height:1.7;max-width:600px}@keyframes skill-float{0%,100%{transform:translateY(-3px) rotate(var(--pill-angle))}50%{transform:translateY(5px) rotate(calc(var(--pill-angle) * -1))}}
/* A small, tangible shelf of books waiting to be read. */
.reading-shelf{margin-top:50px}.shelf-intro{font-size:15px;color:var(--muted);margin:0 0 27px}.bookshelf{display:flex;align-items:start;justify-content:center;gap:14px;border-bottom:9px solid var(--line);padding:25px 12px 18px;box-shadow:0 8px 0 var(--soft);perspective:1100px;min-height:285px}.shelf-book{flex:0 1 105px;min-width:0;padding:0;text-align:left;transition:flex-basis .45s cubic-bezier(.2,.8,.2,1);position:relative}.shelf-book[aria-pressed=true]{flex-basis:155px}.book-cover{height:182px;display:flex;justify-content:center;align-items:end;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:rotateY(-18deg);transform-origin:left bottom}.book-cover img{height:100%;width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(5px 7px 3px #0003);border-radius:2px}.shelf-book:hover .book-cover,.shelf-book:focus-visible .book-cover,.shelf-book[aria-pressed=true] .book-cover{transform:translateY(-13px) rotateY(0deg) rotate(-2deg)}.book-title{display:block;font-size:13px;line-height:1.45;font-weight:600;margin-top:14px;min-height:58px;overflow-wrap:normal}.shelf-book[aria-pressed=true] .book-title{color:var(--orange)}.book-detail{padding:28px 0 15px;min-height:172px}.book-category{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.book-detail h3{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin:8px 0 5px}.book-detail>p:not(.hand){font-size:14px;color:var(--muted);margin:0}.book-detail>.hand{font-size:25px;margin:12px 0 0}.shelf-help{font-size:13px;color:var(--muted);margin:7px 0 0}.wish-thumb{background:transparent}
@media(max-width:700px){.skill-toolbar{align-items:start;flex-direction:column;gap:13px}.pill-field{gap:20px 11px;padding:30px 14px;min-height:500px}.skill-pill{font-size:14px;padding:11px 13px;gap:8px}.pill-plus{font-size:18px}.skill-detail{grid-template-columns:1fr;gap:7px;min-height:135px;padding-top:24px}.skill-detail>.hand{font-size:26px}.skill-detail p{font-size:15px}.reading-shelf .bucket-heading{align-items:start;flex-direction:column;gap:7px}.bookshelf{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;padding:22px 8px 17px;scroll-snap-type:x proximity;min-height:270px}.shelf-book{flex:0 0 115px;scroll-snap-align:center}.shelf-book[aria-pressed=true]{flex-basis:140px}.book-title{font-size:14px}.book-cover{height:168px}.book-detail{padding-top:27px}.book-detail h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.pill-floater{animation:none}.shelf-book,.book-cover{transition:none}.shelf-book:hover .book-cover,.shelf-book:focus-visible .book-cover,.shelf-book[aria-pressed=true] .book-cover{transform:none}}
.contact-social a{font-size:14px;padding:0}.contact-social a:hover{text-decoration:underline;text-underline-offset:5px}
/* Close-set spines, with a book pulled forward beside its reading note. */
.spine-library .shelf-scene{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:28px;align-items:center;padding:28px 23px 22px;background:var(--soft);border:1px solid var(--line);border-radius:14px}.shelf-stack{min-width:0}.shelf-count{font-size:14px;color:var(--muted);margin:0 0 26px 8px}.shelf-count span{color:var(--ink);margin-left:8px}.spine-library .bookshelf{min-height:275px;height:275px;display:flex;align-items:end;justify-content:center;gap:3px;padding:0 4px 0;border-bottom:8px solid color-mix(in srgb,var(--ink) 40%,var(--line));box-shadow:0 7px 10px #0002;perspective:1000px;overflow:visible}.spine-library .shelf-book{flex:0 0 34px;height:var(--book-height);min-width:0;position:relative;padding:0;isolation:isolate;transition:flex-basis .5s cubic-bezier(.2,.8,.2,1),transform .35s;transform-origin:bottom center;background:var(--book-color);border-radius:3px 3px 0 0;box-shadow:2px 0 3px #0003;text-align:left}.spine-library .shelf-book:hover,.spine-library .shelf-book:focus-visible{transform:translateY(-8px) rotate(-2deg);z-index:3}.spine-library .shelf-book[aria-pressed=true]{flex-basis:145px;transform:translateY(-5px) rotate(-2deg);z-index:4;background:transparent}.book-spine{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--spine-ink);padding:12px 5px 10px;overflow:hidden;border-top:1px solid #ffffff40;border-left:3px solid #0002;border-right:2px solid #ffffff30;background:linear-gradient(90deg,#0002,transparent 20%,#ffffff16 60%,#0001);border-radius:3px 3px 0 0;transition:opacity .2s}.spine-name{writing-mode:vertical-rl;font-size:14px;line-height:1.2;font-weight:600;white-space:nowrap;max-height:185px;overflow:hidden}.spine-author{writing-mode:vertical-rl;font-size:10px;line-height:1.2;max-height:70px;white-space:nowrap}.spine-library .book-cover{position:absolute;inset:0;height:100%;display:block;opacity:0;transform:rotateY(-80deg);transform-origin:left bottom;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .25s}.spine-library .book-cover img{width:100%;height:100%;object-fit:fill;border-radius:2px;filter:drop-shadow(4px 3px 3px #0003)}.spine-library .shelf-book:hover .book-cover,.spine-library .shelf-book:focus-visible .book-cover{transform:rotateY(-80deg)}.spine-library .shelf-book[aria-pressed=true] .book-cover{opacity:1;transform:rotateY(0)}.spine-library .shelf-book[aria-pressed=true] .book-spine{opacity:0}.spine-library .book-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);min-height:0;margin:0}.spine-library .book-detail{padding:28px 0 0;min-height:245px;align-self:center}.spine-library .book-detail h3{font-size:23px;line-height:1.3;margin-top:12px}.spine-library .book-detail>.hand{font-size:24px;line-height:1.35;margin-top:20px}.shelf-actions{grid-column:2;display:flex;gap:22px;align-items:center;margin-top:18px}.shelf-actions button{font-size:14px;padding:5px 0;color:var(--muted);border-bottom:1px solid transparent}.shelf-actions button:hover{color:var(--ink);border-color:var(--ink)}.shelf-actions button:disabled{opacity:.4;cursor:default}.spine-library .shelf-help{margin-top:17px;text-align:center}.spine-library .book-category{line-height:1.4;display:block}
@media(max-width:700px){.spine-library .shelf-scene{grid-template-columns:1fr;padding:25px 18px 20px;gap:0}.shelf-stack{width:100%;max-width:365px;margin:0 auto}.spine-library .bookshelf{justify-content:center;scroll-snap-type:none;overflow:visible}.spine-library .shelf-book{flex-basis:31px}.spine-library .shelf-book[aria-pressed=true]{flex-basis:140px}.spine-library .book-detail{min-height:190px;padding:32px 5px 0}.shelf-actions{grid-column:1;margin:5px 5px 0}.spine-library .book-detail h3{font-size:23px}.spine-library .book-detail>.hand{margin-top:14px}.spine-name{font-size:13px}.spine-author{font-size:10px}}
@media(max-width:370px){.spine-library .shelf-scene{padding-left:12px;padding-right:12px}.spine-library .shelf-book{flex-basis:28px}.spine-library .shelf-book[aria-pressed=true]{flex-basis:115px}}
@media(prefers-reduced-motion:reduce){.spine-library .shelf-book,.spine-library .book-cover,.book-spine{transition:none}.spine-library .shelf-book:hover,.spine-library .shelf-book:focus-visible,.spine-library .shelf-book[aria-pressed=true]{transform:none}}