:root{--abyss:#010306;--foam:#e4f2f3;--foam-dim:#acc2c7;--foam-muted:#7f9399;--plankton:#49c7c0;--muted:#4d616b;--line:#102d3873;--line-soft:#0a1d2638;--font-display:"Outfit", "Pretendard", sans-serif;--font-body:"Pretendard", "Apple SD Gothic Neo", sans-serif;--font-mono:"JetBrains Mono", "D2Coding", ui-monospace, monospace;--ease-depth:cubic-bezier(.16, 1, .3, 1);--ease-water:cubic-bezier(.4, 0, .2, 1);--breathe-y:-5px;--midnight:#03080f;--twilight:#061320;--glow:#00bad2;--coral:#e58870;--kelp:#60a06e}@supports (color:lab(0% 0 0)){:root{--foam:lab(94.3365% -4.56586 -2.4459);--foam-dim:lab(77.0025% -7.21812 -4.78215);--foam-muted:lab(59.5759% -6.76823 -5.45549);--plankton:lab(73.4112% -37.1094 -7.41314);--muted:lab(39.7816% -6.04244 -8.6107);--line:lab(16.6355% -8.3541 -10.4011/.45);--line-soft:lab(9.61441% -5.83933 -8.19635/.22);--glow:lab(68.5553% -38.2002 -25.7944);--coral:lab(66.5437% 34.8536 28.7532);--kelp:lab(60.6869% -29.9247 19.4406)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--abyss);color:var(--foam);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss02";cursor:none;font-weight:350}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}a,button{cursor:none}#cursor{pointer-events:none;height:34px;transition:filter .35s var(--ease-depth), opacity .35s var(--ease-depth), transform .35s var(--ease-depth);will-change:left, top, transform;z-index:9999;justify-content:center;align-items:center;width:34px;display:flex;position:fixed;top:-100px;left:-100px;transform:translate(-50%,-50%)}#cursor:before{content:"";opacity:.7;transition:transform .35s var(--ease-depth), opacity .35s var(--ease-depth);background:radial-gradient(circle,#49c7c042,#0000 62%);background:radial-gradient(circle,lab(73.4112% -37.1094 -7.41314/.26),#0000 62%);border-radius:50%;position:absolute;inset:-12px;transform:scale(.85)}.cursor-glyph:before{content:"🐠";filter:drop-shadow(0 0 14px #49c7c07a);filter:drop-shadow(0 0 14px lab(73.4112% -37.1094 -7.41314/.48));transition:content .2s, font-size .35s var(--ease-depth), transform .35s var(--ease-depth);font-size:23px;display:block;transform:rotate(-8deg)}#cursor[data-zone=twilight] .cursor-glyph:before{content:"🐟"}#cursor[data-zone=midnight] .cursor-glyph:before{content:"🐋";font-size:26px}#cursor[data-zone=abyssal] .cursor-glyph:before{content:"🐙";font-size:26px}#cursor[data-zone=hadal] .cursor-glyph:before{content:"✶";color:var(--plankton);font-size:28px}#cursor.link{filter:brightness(1.25);transform:translate(-50%,-50%)scale(1.22)}#cursor.link:before{opacity:1;transform:scale(1.25)}.blog-cursor .cursor-glyph:before{content:"🐳";font-size:25px}#ocean-canvas{z-index:0;pointer-events:none;transition:opacity .45s;position:fixed;inset:0}#bubble-trail{z-index:9998;pointer-events:none;position:fixed;inset:0}.overlay-vignette{z-index:2;pointer-events:none;background:radial-gradient(at 50% 0,#0000 40%,#0006 100%),radial-gradient(at 50% 100%,#0000 50%,#0000008c 100%);position:fixed;inset:0}.overlay-grain{z-index:3;pointer-events:none;opacity:.042;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}#descent-line{z-index:50;pointer-events:none;background:linear-gradient(180deg,transparent,var(--plankton) 30%,var(--plankton) 70%,transparent);opacity:0;width:1px;height:0%;transition:opacity .8s;position:fixed;top:0;left:20px}#descent-line.visible{opacity:.22}main,section,footer{z-index:5;position:relative}.frame{z-index:50;pointer-events:none;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--foam-muted);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto 1fr;gap:12px;padding:24px 32px;font-size:10px;display:grid;position:fixed;inset:0}.frame>*{pointer-events:auto}.frame .fr-logo{opacity:0;grid-area:1/1;transition:opacity 1.2s 1s}.frame .fr-logo.in{opacity:1}.frame .fr-nav{opacity:0;grid-area:1/3;justify-self:end;gap:28px;transition:opacity 1.2s 1.2s;display:flex}.frame .fr-nav.in{opacity:1}.frame .fr-nav a{transition:color .3s}.frame .fr-nav a:hover{color:var(--plankton)}.frame .fr-coord{flex-direction:column;grid-area:3/1;gap:4px;display:flex}.frame .fr-depth{text-align:right;flex-direction:column;grid-area:3/3;justify-self:end;align-items:flex-end;gap:4px;display:flex}.frame .fr-depth .depth-num{color:var(--plankton);letter-spacing:.06em;font-size:13px;transition:opacity .15s}.frame .fr-depth .depth-num.flicker{opacity:.25}.frame.frame-blog .fr-logo,.frame.frame-blog .fr-nav{opacity:1;transition:none}.frame.frame-blog{letter-spacing:.12em;color:var(--foam-dim);font-size:11px}.frame.frame-blog .fr-depth .depth-num{letter-spacing:.05em;font-size:14px}.hero{background:linear-gradient(#001f2580 0%,#000c1159 70%,#0000 100%);background:linear-gradient(lab(10.0024% -18.003 -15.2123/.5) 0%,lab(2.57986% -4.40519 -9.4556/.35) 70%,#0000 100%)}#about{background:linear-gradient(#00040740 0%,#0001022e 100%);background:linear-gradient(lab(.933136% -1.45953 -3.317/.25) 0%,lab(.198584% -.245549 -.634012/.18) 100%)}#projects{background:linear-gradient(#0001014d 0%,#00000059 100%);background:linear-gradient(lab(.114147% -.121593 -.340068/.3) 0%,lab(.0243111% -.0184402 -.0710338/.35) 100%)}#topics{background:linear-gradient(#00000059 0%,#00000073 100%);background:linear-gradient(lab(.0240421% -.0136197 -.0759572/.35) 0%,lab(.00515366% -.00152737 -.0140935/.45) 100%)}.site-footer{background:#000000a6;background:lab(.00151253% -.000298023 -.0049293/.65)}.section-tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--foam-muted);align-items:center;gap:14px;margin-bottom:52px;font-size:10px;display:flex}.section-tag .tag-dot{background:var(--plankton);width:6px;height:6px;box-shadow:0 0 10px var(--plankton);border-radius:50%;flex-shrink:0;animation:2.8s ease-in-out infinite pulse}.section-tag .tag-dot.dim{border:1px solid var(--muted);box-shadow:none;background:0 0;animation:none}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.hero{transform-origin:50% 40%;will-change:transform,opacity;flex-direction:column;justify-content:space-between;min-height:92vh;padding:152px 8vw 64px;display:flex;position:relative;overflow:hidden}.hero-top{opacity:0;animation:heroIn 1.4s var(--ease-depth) .6s forwards;grid-template-columns:1fr auto;align-items:end;gap:28px;display:grid}@keyframes heroIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-meta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--foam-dim);max-width:320px;font-size:10px;line-height:1.85}.hero-meta strong{color:var(--foam);font-weight:500}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;max-width:7ch;color:var(--foam);opacity:0;animation:heroTitleIn 1.9s var(--ease-depth) .2s forwards, breathe 9s ease-in-out 2.8s infinite;will-change:transform,opacity;text-wrap:balance;margin:44px 0 32px;font-size:clamp(72px,14vw,240px);font-style:italic;font-weight:250;line-height:.92}@keyframes heroTitleIn{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(var(--breathe-y))}}.hero h1 .sub{color:var(--foam-muted);letter-spacing:-.02em;margin-bottom:6px;font-size:.52em;font-style:normal;font-weight:200;display:block}.hero h1 .accent{color:var(--plankton)}.scroll-hint{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--foam-muted);opacity:0;animation:hintIn 1.2s var(--ease-depth) 1.4s forwards;flex-direction:column;align-items:center;gap:12px;font-size:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes hintIn{to{opacity:.52}}.scroll-hint:after{content:"";background:linear-gradient(180deg,var(--plankton),transparent);width:1px;height:52px;animation:2.6s ease-in-out infinite drop}@keyframes drop{0%{opacity:0;transform:translateY(-20px)}35%{opacity:.8}to{opacity:0;transform:translateY(12px)}}[data-reveal]{opacity:0;transition:opacity 1.3s var(--ease-depth),transform 1.3s var(--ease-depth);transform:translateY(24px)}[data-reveal].in{opacity:1;transform:translateY(0)}[data-reveal][data-delay="1"]{transition-delay:.15s}[data-reveal][data-delay="2"]{transition-delay:.3s}[data-reveal][data-delay="3"]{transition-delay:.45s}[data-reveal][data-delay="4"]{transition-delay:.6s}[data-reveal][data-delay="5"]{transition-delay:.75s}[data-reveal][data-delay="6"]{transition-delay:.9s}[data-reveal-x]{opacity:0;transition:opacity 1.1s var(--ease-depth),transform 1.1s var(--ease-depth);transform:translate(-16px)}[data-reveal-x].in{opacity:1;transform:translate(0)}[data-reveal-x][data-delay="1"]{transition-delay:.18s}[data-reveal-x][data-delay="2"]{transition-delay:.36s}[data-reveal-x][data-delay="3"]{transition-delay:.54s}[data-reveal-x][data-delay="4"]{transition-delay:.72s}[data-reveal-x][data-delay="5"]{transition-delay:.9s}[data-reveal-blur]{opacity:0;filter:blur(4px);transition:opacity .9s var(--ease-water),filter .9s var(--ease-water)}[data-reveal-blur].in{opacity:1;filter:blur()}section.stage{flex-direction:column;justify-content:center;min-height:88vh;padding:132px 8vw 104px;display:flex;position:relative}.about-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:64px;display:grid}.about-grid h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--foam);font-size:clamp(44px,5.5vw,88px);font-style:italic;font-weight:250;line-height:1.02}.about-grid h2 em{color:var(--plankton)}.about-body p{color:var(--foam-dim);max-width:56ch;margin-bottom:20px;font-size:17px;line-height:1.72}.about-body p em{color:var(--plankton);font-style:italic}.about-status{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line-soft);margin-top:40px;padding-top:28px;font-size:10px}.about-status strong{color:var(--foam-dim)}.timeline{border-top:1px solid var(--line-soft);margin-top:64px}.timeline-row{border-bottom:1px solid var(--line-soft);grid-template-columns:140px 1fr 220px;align-items:baseline;gap:36px;padding:36px 0;transition:background .5s;display:grid}.timeline-row:hover{background:linear-gradient(90deg,#0000,#00151c1a,#0000);background:linear-gradient(90deg,#0000,lab(5.4083% -6.10417 -8.74879/.1),#0000)}.tl-date{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:11px}.tl-title{font-family:var(--font-display);color:var(--foam);font-size:24px;font-weight:300;line-height:1.2}.tl-title .org{font-size:11px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block}.tl-desc{color:var(--foam-muted);font-size:14px;line-height:1.6}.projects-header{margin-bottom:48px}.projects-header h2{font-family:var(--font-display);letter-spacing:-.04em;color:var(--foam);font-size:clamp(52px,9vw,140px);font-style:italic;font-weight:250;line-height:.92}.projects-header h2 em{color:var(--plankton)}.log-group{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);align-items:center;gap:16px;margin:44px 0 18px;font-size:10px;display:flex}.log-group .lg-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.log-group.active .lg-dot{background:var(--plankton);box-shadow:0 0 8px var(--plankton);animation:2.8s ease-in-out infinite pulse}.log-group.past .lg-dot{border:1px solid var(--muted);background:0 0}.log-group .lg-line{background:var(--line-soft);flex:1;height:1px}.log-entry{border-top:1px solid var(--line-soft);grid-template-columns:96px 1fr 1fr 120px;align-items:start;gap:40px;padding:30px 0;display:grid;position:relative;overflow:hidden}.log-entry:last-child{border-bottom:1px solid var(--line-soft)}.log-entry:before{content:"";background:radial-gradient(ellipse 420px 120px at var(--mx,50%) 50%,#00202629,transparent 70%);opacity:0;transition:opacity .7s var(--ease-depth);pointer-events:none;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.log-entry:before{background:radial-gradient(ellipse 420px 120px at var(--mx,50%) 50%,lab(9.94267% -15.2717 -10.9145/.16),transparent 70%)}}.log-entry:hover:before{opacity:1}.log-entry:after{content:"";background:var(--plankton);opacity:0;clip-path:inset(0 0 100%);width:1px;transition:opacity .3s,clip-path .55s var(--ease-depth);position:absolute;top:36px;bottom:36px;left:0}.log-entry:hover:after{opacity:.6;clip-path:inset(0 0 0%)}.le-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:4px;font-size:10px;line-height:1.9}.le-status{color:var(--plankton);align-items:center;gap:5px;margin-bottom:6px;display:flex}.le-status .sd{background:var(--plankton);width:4px;height:4px;box-shadow:0 0 5px var(--plankton);border-radius:50%;animation:3.7s ease-in-out infinite liveFlicker}@keyframes liveFlicker{0%{opacity:.72}12%{opacity:1}18%{opacity:.82}35%{opacity:1}50%{opacity:.76}67%{opacity:1}82%{opacity:.88}to{opacity:.72}}.le-depth{letter-spacing:.1em;color:var(--muted);margin-top:8px;font-size:9px;display:block}.le-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--foam);font-size:38px;font-weight:280;line-height:1}.le-title em{color:var(--plankton);font-style:italic}.le-body{color:var(--foam-dim);max-width:46ch;font-size:15px;line-height:1.65}.le-tags{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right;padding-top:4px;font-size:10px;line-height:2}.log-entry.past .le-title{color:var(--foam-dim)}.log-entry.past{opacity:.78}.topics-header{grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:40px;display:grid}.topics-header h2{font-family:var(--font-display);letter-spacing:-.04em;color:var(--foam);font-size:clamp(52px,9vw,140px);font-style:italic;font-weight:250;line-height:.92}.topics-header h2 em{color:var(--plankton)}.archive-link{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--plankton);transition:all .4s var(--ease-depth);border:1px solid #49c7c073;border:1px solid lab(73.4112% -37.1094 -7.41314/.45);border-radius:2px;padding:12px 18px;font-size:10px}.archive-link:hover{border-color:var(--plankton);background:#49c7c01a;background:lab(73.4112% -37.1094 -7.41314/.1)}.archive-grid{background:var(--line-soft);border:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.archive-cell{min-height:260px;transition:background .6s var(--ease-depth);background:#000;background:lab(.0139694% -.00787526 -.0384152);flex-direction:column;justify-content:space-between;padding:44px 36px 36px;display:flex;position:relative;overflow:hidden}.archive-cell:before{content:"";opacity:0;transition:opacity .6s var(--ease-depth);background:radial-gradient(200% 100% at 50% 120%,#00040700,#0004072e);background:radial-gradient(200% 100% at 50% 120%,lab(.933136% -1.45953 -3.317/0),lab(.933136% -1.45953 -3.317/.18));position:absolute;inset:0}.archive-cell:hover:before{opacity:1}.archive-cell:hover{background:#000001;background:lab(.0581436% -.057213 -.180683)}.archive-cell:after{content:"";background:var(--cat-color,var(--plankton));transform-origin:0;height:1px;transition:transform .45s var(--ease-depth);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.archive-cell:hover:after{transform:scaleX(1)}.rec-num{font-family:var(--font-display);letter-spacing:-.04em;color:var(--foam-dim);font-feature-settings:"lnum";font-size:clamp(80px,10vw,108px);font-weight:200;line-height:.85;transition:color .4s}.archive-cell:hover .rec-num{color:var(--foam)}.rec-num.zero{color:var(--muted)}.rec-label{margin-top:20px}.rec-category{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--foam-muted);margin-bottom:5px;font-size:10px;display:block}.rec-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foam-dim);font-size:20px;font-style:italic;font-weight:300;transition:color .4s;display:block}.archive-cell:hover .rec-name{color:var(--foam)}.site-footer{border-top:1px solid var(--line-soft);z-index:5;padding:104px 8vw 64px;position:relative}.hadal-tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--foam-muted);align-items:center;gap:14px;margin-bottom:72px;font-size:10px;display:flex}.hadal-tag .ht-line{background:var(--line-soft);flex:1;max-width:80px;height:1px}.footer-contact{font-family:var(--font-display);letter-spacing:-.04em;color:var(--foam);margin-bottom:64px;font-size:clamp(52px,10vw,160px);font-style:italic;font-weight:250;line-height:.92}.footer-contact a{border-bottom:1px solid var(--line);transition:color .4s,border-color .4s}.footer-contact a:hover{color:var(--plankton);border-color:var(--plankton)}.footer-grid{border-top:1px solid var(--line-soft);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--foam-dim);grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;padding-top:40px;font-size:11px;display:grid}.fg-label{color:var(--muted);letter-spacing:.2em;margin-bottom:10px;font-size:9px;display:block}.footer-grid a:hover{color:var(--plankton)}.cursor-blink{background:var(--plankton);vertical-align:middle;opacity:0;width:2px;height:.8em;margin-left:3px;animation:1.1s step-start infinite blink;display:inline-block}.cursor-blink.visible{opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#intro{z-index:1000;background:var(--abyss);position:fixed;inset:0;overflow:hidden}#intro:before,#intro:after{content:"";pointer-events:none;position:absolute}#intro:before{mix-blend-mode:screen;opacity:.52;z-index:2;background:radial-gradient(at 50% -10%,#9defee29,#0000 52%),linear-gradient(#0000 0% 60%,#00000075 100%);background:radial-gradient(at 50% -10%,lab(89.2529% -26.1275 -7.97828/.16),#0000 52%),linear-gradient(#0000 0% 60%,lab(-.00102997% .122979 -.366136/.46) 100%);inset:0}#intro:after{z-index:3;display:none}#intro-canvas{width:100%;height:100%;position:absolute;inset:0}#intro.done{pointer-events:none;animation:introFade .9s var(--ease-depth) forwards}@keyframes introFade{to{opacity:0}}.ripple{pointer-events:none;z-index:9997;border:1px solid #3bcfcf59;border:1px solid lab(75.7507% -39.2473 -11.8221/.35);border-radius:50%;animation:1.6s ease-out forwards rippleOut;position:fixed;transform:translate(-50%,-50%)}@keyframes rippleOut{0%{opacity:.6;width:8px;height:8px}to{opacity:0;width:120px;height:120px}}@media (max-width:900px){.archive-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:40px}.log-entry{grid-template-columns:1fr;gap:12px}.le-tags{text-align:left}.timeline-row{grid-template-columns:1fr;gap:10px}.footer-grid{grid-template-columns:1fr 1fr}.frame{padding:16px;font-size:9px}section.stage{padding:120px 6vw 80px}.hero h1{font-size:clamp(56px,16vw,200px)}#descent-line{display:none}}@media (max-width:640px){.archive-grid,.topics-header{grid-template-columns:1fr}.archive-link{align-self:start;margin-top:24px}}@media (pointer:coarse){html,body,a,button{cursor:auto}#cursor{display:none}}.blog-layout{isolation:isolate;grid-template-columns:264px 1fr;min-height:100vh;padding-top:80px;display:grid;position:relative}.blog-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 100% at 50% 0,#00212124,#0000 72%),linear-gradient(#000f1014 0%,#0000 100%);background:radial-gradient(80% 100% at 50% 0,lab(10.0453% -15.8393 -4.86549/.14),#0000 72%),linear-gradient(lab(3.252% -5.75788 -3.25642/.08) 0%,#0000 100%);height:260px;position:absolute;inset:0 0 auto}.blog-sidebar{scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);z-index:1;background:linear-gradient(#0004068a,#00010170),radial-gradient(circle at 50% 0,#0031302e,#0000 62%);background:linear-gradient(lab(.947125% -1.44543 -1.42968/.54),lab(.15218% -.150457 -.36734/.44)),radial-gradient(circle at 50% 0,lab(17.2263% -23.1555 -6.36266/.18),#0000 62%);border-right:1px solid #7db7b61f;border-right:1px solid lab(70.4802% -19.5923 -5.99306/.12);flex-direction:column;gap:10px;height:100vh;padding:40px 28px 40px 32px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:inset -1px 0 #99c8c80f,inset 0 1px #c8e5e412;box-shadow:inset -1px 0 lab(77.3346% -16.3202 -5.01318/.06),inset 0 1px lab(88.7217% -9.78571 -3.02664/.07)}.sidebar-header{border-bottom:1px solid var(--line-soft);margin-bottom:24px;padding-bottom:24px}.sidebar-header h2{font-family:var(--font-display);color:var(--foam);letter-spacing:-.03em;font-size:36px;font-style:italic;font-weight:300;line-height:1}.sidebar-header .meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:10px}.sidebar-header a.back{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--foam-dim);margin-bottom:16px;font-size:10px;transition:color .3s;display:inline-block}.sidebar-header a.back:hover{color:var(--plankton)}.cat-btn{color:var(--foam-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;text-align:left;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:11px;transition:all .25s;display:flex;position:relative}.cat-btn:hover{border-color:var(--line);color:var(--foam);background:#001a2247;background:lab(7.40588% -7.74528 -9.35251/.28)}.cat-btn.active{color:var(--foam);background:linear-gradient(90deg,#002026bd,#00111857);background:linear-gradient(90deg,lab(9.94267% -15.2717 -10.9145/.74),lab(3.81716% -5.34327 -9.69597/.34));border-color:#49c7c047;border-color:lab(73.4112% -37.1094 -7.41314/.28)}.cat-btn.active:before{content:"";background:var(--plankton);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 0 10px #49c7c073;box-shadow:0 0 10px lab(73.4112% -37.1094 -7.41314/.45)}.cat-btn .count{text-align:right;opacity:.5;min-width:20px;font-size:10px}.sub-tags{flex-direction:column;gap:4px;padding:8px 0 12px 12px;display:none}.sub-tags.visible{display:flex}.sub-tag{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-align:left;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:10px;transition:all .2s}.sub-tag:hover{color:var(--foam-dim);background:#01151b4d;background:lab(5.38274% -4.89521 -6.47179/.3)}.sub-tag.active{color:var(--plankton);background:#001b1d4d;background:lab(7.67932% -12.9181 -6.32707/.3)}.cat-btn,.sub-tag,.backButton{cursor:none}.blog-content{z-index:1;min-height:100vh;padding:36px 44px 112px;position:relative}.archive-shell{max-width:1160px;margin:0 auto}.archive-hero{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:22px;padding:0 0 40px;display:grid}.archive-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--foam-dim);font-size:10px}.archive-kicker em{color:var(--plankton);font-style:normal}.archive-intro{max-width:780px}.archive-intro h1{color:var(--foam);font-family:var(--font-display);letter-spacing:-.045em;margin-bottom:16px;font-size:clamp(48px,6vw,92px);font-style:italic;font-weight:260;line-height:.92}.archive-intro p{max-width:52ch;color:var(--foam-dim);font-size:15px;line-height:1.72}.archive-overview{flex-wrap:wrap;gap:10px;display:flex}.archive-overview span{border:1px solid var(--line-soft);color:var(--foam-dim);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:#0001028a;background:lab(.192753% -.148065 -.7613/.54);border-radius:999px;padding:6px 11px;font-size:9px}.featured-post{transition:transform .5s var(--ease-depth), border-color .4s var(--ease-depth);background:linear-gradient(135deg,#000203f5,#000000f5),radial-gradient(circle at 0 0,#001a1e3d,#0000 48%);background:linear-gradient(135deg,lab(.485405% -.850193 -1.35447/.96),lab(.0233784% -.00595301 -.107992/.96)),radial-gradient(circle at 0 0,lab(7.76697% -15.7993 -10.7142/.24),#0000 48%);border:1px solid #49c7c02e;border:1px solid lab(73.4112% -37.1094 -7.41314/.18);border-radius:28px;margin-bottom:56px;padding:30px 32px 34px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #49c7c014;box-shadow:inset 0 1px lab(73.4112% -37.1094 -7.41314/.08)}.featured-post:before{content:"";background:radial-gradient(circle at 85% 20%, var(--cat-color,#49c7c03d), transparent 28%);opacity:.24;transition:opacity .4s var(--ease-depth);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.featured-post:before{background:radial-gradient(circle at 85% 20%, var(--cat-color,lab(73.4112% -37.1094 -7.41314/.24)), transparent 28%)}}.featured-post:hover{border-color:#49c7c057;border-color:lab(73.4112% -37.1094 -7.41314/.34);transform:translateY(-4px)}.featured-post:hover:before{opacity:.42}.featured-label{z-index:1;color:var(--plankton);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;font-size:10px;position:relative}.featured-grid{z-index:1;grid-template-columns:140px minmax(0,1fr) minmax(220px,280px);align-items:start;gap:28px;display:grid;position:relative}.featured-meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:10px;display:flex}.featured-copy h2{color:var(--foam);font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(34px,4vw,62px);font-weight:280;line-height:.95}.featured-copy p{max-width:46ch;color:var(--foam-dim);font-size:15px;line-height:1.8}.featured-tags,.entry-tags{flex-wrap:wrap;place-content:start flex-end;gap:8px;display:flex}.featured-tags span,.entry-tags span{border:1px solid var(--line-soft);color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:9px}.featured-tags span.cat-tag,.entry-tags span.cat-tag{color:var(--cat-color,var(--plankton));border-color:var(--cat-color,var(--plankton))}.archive-groups{flex-direction:column;gap:34px;display:flex}.archive-year-block{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:24px;display:grid}.archive-year-header{flex-direction:column;gap:8px;padding-top:6px;display:flex;position:sticky;top:108px}.archive-year{color:var(--foam);font-family:var(--font-display);letter-spacing:-.04em;font-size:34px;font-style:italic;font-weight:250}.archive-year-count{color:var(--muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:9px}.archive-year-list{border-top:1px solid var(--line-soft)}.archive-entry{border-bottom:1px solid var(--line-soft);transition:transform .35s var(--ease-depth), border-color .35s var(--ease-depth), background .35s var(--ease-depth);grid-template-columns:112px minmax(0,1fr) minmax(190px,240px);align-items:start;gap:20px;padding:18px 0;display:grid}.archive-entry:hover{background:linear-gradient(90deg,#00161b2e,#0000 55%);background:linear-gradient(90deg,lab(5.53825% -8.86857 -8.55912/.18),#0000 55%);border-color:#49c7c03d;border-color:lab(73.4112% -37.1094 -7.41314/.24);transform:translate(4px)}.entry-date{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-direction:column;gap:10px;padding-top:3px;font-size:10px;display:flex}.entry-index{color:var(--foam-muted);letter-spacing:.2em;font-size:9px}.entry-main{min-width:0}.entry-title{color:var(--foam);font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:6px;font-size:22px;font-weight:300;line-height:1.1;transition:color .3s}.archive-entry:hover .entry-title{color:var(--plankton)}.entry-summary{max-width:48ch;color:var(--foam-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.empty-state{text-align:center;color:var(--muted);font-family:var(--font-mono);letter-spacing:.15em;padding:80px 0;font-size:12px}@media (max-width:900px){.blog-layout{grid-template-columns:1fr;padding-top:60px}.blog-sidebar{border-right:none;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-flow:wrap;height:auto;padding:24px 20px;position:relative;overflow-x:auto}.sidebar-header{width:100%;margin-bottom:12px}.sub-tags{flex-flow:wrap;padding-left:0}.blog-content{padding:28px 20px 80px}.archive-hero{grid-template-columns:1fr;gap:18px;padding-bottom:32px}.archive-overview{gap:8px}.featured-post{border-radius:22px;padding:24px 22px 26px}.featured-grid,.archive-year-block,.archive-entry{grid-template-columns:1fr}.entry-date{flex-direction:row;justify-content:space-between;align-items:center}.featured-tags,.entry-tags{justify-content:flex-start}.archive-year-header{padding-top:0;position:relative;top:0}.archive-entry:hover{transform:translate(0)}}@media (max-width:640px){.blog-sidebar{gap:8px}.cat-btn{width:100%}.archive-intro h1{font-size:clamp(42px,14vw,72px)}.featured-copy h2{font-size:clamp(28px,10vw,44px)}.entry-title{font-size:21px}}