:root{--paper: #f7f5ef;--paper-edge: #efece4;--paper-deep: #e6e1d4;--ink: #1a1814;--ink-soft: #3a362f;--ink-mute: #6b665c;--rule: #d8d3c6;--mark: rgba(26, 24, 20, .045);--accent: #c5552c;--serif-display: "Fraunces", "EB Garamond", Georgia, serif;--serif-body: "EB Garamond", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--col-gap: 14px;--row-gap: 14px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--paper);scroll-behavior:smooth}body{font-family:var(--serif-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"onum" 1,"kern" 1,"liga" 1;overflow-x:hidden}.shell{display:grid;grid-template-columns:minmax(360px,28%) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:48px 56px 32px;display:flex;flex-direction:column;overflow:hidden}.sidebar:before{content:"C";position:absolute;left:-120px;top:-80px;font-family:var(--serif-display);font-weight:400;font-style:italic;font-size:720px;line-height:1;color:var(--mark);pointer-events:none;user-select:none;z-index:0}.sidebar>*{position:relative;z-index:1}.masthead{font-family:var(--serif-display);font-weight:500;font-size:clamp(54px,5.6vw,86px);line-height:.95;letter-spacing:-.01em;margin:0 0 18px}.masthead .line{display:block}.dateline{font-family:var(--serif-display);font-variant-caps:small-caps;letter-spacing:.08em;font-size:14px;font-weight:500;color:var(--ink-soft);margin:0 0 56px}.dateline .em-dash{padding:0 .25em}.nav{display:flex;flex-direction:column;gap:14px;margin-bottom:auto}.nav a{font-family:var(--serif-display);font-size:22px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:var(--ink);width:fit-content;cursor:pointer;transition:color .18s ease,text-decoration-color .18s ease,transform .18s var(--ease-out)}.nav a:hover{color:var(--ink-mute);text-decoration-color:var(--ink-mute);transform:translate(2px)}.nav a.active{font-style:italic}.foot{padding-top:48px}.footnav{display:flex;flex-wrap:wrap;gap:0 4px;margin-bottom:14px;font-family:var(--serif-display);font-size:16px}.footnav a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .18s ease}.footnav a:hover{color:var(--accent)}.colophon{font-family:var(--serif-display);font-size:13px;color:var(--ink-soft);line-height:1.5}.colophon a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}.gallery{padding:48px 48px 80px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--col-gap);align-items:start}.col{display:flex;flex-direction:column;gap:var(--row-gap)}.col:nth-child(1){padding-top:0}.col:nth-child(2){padding-top:72px}.col:nth-child(3){padding-top:36px}.thumb{position:relative;width:100%;aspect-ratio:1200 / 630;background:var(--paper-edge);cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #1a181414;opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),box-shadow .28s ease;will-change:transform,opacity}.thumb.is-visible{opacity:1;transform:translateY(0)}.thumb:hover{box-shadow:inset 0 0 0 1px #1a18142e,0 12px 32px -14px #1a181447}.thumb.is-visible:hover{transform:translateY(-3px)}.thumb canvas{display:block;width:100%;height:100%;transition:filter .32s var(--ease-out),transform .6s var(--ease-out)}.thumb:hover canvas{transform:scale(1.02)}.thumb.is-painting:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.thumb .badge{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--paper);background:var(--ink);padding:4px 8px;border-radius:2px;opacity:0;transform:translate(-6px,-6px);transition:opacity .22s var(--ease-out),transform .32s var(--ease-spring);pointer-events:none}.thumb:hover .badge{opacity:1;transform:translate(0);transition-delay:80ms}.thumb .blur-stack{position:absolute;inset:auto 0 0;height:45%;pointer-events:none;opacity:0;transition:opacity .18s var(--ease-out)}.thumb:hover .blur-stack{opacity:1}.thumb .blur-layer{position:absolute;inset:0;pointer-events:none}.thumb .caption{position:absolute;inset:auto 0 0;padding:10px 12px;color:var(--ink);font-family:var(--serif-display);font-size:16px;line-height:1.25;letter-spacing:.005em;opacity:0;transform:translateY(4px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);pointer-events:none;text-shadow:0 1px 0 rgba(247,245,239,.35),0 0 10px rgba(247,245,239,.55)}.thumb:hover .caption{opacity:1;transform:translateY(0);transition-delay:.1s}.thumb .caption .ttl{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb.is-dark .caption{color:var(--paper);text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 10px rgba(0,0,0,.6)}dialog.studio{border:none;padding:0;background:transparent;max-width:min(1180px,94vw);max-height:92vh;width:100%;color:var(--ink)}dialog.studio::backdrop{background:#14120e00}dialog.studio[open]::backdrop{background:#14120e75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdrop-in .28s var(--ease-out)}@keyframes backdrop-in{0%{background:#14120e00;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.studio-inner{background:var(--paper);border-radius:4px;box-shadow:0 0 0 1px #1a181414,0 40px 100px -30px #1a181480,0 8px 24px -8px #1a181433;overflow:hidden;display:grid;grid-template-columns:1fr 320px}dialog.studio[open] .studio-inner{animation:studio-in .38s var(--ease-out) both}@keyframes studio-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.studio-stage{background:var(--paper-deep);padding:28px;display:flex;flex-direction:column;justify-content:center;min-height:0}.stage-frame{position:relative;width:100%;aspect-ratio:1200 / 630;background:var(--paper-edge);box-shadow:inset 0 0 0 1px #1a18141a,0 14px 32px -14px #1a181447;overflow:hidden}.stage-frame canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .38s var(--ease-out)}.stage-frame canvas.is-fading{opacity:0}.stage-frame canvas.stage-prev{z-index:1;opacity:1}.stage-frame canvas.stage-next{z-index:2;opacity:0}.stage-frame canvas.stage-next.is-shown{opacity:1}.stage-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#1a181414;overflow:hidden;z-index:3;opacity:0;transition:opacity .2s ease}.stage-progress.is-active{opacity:1}.studio-panel{padding:28px 26px;display:flex;flex-direction:column;gap:22px;border-left:1px solid var(--rule);min-width:0}.panel-head{display:flex;flex-direction:column;gap:4px}.panel-num{font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:var(--ink-mute);text-transform:uppercase}.panel-title{font-family:var(--serif-display);font-size:32px;line-height:1;margin:0;letter-spacing:-.005em}.panel-subtitle{font-family:var(--serif-display);font-style:italic;font-size:14px;color:var(--ink-soft);margin:6px 0 0;line-height:1.4}.panel-body{font-family:var(--serif-body);font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.panel-refs{font-family:var(--mono);font-size:10.5px;color:var(--ink-mute);letter-spacing:.04em;line-height:1.5;margin:0;padding-top:10px;border-top:1px solid var(--rule)}.seed-row{display:flex;flex-direction:column;gap:8px}.seed-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.seed-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute)}.seed-shuffle{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;padding:2px 0;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);transition:color .18s var(--ease-out),transform .18s var(--ease-out)}.seed-shuffle svg{transition:transform .32s var(--ease-spring)}.seed-shuffle:hover{color:var(--accent)}.seed-shuffle:hover svg{transform:rotate(180deg)}.seed-shuffle:active{transform:scale(.96)}.seed-shuffle.is-spinning svg{animation:shuffle-spin .48s var(--ease-spring)}@keyframes shuffle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seed-input{font-family:var(--mono);font-size:15px;background:transparent;border:none;border-bottom:1px solid var(--ink-soft);padding:8px 0 6px;color:var(--ink);outline:none;transition:border-color .2s var(--ease-out),padding .2s var(--ease-out)}.seed-input:focus{border-color:var(--accent);padding-bottom:5px}.btn-row{display:flex;gap:10px;margin-top:6px}.btn{flex:1;font-family:var(--serif-display);font-size:15px;padding:11px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;position:relative;overflow:hidden;transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .12s var(--ease-out)}.btn:hover{background:var(--ink-soft)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn .saved-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);background:var(--accent);color:var(--paper)}.btn.is-saved .saved-label{opacity:1;transform:translateY(0)}.btn .default-label{transition:opacity .22s var(--ease-out)}.btn.is-saved .default-label{opacity:0}.studio-close{position:absolute;top:18px;right:18px;width:32px;height:32px;background:transparent;border:1px solid var(--rule);border-radius:50%;color:var(--ink);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;transition:background .18s ease,color .18s ease,transform .18s var(--ease-spring),border-color .18s ease}.studio-close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:rotate(90deg)}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:40px 32px 24px}.sidebar:before{font-size:480px;left:-80px;top:-40px}.gallery{padding:16px 24px 60px}.grid{grid-template-columns:repeat(2,1fr)}.col:nth-child(2){padding-top:36px}.col:nth-child(3){display:none}.colophon{display:none}.studio-inner{grid-template-columns:1fr}.studio-panel{border-left:none;border-top:1px solid var(--rule)}}@media(max-width:560px){.masthead{font-size:48px}.grid{grid-template-columns:1fr}.col{padding-top:0!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.thumb{opacity:1;transform:none}}