.name-stage{background:var(--home-deep);color:#fff;text-align:center;padding:var(--s-7) 0 var(--s-7)}.nameplate{letter-spacing:-.05em;padding-bottom:.2em;font-size:clamp(72px,18vw,180px);line-height:.9}.pronounce{align-items:center;gap:var(--s-3);min-height:40px;margin-top:var(--s-3);letter-spacing:.04em;color:var(--home-soft);font-size:clamp(22px,3vw,32px);font-weight:600;line-height:1.2;display:inline-flex}.hear{width:36px;height:36px;color:var(--home-soft);transition:background var(--m-fast) ease, color var(--m-fast) ease;border:1px solid #ffffff40;border-radius:50%;place-items:center;display:inline-grid}.hear[hidden]{display:none}.hear:hover{color:#fff;background:#ffffff1f}.name-meaning{padding-block:var(--s-7)}.name-line{letter-spacing:-.01em;max-width:36ch;margin-bottom:var(--s-5);font-size:clamp(20px,2.6vw,26px);font-weight:500;line-height:1.35}.name-halves{gap:var(--s-3);display:grid}.half{gap:var(--s-1);padding:var(--s-5);border-radius:var(--r-md);background:var(--fill);color:var(--ink-2);font-size:18px;line-height:26px;display:grid}.half-word{letter-spacing:-.04em;color:var(--ink);font-size:clamp(40px,7vw,64px);font-weight:700;line-height:1}.half:last-child .half-word{color:var(--home-a)}.mark-band{padding-top:0}.mark-grid{gap:var(--s-6);align-items:center;display:grid}.big-mark{aspect-ratio:1;width:min(280px,70vw);color:var(--home-deep);background:var(--home-wash);transition:transform var(--dur-glide) var(--spring-glide);border-radius:50%;justify-self:center;place-items:center;display:grid}[data-mode=dark] .big-mark{color:var(--ink)}.big-mark:hover{transform:scale(1.03)rotate(-3deg)}.big-mark svg{width:72%;height:72%;overflow:visible}.big-mark .ring{stroke-dasharray:160.2 53.4}.big-mark .dot{transform-origin:50px 50px;transform-box:view-box}.big-mark.play .ring{animation:big-lens 2.4s var(--spring-morph) both}.big-mark.play .dot{animation:big-glint 2.4s var(--spring-morph) both}@keyframes big-lens{0%,8%{stroke-dasharray:160.2 53.4}40%,70%{stroke-dasharray:213.6 0}to{stroke-dasharray:160.2 53.4}}@keyframes big-glint{0%,8%{transform:scale(1)}40%,70%{transform:scale(.6)translate(8px,-8px)}to{transform:scale(1)}}.mark-band h2{font-size:clamp(28px,4vw,44px)}.mark-notes{margin:var(--s-4) 0 0;gap:var(--s-3);padding:0;list-style:none;display:grid}.mark-notes li{gap:var(--s-3);align-items:baseline;font-size:18px;line-height:26px;display:flex}.mn{color:#131617;width:26px;height:26px;font:700 14px/26px var(--font-sans);text-align:center;background:#e8772e;border-radius:50%;flex:none;transform:translateY(-2px)}.mark-aside{gap:var(--s-2);margin-top:var(--s-5);color:var(--muted);align-items:center;font-size:15px;display:flex}.mark-aside+.mark-aside{margin-top:var(--s-3)}.joel-open{padding:var(--s-5) 0 var(--s-6)}.joel-grid{gap:var(--s-6);align-items:center;display:grid}.viewfinder{justify-self:center;width:min(320px,82vw);margin:0}.vf-frame{aspect-ratio:4/5;border-radius:var(--r-md);color:#fff;background:#131617;place-items:center;display:grid;position:relative;overflow:hidden}.vf-frame:after{content:"";border:1px dashed #ffffff40;border-radius:4px;position:absolute;inset:22%}.vf-corner{border:3px solid #fff;width:26px;height:26px;position:absolute}.vf-corner.tl{border-bottom:0;border-right:0;top:14px;left:14px}.vf-corner.tr{border-bottom:0;border-left:0;top:14px;right:14px}.vf-corner.bl{border-top:0;border-right:0;bottom:14px;left:14px}.vf-corner.br{border-top:0;border-left:0;bottom:14px;right:14px}.vf-rec{font:600 12px/16px var(--font-mono);letter-spacing:.08em;align-items:center;gap:6px;display:inline-flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.vf-rec i{background:#e8772e;border-radius:50%;width:9px;height:9px}.vf-sil{color:#ffffff24;width:70%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vf-frame:before{content:"";background:linear-gradient(90deg,#0000 calc(33.3% - .5px),#ffffff1f 33.3%,#0000 calc(33.3% + .5px) calc(66.6% - .5px),#ffffff1f 66.6%,#0000 calc(66.6% + .5px)),linear-gradient(#0000 calc(33.3% - .5px),#ffffff1f 33.3%,#0000 calc(33.3% + .5px) calc(66.6% - .5px),#ffffff1f 66.6%,#0000 calc(66.6% + .5px)),radial-gradient(80% 60% at 50% 40%,#2a3437,#131617);position:absolute;inset:0}.vf-tc{font:500 12px/16px var(--font-mono);color:#ffffffbf;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.vf-slot{z-index:1;color:#ffffffbf;font-size:14px;position:relative}.joel-copy h1{font-size:clamp(40px,6vw,64px)}.joel-copy .lede{margin-top:var(--s-3)}.draft{margin-bottom:var(--s-3);border-radius:var(--r-pill);border:1px dashed var(--home-a);color:var(--home-a);padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.stat-chips{margin:var(--s-5) 0 0;gap:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.stat-chips li{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);border-radius:var(--r-pill);background:var(--fill);transition:transform var(--dur-glide) var(--spring-glide);display:flex}.stat-chips li:hover{transform:translateY(-2px)rotate(-1deg)}.stat-chips b,.stat-chips small{display:block}.stat-chips b{font-size:16px;line-height:20px}.stat-chips small{color:var(--muted);font-size:13px;line-height:16px}.stat-ic{background:var(--ground);width:36px;height:36px;color:var(--home-a);border-radius:50%;place-items:center;display:grid}.joel-beats{padding-top:var(--s-6)}.beats{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.beat{column-gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);display:grid}.beat-ic{border-radius:var(--r-sm);background:var(--home-wash);width:48px;height:48px;color:var(--home-a);grid-row:span 2;place-items:center;display:grid;position:relative}.beat-ic em{color:#131617;width:20px;height:20px;font:700 11px/20px var(--font-sans);text-align:center;background:#e8772e;border-radius:50%;font-style:normal;position:absolute;top:-6px;right:-6px}.beat h2{letter-spacing:-.01em;font-size:18px;line-height:24px}.beat p{color:var(--ink-2);margin-top:2px;font-size:15px;line-height:22px}.joel-actions{margin-top:var(--s-5)}@media (width>=720px){.name-halves,.beats{gap:var(--s-4);grid-template-columns:1fr 1fr}}@media (width>=900px){.name-stage{padding:var(--s-8) 0}.mark-grid{gap:var(--s-8);grid-template-columns:340px minmax(0,1fr)}.joel-grid{gap:var(--s-8);grid-template-columns:320px minmax(0,1fr)}.joel-open{padding:var(--s-6) 0 var(--s-7)}}@media (prefers-reduced-motion:reduce){.big-mark.play .ring,.big-mark.play .dot{animation:none}.big-mark,.stat-chips li{transition:none}}.half+.half{margin-top:0}.beat{grid-template-rows:auto 1fr;align-items:start}