/* Three requested effects, scoped to the navigation, signature and loading. */
.site-header .glass-nav{--tab-width:74px;position:relative;display:grid;grid-template-columns:repeat(4,var(--tab-width)) 44px;gap:0;padding:6px;width:max-content;margin:0 12px 0 auto;align-items:center;border:1px solid #ffffff88;border-radius:100px;background:linear-gradient(110deg,#efc5d36b,#f6d4a685 52%,#b2c9ed6b);box-shadow:inset 0 1px 0 #ffffffa3,0 9px 30px #162a4210;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);isolation:isolate}
.site-header .glass-nav>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;height:44px;min-height:44px;font-size:12px;white-space:nowrap;letter-spacing:0;color:#4e5b6c;text-decoration:none}.site-header .glass-nav>a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.site-header .glass-nav>a[aria-current]{color:#1f2e40;font-weight:500}.site-header .glass-nav>a:hover{color:#24354c}.site-header .glass-nav>a[aria-current]:after{display:none}.nav-indicator{position:absolute;z-index:0;left:6px;top:6px;bottom:6px;width:var(--tab-width);border-radius:50px;background:linear-gradient(135deg,#ffffffec,#f4f4fa9c);border:1px solid #ffffffbc;box-shadow:0 5px 10px #21354e1c,inset 0 1px 0 #fff;transform:translateX(calc(var(--nav-index,0) * var(--tab-width)));transition:transform .35s cubic-bezier(.22,.8,.3,1),background .2s}
.theme-toggle{z-index:1;position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;background:none;color:#647386;border-radius:50%;padding:0}.theme-toggle:before{content:"";width:1px;height:22px;background:#5b739933;position:absolute;left:0;top:11px}.theme-toggle svg{width:19px;height:19px;stroke-width:1.3}.theme-toggle:hover{color:#283e5b}.theme-toggle .moon-icon{display:none}.reading-dark .theme-toggle .sun-icon{display:none}.reading-dark .theme-toggle .moon-icon{display:block}.blog-home .site-header .glass-nav{background:linear-gradient(110deg,#cfb0d42b,#d8b2873d 52%,#91b2ec36);border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff2d,0 8px 24px #0002}.blog-home .site-header .glass-nav>a{color:#d1d9e8}.blog-home .site-header .glass-nav>a[aria-current]{color:#263242}.blog-home .theme-toggle{color:#d8dfec}.blog-home .theme-toggle:hover{color:var(--gold)}
.creative-signature{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px;margin-top:70px;padding:28px 48px;border:1px solid #2a3544;background:#0c121c;border-radius:18px;color:#eaf0fa;overflow:hidden}.signature-copy>p:first-child{font-size:12px;letter-spacing:1px;color:#9baec6;margin:0 0 24px}.signature-copy h2{font-size:34px;line-height:1.6;letter-spacing:2px;font-weight:400;margin:0 0 24px}.signature-copy>p{font-size:14px;line-height:2;color:#9fadc1;margin:0 0 20px}.signature-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#d9c5a8;font-size:12px;text-decoration:none}.signature-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.signature-link:hover{color:#f5dfbc}.type-art{--orbit-radius:clamp(100px,14vw,155px);--text-radius:calc(var(--orbit-radius) * 1.27);--type-bg:#0c121c;position:relative;min-width:0;width:100%;height:420px;perspective:1000px;overflow:hidden}.type-space{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;perspective:1000px}.type-orbit{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;animation:world-type-spin 28s linear infinite;color:#e7ecf6;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:calc(var(--orbit-radius) * .76);font-weight:200;line-height:1;pointer-events:none}.type-orbit>span{position:absolute;left:0;top:0;display:block;transform:translate3d(-50%,-50%,0) rotateY(var(--angle)) translateZ(var(--text-radius));backface-visibility:visible}.type-aperture{position:absolute;left:50%;top:50%;width:calc(var(--orbit-radius) * 2);aspect-ratio:1;transform:translate3d(-50%,-50%,0);border:1px solid #91a0b276;border-radius:50%;background:radial-gradient(var(--type-bg) 16%,transparent 73%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.type-aperture:hover{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(circle at center,transparent 0 35%,var(--type-bg) 35% 100%);background-size:3px 3px}.type-art:not(.effect-visible) .type-orbit,.type-paused .type-orbit,.effects-sleep .type-orbit{animation-play-state:paused}.art-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.art-control{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#ffffff05;color:#91a4bd;border:1px solid #ffffff18;border-radius:6px;font-size:10px}.art-control svg{width:13px;height:13px;stroke-width:1.3}.art-control:hover{color:#dce8f6;border-color:#ffffff40;background:#ffffff0a}.art-control[aria-pressed=true]{color:#e4d2b2;border-color:#e4d2b250}.about-visual{width:100%;overflow:hidden;border:1px solid #2a3544;border-radius:16px;background:#0c121c;color:#eaf0fa;padding:0 0 22px}.about-visual .type-art{height:360px;--orbit-radius:115px}.about-visual .art-controls{justify-content:center;margin-top:0}.about-visual>p{font-size:10px;letter-spacing:3px;color:#8194ae;text-align:center;margin:20px 0 0}.about-layout{grid-template-columns:360px minmax(0,1fr);gap:55px}
.site-loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#172334,#080d15 65%);color:#dce6f5;pointer-events:none}.site-loader[hidden]{display:none}.site-loader>p{font-size:12px;letter-spacing:3px;color:#b6c4d8;margin:27px 0 18px}.site-loader>span{font-size:10px;letter-spacing:2px;color:#6e819c}.loader-space{position:relative;display:grid;place-items:center;width:220px;height:150px;perspective:230px;perspective-origin:center center;transform-style:preserve-3d}.letter-loader{position:relative;width:0;height:0;transform-style:preserve-3d;animation:loading-letter-spin 3.6s linear infinite;font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:25px;font-weight:300;line-height:1;color:#e8d7b8}.letter-loader>span{position:absolute;display:block;top:-.5em;left:-.3em;transform:rotateY(calc(var(--letter) * 51.42857deg)) translateZ(55px);backface-visibility:visible}.effects-sleep .letter-loader{animation-play-state:paused}.intro-dialog{background:radial-gradient(ellipse at 50% 60%,#1c2b40,#0c1421);color:#e6edf8;width:min(92vw,500px);padding:55px 26px 30px;text-align:center;border-color:#a9c1de40;border-radius:18px}.intro-dialog h2{font-size:20px;letter-spacing:1px;font-weight:400;margin:0 0 20px}.intro-dialog .loader-space{margin:0 auto;width:100%;height:190px}.intro-dialog>p{font-size:12px;letter-spacing:2px;color:#91a5c2}.intro-dialog:not([open]) .letter-loader{animation-play-state:paused}.intro-dialog .close-dialog{border-color:#ffffff25}.intro-dialog::backdrop{background:#020710d9;backdrop-filter:blur(4px)}
.reading-dark{color-scheme:dark;--paper:#111a26;--reading-ink:#dce5f2;--reading-muted:#9cacbf;--leaf:#aac6e9;--paper-line:#2b394c}.reading-dark .site-header .glass-nav{background:linear-gradient(110deg,#b793bb20,#b68d6c30 52%,#6c96d330);border-color:#ffffff2e;box-shadow:inset 0 1px 0 #ffffff24,0 8px 24px #0003}.reading-dark .nav-indicator{background:linear-gradient(135deg,#435069cd,#29394fb3);border-color:#ffffff25;box-shadow:0 5px 10px #0003,inset 0 1px 0 #ffffff20}.reading-dark .site-header .glass-nav>a{color:#9eafc5}.reading-dark .site-header .glass-nav>a[aria-current]{color:#f0f5fc}.reading-dark .theme-toggle{color:#cad8ed}.reading-dark .avatar-frame{background:#26364b}.reading-dark .category-filters a[aria-current],.reading-dark .category-filters a:hover,.reading-dark .sample-badge{background:#25374e}.reading-dark .search-dialog{color-scheme:dark}.reading-dark .search-dialog input{background:#1a293c;color:var(--reading-ink);border-color:#526984}.reading-dark .project-page .project-tags span{background:#25374e;border-color:#516886;color:var(--leaf)}.reading-dark .paper-button{border-color:#7895b76b}.reading-dark .paper-button:hover{background:#26384e}.reading-dark .site-footer{border-color:var(--paper-line)}
@keyframes world-type-spin{from{transform:rotateX(-12deg) rotateY(0deg)}to{transform:rotateX(348deg) rotateY(-1080deg)}}
@keyframes loading-letter-spin{from{transform:rotateY(0)}to{transform:rotateY(-360deg)}}
@media(max-width:1100px){.site-header .glass-nav{--tab-width:66px;margin-right:0}.creative-signature{padding:24px 35px}.signature-copy h2{font-size:31px}.about-layout{grid-template-columns:300px minmax(0,1fr);gap:35px}.about-visual .type-art{--orbit-radius:100px;height:330px}}
@media(max-width:900px){.site-header .glass-nav{--tab-width:74px;order:3;flex-basis:auto;margin:8px auto 0}.creative-signature{grid-template-columns:1fr 1fr;padding:25px 28px;gap:0}.signature-copy h2{font-size:28px}.type-art{height:360px}.signature-copy>p{font-size:12px}.art-controls{gap:8px}.art-control{font-size:9px;padding:0 8px}.about-layout{grid-template-columns:250px 1fr;gap:30px}.about-visual .type-art{--orbit-radius:84px;height:290px}.about-visual .art-controls{gap:3px}}
@media(max-width:700px){.site-header .glass-nav{--tab-width:58px;margin:5px auto 0;padding:6px;grid-template-columns:repeat(4,var(--tab-width)) 44px}.site-header .glass-nav>a{font-size:11px;gap:5px}.site-header .glass-nav>a svg{width:15px;height:15px}.site-header .theme-toggle{min-width:44px;min-height:44px;width:44px}.theme-toggle svg{width:18px;height:18px}.hero-copy{top:175px}.blog-home .universe{height:930px;min-height:930px}.bunny-mode.blog-home .scene{top:65%}.creative-signature{grid-template-columns:1fr;gap:0;margin-top:45px;padding:33px 25px 10px;border-radius:12px}.signature-copy>p:first-child{font-size:10px;margin-bottom:18px}.signature-copy h2{font-size:27px;line-height:1.6;margin-bottom:19px}.signature-copy h2 br{display:none}.signature-copy>p{font-size:12px}.signature-copy>p br{display:none}.signature-link{font-size:11px}.creative-signature .type-art{height:310px;--orbit-radius:94px;margin-top:12px}.creative-signature .art-controls{margin-top:12px}.art-control{font-size:10px;min-height:44px;padding:0 11px}.about-visual{width:100%;max-width:380px;align-self:center;padding-bottom:24px}.about-visual .type-art{--orbit-radius:105px;height:350px}.about-visual .art-controls{gap:12px}.about-visual>p{font-size:9px;letter-spacing:3px}.intro-dialog{padding:53px 22px 27px}.intro-dialog h2{font-size:18px}.intro-dialog .loader-space{height:170px}.site-loader>p{font-size:11px}.view-immersive .universe{height:100svh;min-height:580px}}
@media(max-width:380px){.site-header .glass-nav{--tab-width:55px}.creative-signature{padding-left:20px;padding-right:20px}.signature-copy h2{font-size:25px}.about-visual .type-art{--orbit-radius:96px;height:320px}}
@media(prefers-reduced-motion:reduce){.nav-indicator{transition:none}.type-orbit,.letter-loader{animation:none}.type-orbit{transform:rotateX(-12deg) rotateY(-25deg)}.loader-space{perspective:none;height:75px}.letter-loader{display:flex;gap:7px;width:auto;height:auto;font-size:18px}.letter-loader>span{position:static;transform:none}.intro-dialog .loader-space{height:100px}}