.hero{--header-height:calc(45px + 1.8rem);min-height:calc(100svh - var(--header-height));align-items:center;display:flex;position:relative;overflow:clip}.hero:after{content:"";background:linear-gradient(to bottom, var(--paper-transparent), var(--paper));pointer-events:none;height:22%;position:absolute;inset:auto 0 0}.hero-inner{z-index:1;padding-block:var(--space-4) var(--space-5);justify-content:center;align-items:center;gap:clamp(3rem,7vw,6.8rem);display:flex;position:relative}.hero-scroll{--scroll-height:clamp(19rem, 42svh, 27rem);justify-content:center;align-items:flex-start;gap:var(--space-3);min-width:18rem;padding-block:var(--space-2);flex-direction:row-reverse;display:flex;position:relative}.hero-title{margin:0;line-height:0}.hero-title-wrap{display:block;position:relative}.hero-title-wrap>img{height:var(--scroll-height);width:auto;max-width:none;display:block}[data-theme=dark] .hero-title-wrap>img{filter:invert()}.hero-motto{height:calc(var(--scroll-height) - 1.2rem);color:var(--blue);font-family:var(--font-kai);margin:.6rem 0 0;font-size:1.02rem;display:flex}.motto-col{letter-spacing:0;flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}.motto-glyph{text-align:center;font-feature-settings:"vert" 0, "vrt2" 0;width:1em;line-height:1;display:block}.hero-seal{position:absolute;bottom:-.5rem;right:calc(100% + 1.2rem)}.hero-en{text-align:center;min-width:0}.hero-title-en{color:var(--dai);letter-spacing:var(--ls-1);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:var(--fw-light);padding-block:var(--space-0);overflow-wrap:anywhere;margin:0}.hero-title-en:before,.hero-title-en:after{content:"";width:8rem;height:1px;margin:var(--space-0) auto;background:linear-gradient(to right, transparent, var(--gold), transparent);display:block}.hero-motto-en{max-width:34rem;margin:var(--space-1) auto 0;color:var(--ink-soft);font-style:italic;font-size:var(--fs-md)}.hero-en .hero-seal{margin-top:var(--space-2);display:block;position:static}.hero-side{padding:var(--space-2);background:radial-gradient(ellipse, color-mix(in srgb, var(--surface) 65%, transparent), transparent 75%);flex-direction:column;flex:0 0 20rem;align-items:center;display:flex}.hero-qr{align-items:center;gap:var(--space-1);flex-direction:column;margin:0;display:flex}.hero-qr-link{border-radius:var(--r-xs);transition:transform var(--dur) var(--ease-silk);background:0 0;display:block}.hero-qr-link:hover{transform:translateY(-3px)}.hero-qr img{border:var(--hairline-gold);border-radius:var(--r-xs);width:11rem;height:auto;display:block}.hero-qr-caption{text-align:center;max-width:17rem;letter-spacing:var(--ls-2);color:var(--dai);text-wrap:balance;margin:0;font-size:1.05rem;line-height:1.85}.hero-qr-caption .nb{white-space:nowrap}.hero-qr-topic{display:block}.hero-qr-hint{margin:var(--space-0) 0 0;font-size:var(--fs-sm);letter-spacing:var(--ls-2);color:var(--gold-strong)}.hero-follow{margin:var(--space-1) 0 0;flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.hero-follow a{border-top:var(--hairline);transition:transform var(--dur) var(--ease-silk), border-color var(--dur) var(--ease-silk);background:0 0;flex-direction:column;align-items:flex-start;gap:.1rem;padding-block:.65rem;display:flex}.hero-follow a:hover{border-color:var(--gold);transform:translate(3px)}.hero-follow .hf-kind{font-size:var(--fs-meta);color:var(--blue);letter-spacing:var(--ls-2)}.hero-follow .hf-name{color:var(--ink);font-size:1rem}.sections-grid{gap:var(--space-1);padding-block:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.folio,.res-card,.friend-card{background:var(--surface);border:var(--hairline);border-radius:var(--r-xs);background-image:var(--noise);min-width:0;transition:border-color var(--dur) var(--ease-silk), box-shadow var(--dur) var(--ease-silk), transform var(--dur) var(--ease-silk);position:relative}.folio:hover,.res-card:hover,.friend-card:hover{border-color:var(--gold);box-shadow:var(--shadow-2);transform:translateY(-3px)}.folio{align-items:center;gap:var(--space-2);min-height:8rem;padding:var(--space-2) var(--space-3);display:flex;overflow:hidden}.folio-index{color:var(--gold-strong);font-size:2.5rem;font-weight:var(--fw-light);line-height:1}.folio-name{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--ls-4);color:var(--blue)}.folio:after{content:var(--folio-wm,"");color:var(--celadon-mist);font-family:var(--font-display);opacity:.4;pointer-events:none;font-size:5rem;line-height:1;position:absolute;bottom:-.5rem;right:.5rem;transform:rotate(-6deg)}.folio>span{z-index:1;position:relative}.folio.wm-wen{--folio-wm:"文"}.folio.wm-juan{--folio-wm:"卷"}.folio.wm-ren{--folio-wm:"人"}.home-res,.latest,.friends{padding-block:var(--space-1) var(--space-3)}.home-res-title,.latest-title,.friends-title{text-align:center;font-size:var(--fs-2xl);font-weight:var(--fw-regular);letter-spacing:var(--ls-4);color:var(--dai);margin:0 0 var(--space-2);text-wrap:balance}.home-res-title{margin-bottom:var(--space-0)}.home-res-subtitle{text-align:center;color:var(--ink-soft);font-size:var(--fs-sm);letter-spacing:var(--ls-2);margin:0 auto var(--space-3);text-wrap:balance;max-width:38rem}.home-res-grid{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.res-card{align-items:flex-start;gap:var(--space-0);padding:var(--space-3) var(--space-2);flex-direction:column;display:flex}.res-icon{width:34px;height:34px;color:var(--blue);margin-bottom:var(--space-0)}.res-icon svg{width:100%;height:100%}.res-name{font-size:var(--fs-md);color:var(--dai);font-weight:var(--fw-semibold);letter-spacing:var(--ls-2)}.res-desc{font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.8}.latest-list{max-width:52rem;margin:0 auto;padding:0;list-style:none}.latest-link{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-0);border-bottom:var(--hairline);background-image:none;display:flex}.latest-link:hover{background-color:var(--surface)}.latest-post-title{font-size:var(--fs-md);color:var(--dai);transition:color var(--dur) var(--ease-silk)}.latest-link:hover .latest-post-title{color:var(--gold-strong)}.latest-link time{font-size:var(--fs-meta);color:var(--ink-soft);white-space:nowrap}html[lang=en] .latest-link time{font-family:var(--font-latin)}.friends-grid{gap:var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr));max-width:52rem;margin:0 auto;padding:0;list-style:none;display:grid}.friends-grid>li{grid-column:span 2;display:flex}.friends-grid>li:nth-last-child(-n+2){grid-column:span 3}.friend-card{text-align:center;padding:var(--space-2) var(--space-1);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.35rem;display:flex}.friend-name{font-size:1.05rem;font-weight:var(--fw-semibold);letter-spacing:var(--ls-2);color:var(--dai)}.friend-domain{font-size:var(--fs-sm);color:var(--blue);letter-spacing:var(--ls-1);overflow-wrap:anywhere}.friend-desc{font-size:var(--fs-meta);color:var(--ink-soft)}@media (width<=900px){.hero-inner{gap:var(--space-2)}.hero-scroll{min-width:15rem}.hero-side{padding-inline:var(--space-1);flex-basis:18rem}.home-res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folio{gap:var(--space-1);padding:var(--space-2)}}@media (width<=760px){.hero{--header-height:calc(45px + 1.4rem)}}@media (width<=640px){.hero-inner{gap:var(--space-1);padding-block:var(--space-3);flex-direction:column}.hero-scroll{--scroll-height:clamp(13rem, 30svh, 18rem);gap:var(--space-2);min-width:0;max-width:100%;padding-block:var(--space-0)}.hero-motto{font-size:var(--fs-note)}.hero-seal{bottom:-.8rem;right:calc(100% + .8rem)}.hero-side{width:min(100%,23rem);padding:var(--space-1) 0;flex-basis:auto}.hero-qr{gap:var(--space-1);grid-template-columns:6.5rem minmax(0,1fr);width:100%;display:grid}.hero-qr img{width:6.5rem}.hero-qr-caption{text-align:left;font-size:var(--fs-ctl)}.hero-qr-hint{font-size:var(--fs-meta);align-self:flex-start}.hero-follow{gap:var(--space-1);margin-top:var(--space-0);flex-direction:row}.hero-follow li{flex:1;min-width:0}.hero-follow .hf-kind{font-size:var(--fs-caption)}.hero-follow .hf-name{font-size:var(--fs-sm)}.hero .scroll-hint{display:none}.sections-grid{gap:var(--space-0);padding-block:var(--space-1) var(--space-2);grid-template-columns:1fr}.folio{min-height:5rem;padding:var(--space-1) var(--space-2)}.folio-index{font-size:2rem}.folio-name{font-size:var(--fs-md)}.folio:after{font-size:4rem}.home-res-grid{gap:var(--space-0)}.res-card{padding:var(--space-2) var(--space-1)}.res-name{font-size:1rem}.res-desc{font-size:var(--fs-meta)}.latest-link{gap:var(--space-0);flex-direction:column}.friends-grid{gap:var(--space-0);grid-template-columns:1fr 1fr}.friends-grid>li,.friends-grid>li:nth-last-child(-n+2){grid-column:auto}.friends-grid>li:last-child{grid-column:1/-1}}@media (width<=360px){.home-res-grid,.friends-grid{grid-template-columns:1fr}.hero-follow{gap:var(--space-0)}.hero-follow .hf-name{font-size:var(--fs-meta)}}@media (height<=700px) and (width<=640px){.hero-inner{padding-block:var(--space-1);gap:var(--space-0)}.hero-scroll{--scroll-height:12rem}.hero-side{padding-block:var(--space-0)}}