/* Original meadow composition; the reference informs scale and material only. */
:root{--ink:#304b4c;--muted:#576f6d;--gold:#a68752}
#scene{filter:saturate(.76) contrast(.94) brightness(1.035)}
.scene-veil{background:linear-gradient(90deg,#f1f1e600 25%,#e9efe52b 43%,#eaf0e76b 72%,#eaf0e987),linear-gradient(0deg,#eaf0e63d,transparent 38%,transparent 79%,#f4f4ee54)}
.light-field{opacity:.34}.site-note{color:#49615c}.wordmark{color:#304e49}
.glass{border-color:#ffffffe0;background:linear-gradient(142deg,#ffffff50,#f5faee18 75%),rgb(245 249 238 / var(--glass-coat,.60));backdrop-filter:blur(var(--glass-blur,10px)) saturate(1.17);-webkit-backdrop-filter:blur(var(--glass-blur,10px)) saturate(1.17);box-shadow:0 17px 32px -23px #344d5566,0 2px 5px #4c675b0a,inset 0 1px 2px #fff,inset 0 -1px 8px #fffff73b}
.glass::after{content:"";position:absolute;pointer-events:none;top:17px;right:18px;width:12px;height:5px;border-top:1px solid #bca26a00;border-right:1px solid #bca26a00;transition:width .35s,border-color .35s}
.glass:hover::after,.glass:focus-within::after{width:28px;border-color:#b59a606e}.glass:hover,.glass:focus-within{background-color:rgb(247 250 241 / .70);box-shadow:0 20px 34px -23px #344c5666,inset 0 1px 2px white}
.directory a:hover,.directory a:focus-visible{background:#fff9;color:#304f4c}.small-kicker{color:#617c76}.greeting-note .handwritten{font-size:31px}.profile-bio{font-size:12px;line-height:1.85;color:#4b6660}.profile-about{color:#546f5d}.clock-digits{color:#3b5a56}.clock-date{color:#62796e}
.blog-glass{padding:20px}.blog-glass h2{margin-top:15px;font-size:14px}.blog-glass .window-heading time{font:9px/1.2 var(--font);margin-left:auto;color:#718376}#home-latest-blog{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.65;margin-top:8px;font-weight:550;color:#35514c}.blog-glass #blog-caption{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;max-width:none;font-size:10px;margin-top:7px;color:#687e72}.blog-glass a:hover{text-decoration:underline;text-underline-offset:4px}
.library-glass p{max-width:145px;line-height:1.6;font-size:11px}.works-bottom p{max-width:177px;font-size:11px;color:#5b7368}.works-art{border:1px solid #fff9}.works-bottom h2{font-size:16px}.contribution-grid i{border-radius:2px;background:#839b7a24}.calendar-caption{color:#5d7666}.calendar-caption #contribution-caption{font-size:9px}
.recommendation-glass{border-radius:27px;padding:17px 18px}.recommendation-window .window-heading{justify-content:space-between}.recommendation-window button{font:20px/1.1 var(--font);color:#8b9a81;width:25px;height:25px;border:0;background:transparent;cursor:pointer;border-radius:50%}.recommendation-window button:hover{color:#8f743e;background:#fff8}.recommendation-window button:disabled{opacity:.35;cursor:default}.recommend-title{font-size:12px;font-weight:550;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55;margin:9px 0 5px}.recommend-title:hover{text-decoration:underline;text-underline-offset:3px}.recommendation-window p{font-size:10px;line-height:1.6;color:#6b7f72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.music-glass{display:flex;align-items:center;gap:13px;padding:13px 20px 20px;overflow:visible;border-radius:27px}.music-copy{flex:1;min-width:0}.music-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#35554f}.music-title:hover{text-decoration:underline;text-underline-offset:4px}.music-subtitle{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#71816f;margin-top:3px}.home-music-progress{display:flex;align-items:center;gap:9px;margin-top:5px}.home-music-progress input{min-width:0;width:100%;height:3px;accent-color:#97ab89;cursor:pointer}.home-music-progress time{font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#71816f}.home-play-button{border:1px solid #fff;border-radius:50%;width:36px;height:36px;flex:none;background:#fffff8bb;color:#6c917f;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.home-play-button:hover{background:white;transform:scale(1.06)}.home-play-button:disabled{opacity:.45;cursor:default}.home-music-page{font-size:17px;color:#849882}.home-player-status{position:absolute;left:68px;bottom:7px;font-size:8px;line-height:1.2;color:#687e6e;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-glass .record{width:34px;height:34px;flex:none}.music-glass .record i{width:12px;height:12px}.music-glass[data-player-state=playing] .record{animation:home-record-spin 10s linear infinite}.home-music-page:hover{color:#947b4f}@keyframes home-record-spin{to{transform:rotate(360deg)}}
.more-row a{color:#3f5d55;background:#f6faed36;padding:5px 6px;border-radius:12px}.more-row a:hover{background:#fffff87a;color:#8a7041}.social-row [data-custom-social]{font-size:13px}.social-caption{margin-left:1px}
@media(min-width:1150px){
  #home-interface{padding-right:38px;padding-top:87px;padding-bottom:42px}.constellation{width:842px;height:690px}.directory{left:1px;top:118px;width:176px;height:258px}.profile{left:205px;top:76px;width:292px;height:254px}.greeting-note{left:211px;top:20px;width:310px}.clock-window{left:564px;top:1px;width:194px;height:96px}.works-window{left:523px;top:123px;width:270px;height:222px}.social-row{left:246px;top:349px;width:280px}.blog-window{left:10px;top:405px;width:174px;height:141px}.github-window{left:205px;top:405px;width:298px;height:129px}.library-window{left:536px;top:372px;width:246px;height:166px}.music-window{left:219px;top:559px;width:574px;height:83px}.recommendation-window{left:16px;top:565px;width:171px;height:122px}.more-row{left:213px;top:660px;width:580px;gap:17px}
}
@media(min-width:1500px){#home-interface{padding-right:5vw}.constellation{transform:scale(1.03);transform-origin:right center}.scene-veil{background:linear-gradient(90deg,transparent 25%,#e7eddf18 41%,#edf0e66b 73%,#eaf0e980)}}
@media(min-width:1150px) and (max-height:820px){.constellation{transform:scale(.91);transform-origin:right top;margin-left:-76px;margin-bottom:-62px}#home-interface{align-items:flex-start;padding-top:66px}}
@media(min-width:1150px) and (max-height:680px){.constellation{transform:scale(.76);margin-left:-202px;margin-bottom:-166px}#home-interface{padding-top:64px}}
@media(min-width:900px) and (max-width:1149px){.recommendation-window{left:14px;top:552px;width:180px;height:124px}.constellation{height:690px}.music-window{left:227px;top:556px;width:428px;height:82px}.more-row{top:654px}.music-copy{max-width:260px}}
@media(max-width:899px){.recommendation-window{grid-column:1/-1;order:9;min-height:116px;margin:0 15% 0 0}.music-window{order:10;height:100px;margin-right:0}.more-row{order:11}.blog-window{min-height:174px}.blog-glass{padding:21px}.blog-glass #blog-caption{-webkit-line-clamp:2}.music-glass{padding:16px 15px 25px;gap:9px}.music-subtitle{max-width:170px}.home-player-status{left:58px;bottom:10px;font-size:8px}.music-copy{max-width:calc(100% - 87px)}.home-music-progress time{font-size:8px}.recommendation-glass{padding:18px 22px}.recommendation-window p{-webkit-line-clamp:1}.scene-veil{background:linear-gradient(0deg,#ecf0e9b0,#ecf0e95c 65%,#ecf0e91a)}.social-row{gap:8px}.social-caption{display:none}}
@media(prefers-reduced-motion:reduce){.music-glass .record{animation:none}.glass::after,.home-play-button{transition:none}}

.home-next-button{border:0;background:transparent;color:#7d9474;padding:3px;cursor:pointer;font-size:23px;line-height:1}.home-next-button:disabled{opacity:.35;cursor:default}@media(min-width:1150px) and (max-height:820px){#home-interface{padding-bottom:20px}}

/* Reading hierarchy: darker content, quiet labels, unchanged window composition. */
.profile-bio{font-size:13px;color:#405b54}
.small-kicker,.clock-date,.blog-glass .window-heading time{color:#52695e}
#home-latest-blog,.recommend-title,.music-title{font-size:13px;font-weight:600;color:#2e4942}
.blog-glass #blog-caption,.recommendation-window p,.works-bottom p,.library-glass p,.music-subtitle{color:#50665a;font-size:11px}
.works-bottom p,.library-glass p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.calendar-caption,.calendar-caption #contribution-caption{color:#4d6458}
.home-player-status,.home-music-progress time{color:#4f6558;font-size:9px}
.recommendation-window button{color:#59715d;min-width:30px;min-height:30px}
.home-next-button,.home-music-page{color:#506d5a;min-width:26px;min-height:30px;display:grid;place-items:center;flex:none}
.home-music-progress input{height:16px;margin-block:0}
.glass::after{width:28px;transform:scaleX(.43);transform-origin:right;transition:transform .3s,border-color .3s}
.glass:hover::after,.glass:focus-within::after{transform:scaleX(1)}
.window{will-change:auto}
body:not([data-entered=true]) .window{will-change:transform,opacity}
@media(min-width:1150px) and (hover:hover) and (prefers-reduced-motion:no-preference){.window{will-change:transform}}
@media(max-width:899px){
  .music-window{height:112px}.music-glass{gap:7px;padding-inline:14px;padding-bottom:26px}
  .home-play-button{width:44px;height:44px}.home-next-button,.home-music-page{min-width:32px;min-height:44px}
  .music-glass .record{display:none}.music-copy{max-width:none;min-width:0}
  .music-title{font-size:13px}.music-subtitle{max-width:100%}.home-player-status{left:16px;bottom:9px;font-size:10px;max-width:calc(100% - 32px)}
  .home-music-progress time{font-size:9px}.recommendation-window button{min-width:44px;min-height:44px;margin:-7px -7px -7px 0}
  .more-row a{min-height:36px;padding-inline:8px}.directory a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.glass::after{transition:none}}

/* Secondary navigation and staggered editorial windows, October 31. */
.directory-glass{padding:23px 14px 20px;border-radius:29px}
.directory-heading{margin-bottom:16px}.directory-heading small{font-size:7px;letter-spacing:.1em}
.directory a{height:38px;margin:5px 0}.directory-bottom{margin-top:18px}
.works-glass{border-radius:30px 38px 30px 30px}
.blog-glass{border-radius:27px 27px 35px 27px}
.recommendation-glass{border-radius:27px 35px 27px 27px}
@media(min-width:1150px){
 .constellation{width:860px;height:674px}
 .directory{left:6px;top:98px;width:184px;height:316px}
 .greeting-note{left:231px;top:8px;width:310px}
 .profile{left:224px;top:66px;width:284px;height:264px}
 .clock-window{left:574px;top:12px;width:190px;height:96px}
 .works-window{left:548px;top:143px;width:286px;height:242px}
 .social-row{left:314px;top:348px;width:195px}
 .blog-window{left:0;top:445px;width:218px;height:159px}
 .github-window{left:246px;top:420px;width:286px;height:137px}
 .library-window{left:568px;top:418px;width:240px;height:177px}
 .recommendation-window{left:266px;top:585px;width:242px;height:119px}
 .music-window{left:538px;top:624px;width:300px;height:90px}
 .music-glass{padding-left:15px;gap:7px}.music-glass .record{display:none}
 .home-player-status{left:16px;max-width:calc(100% - 32px)}
 .music-subtitle{max-width:150px}
 .scene-veil{background:radial-gradient(ellipse at 70% 51%,#eef2e688,transparent 55%),linear-gradient(90deg,transparent 31%,#eaf0e526 53%,#eaf0e967)}
}
@media(min-width:900px) and (max-width:1149px){.directory{height:316px;top:70px}.blog-window{top:412px}}
@media(max-width:899px){
 .directory-glass{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 7px;gap:2px}
 .directory a{flex-direction:column;justify-content:center;gap:5px;height:57px;margin:0;padding:5px 0;font-size:11px}
 .directory .home-icon{width:17px;height:17px;flex:none}
}
/* Keep text legible over the detailed meadow even when scene settings lower the coat. */
.directory-glass,.profile-glass,.blog-glass,.github-glass,.library-glass,.recommendation-glass,.music-glass{background:linear-gradient(140deg,#ffffff52,#f3f7ee14),rgb(241 246 235 / .76)}
@media(min-width:1150px){.constellation{height:720px}}

/* Compact the middle band without turning the windows into a uniform grid. */
@media(min-width:1150px){
 .github-window{left:240px;top:408px;width:286px;height:137px}
 .library-window{left:568px;top:438px;width:240px;height:177px}
 .blog-window{left:0;top:452px;width:214px;height:159px}
 .recommendation-window{left:260px;top:577px;width:242px;height:119px}
 .music-window{left:535px;top:644px;width:303px;height:90px}
 .constellation{height:740px}
}