@charset "UTF-8";
:root{color-scheme:dark;--bg:#080a0e;--text:#eef0f6;--muted:#a0a6b7;--line:#ffffff1b;--accent:#b8baff;--reader-size:18px;--radius:22px;--space:24px;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:126px}body{margin:0;background:#080a0e;color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased;isolation:isolate}body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(121deg,transparent 4%,#afc4e80c 24%,transparent 37%,transparent 57%,#b6bec50b 72%,transparent 82%),radial-gradient(ellipse at 95% 5%,#6e8ba625,transparent 48%),radial-gradient(ellipse at 0% 70%,#39466324,transparent 48%);background-color:#080a0e}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}:where(button,a,input):focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:500}button:disabled:hover{transform:none}[hidden]{display:none!important}.wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto;min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Transparent surfaces share one edge and reflection treatment. */
.glass-surface{position:relative;isolation:isolate;border:1px solid #ffffff2b;background:linear-gradient(132deg,#ffffff0e 0%,#edf1ff04 35%,#ffffff03 66%,#ffffff08),#10141b88;border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffffff3c,inset 1px 0 0 #ffffff12,inset 0 -1px 0 #ffffff08,0 16px 44px #00000024;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.glass-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 270px 180px at var(--glass-x,15%) var(--glass-y,0%),#edf2ff16,transparent 75%),linear-gradient(128deg,#ffffff0b,transparent 26%,transparent 79%,#ffffff07);opacity:.65;transition:opacity .35s var(--ease)}.glass-surface:hover:after{opacity:1}.header{position:sticky;top:16px;z-index:25;width:calc(100% - 80px);max-width:1200px;margin:16px auto 0;border-radius:18px;background-color:#0d1218bb}.header-inner.wrap{width:100%;max-width:none;padding:0 24px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:16px;letter-spacing:.02em;font-weight:700;white-space:nowrap}.brand span{color:#939bac;font-weight:400;margin:0 5px}.header nav{display:flex;gap:26px;align-items:center;font-size:14px;color:#b9becb}.header nav a{padding:12px 0;position:relative;transition:color .2s}.header nav a:hover,.header nav a[aria-current]{color:#fff}.header nav a[aria-current]:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:#cdd4ff}.header-actions{display:flex;align-items:center}.contact-btn{display:flex;gap:10px;align-items:center;border:1px solid #ffffff28;border-radius:10px;background:linear-gradient(135deg,#ffffff0e,#ffffff02);min-height:40px;padding:9px 14px;font-size:14px}.contact-btn:hover{background:#ffffff12}.contact-dot{width:5px;height:5px;background:#c0c4f7;border-radius:50%}.page-progress{position:absolute;bottom:0;left:18px;right:18px;height:2px;overflow:hidden;border-radius:2px}.page-progress span{display:block;height:100%;background:linear-gradient(90deg,#bec9ea,#e2e7ff);transform:scaleX(0);transform-origin:left}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:72px 80px}.hero-copy{min-width:0}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;letter-spacing:.1em;color:#a2a9ba;font-weight:500}.tiny-line{width:26px;height:1px;background:#b9c1d5}.hero h1{font-size:clamp(54px,6.5vw,90px);line-height:1.04;letter-spacing:-.065em;margin:26px 0 28px;font-weight:500}.hero h1>span{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.06em;color:#e4e8ef}.period{display:none}.hero-intro{font-size:18px;line-height:1.75;color:#b2b9c8;margin:0;max-width:430px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:500;transition:transform .25s var(--ease),background .25s}.primary{border:1px solid #d2d4ff57;background:linear-gradient(135deg,#d6d9ff29,#959cec0d);color:#f0f0ff;box-shadow:inset 0 1px 0 #f2f1ff37,0 8px 24px #0002}.primary:hover{background:linear-gradient(135deg,#d6d9ff3a,#959cec18);transform:translateY(-2px)}.text-link{font-size:14px;color:#d0d4e5;display:inline-block;padding:0 0 4px;border-bottom:1px solid #c4cce23b;background:none;line-height:1.6}.text-link:hover{color:white;border-color:#c4cce2aa}.identities{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px;border:0;padding:0;font-size:13px;color:#aeb5c4}.identities span{border:1px solid #ffffff19;border-radius:50px;padding:7px 13px;background:#ffffff04;letter-spacing:0}.hero-feature{min-width:0;width:100%;max-width:420px;justify-self:end;overflow:hidden}.feature-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;font-size:12px;letter-spacing:.06em;color:#aeb7c8}.tag{border:1px solid #ffffff26;border-radius:50px;padding:5px 11px;font-size:12px;letter-spacing:0;background:#ffffff05}.cover-button{display:block;width:54%;padding:0;margin:8px auto 30px;box-shadow:12px 20px 36px #0008;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease);position:relative}.cover-button:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}.cover-button img{display:block;width:100%;height:auto;border-radius:2px}.feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:22px 24px;background:#ffffff03}.feature-bottom h2{font-size:19px;line-height:1.4;letter-spacing:-.025em;margin:0 0 8px}.feature-bottom p{font-size:13px;line-height:1.6;color:#a9b1c2;margin:0}.round-button{width:40px;height:40px;flex-shrink:0;border-radius:50%;font-size:24px;border:1px solid #ffffff32;background:linear-gradient(130deg,#ffffff12,#ffffff03);box-shadow:inset 0 1px 0 #ffffff20}.round-button:hover{background:#ffffff18}
.journal-section{padding:64px 0 72px;border-top:1px solid #ffffff0e}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-.045em;margin:13px 0 0}.section-heading>p{font-size:14px;line-height:1.7;color:#a1a9ba;margin:0}.journal-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.filters{display:flex;gap:3px;border:1px solid #ffffff1b;border-radius:12px;padding:4px;background:#ffffff03;min-width:0}.filter{min-height:38px;padding:8px 14px;font-size:14px;color:#aeb6c8;border-radius:9px;white-space:nowrap}.filter.active{color:#f5f6fa;border:1px solid #ffffff2b;background:linear-gradient(132deg,#ffffff16,#ffffff07);box-shadow:inset 0 1px 0 #ffffff29}.filter span{font-size:12px;color:#c1c5d2;margin-left:6px}.search-box{display:flex;gap:12px;align-items:center;max-width:300px;min-width:170px;flex:1;min-height:48px;padding:0 16px;border-radius:12px}.search-box input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#f1f3f8;font:inherit;font-size:14px;min-height:46px}.search-box input::placeholder{color:#9ea8ba}.search-box:focus-within{border-color:#aeb8e477;box-shadow:inset 0 1px #ffffff29,0 0 0 3px #aeb8e410}.search-box kbd{font-size:12px;padding:2px 5px;border:1px solid #ffffff27;border-radius:5px;color:#a1aabc}.journal-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:12px;color:#8e98ad}.demo-label{font-size:12px;letter-spacing:.09em}.real-articles{display:flex;flex-direction:column;gap:0;overflow:hidden}.real-articles .article{display:grid;grid-template-columns:44px minmax(145px,.62fr) minmax(0,2fr) 102px;align-items:center;column-gap:28px;row-gap:10px;padding:30px 28px;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:160px;position:relative;text-align:left;transition:background .25s var(--ease);min-width:0}.real-articles .article+.article{border-top:1px solid #ffffff18}.real-articles .article:hover{background:#ffffff05;transform:none}.article-index{grid-row:1 / span 2;align-self:start;padding-top:4px;font-size:14px;font-variant-numeric:tabular-nums;color:#929db3}.article-meta{grid-column:2;grid-row:1 / span 2;align-self:start;display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:1.6;color:#a9b2c4;letter-spacing:0}.article-meta>span{color:#d0d6e3;font-size:13px}.real-articles h3{grid-column:3;grid-row:1;margin:0;font-size:clamp(20px,2.1vw,26px);line-height:1.4;letter-spacing:-.025em;font-weight:500}.real-articles p{grid-column:3;grid-row:2;font-size:14px;line-height:1.7;color:#a3aec2;margin:0;max-width:65ch}.real-articles .read-label{grid-column:4;grid-row:1 / span 2;padding:0;margin:0;font-size:13px;color:#c1cbe0;line-height:1.6;text-align:right}.empty-results{text-align:center;padding:44px 24px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff04}.empty-results h3{font-size:24px;margin:0}.empty-results p{font-size:16px;line-height:1.7;color:var(--muted);margin:15px 0 22px}
.projects-section{padding-block:72px 80px}.project-explorer{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:24px;align-items:stretch}.project-list{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid #ffffff15;border-radius:22px;background:#ffffff02}.project-tab{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;text-align:left;gap:16px;flex:1;min-height:102px;padding:20px;border:1px solid transparent;border-radius:15px;transition:background .25s,border-color .25s;color:#a6b0c3}.project-tab:hover{background:#ffffff04}.project-tab.active{color:#f0f2f7;background:linear-gradient(130deg,#e0e7ff16,#ffffff04);border-color:#d1d9fc3d;box-shadow:inset 0 1px #ffffff2b,0 8px 28px #0002}.project-tab strong{font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.025em;display:block}.project-tab small{font-size:13px;line-height:1.5;display:block;margin-top:7px;color:#a3aec3}.tab-number{font-size:12px;font-variant-numeric:tabular-nums;color:#939eb4}.tab-mark{font-size:22px;font-weight:300;color:#b7c1db}.project-stage{min-width:0;overflow:hidden}.project-panel{height:100%;min-height:432px;display:flex;flex-direction:column;position:relative;animation:project-enter .4s var(--ease) both;background:transparent}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 28px;font-size:12px;line-height:1.6;letter-spacing:.04em;color:#a7b3cb}.project-visual{flex:1;min-height:210px;padding:18px 32px 32px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.poetry-type{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6.6vw,88px);line-height:.95;letter-spacing:-.055em;color:#e8e6ed}.poetry-type>span{margin-left:12%}.bandall-type{font-size:clamp(70px,8vw,104px);font-weight:900;font-style:italic;line-height:.88;letter-spacing:-.065em;color:#c7c9ec}.bandall-type>span{margin-left:24%}.void{background:linear-gradient(140deg,#f3f3f020,#e6e6e60a);color:#f2f2f2}.void-type{font-size:clamp(70px,8vw,104px);font-weight:850;line-height:.95;letter-spacing:-.07em;color:#fff}.void-type>span:last-child{font-size:clamp(25px,3.2vw,42px);letter-spacing:.035em;margin-top:12px}.void .project-top{color:#c5c5c5}.alarada{background:linear-gradient(130deg,#527c6924,#3b63510b)}.alarada-type{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4.5vw,57px);letter-spacing:.025em;color:#d8e8dd}.alarada-type>span{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:.2em;margin-top:14px;color:#abc8b6}.panel-bottom{padding:24px 28px;border-top:1px solid #ffffff1b;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;background:#ffffff03}.panel-bottom h3{grid-column:1;font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:0 0 9px}.panel-bottom p{grid-column:1;font-size:14px;line-height:1.7;color:#b0bad0;margin:0;max-width:38ch}.panel-link{grid-column:2;grid-row:1 / span 2;min-height:44px;border:1px solid #ffffff2c;border-radius:10px;background:linear-gradient(135deg,#ffffff12,#ffffff03);padding:10px 16px;font-size:13px;white-space:nowrap}.panel-link:hover{background:#ffffff17}.void .panel-bottom p{color:#b9b9b9}@keyframes project-enter{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}
.about-section{padding-block:60px 72px;border-top:1px solid #ffffff12}.about-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:24px}.about-grid h2{font-size:40px;line-height:1.2;letter-spacing:-.045em;margin:15px 0 0}.about-copy{min-width:0;max-width:65ch}.about-copy p{font-size:16px;line-height:1.9;color:#b7c0d2;margin:0 0 20px}.about-copy .text-link{margin-top:4px}.footer{border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;padding-block:30px}.footer>span,.footer>a:last-child{font-size:13px;color:#949fb5}.back-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;right:24px;z-index:20;width:44px;height:44px;font-size:22px;border-radius:13px;background:#171e2bdd;border:1px solid #ffffff2b;backdrop-filter:blur(15px);box-shadow:inset 0 1px #ffffff2b}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:60;background:#252e41f5;border:1px solid #ffffff32;border-radius:14px;box-shadow:0 16px 44px #0006;padding:13px 22px;font-size:14px;line-height:1.6;text-align:center}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:var(--delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}
/* Modal detail pages */
dialog{color:var(--text);max-width:760px;width:calc(100% - 32px);max-height:88dvh;margin:auto;padding:0;border-radius:22px;overflow:auto}dialog::backdrop{background:#03060bcc;backdrop-filter:blur(9px)}.dialog-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:16px 24px;background:#111823f5;border-bottom:1px solid var(--line)}.dialog-toolbar>span{font-size:12px;line-height:1.6;color:#a8b3c7;letter-spacing:.04em}.reader-tools{display:flex;align-items:center;gap:6px}.reader-tools button{font-size:14px;min-height:38px;min-width:36px;padding:7px 10px;border-radius:9px;background:#ffffff09;border:1px solid #ffffff19}.reader-tools #close-reader{font-size:20px}.reader-content{padding:32px 38px 40px}.reader-content h2{font-size:34px;line-height:1.25;letter-spacing:-.04em;margin:0 0 26px}.reader-content h2:focus{outline:none}.reader-content p{font-size:var(--reader-size);line-height:1.85;color:#c2cbdd}.notice{font-size:14px;line-height:1.7;border-left:2px solid #aab6db;padding:14px 18px;background:#ffffff05;color:#a8b5cb;margin-bottom:24px}.reader-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.book-detail{display:block;max-width:220px;width:100%;height:auto;margin:0 auto 28px}.reader-progress{height:2px;background:#ffffff08;position:sticky;top:74px;z-index:3}.reader-progress span{height:100%;display:block;background:#c1cbed;transform:scaleX(0);transform-origin:left}.reader-next{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.reader-next span{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.reader-next button{font-size:20px;line-height:1.5;text-align:left}body.modal-open{overflow:hidden}
/* The same article geometry is used across all publications. */
.publication-layout{padding-block:36px 80px}.publication-breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;color:#a0abc0;margin-bottom:36px}.publication-breadcrumb span{color:#657087}.publication-breadcrumb a:hover{color:white}.publication-grid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:48px;align-items:start}.publication-content{min-width:0;scroll-margin-top:120px}.publication-kind{font-size:13px;line-height:1.8;color:#a0abc0;display:block}.publication-content h1{font-size:clamp(30px,3.3vw,46px);line-height:1.25;letter-spacing:-.04em;margin:22px 0 36px;font-weight:500}.publication-body{font-size:var(--reader-size);max-width:68ch}.publication-body p,.publication-body li,.publication-body blockquote{font-size:inherit;line-height:1.85;color:#c4ccdb}.publication-body p{margin:0 0 24px}.publication-body strong{color:#e3e8f1;font-weight:650}.publication-body ul,.publication-body ol{padding-left:1.5em;margin:1.6em 0}.publication-body li{margin:.8em 0}.publication-body h2,.publication-body h3{scroll-margin-top:125px;line-height:1.5;letter-spacing:-.025em;margin:2.2em 0 1em;color:#e5eaf4}.publication-body h2{font-size:1.35em}.publication-body h3{font-size:1.2em}.publication-body h2:focus,.publication-body h3:focus{outline:none}.publication-body a{color:#c4cded;text-decoration:underline;text-decoration-color:#c4cded66;text-underline-offset:4px;overflow-wrap:anywhere}.publication-body a:hover{text-decoration-color:#c4cded}.publication-body blockquote{margin:1.5em 0;padding:12px 20px;border-left:2px solid #a6b4db;background:#ffffff04;border-radius:0 12px 12px 0}.publication-body figure{margin:2em 0}.article-image{display:block;max-width:100%;height:auto;border-radius:15px}.publication-next{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.publication-next span{font-size:13px;color:#99a6bd}.publication-next a{font-size:21px;line-height:1.5;color:#c3cceb;align-self:flex-start}.publication-next a:hover{color:white}.publication-aside{position:sticky;top:116px;max-height:calc(100dvh - 140px);overflow:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0;scrollbar-width:thin;border-radius:18px}.reader-panel-head{display:flex;justify-content:space-between;align-items:center;font-size:16px}.reader-panel-head button{display:none}.reader-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;line-height:1.6;color:#b7c2d6}.reading-meter{height:3px;border-radius:3px;background:#ffffff12;overflow:hidden}.reading-meter span{height:100%;display:block;background:#bbc9ea;transform:scaleX(0);transform-origin:left}.reader-setting>span{display:block;font-size:14px;color:#b7c2d6;margin-bottom:10px}.reading-size{display:flex;align-items:center;justify-content:space-between;gap:10px}.reading-size output{font-size:16px;min-width:24px;text-align:center}.reading-size button{flex:1;min-height:44px;font-size:17px;border:1px solid #ffffff25;background:#ffffff06;border-radius:9px}.publication-aside>button{min-height:44px;padding:10px 13px;font-size:14px;line-height:1.5;text-align:left;border:1px solid #ffffff24;border-radius:10px;background:linear-gradient(135deg,#ffffff08,#ffffff02)}.publication-aside>button[aria-pressed=true]{background:#bdccff16;border-color:#c8d5ff66;color:#e6edff}.publication-aside>button:hover,.reading-size button:hover{background:#ffffff10}.publication-aside>a{font-size:14px;line-height:1.6;color:#c1cbe3}.reader-toc{border-top:1px solid #ffffff1b;padding-top:16px}.reader-toc>span{font-size:13px;color:#a2aec3}.reader-toc ol{padding:0;list-style:none;margin:10px 0 0;display:grid;gap:4px}.reader-toc a{display:block;font-size:14px;line-height:1.55;padding:8px 10px;border-radius:8px;color:#aebbd1}.reader-toc a[aria-current=location]{color:#f0f3ff;background:#c6d7ff12}.reader-toc a:hover{color:white;background:#ffffff08}.reader-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:4px;padding:7px;max-width:calc(100% - 24px);border-radius:16px;background-color:#131c29bb}.reader-dock a,.reader-dock button{font-size:14px;min-height:42px;white-space:nowrap;padding:10px 13px;border-radius:10px}.reader-dock a:hover,.reader-dock button:hover{background:#ffffff0d}.reader-dock #reader-panel-toggle{display:none}.reader-dock>span{font-size:13px;padding:0 12px;color:#b9c6e1;font-variant-numeric:tabular-nums}.reader-page .footer{padding-bottom:110px}.reader-page .toast{bottom:150px}.image-zoom{display:block;width:100%;padding:0;cursor:zoom-in;background:transparent;border:0}.image-zoom img{display:block;margin:auto}.image-viewer{padding:44px 12px 12px;max-width:94vw;max-height:94dvh;background:#090d14f2;border:1px solid #ffffff3b;border-radius:18px}.image-viewer::backdrop{background:#03060bea;backdrop-filter:blur(12px)}.image-viewer img{display:block;max-width:90vw;max-height:80dvh;object-fit:contain;margin:auto}.image-viewer button{position:sticky;top:0;float:right;margin-top:-38px;font-size:25px;width:36px;height:36px;border-radius:9px;background:#ffffff10}.resume-reading{position:fixed;bottom:94px;left:50%;transform:translateX(-50%);z-index:36;display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);width:max-content;padding:14px 16px;font-size:14px;border:1px solid #ffffff32;border-radius:14px;background:#202b3bf5;box-shadow:0 12px 40px #0006}.resume-reading>span{max-width:230px;line-height:1.5}.resume-reading button{font-size:14px;min-height:40px;padding:8px 12px;border-radius:9px;background:#c0d0ff16;color:#e0e8ff}.resume-reading #resume-dismiss{font-size:22px;padding:4px 8px;background:transparent}.reading-focus .header,.reading-focus .publication-breadcrumb,.reading-focus .footer{display:none}.reading-focus .publication-grid{grid-template-columns:minmax(0,1fr)}.reading-focus .publication-aside{display:none}.reading-focus .publication-content{max-width:740px;width:100%;margin:auto}.reading-focus .reader-dock #reader-panel-toggle{display:block}.reading-focus .publication-aside.panel-open{display:flex;position:fixed;z-index:40;right:24px;top:24px;width:290px;max-height:calc(100dvh - 125px);background-color:#121a28ed}.reading-focus .reader-panel-head button{display:block}html[data-read-width=wide] .publication-body{max-width:80ch}html[data-read-width=wide] .reading-focus .publication-content{max-width:940px}.listing-page .journal-section{padding-top:56px;border:0}
@media(max-width:1100px){.wrap,.header{width:calc(100% - 48px)}.header-inner.wrap{width:100%;padding-inline:20px}.hero{gap:36px}.hero h1{font-size:clamp(54px,7.3vw,76px)}.real-articles .article{grid-template-columns:30px 135px minmax(0,1fr);column-gap:24px;padding:28px 24px}.real-articles .read-label{display:none}.project-explorer,.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.project-tab{padding:18px 16px;gap:12px}.project-tab strong{font-size:18px}.panel-bottom{grid-template-columns:1fr;gap:0}.panel-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:18px}.project-top{padding:22px 24px}.panel-bottom{padding:22px 24px}.project-visual{padding-inline:24px}.publication-grid{gap:32px}}
@media(max-width:1000px){.publication-grid{grid-template-columns:minmax(0,1fr)}.publication-content{width:100%;max-width:740px;margin:auto}.publication-aside{display:none;position:fixed;top:110px;right:16px;z-index:40;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 200px);background-color:#121a28ed}.publication-aside.panel-open{display:flex}.reader-panel-head button{display:block;width:36px;height:36px;font-size:24px;border-radius:8px;background:#ffffff09}.reader-dock #reader-panel-toggle{display:block}html[data-read-width=wide] .publication-content{max-width:940px}}
@media(max-width:800px){.header-inner.wrap{min-height:68px;gap:16px}.header nav{gap:20px}.contact-btn{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:28px;padding-block:52px 64px}.hero h1{font-size:clamp(50px,7.4vw,64px)}.hero-intro{font-size:16px}.hero-intro br{display:none}.hero-actions{gap:18px}.feature-top,.feature-bottom{padding:18px}.feature-top{font-size:11px}.feature-bottom h2{font-size:17px}.feature-bottom p{font-size:13px}.cover-button{width:58%;margin:8px auto 24px}.identities{margin-top:28px;gap:6px}.identities span{font-size:12px;padding:6px 10px}.journal-section,.projects-section{padding-block:52px 60px}.real-articles .article{grid-template-columns:24px minmax(0,1fr);column-gap:18px;padding:26px 22px;row-gap:12px}.article-index{grid-column:1;grid-row:1 / span 3;align-self:start}.article-meta{grid-column:2;grid-row:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 18px}.real-articles h3{grid-column:2;grid-row:2;font-size:23px}.real-articles p{grid-column:2;grid-row:3}.project-explorer{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}.project-tab{padding:16px 12px;grid-template-columns:18px minmax(0,1fr);gap:10px;min-height:110px}.tab-mark{display:none}.project-tab strong{font-size:16px}.project-tab small{font-size:13px}.project-top{font-size:11px;padding:20px}.project-visual{padding:14px 22px 26px;min-height:200px}.poetry-type{font-size:62px}.bandall-type{font-size:76px}.bandall-type>span{margin-left:14%}.void-type{font-size:78px}.void-type>span:last-child{font-size:26px}.alarada-type{font-size:34px}.alarada-type>span{font-size:12px;letter-spacing:.15em}.panel-bottom{padding:20px}.panel-bottom h3{font-size:18px}.about-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.about-grid h2{font-size:34px}.publication-layout{padding-top:32px}.reader-content{padding:28px}
}
@media(max-width:600px){.wrap,.header{width:calc(100% - 32px)}.header{top:10px;margin-top:10px;border-radius:15px}.header-inner.wrap{padding:14px 16px;display:grid;grid-template-columns:1fr;gap:10px;min-height:0}.brand{font-size:15px}.header-actions{display:none}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:13px}.header nav a{padding:5px 0}.header nav a[aria-current]:after{bottom:0}.hero{grid-template-columns:minmax(0,1fr);padding-block:42px 52px;gap:34px}.hero h1{font-size:clamp(58px,14vw,76px);margin:23px 0}.hero-intro{font-size:17px;line-height:1.75;max-width:36ch}.hero-actions{margin-top:26px;gap:22px}.hero-feature{max-width:440px;justify-self:center}.feature-top,.feature-bottom{padding:20px}.cover-button{width:48%;margin:6px auto 28px}.feature-bottom h2{font-size:19px}.feature-bottom p{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.07em}.section-heading{gap:20px;align-items:flex-end;margin-bottom:24px}.section-heading h2{font-size:32px;margin-top:10px}.section-heading>p{font-size:13px;max-width:140px}.journal-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px}.filters{align-self:start;max-width:100%}.filter{padding:8px 12px;font-size:13px}.search-box{width:100%;max-width:none;flex:none}.journal-caption{margin-bottom:12px}.real-articles .article{padding:24px 18px;gap:10px 13px;grid-template-columns:20px minmax(0,1fr)}.article-index{font-size:12px;padding-top:3px}.article-meta,.article-meta>span{font-size:12px}.real-articles h3{font-size:21px;line-height:1.45}.real-articles p{font-size:14px}.project-explorer{grid-template-columns:minmax(0,1fr);gap:16px}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:18px}.project-tab{min-height:92px;padding:14px 10px;gap:8px;grid-template-columns:16px minmax(0,1fr);border-radius:12px}.project-tab strong{font-size:15px}.project-tab small{font-size:12px;margin-top:5px}.tab-number{font-size:12px}.project-panel{min-height:410px}.project-top{padding:20px;gap:14px;font-size:11px}.project-visual{padding:14px 24px 26px;min-height:210px}.poetry-type{font-size:clamp(54px,16vw,74px)}.bandall-type{font-size:clamp(68px,20vw,96px)}.void-type{font-size:clamp(70px,20vw,96px)}.void-type>span:last-child{font-size:clamp(25px,7vw,34px)}.alarada-type{font-size:clamp(28px,9vw,43px)}.panel-bottom{padding:20px}.panel-bottom h3{font-size:19px}.panel-link{font-size:14px}.about-section{padding-block:46px 54px}.about-grid{grid-template-columns:1fr;gap:24px}.about-grid h2{font-size:32px}.about-copy p{font-size:16px;line-height:1.85}.footer{flex-wrap:wrap;padding-block:26px;gap:16px}.footer>span{order:3;width:100%}.footer .brand{font-size:14px}.back-top{bottom:16px;right:16px}.dialog-toolbar{padding:12px 14px;gap:8px;min-height:66px}.dialog-toolbar>span{max-width:110px;font-size:11px}.reader-tools{gap:4px}.reader-tools button{font-size:12px;min-width:31px;padding:6px 8px}.reader-progress{top:66px}.reader-content{padding:24px 20px 30px}.reader-content h2{font-size:29px}.publication-layout{padding-block:26px 80px}.publication-breadcrumb{margin-bottom:28px;font-size:13px}.publication-kind{font-size:13px}.publication-content h1{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin:18px 0 30px}.publication-body p,.publication-body li{line-height:1.8}.publication-body h2{font-size:1.22em}.publication-body blockquote{padding:12px 16px}.publication-body figure{margin:1.5em 0}.publication-next a{font-size:20px}.reader-dock{bottom:12px;padding:5px;gap:0;border-radius:14px}.reader-dock a,.reader-dock button{padding:10px 9px;font-size:13px}.reader-dock>span{padding:0 8px;font-size:12px}.publication-aside{top:125px;max-height:calc(100dvh - 214px)}.resume-reading{bottom:83px;gap:8px;padding:10px 12px;font-size:13px}.resume-reading>span{max-width:150px}.resume-reading button{padding:8px;font-size:13px}.reading-focus .publication-aside.panel-open{top:20px;right:16px;width:calc(100vw - 32px);max-width:340px}.listing-page .journal-section{padding-top:38px}
}
@media(max-width:360px){.header nav{gap:6px;font-size:12px}.hero h1{font-size:54px}.project-tab strong{font-size:14px}.project-tab{padding-inline:8px}.real-articles .article{padding-inline:14px}.reader-dock a,.reader-dock button{font-size:12px;padding-inline:7px}.reader-dock>span{padding-inline:5px}.filter{padding-inline:10px}}
@supports not (backdrop-filter:blur(1px)){.glass-surface{background-color:#151c28}.header{background-color:#111723}.publication-aside{background-color:#151e2e}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.cover-button{transform:none!important}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{transition:none!important;animation:none!important}html[data-motion=off] .reveal-ready{opacity:1;transform:none}html[data-motion=off] .cover-button{transform:none!important}
.latest-section{padding-block:10px 48px}.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.latest-item{padding:26px;display:block;min-width:0}.latest-item .article-meta{display:flex;flex-wrap:wrap;gap:8px 14px}.latest-item h3{font-size:23px;line-height:1.45;margin:20px 0 12px}.latest-item p{font-size:14px;line-height:1.7;color:var(--muted)}.subscribe-section{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;margin-block:20px 60px}.subscribe-section h2{font-size:25px;margin:0 0 12px}.subscribe-section p{color:var(--muted);margin:0;line-height:1.7}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-links a{font-size:14px;padding:12px 16px;border:1px solid #ffffff28;border-radius:10px;background:#ffffff07}.platform-links{padding-bottom:40px}.related-publications{margin-top:50px;border-top:1px solid var(--line);padding-top:28px}.related-publications h2{font-size:20px}.related-publications>div{display:grid;gap:12px}.related-publications a{display:block;padding:18px;border-radius:12px;border:1px solid #ffffff25;background:#ffffff06;line-height:1.6}.original-source{font-size:13px;margin-top:32px;color:#9ba8bf}.original-source a{border-bottom:1px solid #ffffff27}.poem-body .poem-stanza{white-space:normal;line-height:1.95;margin:0 0 1.8em;font-family:Georgia,'Times New Roman',serif}.poems-listing .article-meta>span{font-size:12px}.poem-page .publication-content h1{font-size:clamp(32px,5vw,54px)}@media(max-width:800px){.latest-grid{grid-template-columns:1fr}.latest-item{padding:24px}.subscribe-section{padding:26px}}@media(max-width:600px){.header nav{flex-wrap:wrap;justify-content:flex-start;gap:6px 20px}.header nav a{min-height:30px}.subscribe-section{align-items:start;flex-direction:column;margin-bottom:40px}.latest-section{padding-bottom:24px}.latest-item h3{font-size:21px}.poem-body{font-size:var(--reader-size)}.poem-body .poem-stanza{overflow-wrap:normal;line-height:1.85}}
@media(max-width:600px){html{scroll-padding-top:160px}.publication-aside{top:155px;max-height:calc(100dvh - 245px)}}
/* Work pages and catalogue */
.site-page main{min-height:65vh}.site-page .header nav{gap:22px}.home-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;padding-block:52px 68px}.book-feature.hero-feature{max-width:650px;width:100%;display:block}.book-feature .feature-top{padding:24px 30px}.book-feature .cover-button{display:block;width:62%;max-width:330px;margin:10px auto 30px;cursor:pointer}.book-feature .cover-button img{display:block;width:100%;height:auto;filter:none}.book-feature .feature-bottom{padding:26px 30px}.book-feature .feature-bottom h2{font-size:25px}.book-feature .feature-bottom>span{font-size:25px;color:#c3cce1}.latest-section .section-heading{align-items:end}.projects-overview{padding-block:30px 72px}.project-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-preview{position:relative;padding:32px;border:1px solid #ffffff26;border-radius:18px;background:linear-gradient(130deg,#ffffff08,#ffffff02);display:block;min-width:0}.project-preview>span:first-child{font-size:13px;color:#a4b0c6}.project-preview h3{font-size:27px;margin:16px 28px 0 0;line-height:1.4}.project-arrow{position:absolute;right:28px;bottom:32px;font-size:22px}.void-preview,.void-detail{background:#0c0c0d;color:#f5f5f5}.project-preview:hover,.work-card:hover{border-color:#c8d3ff70;background-color:#c4d3ff06}.works-section{padding-block:62px 64px}.works-section h1,.standalone-intro h1{font-size:clamp(40px,6vw,68px);letter-spacing:-.04em;line-height:1.12;margin:18px 0 0}.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:20px;margin-bottom:24px}.catalog-controls .filters{display:flex;flex-wrap:wrap;gap:6px;align-self:start}.catalog-controls .search-box{width:100%;max-width:none;min-width:0;background:#ffffff06;border:1px solid #ffffff22;border-radius:12px}.catalog-selects{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px}.catalog-selects label{display:flex;gap:10px;align-items:center;font-size:13px;color:#a8b4c9}.catalog-selects select{min-width:150px;max-width:100%;padding:10px 34px 10px 12px;color:#e6ecf7;background:#121820;border:1px solid #ffffff25;border-radius:10px;font:inherit}.journal-caption #clear-filters{color:#c4ceef;border-bottom:1px solid #c4ceef55;font-size:13px;padding-bottom:3px}.works-grid.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;background:none;box-shadow:none;backdrop-filter:none}.work-card.article{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #ffffff24;border-radius:18px;background:#12161c88;overflow:hidden;min-width:0;transition:border-color .2s,background-color .2s;contain:layout style}.work-card-copy{padding:26px;display:flex;flex-direction:column;flex:1}.work-card .article-meta{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;font-size:12px;color:#a4b0c4}.work-card .article-meta span{font-size:12px}.work-card h3{font-size:22px;line-height:1.45;margin:20px 0 12px;letter-spacing:-.02em;overflow-wrap:anywhere}.work-card p{font-size:14px;line-height:1.7;color:#aeb9cc;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.work-card .read-label{display:flex;gap:20px;align-items:center;justify-content:space-between;position:static;font-size:13px;margin-top:auto;color:#d2dcf0}.work-card-image{aspect-ratio:4/3;overflow:hidden;background:#080c12}.work-card-image img{display:block;width:100%;height:100%;object-fit:cover}.platform-links .social-links{padding-top:16px}.work-hero{display:grid;grid-template-columns:minmax(0,1fr);padding:8px 0 48px;margin-bottom:40px;border-bottom:1px solid #ffffff24;gap:40px}.work-hero.has-cover{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:start}.work-cover{margin:0;border:1px solid #ffffff24;border-radius:16px;overflow:hidden;aspect-ratio:1;background:#10151d}.work-cover img{width:100%;height:100%;object-fit:contain;display:block}.work-hero-copy{min-width:0}.work-hero h1{font-size:clamp(30px,4.1vw,52px);line-height:1.22;letter-spacing:-.035em;margin:18px 0 22px;max-width:24ch}.work-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:#a5b2c9;margin-bottom:28px}.work-annotation{max-width:65ch;margin-block:0 28px}.work-annotation>span,.work-text-label{font-size:12px;letter-spacing:.04em;color:#91a1bd;display:block;margin-bottom:14px}.work-annotation p,.work-introduction li{font-size:17px;line-height:1.8;margin:0 0 14px;color:#c4cede}.work-introduction h2,.work-introduction h3{font-size:22px}.work-introduction img{max-height:400px;object-fit:contain}.work-introduction a{color:#d3d6ff;text-decoration:underline;text-underline-offset:4px}.work-text-label{scroll-margin-top:145px;margin-bottom:24px}.reading-focus .work-hero,.reading-focus .work-text-label{display:none}.book-page{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:clamp(36px,7vw,96px);padding-block:72px 96px;align-items:center}.book-page-cover{padding:32px;background:linear-gradient(150deg,#ffffff09,#ffffff02);border:1px solid #ffffff20;border-radius:24px}.book-page-cover img{display:block;width:100%;height:auto}.book-page-copy h1{font-size:clamp(36px,4.4vw,64px);line-height:1.12;letter-spacing:-.05em;margin:24px 0}.book-lead{font-size:22px;line-height:1.65;color:#c4ccda}.book-description{font-size:17px;line-height:1.9;color:#b0bbd0;margin-block:28px}.book-status{color:#91a1bd;font-size:14px;line-height:1.7}.book-page-copy>.text-link{margin-top:24px;display:table}.standalone-intro{padding-block:76px 40px}.standalone-intro>p{font-size:19px;line-height:1.8;color:#afbad0;max-width:50ch}.project-detail-list{padding-bottom:72px}.project-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;border-top:1px solid #ffffff25;padding:42px 0;scroll-margin-top:135px}.project-detail h2{font-size:clamp(26px,4vw,40px);line-height:1.25;margin:16px 0 0;overflow-wrap:anywhere}.project-detail p{font-size:17px;line-height:1.9;color:#b0bcd0;margin:0 0 20px}.void-detail{padding:38px;border:1px solid #ffffff40;border-radius:18px;margin-block:20px}.void-detail p,.void-detail .eyebrow{color:#bcbcbc}.about-page{padding-bottom:80px}.about-page .about-copy{max-width:760px}.about-page h2{font-size:27px;margin-top:48px}.site-page .footer{margin-top:16px}.site-page select:focus-visible,.reader-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.home-hero{gap:32px}.works-grid.articles{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-section .works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-section .work-card-copy{padding:20px}.latest-section .work-card h3{font-size:19px}.book-feature .feature-bottom h2{font-size:21px}.work-hero.has-cover{gap:28px;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr)}.book-page{gap:40px}}
@media(max-width:800px){.site-page .header-inner{gap:16px}.site-page .header nav{gap:16px}.home-hero{grid-template-columns:minmax(0,1fr);padding-block:42px 52px}.home-hero .hero-copy{max-width:660px}.home-hero h1{font-size:clamp(58px,9vw,82px)}.book-feature.hero-feature{max-width:none}.book-feature .cover-button{width:54%;max-width:350px}.latest-section .works-grid{grid-template-columns:1fr}.latest-section .work-card h3{font-size:23px}.book-page{grid-template-columns:minmax(0,1fr);padding-block:42px 70px}.book-page-cover{max-width:520px;width:100%;justify-self:center}.book-page-copy{max-width:650px}.book-page-copy h1 br{display:none}.work-hero.has-cover{grid-template-columns:minmax(0,1fr)}.work-cover{width:min(100%,440px)}.work-hero h1{font-size:38px;max-width:28ch}.catalog-controls{grid-template-columns:1fr}.catalog-selects{grid-column:1}.project-detail{gap:28px}}
@media(max-width:600px){.site-page .header nav{justify-content:space-between;gap:8px;font-size:12px;flex-wrap:nowrap}.site-page .header nav a{white-space:nowrap;min-height:24px}.site-page .header-inner{gap:8px}.home-hero h1{font-size:64px}.home-hero .hero-intro{font-size:17px}.book-feature .feature-top,.book-feature .feature-bottom{padding:22px}.book-feature .cover-button{width:64%;margin-bottom:22px}.book-feature .feature-bottom h2{font-size:21px}.book-feature .feature-bottom p{font-size:13px}.project-preview-grid{grid-template-columns:1fr}.project-preview{padding:26px}.project-preview h3{font-size:25px}.projects-overview{padding-block:18px 42px}.works-section{padding-block:42px 48px}.works-section .section-heading{align-items:start;flex-direction:column;gap:16px}.works-section .section-heading>p{max-width:none;margin:0;font-size:15px}.catalog-selects{display:grid;grid-template-columns:1fr;gap:12px}.catalog-selects label{display:grid;grid-template-columns:60px minmax(0,1fr)}.catalog-selects select{width:100%;min-width:0}.works-grid.articles{grid-template-columns:1fr;gap:14px}.work-card-copy{padding:24px}.work-card h3{font-size:23px}.work-hero{padding-bottom:32px;gap:26px;margin-bottom:30px}.work-hero h1{font-size:30px}.work-annotation p,.work-introduction li{font-size:16px}.work-meta{font-size:13px;gap:10px 18px}.work-text-label{scroll-margin-top:140px}.book-page-cover{padding:24px;border-radius:18px}.book-page-copy h1{font-size:42px}.book-lead{font-size:20px}.book-description{font-size:16px}.standalone-intro{padding-block:46px 26px}.standalone-intro h1{font-size:42px}.standalone-intro>p{font-size:17px}.project-detail{grid-template-columns:1fr;gap:22px;padding-block:32px}.project-detail p{font-size:16px}.void-detail{padding:26px}.about-page .about-copy p{font-size:17px}.site-page .subscribe-section{padding:24px}.site-page .footer{font-size:13px}.glass-surface{backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}}

@media(max-width:600px){.reader-page .header nav{gap:8px;font-size:12px;justify-content:space-between;flex-wrap:nowrap}.reader-page .header nav a{white-space:nowrap;min-height:24px}}
/* Compact work header; author controls stay outside the reading flow. */
.work-hero{padding:0 0 30px;margin-bottom:28px;gap:36px}.work-hero-copy{max-width:920px;width:100%}.work-hero h1{margin:4px 0 20px;max-width:none;font-size:clamp(34px,4.3vw,56px)}.work-meta{justify-content:space-between;align-items:center;margin-bottom:0;gap:10px 24px;font-size:14px;color:#9ba9be}.work-meta time{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.work-annotation{margin:28px 0 0;max-width:68ch}.work-annotation p{margin-bottom:16px}.work-annotation p:last-child{margin-bottom:0}.work-annotation img{max-width:100%;max-height:480px;object-fit:contain;border-radius:12px;display:block}.work-annotation a{color:#c8ceff;text-decoration:underline;text-underline-offset:4px}.work-annotation h2,.work-annotation h3{font-size:22px;line-height:1.45}.work-text-label{display:none}.author-work-tools{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin-bottom:24px;font-size:13px;color:#9facc2}.author-work-tools>span{margin-right:auto;color:#76859c}.author-work-tools a{font-size:12px;color:#a7b4ce}.author-edit-button{background:#b7c8ff12;border:1px solid #c5d2ff38;border-radius:10px;padding:10px 14px;font-size:13px;color:#d4def3}.author-edit-button:hover{background:#b7c8ff20}.reading-focus .author-work-tools{display:none}.book-page-cover{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .22s var(--ease)}.book-feature .cover-button{transition:transform .18s var(--ease)}.book-feature:hover .cover-button{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}
.work-editor-dialog{width:calc(100% - 32px);max-width:950px;max-height:90dvh;border:1px solid #ffffff35;border-radius:22px;padding:0;background:#111721;color:#eef2fb;box-shadow:0 30px 100px #0008}.work-editor-dialog::backdrop{background:#030710c9;backdrop-filter:blur(8px)}.work-editor-dialog form{margin:0}.work-editor-header{display:flex;justify-content:space-between;gap:24px;padding:26px 30px;border-bottom:1px solid #ffffff1b;align-items:start}.work-editor-header h2{font-size:24px;margin:0 0 8px}.work-editor-header p{margin:0;color:#97a8c3;font-size:14px;line-height:1.5}.work-editor-header button{width:36px;height:36px;border-radius:9px;background:#ffffff09;font-size:25px;flex-shrink:0}.work-editor-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;padding:28px 30px}.work-editor-body label{font-size:14px;display:block;color:#c7d2e6;margin-bottom:12px}.work-editor-body input,.work-editor-body textarea{display:block;width:100%;max-width:100%;border:1px solid #ffffff2c;background:#080d1580;color:#edf3ff;border-radius:10px;padding:12px;font:inherit;font-size:14px;line-height:1.7}.work-editor-body textarea{resize:vertical;min-height:80px}.work-editor-body small{display:block;color:#91a1bb;font-size:12px;line-height:1.6;margin-top:10px}.quick-cover-drop{border:1px dashed #cad8ff50;border-radius:14px;padding:22px 16px;background:#ffffff03;text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.quick-cover-drop.drag-over{border-color:#c3ceff;background:#adbfff14}.quick-cover-drop>img{display:block;width:100%;height:220px;object-fit:contain;margin-bottom:18px;border-radius:8px}.quick-cover-drop>p{font-size:14px;color:#98a9c4;line-height:1.8}.quick-cover-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.quick-cover-buttons button,.quick-annotation-tools button{padding:10px 12px;border:1px solid #ffffff26;border-radius:9px;background:#d7e1ff0a;font-size:13px}.quick-annotation-tools{margin:12px 0 24px}.quick-annotation-section details{margin-top:22px;border-top:1px solid #ffffff1b;padding-top:18px}.quick-annotation-section summary{font-size:13px;color:#97a8c3;cursor:pointer}.quick-meta-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.quick-meta-fields label{font-size:12px}.quick-meta-fields input{margin-top:9px}.work-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px;border-top:1px solid #ffffff1b}.work-editor-footer>p{font-size:13px;line-height:1.6;color:#b7c7e5;margin:0;max-width:460px}.work-editor-footer>div{display:flex;gap:20px;align-items:center;flex-shrink:0}.work-editor-footer button{font-size:13px}.work-editor-dialog button:disabled{opacity:.5}.work-editor-dialog :where(button,input,textarea,summary):focus-visible{outline:2px solid #b8baff;outline-offset:3px}@media(max-width:700px){.author-work-tools{flex-wrap:wrap;justify-content:flex-start;gap:12px}.author-work-tools>span{display:none}.work-hero h1{font-size:34px;margin-bottom:16px}.work-meta{font-size:13px;gap:12px}.work-meta time{font-size:12px}.work-annotation{margin-top:22px}.work-editor-body{grid-template-columns:1fr;padding:22px;gap:24px}.work-editor-header{padding:22px}.work-editor-footer{padding:20px 22px;flex-direction:column;align-items:stretch}.work-editor-footer>div{justify-content:flex-end}.quick-cover-drop>img{height:180px}.work-editor-header h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.book-page-cover{transform:none!important}}

.work-annotation figure{margin:20px 0}.work-annotation figure img{width:auto;max-width:100%}

/* Work appearance: a colored header and an independent square cover. */
.work-hero,.work-hero.has-cover{display:block;padding:0 0 32px;margin-bottom:32px;grid-template-columns:none}
.work-banner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;padding:36px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(var(--work-shade,#070a121f),var(--work-shade,#070a121f)),linear-gradient(125deg,var(--work-start,#151c2b),var(--work-end,#090d14));min-height:220px}
.has-cover>.work-banner{grid-template-columns:176px minmax(0,1fr)}
.work-banner .work-cover{width:176px;height:176px;aspect-ratio:1;margin:0;border-radius:20px;border:1px solid #ffffff50;background:#090d14;box-shadow:0 10px 30px #0004;overflow:hidden}
.work-banner .work-cover img{object-fit:cover;width:100%;height:100%}
.work-banner .work-hero-copy{width:100%;max-width:none;min-width:0}
.work-banner h1{font-size:clamp(30px,3.5vw,48px);margin:0 0 24px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere;color:#fff;text-wrap:balance}
.work-banner .work-meta{justify-content:flex-start;gap:12px 24px;color:#edf0f8;line-height:1.6;font-size:14px}
.work-banner .work-meta time{font-size:13px;color:#dde3ef;white-space:normal}
.work-hero>.work-annotation{margin:28px 0 0;max-width:68ch;padding-inline:4px}
.work-annotation :is(ul,ol){padding-inline-start:1.6em;margin:1.2em 0;line-height:1.8;color:#c4cede}
.work-annotation li{padding-inline-start:.35em;margin:.6em 0;font-size:17px}
.work-annotation figure{margin:20px 0}
/* Catalog rows keep titles, dates and thumbnails on a shared grid. */
.works-section .works-grid.articles{grid-template-columns:minmax(0,1fr);gap:10px}
.works-section .work-card.article{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:24px 28px;gap:24px;border-radius:16px;background:#10151ca6;align-items:center;overflow:hidden}
.works-section .work-card.has-cover{grid-template-columns:104px minmax(0,1fr)}
.works-section .work-card::before{content:"";position:absolute;inset:16px auto 16px 0;width:3px;border-radius:3px;background:linear-gradient(var(--work-start),var(--work-end));opacity:.75}
.works-section .work-card-copy{padding:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px}
.works-section .work-card .article-meta{grid-column:1/-1;justify-content:space-between;gap:8px 20px;line-height:1.6}
.works-section .work-card time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
.works-section .work-card h3{grid-column:1;grid-row:2;margin:0;line-height:1.4;font-size:23px;letter-spacing:-.025em;color:#e8edf7}
.works-section .work-card p{grid-column:1;grid-row:3;margin:0;line-height:1.7;font-size:14px;-webkit-line-clamp:2;max-width:85ch}
.works-section .work-card p:empty{display:none}
.works-section .work-card .read-label{grid-column:2;grid-row:2/4;align-self:center;font-size:0;margin:0;width:32px;justify-content:center}
.works-section .read-label>span{font-size:22px;color:#a9b8d1;transition:transform .18s}
.works-section .work-card:hover .read-label>span{transform:translate(2px,-2px);color:#f1f4ff}
.works-section .work-card-image{width:104px;height:104px;aspect-ratio:1;border-radius:14px;border:1px solid #ffffff25;background:linear-gradient(135deg,var(--work-start),var(--work-end))}
.works-section .work-card-image img{width:100%;height:100%;object-fit:cover}
.works-section .catalog-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.works-section .catalog-selects label{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}
.works-section .catalog-selects select{width:100%;min-width:0;min-height:44px}
.latest-section .work-card .article-meta{justify-content:space-between;line-height:1.6}
.latest-section .work-card-image{aspect-ratio:auto;height:112px;padding:16px;background:linear-gradient(125deg,#090d1455,#090d1499),linear-gradient(125deg,var(--work-start),var(--work-end))}
.latest-section .work-card-image img{width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid #ffffff35}
.latest-section .work-card h3{margin:18px 0 12px}.latest-section .work-card p{-webkit-line-clamp:3}
/* Lists belong to the text's rhythm rather than separate cards. */
.publication-body :is(ul,ol){margin:1.35em 0 1.6em;padding-inline-start:1.65em}
.publication-body li{margin:.65em 0;padding-inline-start:.4em;line-height:1.8;overflow-wrap:anywhere}
.publication-body li::marker{color:#aabbe3;font-weight:650;font-variant-numeric:tabular-nums}
.publication-body li>p{margin:0 0 .6em}.publication-body li>p:last-child{margin-bottom:0}
.publication-body li :is(ul,ol){margin:.65em 0;padding-inline-start:1.4em}
/* Color controls show the actual title and cover before saving. */
.quick-theme-controls{padding:0;margin:26px 0 0;border:0;min-width:0}
.quick-theme-controls legend{font-size:14px;color:#c7d2e6;margin-bottom:12px;padding:0}
.theme-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.theme-presets button{padding:9px 12px;min-height:40px;border:1px solid #ffffff30;border-radius:9px;font-size:12px;color:#fff;background:linear-gradient(#080d1540,#080d1540),linear-gradient(125deg,var(--swatch-start),var(--swatch-end));text-shadow:0 1px 3px #0008}
.theme-presets button[aria-pressed=true]{outline:2px solid #e4ecff;outline-offset:2px}
.theme-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.theme-colors input[type=color],.work-editor-body input[type=color]{height:44px;width:100%;padding:5px;cursor:pointer;border-radius:9px;background:#101620;border:1px solid #ffffff30}
.theme-colors input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-colors input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}
.quick-theme-preview{display:flex;gap:16px;align-items:center;min-height:130px;padding:22px;border-radius:14px;background:linear-gradient(var(--work-shade,#070a121f),var(--work-shade,#070a121f)),linear-gradient(125deg,var(--work-start,#151c2b),var(--work-end,#090d14));border:1px solid #ffffff25}
.quick-theme-preview img{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid #ffffff40;flex-shrink:0;background:#090d14}
.quick-theme-preview>div{min-width:0}.quick-theme-preview strong{display:block;font-size:17px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.quick-theme-preview span{display:block;font-size:11px;color:#e2e8f5;margin-top:9px}
.quick-cover-drop>img{width:160px;height:160px;object-fit:cover;border-radius:16px}.quick-cover-drop{min-height:230px}
@media(max-width:800px){.work-banner{padding:28px;gap:24px;min-height:180px}.has-cover>.work-banner{grid-template-columns:128px minmax(0,1fr)}.work-banner .work-cover{width:128px;height:128px;border-radius:16px}.work-banner h1{font-size:32px}.works-section .work-card.article{padding:22px;gap:20px}.works-section .work-card-copy{gap:8px 16px}.works-section .work-card h3{font-size:21px}}
@media(max-width:600px){.work-banner{padding:24px;border-radius:18px;gap:22px}.has-cover>.work-banner{grid-template-columns:minmax(0,1fr)}.work-banner .work-cover{width:112px;height:112px;border-radius:16px}.work-banner h1{font-size:30px;margin-bottom:18px}.work-banner .work-meta{gap:6px;font-size:13px;flex-direction:column;align-items:flex-start}.work-hero>.work-annotation{margin-top:24px;padding:0}.works-section .work-card.article{padding:20px;gap:16px}.works-section .work-card.has-cover{grid-template-columns:72px minmax(0,1fr)}.works-section .work-card-image{width:72px;height:72px;border-radius:12px;align-self:start}.works-section .work-card-copy{display:flex;flex-direction:column;gap:10px}.works-section .work-card h3{font-size:19px;margin:0}.works-section .work-card p{font-size:13px}.works-section .work-card .article-meta{flex-direction:column;gap:4px;align-items:flex-start;font-size:11px}.works-section .work-card time{font-size:11px;white-space:normal}.works-section .work-card .read-label{display:none}.works-section .catalog-selects{grid-template-columns:minmax(0,1fr);gap:12px}.works-section .catalog-selects label{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px}.quick-theme-preview{padding:18px}.publication-body :is(ul,ol){padding-inline-start:1.4em}.publication-body li{padding-inline-start:.2em}}
@media(prefers-reduced-motion:reduce){.works-section .read-label>span{transition:none;transform:none!important}}

.work-banner h1,.work-banner .work-meta,.work-banner .work-meta time,.quick-theme-preview strong,.quick-theme-preview span{color:var(--work-ink,#fff)}.theme-presets #theme-amber{color:#111722;text-shadow:none}