.credential-card:before{display:none}.credential-card{overflow:visible}.credential-clip{--clip-color:#547eab;position:absolute;z-index:4;top:-22px;left:calc(50% - 10px);width:19px;height:46px;border:3px solid var(--clip-color);border-radius:12px;background:transparent;box-shadow:2px 2px 3px #0f172a26,inset 1px 0 1px #ffffffa8;transform:rotate(-17deg);pointer-events:none}.credential-clip:after{content:"";position:absolute;top:8px;left:3px;width:7px;height:28px;border:2px solid var(--clip-color);border-radius:7px;box-shadow:1px 1px 1px #0f172a1c}.credential-grid>:nth-child(2) .credential-clip{--clip-color:#b96b59;transform:rotate(12deg)}.credential-grid>:nth-child(3) .credential-clip{--clip-color:#669385;transform:rotate(-11deg)}@media (max-width:767px){.credential-card{text-align:center}.credential-card-top{flex-direction:column;gap:9px}.credential-card-footer,.credential-card-top{justify-content:center}}.experience-scroll{position:relative;width:100%}.experience-sticky{position:sticky;top:76px;height:calc(100svh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px 30px}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1040px;margin-bottom:15px}.book-kicker{font:9px var(--font-mono);letter-spacing:.1em;color:#64748b}.book-kicker>span{margin-inline:9px;color:#2563eb}.book-reading-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#475569;font-size:11px}.book-reading-toggle:hover{color:#2563eb}.book-tabs{display:flex;justify-content:flex-end;align-items:end;gap:7px;width:100%;max-width:1010px;padding-inline:12px;position:relative;z-index:8}.book-tabs button{display:flex;gap:7px;align-items:center;min-height:44px;padding:9px 15px;background:#e8e5df;border:1px solid #d8d3c9;border-bottom:0;border-radius:5px 5px 0 0;color:#64748b;font-size:11px;transition:background .2s,color .2s,transform .2s}.book-tabs button>span{font:9px var(--font-mono)}.book-tabs button[aria-current]{background:#fffdf7;color:#1d4ed8;border-top:3px solid #2563eb;transform:translateY(-3px)}.book-tabs button:hover{color:#1d4ed8;background:#f8fafc}.book-perspective{position:relative;width:100%;max-width:1040px;perspective:2400px;margin-bottom:28px}.book-object{position:relative;height:clamp(535px,61svh,620px);width:100%;transform-style:preserve-3d;transform:rotateX(5deg)}.book-cover{position:absolute;inset:-5px -7px -12px;border-radius:9px 9px 11px 11px;background:#243a56;border:1px solid #18283f;box-shadow:0 3px 0 #172538,1px 18px 28px #0f172a20,0 40px 55px -25px #0f172a35;transform:translateZ(-9px)}.book-page-stack{position:absolute;top:6px;bottom:-7px;width:50%;background:repeating-linear-gradient(180deg,#f5f1e7 0,#f5f1e7 2px,#d9d3c7 0,#d9d3c7 3px);border:1px solid #d9d3c7;transform:translateZ(-5px)}.book-page-stack-left{left:0;border-radius:5px 0 0 5px}.book-page-stack-right{right:0;border-radius:0 5px 5px 0}.book-base{position:absolute;inset-block:0;width:50%;background:#fffdf8;transform:translateZ(-1px);overflow:hidden}.book-base-left{left:0;border-radius:5px 0 0 5px;box-shadow:inset -16px 0 22px -20px #4b403b80}.book-base-right{right:0;border-radius:0 5px 5px 0}.book-sheet{position:absolute;top:0;bottom:0;right:0;width:50%;transform-origin:left center;transform-style:preserve-3d}.book-sheet-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffdf8;border:1px solid #ebe5d9;box-shadow:0 3px 8px #0f172a13}.book-sheet-front{transform:translateZ(.5px);border-radius:0 5px 5px 0}.book-sheet-back{transform:rotateY(180deg) translateZ(.5px);border-radius:5px 0 0 5px;background:#faf7ef}.book-page-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,#0f172a20,transparent 27%,#ffffffb8 72%,transparent)}.book-sheet-back .book-page-sheen{background:linear-gradient(80deg,transparent,#ffffffa8 25%,transparent 72%,#0f172a18)}.book-turn-shadow{inset:4px -8px -6px 0;box-shadow:0 12px 28px #0f172a65;background:#0f172a20;transform:translateZ(-1px)}.book-spine,.book-turn-shadow{position:absolute;pointer-events:none}.book-spine{top:0;bottom:0;left:calc(50% - 15px);width:30px;z-index:10;background:linear-gradient(90deg,transparent,#5a493c12 35%,#3b30232b 48%,#fffdf860 52%,#5a493c12 64%,transparent);transform:translateZ(.3px)}.book-spine:after{content:"";position:absolute;top:20px;bottom:20px;left:50%;border-left:1px dashed #b7ac9870}.book-ribbon{position:absolute;left:46%;bottom:-31px;width:17px;height:62px;background:linear-gradient(90deg,#1d4ed8,#3b82f6 40%,#1d4ed8);clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);transform:translateZ(-3px) rotate(-4deg)}.book-page-content{position:absolute;inset:0;padding:27px 30px 23px;display:flex;flex-direction:column;color:#263343;background-image:radial-gradient(#3341550c .6px,transparent 0);background-size:5px 5px}.book-page-left{padding-right:35px;background-color:#faf7ef}.book-page-right{padding-left:35px;background-color:#fffdf8}.book-page-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:13px;border-bottom:1px solid #dfd9ce;color:#64748b;font:9px/1.5 var(--font-mono);letter-spacing:.055em}.book-page-meta>span{display:inline-flex;align-items:center;gap:6px}.book-page-meta>span:first-child{color:#2563eb}.book-left-body{padding-top:24px}.book-page-content h3{margin:0;font-size:clamp(26px,2.45vw,35px);line-height:1.12;color:#0f172a}.book-organization{display:flex;align-items:flex-start;gap:7px;margin-top:17px;color:#2563eb;font-size:12px;font-weight:600;line-height:1.6}.book-organization svg{flex-shrink:0;margin-top:3px}.book-category{display:inline-block;margin-top:10px;border:1px solid #d8d3c9;padding:3px 7px;border-radius:2px;font:9px var(--font-mono);color:#64748b}.book-location{display:flex;align-items:center;gap:5px;margin-top:9px;color:#64748b;font-size:10px;line-height:1.6}.book-summary{margin-top:22px;font-size:13px;line-height:1.85;color:#475569}.book-highlights{display:grid;gap:17px;margin-top:27px}.book-highlights li{display:flex;gap:11px;font-size:13px;line-height:1.85;color:#475569}.book-highlights svg{color:#2563eb;margin-top:4px;flex-shrink:0}.book-page-bottom{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:17px;border-top:1px dashed #d8d3c9}.book-page-bottom>span{flex-shrink:0;color:#64748b;font:8px/1.5 var(--font-mono);letter-spacing:.06em}.book-note{font-size:15px;line-height:1.55;color:#3d5f89}.book-controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1040px;gap:20px}.book-controls button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:5px 10px;font-size:11px;color:#1d4ed8}.book-controls button:disabled{opacity:.35;cursor:default}.book-controls>span{color:#64748b;font:9px var(--font-mono)}.experience-reading{display:grid;min-width:0;gap:30px}.experience-reading-page{padding:28px}.experience-reading-page h3{margin-top:22px;font-size:27px;line-height:1.2}.experience-reading-page .book-highlights{padding-top:22px;border-top:1px solid var(--color-border)}.experience-reading-page .book-highlights li,.experience-reading-page .book-summary{font-size:14px}.experience-reading-page .book-note{margin-top:24px}@media (min-width:1024px) and (max-width:1199px){.book-page-content{padding-inline:24px}.book-page-left{padding-right:29px}.book-page-right{padding-left:29px}.book-page-content h3{font-size:28px}.book-highlights{gap:14px}.book-highlights li{font-size:12px}}@media (max-width:480px){.experience-reading-page{padding:22px 19px}.experience-reading-page h3{font-size:25px}.experience-reading-page .book-highlights li,.experience-reading-page .book-summary{font-size:13px}}@media (max-width:767px){.experience-reading-page{text-align:center}.experience-reading-page .book-page-meta{justify-content:center}.experience-reading-page .book-highlights li{text-align:left}}.process-stationery{--accent:37 99 235;position:relative;isolation:isolate;overflow-x:clip;padding:70px 0 50px;background:#f8fafc;color:#0f172a}.process-stationery .process-layout{position:relative;z-index:1;gap:80px}.process-stationery .process-intro{top:145px;padding:75px 0 30px}.process-stationery .process-intro h2{margin:25px 0;font-size:clamp(38px,4.1vw,54px);line-height:1.12}.process-stationery .process-intro h2 .serif-word{color:#2563eb}.process-stationery .process-intro p{color:#526176;line-height:1.9;font-size:15px}.process-stationery .eyebrow-label{color:#64748b;font-size:9px;letter-spacing:.1em}.process-margin-note{display:flex;align-items:center;gap:16px;margin-top:30px;color:#2563eb}.process-margin-note .handwritten{color:#526176;font-size:17px;rotate:-4deg}.process-stationery .process-track{background:#cbd5e1;margin-top:25px}.process-stationery .process-track>div{background:#2563eb}.process-scroll-hint{display:block;color:#64748b;font:8px var(--font-mono);letter-spacing:.1em;line-height:1.8}.process-stationery .process-chapter{min-height:max(640px,80svh);padding:65px 0 85px}.process-note-stage{position:relative;width:100%;min-width:0;perspective:1000px}.process-stationery .process-note{position:relative;z-index:2;padding:34px 28px 27px 44px;border:1px solid #cbd5e1;border-radius:3px 5px 7px 3px;background-color:#fff;box-shadow:1px 2px 2px #0f172a0a,6px 15px 28px #0f172a0b;transform-style:preserve-3d}.process-stationery .notebook-ruled{background-image:linear-gradient(90deg,transparent 30px,#93b4f540 0,#93b4f540 31px,transparent 0),repeating-linear-gradient(transparent,transparent 27px,#2563eb06 0,#2563eb06 28px)}.process-stationery .notebook-graph{background-color:#f5f8ff;background-image:linear-gradient(#2563eb07 1px,transparent 0),linear-gradient(90deg,#2563eb07 1px,transparent 0);background-size:20px 20px}.process-stationery .notebook-plain{background:#fffef9}.notebook-holes{position:absolute;left:10px;top:65px;bottom:45px;display:flex;flex-direction:column;justify-content:space-between}.notebook-holes i{width:9px;height:9px;border-radius:50%;background:#edf1f6;box-shadow:inset 1px 1px 2px #0f172a26,0 1px 0 #fff}.process-note-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#64748b}.process-note-top>span{font:10px var(--font-mono);letter-spacing:.1em}.process-note-top>svg{color:#2563eb}.process-stationery .process-note h3{font-size:clamp(28px,2.7vw,36px);line-height:1.17;margin:28px 0 20px;color:#0f172a}.process-stationery .process-note p{color:#475569;font-size:14px;line-height:1.85}.process-checklist{display:flex;flex-wrap:wrap;gap:9px 16px;margin:24px 0 0}.process-checklist li{display:flex;align-items:center;gap:6px;font-size:10px;color:#475569}.process-checklist svg{flex-shrink:0;color:#2563eb}.process-note-footer{display:flex;align-items:flex-end;gap:14px;justify-content:space-between;margin-top:23px;padding-top:17px;border-top:1px solid #cbd5e1}.process-stationery .process-note .handwritten{margin:0;padding:0;border:0;color:#3f526e;font-size:15px;line-height:1.6}.pinned-label{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:#2563eb;font:8px var(--font-mono);letter-spacing:.08em}.process-pin-flight{position:absolute;right:20%;top:-17px;width:28px;height:42px;transform-style:preserve-3d;pointer-events:none;z-index:5}.pin-needle{position:absolute;top:24px;left:13px;width:2px;height:18px;background:linear-gradient(90deg,#94a3b8,#fff,#64748b);clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}.pin-base{position:absolute;top:18px;left:2px;width:24px;height:14px;border-radius:50%;background:linear-gradient(150deg,#60a5fa,#2563eb 55%,#1e3a8a);box-shadow:2px 3px 3px #17255435}.pin-neck{position:absolute;top:8px;left:9px;width:11px;height:17px;background:linear-gradient(90deg,#1d4ed8,#60a5fa 40%,#1d4ed8);border-radius:3px}.pin-cap{inset:0 0 auto;width:28px;height:18px;background:radial-gradient(ellipse at 35% 25%,#bfdbfe,#3b82f6 45%,#1d4ed8 75%);box-shadow:inset 0 -2px 1px #1e3a8a40,1px 2px 2px #17255430}.pin-cap,.process-pin-shadow{position:absolute;border-radius:50%}.process-pin-shadow{z-index:3;right:calc(20% + 1.5px);top:7px;width:25px;height:13px;background:#172554;filter:blur(3px);pointer-events:none;transform-origin:center}.process-caption{display:flex;align-items:center;gap:12px;padding:25px 5px 0;color:#64748b;font-size:11px}.process-caption>span{color:#2563eb;font:10px var(--font-mono)}.desk-ruler{position:relative;width:min(280px,90%);height:53px;margin-top:52px;padding:11px 17px 5px;background:#eee1bb90;border:1px solid #c9b98288;border-radius:3px;transform:rotate(-7deg);box-shadow:2px 4px 5px #0f172a0b}.desk-ruler:before{content:"";position:absolute;inset:0 10px auto;height:8px;background:repeating-linear-gradient(90deg,#827650,#827650 1px,transparent 0,transparent 5px);opacity:.55}.desk-ruler>span{display:block;color:#6e6142;font:7px var(--font-mono);letter-spacing:.06em}.desk-ruler>div{display:flex;justify-content:space-between;padding-top:7px;color:#6e6142}.desk-ruler i{font:8px var(--font-mono)}.desk-pencil{position:absolute;right:-30px;top:60px;z-index:1;width:14px;height:270px;background:linear-gradient(90deg,#1e40af 0 25%,#60a5fa 25% 60%,#2563eb 60%);border-radius:2px;transform:rotate(13deg);box-shadow:3px 5px 5px #0f172a21}.desk-pencil:before{top:-31px;height:32px;background:linear-gradient(#334155 0 17%,#dbc8a0 17%);clip-path:polygon(50% 0,100% 100%,0 100%)}.desk-pencil:after,.desk-pencil:before{content:"";position:absolute;left:0;width:14px}.desk-pencil:after{bottom:-26px;height:30px;background:linear-gradient(#b6c1d4 0 32%,#ddd3d2 32%);border-radius:0 0 4px 4px}.desk-pencil span{position:absolute;inset:24px 2px;writing-mode:vertical-rl;color:#eff6ff;font:7px var(--font-mono);letter-spacing:.12em}.done-sticker{position:absolute;right:8px;bottom:-16px;z-index:3;display:flex;align-items:center;gap:7px;padding:11px;border:1px dashed #93b4f5;border-radius:3px;background:#e8efff;color:#1d4ed8;font:8px/1.5 var(--font-mono);transform:rotate(-8deg)}.process-aurora{position:absolute;inset:0;z-index:0;pointer-events:none}.aurora-viewport{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}.aurora-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,#2563eb12,transparent 62%),radial-gradient(ellipse at 30% 70%,#38bdf80e,transparent 60%)}.aurora-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}.aurora-canvas[data-renderer=aurora]{opacity:1}@media (max-width:1023px){.process-stationery .process-layout{gap:45px}.process-stationery .process-intro h2{font-size:38px}.process-stationery .process-note{padding:28px 23px 25px 34px}.process-stationery .process-note h3{font-size:28px}.process-note-footer{flex-wrap:wrap;gap:8px}.desk-pencil{right:-20px;width:12px}}@media (max-width:767px){.process-stationery{padding:55px 0 30px}.process-stationery .process-layout{grid-template-columns:minmax(0,1fr);gap:0}.process-stationery .process-intro{position:static;padding:0 0 45px;text-align:center}.process-margin-note,.process-stationery .eyebrow-label{justify-content:center}.process-stationery .desk-ruler,.process-stationery .process-intro p,.process-stationery .process-track{margin-inline:auto}.process-stationery .process-intro h2{font-size:clamp(34px,8vw,46px)}.process-stationery .process-intro p{font-size:14px}.process-margin-note{margin-top:25px}.process-stationery .process-scroll-hint{display:block;margin-top:20px}.process-stationery .process-chapter{min-height:650px;padding:60px 5px 70px}.process-stationery .process-note{padding:30px 23px 26px 33px}.process-stationery .process-note h3,.process-stationery .process-note p,.process-stationery .process-note-footer{text-align:center}.process-stationery .process-note h3{font-size:31px}.process-stationery .process-note p{font-size:14px}.process-checklist{flex-direction:column;align-items:center;gap:9px}.process-note-top>span{font-size:9px}.process-note-footer{display:block}.process-caption{justify-content:center}.pinned-label{margin-top:14px}.process-stationery .desk-ruler{display:block;margin-top:38px;width:240px}.desk-pencil{display:none}.done-sticker{right:0;bottom:-18px;font-size:7px}}@media (max-width:380px){.process-stationery .process-note{padding:28px 18px 23px 29px}.process-stationery .process-note h3{font-size:28px}.process-stationery .process-note .handwritten{font-size:14px}.notebook-holes{left:7px}.notebook-holes i{width:7px;height:7px}}@media (prefers-reduced-motion:reduce){.process-stationery .process-chapter{min-height:0;padding-block:40px 60px}.aurora-canvas{display:none}}