.about-main{max-width:1040px;margin:auto;padding:26px 24px 50px}
.about-intro{text-align:center;position:relative;padding:15px 0 32px}
.about-intro .motto{font-size:18px;font-weight:400;margin-bottom:10px}
.about-intro h1{font-family:'Cabin Sketch';font-size:58px;line-height:1.06;margin:0 0 13px;letter-spacing:-.4px}
.about-intro p{font-family:'Kalam';font-size:21px;color:var(--muted);margin:0}
.drag-instruction{display:flex;gap:12px;justify-content:center;align-items:center;margin:0 0 23px;font-family:'Kalam';font-size:18px}
.drag-instruction .mini-handle{display:inline-grid;place-items:center;width:43px;height:40px;border:1.5px solid #8b8579;border-radius:48% 45% 49% 47%;font-size:25px;background:#f6ebc5;transform:rotate(-5deg)}
.compare-shell{position:relative;margin-top:38px;padding:0 18px;background:var(--paper)}
.compare-shell::before,.compare-shell::after{content:'';position:absolute;left:0;right:0;height:13px;background:var(--pencil-rule) center/100% 100% no-repeat;pointer-events:none}
.compare-shell::before{top:-7px}
.compare-shell::after{bottom:-7px}
.compare-stage{position:relative;isolation:isolate;--reveal:0%;height:1200px}
.copy-layer{position:absolute;inset:0;overflow:hidden;padding-block:32px}
.layer-real{z-index:2;clip-path:inset(0 0 100% 0);background:var(--paper)}
.layer-linkedin{z-index:1;clip-path:inset(0% 0 0 0);background:var(--paper)}
.copy-row{padding:3px 30px;display:flex;align-items:flex-start;position:relative;box-sizing:border-box}
.copy-row+.copy-row::before{content:'';position:absolute;top:0;left:30px;right:30px;height:5px;background:var(--pencil-rule) center/100% 100% no-repeat;opacity:.17}
.copy-row p{margin:0;max-width:790px;line-height:1.62}
.layer-real .copy-row p{font-family:'Kalam';font-size:20px;line-height:1.38}
.layer-linkedin .copy-row p{font-family:'IBM Plex Sans';font-size:18px;color:var(--muted);line-height:1.45}
.copy-row:last-child{background:linear-gradient(100deg,#eaf1dfb0,#f9efd300)}
.reveal-bar{position:absolute;top:var(--reveal);left:-9px;right:-9px;height:0;z-index:5;pointer-events:none}
.reveal-bar::before{content:'';position:absolute;left:0;right:0;top:-5px;height:11px;background:var(--pencil-rule) center/100% 100% no-repeat;filter:contrast(1.8);opacity:.95}
.reveal-handle{position:absolute;top:0;left:50%;transform:translate(-50%,-50%) rotate(-1deg);display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;min-width:138px;padding:8px 17px;border:1.5px solid #706958;border-radius:48% 43% 46% 41% / 19% 24% 20% 23%;font-family:'Kalam';font-size:17px;line-height:1.1;color:#3b352b;background:#f7eac1;box-shadow:0 2px 0 #82786034;cursor:ns-resize;touch-action:none;user-select:none;pointer-events:auto}
.reveal-handle:focus-visible{outline:3px solid #416caf;outline-offset:5px}
.reveal-handle .arrows{font-size:25px;line-height:1}
.reveal-handle .handle-word{font-size:17px}
.reveal-label{position:absolute;padding:3px 9px;background:var(--paper);font-family:'Kalam';font-size:16px;line-height:1.3;color:var(--ink);white-space:nowrap}
.label-real{right:12px;bottom:7px;color:#52765b}
.label-linkedin{left:12px;top:auto;bottom:7px;color:var(--muted)}
.is-revealing .reveal-handle{box-shadow:0 3px 12px #54493824}
.reveal-effects{position:absolute;inset:-55px -20px;top:0;bottom:0;pointer-events:none;z-index:6;overflow:visible}
.spark{position:absolute;font-family:'Kalam';font-size:26px;line-height:1;animation:pencil-spark .8s ease-out both;will-change:transform,opacity}
.spark.dust{width:12px;height:3px;background:currentColor;border-radius:50%;opacity:.6}
.spark.star{font-size:23px}
@keyframes pencil-spark{0%{transform:translateY(-4px) scale(.4);opacity:0}15%{opacity:.85}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(1);opacity:0}}
.compare-actions{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin:29px 0 10px}
.compare-actions button,.read-both{font-family:'Kalam';font-size:17px;min-height:44px;padding:7px 5px;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.read-both{display:block;margin:0 auto 18px;font-size:15px}
.reading-pairs{margin:25px auto 40px;max-width:870px}
.reading-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:17px 0;border-top:1px solid var(--line)}
.reading-pair p{margin:0;line-height:1.6;font-size:16px}
.reading-pair p+ p{font-family:'Kalam';font-size:19px}
.reading-pairs[hidden]{display:none}
.reading-key{display:flex;justify-content:space-between;gap:20px;font-family:'Kalam';font-size:20px;margin-bottom:15px}
.garden-signoff{max-width:670px;margin:25px auto 0;text-align:center;font-family:'Kalam';color:var(--muted)}
.garden-signoff svg{display:block;width:210px;height:95px;margin:12px auto 0}
.garden-signoff p{margin:0;font-size:17px}
.about-main .text-link{font-size:20px;margin-top:13px}
body[data-about-variant="stars"] .compare-shell{border:14px solid transparent;border-image:var(--frame) 40 stretch;padding-inline:5px;background:linear-gradient(135deg,#fff7dd55,#e9f0e255)}
body[data-about-variant="stars"] .compare-shell::before,body[data-about-variant="stars"] .compare-shell::after{display:none}
body[data-about-variant="stars"] .layer-real{background:#fbfaf2}
body[data-about-variant="stars"] .layer-linkedin{background:#f7f7f2}
body[data-about-variant="stars"] .reveal-bar::before{height:18px;top:-9px;background:var(--underline) center/100% 100% no-repeat;filter:none}
body[data-about-variant="stars"] .reveal-handle{background:#e8edf7;border-color:#647b98;border-radius:7px 11px 8px 12px;transform:translate(-50%,-50%) rotate(1deg)}
body[data-about-variant="stars"] .spark.star{font-size:29px}
body[data-about-variant="stars"] .spark{animation-duration:1.1s}
@media(max-width:640px){.about-main{padding:18px 15px 30px}.about-intro{padding:7px 0 22px}.about-intro h1{font-size:37px}.about-intro .motto{font-size:15px}.about-intro p{font-size:18px}.drag-instruction{font-size:15px;gap:9px;margin-bottom:20px}.compare-shell{margin-top:52px;padding-inline:0}.copy-layer{padding-bottom:52px}.copy-row{padding:3px 13px}.copy-row+.copy-row::before{left:13px;right:13px}.layer-real .copy-row p{font-size:18px;line-height:1.38}.layer-linkedin .copy-row p{font-size:16px;line-height:1.45}.reveal-bar{left:0;right:0}.reveal-handle{min-width:116px;min-height:52px;gap:9px;padding-inline:11px}.reveal-label{font-size:13px;padding-inline:4px}.label-real{right:0;bottom:29px}.label-linkedin{left:0;top:auto;bottom:29px}.reveal-effects{left:0;right:0}.compare-actions{gap:15px;margin-top:29px}.compare-actions button{font-size:15px}.read-both{font-size:14px}.reading-pair{grid-template-columns:1fr;gap:13px}.reading-key{font-size:17px}body[data-about-variant="stars"] .compare-shell{border-width:9px;padding:0}.garden-signoff p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.spark{display:none}html{scroll-behavior:auto}}
@media(max-width:640px){.nav a.nav-home{display:none}}