*,:before,:after{box-sizing:border-box}:root{--paper:#fff;--ink:#111;--muted:#8a8880;--ink-soft:#55534c;--hairline:#e8e6e0;--accent:#a87722;--live:#4f8a5c;--display:"Playfair Display", Georgia, serif;--body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--dot:"DotGothic16", ui-monospace, monospace;--t-meta:12.5px;--t-small:14px;--t-base:16px;--t-name:clamp(19px, 2.6vw, 21px);--t-lead:clamp(27px, 4.6vw, 34px);--s1:4px;--s2:8px;--s3:14px;--s4:22px;--s5:34px;--s6:54px;--s7:86px;--measure:60ch;--gutter:clamp(22px, 6vw, 44px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.42, .5, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.46s}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--t-base);font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.62}::selection{background:#a877222e}body:after{content:"";z-index:999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.sheet>*{animation:rise var(--dur-slow) var(--ease) backwards}.sheet>:nth-child(2){animation-delay:50ms}.sheet>:nth-child(3){animation-delay:.1s}.sheet>:nth-child(4){animation-delay:.15s}.sheet>:nth-child(5){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(9px)}}}p{max-width:var(--measure);text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.sheet{max-width:700px;padding:clamp(72px, 13vw, 132px) var(--gutter) 0;margin:0 auto}section{margin-bottom:var(--s7)}.meta{font-size:var(--t-meta);letter-spacing:.015em;color:var(--muted);line-height:1.5}.label{margin:0 0 var(--s2);font-family:var(--display);letter-spacing:0;color:var(--muted);font-size:19px;font-style:italic;font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1{margin:0 0 var(--s4);font-family:var(--display);font-weight:400;font-size:var(--t-lead);letter-spacing:-.018em;line-height:1.22}.intro{color:var(--ink-soft);max-width:56ch}.intro p+p{margin-top:var(--s4)}.rows{border-top:1px dashed var(--hairline);margin:0;padding:0;list-style:none}.row{border-bottom:1px dashed var(--hairline);padding:var(--s3) 0;transition:border-color var(--dur) var(--ease)}@media (prefers-reduced-motion:no-preference){.rows .row{animation:rise var(--dur-slow) var(--ease) backwards}.rows .row:first-child{animation-delay:90ms}.rows .row:nth-child(2){animation-delay:.13s}.rows .row:nth-child(3){animation-delay:.17s}.rows .row:nth-child(4){animation-delay:.21s}.rows .row:nth-child(5){animation-delay:.25s}.rows .row:nth-child(6){animation-delay:.29s}}.rows:hover .row{border-color:color-mix(in oklab, var(--hairline) 55%, var(--paper))}.rows .row:hover{border-color:var(--hairline)}.exp-head{justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap;display:flex}.exp-company{font-size:var(--t-base);letter-spacing:-.005em}.exp-dates{font-family:var(--dot);letter-spacing:.08em;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.exp-dates,.exp-proof{transition:color var(--dur) var(--ease)}.row:hover .exp-dates,.row:hover .exp-proof{color:var(--ink-soft)}.exp-role{color:var(--ink-soft);font-size:var(--t-small);margin-top:var(--s1)}.exp-proof{color:var(--muted);font-size:var(--t-small);margin-top:var(--s1);max-width:50ch}footer{padding-bottom:clamp(80px,14vw,140px)}.writing-item{justify-content:space-between;align-items:baseline;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px dashed var(--hairline);display:flex}.volume{color:var(--muted)}.b-row{--fx:var(--ease-spring);--fx-dur:var(--dur-slow);align-items:flex-start;gap:var(--s4);transition:padding var(--fx-dur) var(--fx);display:flex}.b-live{color:var(--live);opacity:0;transition:opacity var(--dur) var(--ease);background:#4f8a5c1c;border-radius:999px;align-items:center;gap:4px;padding:1px 8px 2px 7px;font-family:Instrument Serif,Georgia,serif;font-size:12px;font-style:italic;line-height:1.45;display:inline-flex}.b-live i{background:var(--live);border-radius:50%;flex:none;width:4px;height:4px}.b-head{align-items:center;gap:var(--s2);display:flex}.b-meta{align-items:center;gap:var(--s2);flex:none;margin-top:4px;display:flex}.b-main{flex:1;min-width:0}.b-name{font-size:var(--t-base);letter-spacing:-.005em;transition:font-weight var(--fx-dur) var(--fx);font-weight:400;display:inline-block}.b-row:hover .b-name{font-weight:600}.b-year{font-family:var(--dot);letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px}.b-desc{margin-top:var(--s1);font-size:var(--t-small);color:var(--muted);text-wrap:balance;transition:color var(--dur) var(--ease), min-height var(--fx-dur) var(--fx);line-height:1.45;position:relative}.b-row:hover .b-desc{color:var(--ink-soft)}.b-line{display:block}.b-word{white-space:pre;display:inline-block}.b-say,.b-strip,.b-echo{pointer-events:none;opacity:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.b-row:hover .b-live{opacity:1}.b-row:hover{padding-top:20px;padding-bottom:20px}.b-row[data-fx=kyurations]:hover .b-word{animation:word-in .38s var(--fx) backwards;animation-delay:var(--d)}@keyframes word-in{0%{opacity:0;transform:translate(var(--dx), var(--dy))}}.b-row[data-fx=beatscript] .b-desc{overflow:hidden}.b-row[data-fx=beatscript]:hover .b-desc{min-height:4.4em}.b-row[data-fx=beatscript]:hover .b-desc-text{animation:strip-desc 5.2s var(--ease) infinite}.b-row[data-fx=beatscript]:hover .b-strip{opacity:1}.b-strip-line{opacity:0;display:block;transform:translateY(300%)}.b-row[data-fx=beatscript]:hover .b-strip-1{animation:strip-line-1 5.2s var(--ease) infinite}.b-row[data-fx=beatscript]:hover .b-strip-2{animation:strip-line-2 5.2s var(--ease) infinite}.b-row[data-fx=beatscript]:hover .b-strip-3{animation:strip-line-3 5.2s var(--ease) infinite}@keyframes strip-desc{0%,3%{opacity:1;transform:translateY(0)}13%,56%{opacity:0;transform:translateY(-130%)}70%,to{opacity:1;transform:translateY(0)}}@keyframes strip-line-1{0%,14%{opacity:0;transform:translateY(300%)}22%,46%{opacity:1;transform:translateY(0)}56%,to{opacity:0;transform:translateY(-160%)}}@keyframes strip-line-2{0%,18%{opacity:0;transform:translateY(300%)}26%,46%{opacity:1;transform:translateY(0)}56%,to{opacity:0;transform:translateY(-160%)}}@keyframes strip-line-3{0%,22%{opacity:0;transform:translateY(300%)}30%,46%{opacity:1;transform:translateY(0)}56%,to{opacity:0;transform:translateY(-160%)}}.b-row[data-fx=barmuda] .b-desc-text,.b-row[data-fx=barmuda] .b-say{transition:opacity var(--dur-fast) var(--ease)}.b-row[data-fx=barmuda]:hover .b-desc-text{opacity:0}.b-row[data-fx=barmuda]:hover .b-say{opacity:1}.b-row[data-fx=barmuda]:hover .b-desc{min-height:5.3em}.b-dots{letter-spacing:.18em;opacity:0;position:absolute;top:0;left:0}.b-row[data-fx=barmuda]:hover .b-dots{animation:dots-hold 1.1s var(--ease) backwards}.b-row[data-fx=barmuda]:hover .b-say .b-word{animation:say-in .24s var(--ease) backwards;animation-delay:var(--d)}@keyframes dots-hold{0%{opacity:0}8%,52%{opacity:1}62%,to{opacity:0}}@keyframes say-in{0%{opacity:0}}.b-row[data-fx=pearmock]:hover .b-word{animation:hop 1.7s var(--fx) infinite;animation-delay:calc(var(--i) * -70ms)}@keyframes hop{0%,52%,to{transform:translateY(0)}11%{transform:translateY(-7px)}28%{transform:translateY(0)}}.b-row[data-fx=borescrollx] .b-desc{overflow:hidden}.b-row[data-fx=borescrollx] .b-desc-text,.b-echo{white-space:nowrap;display:block}.b-echo{top:100%;inset-inline:0;opacity:1;bottom:auto}.b-row[data-fx=borescrollx]:hover .b-desc-text,.b-row[data-fx=borescrollx]:hover .b-echo{animation:1.7s linear infinite crawl}@keyframes crawl{to{transform:translateY(-100%)}}.b-row[data-fx=keyflow]:hover .b-desc-text{animation:.78s linear backwards tubelight}@keyframes tubelight{0%,7%{opacity:0}8%,11%{opacity:1}12%,24%{opacity:0}25%,29%{opacity:.9}30%,46%{opacity:0}47%,53%{opacity:1}54%,60%{opacity:.15}61%,to{opacity:1}}}@media (pointer:coarse){.b-name{margin:-12px 0;padding:12px 0}}@media (hover:none){.b-live{opacity:1}}@media (width<=560px){.b-row{gap:var(--s3)}}@media (width<=700px),(hover:none){.b-row[data-fx=borescrollx] .b-desc{overflow:visible}.b-row[data-fx=borescrollx] .b-desc-text{white-space:normal}.b-echo{display:none}}.contact{align-items:center;gap:var(--s2);color:var(--ink);text-decoration:none;display:inline-flex}.contact svg{color:var(--muted);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease-spring);flex:none}.contact:hover svg{color:var(--accent);transform:translateY(-1px)}.contact:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.footer-links{gap:var(--s2) var(--s4);margin-top:var(--s3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.footer-links a{animation:rise var(--dur-slow) var(--ease) backwards}.footer-links a:first-child{animation-delay:.25s}.footer-links a:nth-child(2){animation-delay:.29s}}.footer-links a{align-items:center;gap:var(--s2);color:var(--muted);transition:color var(--dur) var(--ease);text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--ink)}.footer-links svg{transition:transform var(--dur) var(--ease-spring);flex:none}.footer-links a:hover svg{transform:translateY(-2px)}@media (pointer:coarse){.contact,.footer-links a{margin:-13px 0;padding:13px 0}.footer-links{gap:0 var(--s5);margin-top:var(--s4)}}.wall{gap:var(--s3);margin-bottom:var(--s5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.wall-empty{color:var(--muted);grid-column:1/-1}@media (prefers-reduced-motion:no-preference){.note{animation:pin .42s var(--ease-spring) backwards}@keyframes pin{0%{opacity:0;transform:rotate(0)translateY(-8px)scale(.97)}}}.note{padding:var(--s3) var(--s3) var(--s2);corner-shape:squircle;transform:rotate(var(--tilt,0deg));transition:transform var(--dur) var(--ease-spring);background:#fffef9;border-radius:10px;margin:0}.note:hover{transform:rotate(0)translateY(-2px)}.note blockquote{margin:0 0 var(--s2);font-size:var(--t-small);overflow-wrap:anywhere;line-height:1.5}.gb-form{max-width:430px}.wall-empty{transition:color var(--dur) var(--ease)}.gb-prompt{font-family:var(--display);color:var(--muted);margin-bottom:var(--s2);font-size:19px;font-style:italic;font-weight:500}.gb-field{width:100%;font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--hairline);padding:var(--s3) 0;transition:border-color var(--dur) var(--ease);background:0 0;border-radius:0;font-size:16px;display:block}.gb-field+.gb-field{margin-top:var(--s1)}textarea.gb-field{resize:none;line-height:1.55}.gb-field::placeholder{color:var(--muted)}.gb-field:hover{border-bottom-color:var(--muted)}.gb-field:focus{border-bottom-color:var(--ink);outline:0}.gb-foot{justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s4);display:flex}.gb-count{font-variant-numeric:tabular-nums;transition:color var(--dur) var(--ease)}.gb-count-low{color:var(--accent)}.gb-send{font:inherit;font-size:var(--t-small);color:var(--paper);background:var(--ink);padding:var(--s3) var(--s4);cursor:pointer;min-height:44px;transition:transform var(--dur-fast) var(--ease-spring), opacity var(--dur-fast) var(--ease), background-color var(--dur) var(--ease);border:0}.gb-send:hover:not(:disabled){opacity:.86}.gb-send:active:not(:disabled){transform:translateY(1px)}.gb-send:disabled{background:var(--hairline);color:var(--muted);cursor:default}.gb-note{margin-top:var(--s3)}.gb-error{color:#8c4a2f}
