.writing-section{margin-top:110px}.writing-heading .eyebrow{color:var(--blue);margin-bottom:12px}.writing-card{margin-top:30px;display:block;position:relative}.folder-tab{letter-spacing:.09em;white-space:nowrap;height:28px;top:-28px;left:calc(5% + var(--tab-i) * 15%);border-radius:12px 12px 0 0;align-items:center;padding:0 14px;font-size:10px;font-weight:650;display:flex;position:absolute}.tab-short{display:none}.writing-face{border-radius:var(--radius);flex-direction:column;gap:22px;min-height:460px;padding:40px 44px 36px;display:flex;box-shadow:0 2px 4px #1c1c1c0f,0 18px 40px #1926541a}.writing-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.writing-top .eyebrow{margin:0}.writing-title{letter-spacing:-.045em;text-wrap:balance;max-width:22ch;font-size:clamp(30px,3.4vw,46px);font-weight:650;line-height:1.14;display:block}.writing-excerpt{text-wrap:pretty;max-width:58ch;font-size:16px;line-height:1.75;display:block}.writing-foot{border-top:1px solid;border-top-color:color-mix(in srgb, currentColor 22%, transparent);justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:20px;display:flex}.writing-tags{flex-wrap:wrap;gap:6px;display:flex}.writing-tags>span{border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:30px;padding:5px 12px;font-size:11px;line-height:1.2}.writing-read{white-space:nowrap;font-size:13px;font-weight:550}.writing-card:hover .round-arrow{transform:rotate(45deg)}.tone-blue .folder-tab,.tone-blue .writing-face{background:var(--blue);color:#fff}.tone-blue .status-dot{background:var(--lime)}.tone-blue .writing-excerpt{color:#edf1ff}.tone-dark .folder-tab,.tone-dark .writing-face{background:var(--dark);color:#fff}.tone-dark .writing-title{color:var(--lime)}.tone-dark .writing-excerpt{color:#d2d5df}.tone-lime .folder-tab,.tone-lime .writing-face{background:var(--lime);color:var(--dark)}.tone-lime .status-dot{background:var(--dark)}.tone-lavender .folder-tab,.tone-lavender .writing-face{background:var(--lavender);color:var(--dark)}.tone-lavender .status-dot{background:#8050e7}.tone-sky .folder-tab,.tone-sky .writing-face{color:var(--dark);background:#d5ecfa}.tone-sky .status-dot{background:var(--blue)}.tone-lime .writing-excerpt,.tone-lavender .writing-excerpt,.tone-sky .writing-excerpt{color:#3e4655}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.writing-pin{position:sticky;top:0}.writing-stage{--foot:201px;min-height:calc(100svh - var(--foot));clip-path:inset(-50svh -60px -60svh);flex-direction:column;padding:56px 0 0;display:flex}.writing-heading{margin-top:auto}.writing-pile{margin-top:124px;margin-bottom:calc(-1 * var(--last-lift,0px));position:relative}body:has(.writing-section) .site-footer{margin-top:50px}.writing-track{height:100svh}.writing-track:last-child{height:0}.writing-pile .pile-slot{z-index:var(--z-pile);pointer-events:none;transform-origin:50% 0;transform:translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(var(--sc));transition:transform .26s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0 0 auto}.writing-pile .pile-slot:last-child{position:relative}.writing-pile .pile-slot>div{pointer-events:auto}.writing-card{margin-top:0}@media (hover:hover){.writing-pile .pile-slot:hover{transform:translate(var(--tx), calc(var(--ty) - 7px)) rotate(calc(var(--rot) + .5deg)) scale(var(--sc))}}.writing-pile .card-deal{animation:linear both writing-deal;animation-range:entry 42%}@keyframes writing-deal{0%{transform:translateY(0)rotate(0)}to{transform:translateY(100svh)rotate(-6deg)}}}}@media (width<=760px){.writing-section{margin-top:80px}.folder-tab{left:calc(8% + var(--tab-i) * 14%);justify-content:center;min-width:2.6rem;padding:0 10px}.tab-short{display:inline}.tab-long{display:none}.writing-face{border-radius:24px;gap:16px;min-height:0;padding:24px 22px 22px}.writing-top .round-arrow{width:36px;height:36px;font-size:20px}.writing-title{font-size:26px}.writing-excerpt{font-size:14px;line-height:1.7}.writing-foot{flex-direction:column;align-items:flex-start;gap:14px;padding-top:16px}.writing-tags>span{font-size:10px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.writing-stage{--foot:240px;clip-path:inset(-50svh -20px -60svh);padding:24px 0 0}body:has(.writing-section) .site-footer{margin-top:28px}.writing-pile{margin-top:90px;margin-bottom:calc(-.6 * var(--last-lift,0px))}.writing-face{height:var(--deck-card-h,auto);overflow:hidden}.writing-pile .pile-slot{transform:translate(calc(var(--tx) * .25), calc(var(--ty) * .6)) scale(var(--sc))}@keyframes writing-deal{0%{transform:translateY(0)}to{transform:translateY(100svh)}}}}}