.writer-ink-hero{--paper:#efe7d2;--paper-hi:#f6f0e1;--paper-lo:#e3d9bf;--ink:#16171a;--ink-nong:#0f1013;--ink-jung:#1a1b20e6;--ink-dam:#20222ab8;--ink-hair:#16171a24;--glass:#f6f0e1bd;--gutter:clamp(18px, 4vw, 44px);--inset:var(--spacing-edge);--fs-display:clamp(38px, 4.7vw, 66px);--fs-body:17px;--shadow-cover:0 24px 48px -28px #16171a8c, 0 2px 6px -2px #16171a2e;--impact:1.4s;--k:.6;--k-fine:.78;--k-dot:.85;--impact-far:calc(var(--impact) + 8.8s);--brush-ease:cubic-bezier(.6, .07, .24, 1);--quiet-ease:cubic-bezier(.22, .61, .36, 1);z-index:1;isolation:isolate;color:var(--ink);font-family:var(--font-serif);background:radial-gradient(120% 90% at 50% 18%, var(--paper-hi) 0%, var(--paper) 55%, var(--paper-lo) 100%);height:100svh;min-height:560px;animation:paper-quiver .44s ease-out var(--impact) 1 both;position:relative;overflow:hidden}.writer-ink-hero:before{content:"";z-index:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.39 0 0 0 0 0.31 0 0 0 0.13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");position:absolute;inset:0}.writer-ink-hero__eyebrow{letter-spacing:.08em;color:var(--ink-dam);margin-bottom:16px;font-size:12px;display:block}.writer-ink-hero .canvas{z-index:2;aspect-ratio:3/2;pointer-events:none;width:min(100vw,140svh);position:absolute;top:55%;left:56%;transform:translate(-50%,-50%)}.writer-ink-hero .painting{width:100%;height:100%;display:block;overflow:visible}.writer-ink-hero .ink-contour{fill:var(--ink)}.writer-ink-hero .painting-far{--far-x:960;--far-y:430;--far-s:.38;--impact:var(--impact-far);left:calc((var(--far-x) - 374 * var(--far-s)) / 1200 * 100%);top:calc((var(--far-y) - 665 * var(--far-s)) / 800 * 100%);width:calc(var(--far-s) * 100%);height:calc(var(--far-s) * 100%);opacity:.6;display:block;position:absolute;overflow:visible}.writer-ink-hero .brush-travel{stroke-dasharray:100;stroke-dashoffset:0;opacity:1;animation:brush-reveal calc(var(--duration) * var(--k)) var(--brush-ease) calc(var(--impact) + var(--start) * var(--k)) 1 both}.writer-ink-hero .root-ink{opacity:1;transform-origin:374px 665px;animation:root-press .23s var(--brush-ease) calc(var(--impact) + 0s) 1 both;transform:scale(1)}.writer-ink-hero .ink-fleck{opacity:1;animation:fleck-press .2s var(--quiet-ease) calc(var(--impact) + var(--start) * var(--k)) 1 both;transform:translate(0)}.writer-ink-hero .ink-dot{opacity:1;transform-box:fill-box;transform-origin:50%;animation:point-press calc(var(--dot-duration,.12s) * 2.5) var(--brush-ease) calc(var(--impact) + var(--start) * var(--k-dot)) 1 both;transform:scale(1)}.writer-ink-hero mask[id^=reveal-flower] .brush-travel,.writer-ink-hero mask[id^=reveal-petal] .brush-travel,.writer-ink-hero mask[id^=reveal-bud] .brush-travel{animation-duration:calc(var(--duration) * var(--k-fine));animation-delay:calc(var(--impact) + var(--start) * var(--k-fine))}.writer-ink-hero .drop-focus{filter:blur();animation:focus-ink 1.2s cubic-bezier(.64, .02, .87, .43) calc(var(--impact) + -1.2s) 1 both}.writer-ink-hero .drop-flight{transform-origin:374px 665px;animation:falling-ink 1.2s cubic-bezier(.64, .02, .87, .43) calc(var(--impact) + -1.2s) 1 both;transform:translate(0)scale(1)}.writer-ink-hero .drop-body{opacity:0;animation:drop-visibility 1.2s linear calc(var(--impact) + -1.2s) 1 both}.writer-ink-hero .landing-shadow{opacity:0;filter:blur();transform-origin:374px 665px;animation:shadow-focus 1.2s cubic-bezier(.64, .02, .87, .43) calc(var(--impact) + -1.2s) 1 both;transform:scale(.85)}.writer-ink-hero .impact-ripple{opacity:0;transform-origin:374px 665px;animation:ripple .68s ease-out calc(var(--impact) + 0s) 1 both;transform:scale(2.9)}.writer-ink-hero .hero-copy{z-index:5;left:var(--gutter);top:calc(58px + var(--inset) * 2 + clamp(28px, 6svh, 64px));max-width:min(60vw,760px);animation:quiet-arrival calc(1.6s * var(--k-fine)) var(--quiet-ease) calc(var(--impact) + 5.75s * var(--k-fine)) 1 both;position:absolute}.writer-ink-hero .hero-copy h1{font-size:var(--fs-display);letter-spacing:-.02em;color:var(--ink-nong);font-weight:400;line-height:1.16}.writer-ink-hero .hero-copy p{max-width:24em;color:var(--ink-jung);font-size:var(--fs-body);margin-top:20px}.writer-ink-hero .hero-card{z-index:5;right:var(--gutter);bottom:max(var(--gutter), env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);animation:quiet-arrival calc(1.6s * var(--k-fine)) var(--quiet-ease) calc(var(--impact) + 5.75s * var(--k-fine)) 1 both;border:1px solid #16171a12;border-radius:20px;align-items:center;gap:22px;padding:12px 12px 12px 14px;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff59,0 20px 40px -30px #16171a99}.writer-ink-hero .hero-card__book{color:inherit;border-right:1px solid var(--ink-hair);align-items:center;gap:16px;min-width:0;padding-right:10px;text-decoration:none;display:flex}.writer-ink-hero .hero-card__book:focus-visible{outline:none}.writer-ink-hero .hero-card__cover{width:56px;height:84px;box-shadow:var(--shadow-cover);border-radius:2px;flex:none;display:block;position:relative}.writer-ink-hero .hero-card__text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.writer-ink-hero .hero-card__label{letter-spacing:.06em;color:var(--ink-dam);font-size:12px}.writer-ink-hero .hero-card__title{color:var(--ink-nong);white-space:nowrap;text-overflow:ellipsis;max-width:16em;margin-top:3px;font-size:17px;overflow:hidden}.writer-ink-hero .hero-card__authors{color:var(--ink-dam);margin-top:1px;font-size:13px}.writer-ink-hero .hero-card__book:hover .hero-card__title,.writer-ink-hero .hero-card__book:focus-visible .hero-card__title{text-underline-offset:4px;text-decoration:underline}.writer-ink-hero .cta{background:var(--ink);min-height:42px;color:var(--paper-hi);border:1px solid var(--ink);white-space:nowrap;animation:quiet-arrival calc(1.6s * var(--k-fine)) var(--quiet-ease) calc(var(--impact) + 5.75s * var(--k-fine)) 1 both;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:11px 22px 12px;font-family:inherit;font-size:15px;font-weight:400;text-decoration:none;display:inline-flex}.writer-ink-hero .cta:hover{background:var(--ink-nong)}.writer-ink-hero .cta:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@keyframes paper-quiver{0%,to{transform:translateY(0)}16%{transform:translateY(3px)}40%{transform:translateY(-1px)}68%{transform:translateY(.5px)}}@keyframes falling-ink{0%{transform:translate(12px,-190px)scale(7)}to{transform:translate(0)scale(1)}}@keyframes focus-ink{0%{filter:blur(12px)}to{filter:blur()}}@keyframes drop-visibility{0%{opacity:0}7%,99.9%{opacity:.98}to{opacity:0}}@keyframes shadow-focus{0%{opacity:0;filter:blur(7px);transform:scale(2.8)}15%{opacity:.04}99.9%{opacity:.23;filter:blur(.15px);transform:scale(.85)}to{opacity:0;filter:blur();transform:scale(.85)}}@keyframes ripple{0%{opacity:.32;transform:scale(.2)}18%{opacity:.21}to{opacity:0;transform:scale(2.9)}}@keyframes root-press{0%{opacity:0;transform:scale(.62)}34%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes fleck-press{0%{opacity:0;transform:translate(var(--from-x,0px), var(--from-y,0px))}40%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes brush-reveal{0%{stroke-dashoffset:100px;opacity:0}.1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes point-press{0%{opacity:0;transform:scale(.45)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes quiet-arrival{0%{opacity:0;visibility:hidden;transform:translateY(7px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width:640px){.writer-ink-hero .canvas{width:max(164vw,108svh);top:77svh;left:24vw;transform:translate(-31.1667%,-83.125%)}.writer-ink-hero .hero-copy{max-width:none;right:var(--gutter);top:calc(52px + var(--inset) * 2 + 18px)}.writer-ink-hero .hero-copy h1{font-size:clamp(30px,8.6vw,40px)}.writer-ink-hero .hero-copy p{max-width:20em;margin-top:12px;font-size:14px}.writer-ink-hero .hero-card{left:var(--gutter);right:var(--gutter);bottom:max(18px, env(safe-area-inset-bottom));justify-content:space-between;gap:12px;padding:10px 10px 10px 12px}.writer-ink-hero .hero-card__cover{width:40px;height:60px}.writer-ink-hero .hero-card__title{max-width:11em;font-size:15px}.writer-ink-hero .hero-card__authors{display:none}.writer-ink-hero .cta{padding-left:16px;padding-right:16px;font-size:14px}.writer-ink-hero .painting-far{--far-x:640;--far-y:200;--far-s:.22}}@media (prefers-reduced-motion:reduce){.writer-ink-hero,.writer-ink-hero *,.writer-ink-hero :before,.writer-ink-hero :after{transition:none!important;animation:none!important}.writer-ink-hero .drop-focus,.writer-ink-hero .landing-shadow,.writer-ink-hero .impact-ripple{display:none}}