.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;background:radial-gradient(120% 80% at 70% 40%,#2a1520,#1c0f14 60%);color:#efe5d6}#art{position:absolute;inset:0;width:100%;height:100%}.hero-in{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:120px 40px 80px}.hero-grid{max-width:660px}.hero .rv{--d:0}h1.motto{font-family:var(--serif);font-weight:500;font-size:clamp(38px,5.6vw,72px);line-height:1.3}h1.motto span{display:block}h1.motto .l2{color:#3a1f29;transition:color 2.2s var(--ease) .9s}.hero.in h1.motto .l2{color:#b9a89e}.hero-lede{margin-top:20px;max-width:30em;color:#b9a89e}.cd{margin-top:30px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cd small{font-size:13px;color:#86707a}.cd-days{font-family:var(--serif);font-size:56px;line-height:1}.cd-clock{font-size:24px;display:inline-flex}.cd-clock b{font-weight:400;color:#d4a24c;display:inline-block}.cd-clock b.tick{animation:tick .45s var(--ease)}@keyframes tick{0%{transform:translateY(-40%);opacity:0}}.next-rel{display:inline-flex;gap:10px;align-items:baseline;margin-top:14px;font-size:13.5px;color:#b9a89e;border-bottom:1px solid rgba(239,229,214,.12);padding-bottom:3px;transition:color .3s,border-color .3s,gap .4s var(--ease)}.next-rel b{font-weight:400;color:#d4a24c}.next-rel:hover{color:#efe5d6;border-color:#d4a24c;gap:14px}.board{background:#26141bb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,229,214,.12);padding:24px 24px 20px}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.board-head h2{font-family:var(--serif);font-weight:500;font-size:17px}.board-head small,.board-foot{font-size:12.5px;color:#86707a}.brow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(239,229,214,.1);transition:padding .35s var(--ease)}.brow:last-of-type{border-bottom:0}.brow:hover{padding-left:6px}.brow .k{font-family:var(--jp);font-size:17px;color:var(--dc);text-align:center}.brow p{font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow p small{display:block;font-size:12px;color:#86707a}.brow.todo p{color:#86707a}.brow .st{font-size:12px;color:#86707a}.brow.done .st{color:var(--dc)}.board-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#b9a89e}.pips{display:flex;gap:4px}.pips i{width:18px;height:3px;background:#efe5d61f;transition:background .6s var(--ease)}.pips i.on{background:#d4a24c}.ledger-block{margin-top:48px}.ledger-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:13px;color:#b9a89e;margin-bottom:12px}.ledger-top b{font-family:var(--serif);font-weight:500;color:#efe5d6;font-size:16px}.ledger-wrap{overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}.ledger-wrap::-webkit-scrollbar{display:none}.months{--cs:12px;display:grid;grid-auto-flow:column;grid-auto-columns:var(--cs);column-gap:3px;font-size:11.5px;color:#86707a;margin-bottom:6px;width:max-content}.months span{white-space:nowrap}.ledger{--cs:12px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--cs));grid-auto-columns:var(--cs);gap:3px;width:max-content}.cell{width:var(--cs);height:var(--cs);border:1px solid rgba(239,229,214,.1);transition:transform .25s var(--ease),box-shadow .25s;opacity:0;animation:cellIn .5s var(--ease) forwards;animation-delay:calc(var(--c) * 4ms + .6s)}@keyframes cellIn{to{opacity:1}}.cell.future{border-color:#efe5d60d}.cell.done{border:0}.cell.done:hover,.cell.today:hover{transform:scale(1.7);box-shadow:0 0 0 3px #1c0f14cc;position:relative;z-index:2}.cell.today{border:1.5px solid #D4A24C;animation:cellIn .5s var(--ease) forwards,breathe 2.6s ease-in-out 1.2s infinite;animation-delay:calc(var(--c) * 4ms + .6s),1.2s}@keyframes breathe{50%{box-shadow:0 0 0 4px #d4a24c33}}.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:12.5px;color:#b9a89e}.legend i{display:inline-block;width:9px;height:9px;margin-right:7px}.tip{position:fixed;z-index:80;pointer-events:none;background:#efe5d6;color:#1c0f14;font-size:12.5px;padding:7px 11px;line-height:1.55;max-width:260px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .2s var(--ease)}.tip.on{opacity:1;transform:none}@media (max-width:900px){.hero{align-items:flex-start}.hero-in{padding:112px 20px 64px}}.dirs{display:grid;grid-template-columns:380px minmax(0,1fr);gap:56px;margin-top:40px;align-items:start}.penta svg{width:100%;height:auto;overflow:visible}.penta .grow{transform:scale(.001);transition:transform 1.4s var(--ease) .3s}.in .penta .grow{transform:none}.shape{fill:var(--gold-soft);stroke:var(--gold);stroke-width:1.5}.axis{font-family:var(--jp);font-size:21px;fill:var(--bone-2);cursor:pointer;transition:fill .3s}.axis:hover,.axis.on{fill:var(--gold)}.idx{display:flex;flex-direction:column;border-top:1px solid var(--line)}.idx button{display:grid;grid-template-columns:48px minmax(0,1fr) 110px 52px;gap:14px;align-items:center;padding:13px 6px;border-bottom:1px solid var(--line);text-align:left;transition:background .3s,padding .4s var(--ease)}.idx button:hover{background:var(--night-2)}.idx button[aria-selected=true]{background:var(--night-2);padding-left:16px}.idx .k{font-family:var(--jp);font-size:30px;line-height:1;color:var(--ash);transition:color .3s,transform .5s var(--ease);display:inline-block}.idx button:hover .k{transform:rotate(-6deg) scale(1.08)}.idx button[aria-selected=true] .k,.idx button:hover .k{color:var(--dc)}.idx .n{font-size:15px}.idx .n small{display:block;font-size:12px;color:var(--ash)}.idx .bar{height:3px;background:var(--line);position:relative;overflow:hidden}.idx .bar i{position:absolute;inset:0 auto 0 0;background:var(--dc);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}.in .idx .bar i{transform:scaleX(1)}.idx .dan{font-family:var(--serif);font-size:13.5px;text-align:right}.detail{position:relative;margin-top:28px;min-height:230px;overflow:hidden}.detail[hidden]{display:none}.detail .big{position:absolute;right:-8px;top:-30px;font-family:var(--jp);font-weight:300;font-size:220px;line-height:1;color:var(--dc);opacity:.09;pointer-events:none;animation:bigIn .9s var(--ease)}@keyframes bigIn{0%{opacity:0;transform:translate(24px)}}.detail>*:not(.big){animation:detIn .6s var(--ease) both}.detail>*:nth-child(3){animation-delay:.05s}.detail>*:nth-child(4){animation-delay:.1s}.detail>*:nth-child(5){animation-delay:.15s}@keyframes detIn{0%{opacity:0;transform:translateY(6px)}}.detail h3{font-family:var(--serif);font-weight:500;font-size:24px}.detail .jp{font-family:var(--jp);font-size:13.5px;color:var(--ash)}.detail .d{margin-top:12px;color:var(--bone-2);max-width:32em}.detail .es{margin-top:18px}.detail .es a{display:flex;gap:18px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px;transition:padding .35s var(--ease)}.detail .es a:hover{padding-left:8px}.detail .es a:hover span{color:var(--gold)}.detail .es time{color:var(--ash);font-size:13px;min-width:84px}.dir-note{font-size:12.5px;color:var(--ash);margin-top:14px}@media (max-width:960px){.dirs{grid-template-columns:1fr}.penta svg{max-width:340px;margin:0 auto;display:block}.idx button{grid-template-columns:40px minmax(0,1fr) 70px 48px}.detail .big{font-size:150px}}.mv-toggle{display:inline-flex;margin-top:28px;border:1px solid var(--line)}.mv-toggle button{font-size:13px;padding:5px 16px;color:var(--bone-2);transition:background .3s,color .3s}.mv-toggle button:hover{color:var(--bone)}.mv-toggle button[aria-pressed=true]{background:var(--bone);color:var(--night)}.track-wrap{overflow-x:auto;margin-top:28px;padding:8px 2px 4px;scrollbar-width:none}.track-wrap::-webkit-scrollbar{display:none}.track{list-style:none;display:grid;grid-template-columns:repeat(13,minmax(64px,1fr));min-width:860px;position:relative}.track:before{content:"";position:absolute;left:32px;right:32px;top:15px;height:1px;background:var(--line)}.track .fill{position:absolute;left:32px;top:15px;height:1px;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--ease) .4s}.in .track .fill{transform:scaleX(1)}.track li{position:relative;display:flex;justify-content:center}.node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 2px 6px}.dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--ash);background:var(--night);margin:8px 0;transition:transform .35s var(--ease),box-shadow .35s}.node:hover .dot{transform:scale(1.3);box-shadow:0 0 0 5px var(--gold-soft)}.node.done .dot{background:var(--gold);border-color:var(--gold)}.node.break .dot{background:repeating-linear-gradient(45deg,var(--ash) 0 2px,transparent 2px 4px)}.node.next .dot{border:1.5px solid var(--gold);animation:breathe 2.6s ease-in-out infinite}.node.final .dot{width:30px;height:30px;margin:0;display:grid;place-items:center;font-size:14px;color:var(--gold);border-color:var(--gold);font-family:var(--jp)}.node .d{font-size:12px;color:var(--ash);font-variant-numeric:tabular-nums}.node .r{font-size:12.5px;color:var(--bone-2);white-space:nowrap;transition:color .3s}.node:hover .r,.node[aria-current=true] .r{color:var(--gold)}.node[aria-current=true] .dot{transform:scale(1.25)}.mdetail{margin-top:26px;border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px}.mdetail>*{animation:detIn .6s var(--ease) both}.mdetail .tag{font-size:12.5px;color:var(--ash)}.mdetail .tag b{font-weight:400;color:var(--gold);margin-right:8px}.mdetail h3{font-family:var(--serif);font-weight:500;font-size:24px;margin-top:4px;line-height:1.45}.mdetail p{color:var(--bone-2);margin-top:10px;max-width:32em}.mdetail h4{font-family:var(--serif);font-weight:500;font-size:14px;color:var(--gold);margin-top:18px}.mdetail ul{list-style:none;margin-top:6px}.mdetail li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}.mdetail li .k{font-family:var(--jp);color:var(--dc,var(--ash))}.tally{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:22px;border:1px solid var(--line);background:var(--line)}.tally div{background:var(--night);padding:12px 8px 10px;text-align:center;transition:background .3s,transform .4s var(--ease)}.tally div:hover{background:var(--night-2);transform:translateY(-2px)}.tally .k{font-family:var(--jp);font-size:22px;line-height:1;color:var(--dc);display:block}.tally b{display:block;font-weight:300;font-size:22px;line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums}.tally small{font-size:11.5px;color:var(--ash)}.tally div.zero .k{opacity:.35}.tally div.zero b{color:var(--ash)}.tally-h{font-family:var(--serif);font-weight:500;font-size:14px;color:var(--gold);margin-top:22px}.tally-h span{font-family:var(--sans);font-weight:300;font-size:12.5px;color:var(--ash);margin-left:8px}.mnums div{padding:12px 0;border-bottom:1px solid var(--line)}.mnums b{display:block;font-size:28px;font-weight:300;line-height:1.1;font-variant-numeric:tabular-nums}.mnums small{font-size:12.5px;color:var(--ash)}.ygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:28px;padding:1px 0 0 1px}.ycard{background:var(--night);border:1px solid var(--line);margin:-1px 0 0 -1px;padding:18px 18px 16px;text-align:left;display:flex;flex-direction:column;gap:4px;min-height:150px;transition:background .3s,transform .4s var(--ease);position:relative}.ycard:hover{background:var(--night-2);z-index:1;transform:translateY(-3px)}.ycard .n{font-size:12.5px;color:var(--ash)}.ycard h4{font-family:var(--serif);font-weight:500;font-size:16px;line-height:1.5}.ycard .s{margin-top:auto;font-size:12.5px;color:var(--ash)}.ycard.done .s{color:var(--gold)}.ycard.next{background:var(--gold-soft)}.ycard.final{background:var(--night-3)}.ycard.final h4{color:var(--gold)}@media (max-width:860px){.mdetail{grid-template-columns:1fr;gap:20px}}.pipe{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border:1px solid var(--line)}.step{padding:20px;border-right:1px solid var(--line);transition:background .3s}.step:hover{background:var(--night-2)}.step:last-child{border-right:0}.step time{font-size:12.5px;color:var(--ash)}.step h3{font-family:var(--serif);font-weight:500;font-size:16px;margin-top:4px}.step p{font-size:13px;color:var(--bone-2);margin-top:6px;line-height:1.7}.step.now{background:var(--gold-soft)}.step.now h3{color:var(--gold)}@media (max-width:780px){.pipe{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}.body-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:32px}.spark{border:1px solid var(--line);padding:22px}.spark svg{width:100%;height:auto;display:block}.spark .ln{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 1.6s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.spark-top{display:flex;justify-content:space-between;font-size:13px;color:var(--bone-2);margin-bottom:10px;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:4px}.tabs button{font-size:12.5px;padding:2px 10px;border:1px solid var(--line);color:var(--bone-2);transition:all .25s}.tabs button:hover{border-color:var(--bone-2)}.tabs button[aria-pressed=true]{background:var(--bone);color:var(--night);border-color:var(--bone)}.metrics div{padding:14px 0;border-bottom:1px solid var(--line)}.metrics b{font-size:30px;font-weight:300;display:block;line-height:1.1}.metrics small{font-size:12.5px;color:var(--ash)}.strava{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 16px;border:1px solid #FC4C02;color:#fc4c02;font-size:13.5px;transition:background .3s,color .3s,gap .4s var(--ease)}.strava:hover{background:#fc4c02;color:#fff;gap:12px}.demo{font-size:12px;color:var(--ash);margin-top:12px}@media (max-width:900px){.body-row{grid-template-columns:1fr}}.strip{display:flex;gap:20px;overflow-x:auto;margin-top:36px;padding:10px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--ash) transparent}.work{flex:0 0 min(380px,82vw);scroll-snap-align:start;background:var(--night-2);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;min-height:250px;position:relative;overflow:hidden;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}.work:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--dc);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.work:after{content:attr(data-k);position:absolute;right:-6px;bottom:-26px;font-family:var(--jp);font-weight:300;font-size:150px;line-height:1;color:var(--dc);opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);pointer-events:none}.work:hover{transform:translateY(-6px);border-color:#efe5d633;box-shadow:0 18px 40px -20px #0009}.work:hover:before{transform:scaleX(1)}.work:hover:after{opacity:.1;transform:none}.work .meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ash)}.work .meta span:first-child{color:var(--dc)}.work h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-top:18px;line-height:1.45}.work p{font-size:13.5px;color:var(--bone-2);margin-top:8px}.work .nums{display:flex;gap:24px;margin-top:auto;padding-top:20px}.work .nums b{display:block;font-size:24px;font-weight:300}.work .nums small{font-size:11.5px;color:var(--ash)}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}.chip{font-size:13px;padding:4px 14px;border:1px solid var(--line);color:var(--bone-2);transition:all .25s}.chip:hover{border-color:var(--bone-2);color:var(--bone)}.chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.jlist{margin-top:10px}.jrow{display:grid;grid-template-columns:96px 36px minmax(0,1fr) 24px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:opacity .4s,padding .4s var(--ease)}.jrow[hidden]{display:none}.jrow time{font-size:13px;color:var(--ash)}.jrow .k{font-family:var(--jp);font-size:19px;color:var(--dc);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;transition:background .35s,color .35s}.jrow h3{font-family:var(--serif);font-weight:500;font-size:17px;transition:color .3s,transform .45s var(--ease)}.jrow p{font-size:13.5px;color:var(--bone-2)}.jrow .arrow{color:var(--gold);opacity:0;transform:translate(-8px);transition:opacity .35s,transform .45s var(--ease)}.jrow:hover .k{background:var(--dc);color:var(--night)}.jrow:hover h3{color:var(--gold);transform:translate(4px)}.jrow:hover .arrow{opacity:1;transform:none}.jempty{padding:20px 0;color:var(--ash)}@media (max-width:640px){.jrow{grid-template-columns:1fr;gap:2px}.jrow .arrow{display:none}}.about{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;margin-top:36px}.about .q{font-family:var(--serif);font-size:22px;line-height:1.7}.about p{color:var(--bone-2);margin-top:14px;max-width:32em}.motto-card{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--serif);font-size:18px;color:var(--bone)}.motto-card small{display:block;font-family:var(--sans);font-size:13px;color:var(--ash);margin-top:4px}.support{background:#efe5d6;color:#1c0f14;padding:28px;align-self:start;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.support:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #0009}.support h3{font-family:var(--serif);font-weight:500;font-size:18px}.support p{font-size:13.5px;color:#5b4b4e;margin-top:8px}.support .r{display:flex;align-items:baseline;gap:10px;margin-top:18px;flex-wrap:wrap}.support .r b{font-size:30px;font-weight:400}.btn-ink{position:relative;overflow:hidden;margin-left:auto;background:#1c0f14;color:#efe5d6;padding:10px 20px;font-size:13.5px;transition:background .3s}.btn-ink:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(212,162,76,.35),transparent);transform:skew(-20deg);transition:left .7s var(--ease)}.btn-ink:hover{background:#3d0f1a}.btn-ink:hover:after{left:120%}@media (max-width:900px){.about{grid-template-columns:1fr}}