@charset "UTF-8";
:root{--paper:#f3f0e7;--ink:#252622;--accent:#e7f279;--orange:#cc5736;--line:#c9c8bc;--muted:#64665b;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--ink);background:#e8e6dc;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,h4,p{margin:0}button{font:inherit}a,section,div{min-width:0}::selection{background:var(--ink);color:var(--accent)}.mono{font-family:"Courier New",monospace;font-size:10px;letter-spacing:.045em}.skip-link{position:fixed;top:10px;left:10px;z-index:20;padding:14px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}
.masthead{max-width:1220px;margin:auto;height:75px;display:flex;justify-content:space-between;align-items:center;padding-inline:40px;border-bottom:1px solid var(--ink);background:var(--paper)}.masthead>a:first-child{display:flex;align-items:center;gap:19px}.masthead b{font:900 30px/1 Arial,sans-serif;letter-spacing:-.07em}.masthead>a>span{font:700 9px "Courier New",monospace;letter-spacing:.045em}.header-contact{font-size:11px;font-weight:700;padding:14px 0}.header-contact span{padding-left:18px}.masthead a:hover{text-decoration:underline;text-underline-offset:5px}.page-shell{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;background:var(--paper);border-inline:1px solid var(--line)}
.cover{position:sticky;top:0;height:100svh;min-height:650px;max-height:1050px;overflow:hidden;background:#282922;color:var(--paper);isolation:isolate}.cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10140e25 0%,transparent 35%,#15161230 57%,#151612dd 100%)}.cover-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 46%;z-index:-2}.cover-top{display:flex;justify-content:space-between;position:absolute;top:29px;left:29px;right:29px;font-size:9px;color:#f3f0e7;text-shadow:0 1px 4px #000}.cover-copy{position:absolute;bottom:35px;left:38px;right:38px}.cover-sticker{display:inline-block;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700;padding:9px 16px;transform:rotate(-4deg);margin-bottom:23px}.cover-copy>p{font-size:clamp(56px,6.35vw,83px);line-height:1.17;letter-spacing:-.065em;font-weight:900;text-shadow:1px 1px 0 #161810}.asterisk{font:normal .65em Arial,sans-serif;color:var(--accent);display:inline-block;margin-left:10px;vertical-align:middle}.cover-bottom{display:flex;justify-content:space-between;border-top:1px solid #e4e7d869;margin-top:30px;padding-top:16px;font-size:9px}.side-caption{position:absolute;top:42%;right:15px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.12em}
.link-column{padding:43px 46px 28px}.identity-top{display:flex;align-items:center;gap:18px}.avatar{width:86px;height:86px;object-fit:cover;border-radius:50%;border:3px solid var(--paper);outline:1px solid var(--ink);background:#d3cbbc}.identity-label{font-size:9px;line-height:1.7;color:var(--muted)}.identity-star{margin-left:auto;color:var(--orange);font:50px/1 Arial,sans-serif;transform:rotate(12deg)}.name-en{margin-top:23px;font-size:9px;font-weight:700}.identity h1{font-size:37px;letter-spacing:-.055em;font-weight:900;margin:6px 0 12px;line-height:1.4}.intro{font-size:12px;line-height:1.9}.followers{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:17px}.followers strong{font-size:14px}.follower-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--orange)}.since{margin-left:auto;font-size:8px;color:var(--muted)}.quick-links{display:flex;gap:10px;margin-top:22px;padding-bottom:27px}.quick-links>a{display:grid;place-items:center;width:43px;height:42px;transition:background .15s}.quick-links>a:hover{background:#e2dfd2}.quick-links svg{width:27px;height:27px}
.section-label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:15px;margin-bottom:19px;gap:12px}.section-label h2{font:800 12px Arial,sans-serif;letter-spacing:.04em}.section-label>.mono{font-size:8px;color:var(--muted)}.social-list{display:flex;flex-direction:column;gap:11px}.social-card{position:relative;display:flex;align-items:center;gap:17px;padding:19px 21px;background:#faf8f1;border:1px solid var(--ink);min-height:84px;transition:transform .15s,box-shadow .15s,background .15s}.social-card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px);background:#fffdf5}.social-icon{display:grid;place-items:center;width:36px;flex-shrink:0}.social-icon svg{width:34px;height:34px}.social-text{display:flex;flex-direction:column;gap:7px;flex:1}.social-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font:800 22px/1.2 Arial,sans-serif;letter-spacing:-.025em}.account-type{font:700 10px "Yu Gothic",sans-serif;letter-spacing:0}.handle{font-size:9px;letter-spacing:0;overflow-wrap:anywhere;color:var(--muted)}.link-arrow{font:26px/1 Arial,sans-serif;flex-shrink:0}.main-card{min-height:99px;background:var(--accent);box-shadow:4px 4px 0 var(--ink);margin:0 4px 4px 0}.main-card:hover{background:#f0fc86;box-shadow:6px 6px 0 var(--ink)}.main-card .account-type{border:1px solid var(--ink);padding:4px 7px;font-size:9px}.main-card .handle{color:#494e30}.external-note{text-align:right;font-size:9px;color:var(--muted);margin-top:14px}.archive-section,.about-section,.contact-section{margin-top:37px}
.archive-card{display:block;border:1px solid var(--ink);background:#faf8f1;transition:box-shadow .15s,transform .15s}.archive-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.archive-art{height:150px;position:relative;background:#d8dbca;overflow:hidden;background-image:radial-gradient(#24261e25 .7px,transparent .7px);background-size:5px 5px;border-bottom:1px solid var(--ink)}.manga-covers{display:flex;align-items:end;justify-content:center;gap:12px;width:100%;height:100%;padding:26px 18px 18px}.manga-covers img{display:block;width:18%;height:auto;aspect-ratio:2/3;object-fit:contain;flex-shrink:0;background:#fffdf5;box-shadow:3px 5px 9px #25262238;transform-origin:bottom center}.manga-covers img:nth-child(1){transform:rotate(-8deg) scale(.88)}.manga-covers img:nth-child(2){transform:rotate(-4deg) scale(.98)}.manga-covers img:nth-child(3){transform:translateY(-9px) scale(1.08);z-index:1}.manga-covers img:nth-child(4){transform:rotate(4deg) scale(.98)}.manga-covers img:nth-child(5){transform:rotate(8deg) scale(.88)}.archive-copy{padding:22px 24px;position:relative}.archive-eyebrow{font-size:9px;color:var(--muted);letter-spacing:.035em}.archive-copy h3{font-size:24px;letter-spacing:-.04em;font-weight:900;margin-block:5px 8px}.archive-copy p{font-size:11px;color:var(--muted);line-height:1.8}.archive-arrow{position:absolute;right:23px;top:45px;font:29px Arial,sans-serif}
.about-intro{font-size:12px;line-height:2.05}.profile-details{margin-top:16px;border-bottom:1px solid var(--line)}.profile-details summary{list-style:none;cursor:pointer;font-size:11px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:15px 0;min-height:48px}.profile-details summary::-webkit-details-marker{display:none}.profile-details summary span{font-size:18px;transition:transform .15s}.profile-details[open] summary span{transform:rotate(45deg)}.profile-details summary:hover{color:var(--orange)}dl{margin:0 0 10px}dl>div{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}dt{color:var(--muted)}dd{margin:0}.profile-note{font-size:9px;color:var(--muted);margin-bottom:18px}
.contact-section{background:#e6e7dc;padding:24px;border:1px solid var(--ink);margin-top:31px}.contact-section .section-label{border:0;padding-top:0;margin-bottom:25px}.contact-section h3{font-size:19px;letter-spacing:-.035em;font-weight:800}.contact-section>p{font-size:10px;line-height:1.9;margin-top:10px}.work-list{list-style:none;padding:0;margin:22px 0}.work-list li{display:flex;gap:13px;padding:16px 0;border-top:1px solid #bec2b2}.work-number{font-size:9px;padding-top:3px;color:var(--muted)}.work-list h4{font-size:12px;font-weight:800}.work-list p{font-size:10px;line-height:1.9;color:var(--muted);margin-top:5px}.mail-button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;min-height:53px;padding:16px;margin-top:20px;transition:background .15s}.mail-button:hover{background:#44483a}.mail-button svg{width:22px;height:22px}.mail-button span:last-child{font-size:21px}.email-address{display:flex;align-items:center;gap:10px;margin-top:12px}.email-address a{font:10px/1.7 Arial,sans-serif;overflow-wrap:anywhere}.email-address a:hover{text-decoration:underline}.email-address button{margin-left:auto;font-size:9px;border:1px solid #b2b5a8;background:transparent;color:var(--ink);cursor:pointer;padding:9px;min-height:36px;flex-shrink:0}.email-address button:hover{background:var(--paper)}[hidden]{display:none!important}#copy-status{display:block;font-size:10px;line-height:1.6}#copy-status:not(:empty){margin-top:9px}.contact-section .contact-note{font-size:9px;color:var(--muted);margin-top:15px}.footer{text-align:center;padding-top:38px}.footer-mark{display:block;font:900 34px Arial,sans-serif;letter-spacing:-.07em}.footer>.mono{font-size:8px;margin-top:9px;color:var(--muted)}.footer>a{display:inline-block;padding:20px 15px;font:700 9px Arial,sans-serif}.footer small{display:block;font-size:8px;color:var(--muted)}
@media(min-width:1400px){.masthead{margin-top:28px}.page-shell{margin-bottom:28px}.cover{max-height:960px}.link-column{padding-inline:55px}}
@media(max-width:1000px) and (min-width:701px){.masthead{padding-inline:28px}.page-shell{grid-template-columns:.85fr 1fr}.link-column{padding:33px 27px 25px}.cover{min-height:610px}.cover-copy{left:24px;right:24px}.cover-copy>p{font-size:60px}.cover-top{font-size:7px;left:21px;right:21px}.cover-top span:last-child{display:none}.cover-bottom{font-size:7px}.identity h1{font-size:31px}.social-card{padding-inline:17px;gap:12px}.since{display:none}.contact-section{padding:20px}.email-address{gap:6px}.email-address a{font-size:9px}.asterisk{font-size:.5em}}
@media(max-width:700px){html{scroll-padding-top:18px}:root{background:var(--paper)}.masthead{height:56px;padding:0 21px;border-bottom:1px solid var(--ink)}.masthead b{font-size:24px}.masthead>a:first-child{gap:10px}.masthead>a>span{font-size:7px;letter-spacing:0}.header-contact{font-size:9px}.header-contact span{padding-left:5px}.page-shell{display:block;border:0;max-width:540px}.cover{position:relative;height:206px;min-height:0;width:100%;max-height:none}.cover-photo{object-position:50% 40%}.cover:after{background:linear-gradient(90deg,#13160f8c 0%,#15161214 70%)}.cover-top{top:17px;left:21px;right:21px;font-size:7px}.cover-top span:last-child{display:none}.cover-copy{bottom:27px;left:24px;right:24px}.cover-sticker{font-size:8px;padding:5px 9px;margin-bottom:14px;transform:rotate(-4deg)}.cover-copy>p{font-size:37px;line-height:1.16;letter-spacing:-.05em}.asterisk{font-size:.55em;margin-left:7px}.cover-bottom,.side-caption{display:none}.link-column{padding:0 23px 27px;position:relative}.identity-top{height:54px;gap:13px}.avatar{width:76px;height:76px;margin-top:-24px;border-width:4px;outline:0;box-shadow:0 0 0 1px #26292225}.identity-label{font-size:7px;line-height:1.6;padding-top:6px}.identity-star{font-size:36px;padding-top:7px}.name-en{margin-top:10px;font-size:8px}.identity h1{font-size:31px;margin:3px 0 9px;line-height:1.4}.intro{font-size:11px;line-height:1.95}.followers{font-size:9px;gap:6px;margin-top:12px}.followers strong{font-size:13px}.since{font-size:7px}.quick-links{margin-top:14px;padding-bottom:18px;gap:10px}.quick-links>a{height:40px;width:42px}.quick-links svg{width:27px;height:27px}.section-label{padding-top:14px;margin-bottom:16px}.section-label h2{font-size:11px}.section-label>.mono{font-size:7px}.social-card{min-height:79px;padding:17px 18px;gap:14px}.main-card{min-height:90px}.social-title{font-size:21px;gap:10px}.account-type{font-size:9px}.social-icon{width:32px}.social-icon svg{width:32px;height:32px}.handle{font-size:8px}.social-text{gap:6px}.link-arrow{font-size:24px}.external-note{font-size:8px}.archive-section,.about-section{margin-top:30px}.archive-art{height:140px}.archive-copy{padding:20px}.archive-copy h3{font-size:23px}.archive-copy p{font-size:10px}.archive-arrow{right:20px;top:43px}.about-intro{font-size:11px}.profile-details summary{font-size:10px}.contact-section{padding:21px;margin-top:26px}.contact-section h3{font-size:17px}.contact-section>p{font-size:10px}.contact-section .section-label{margin-bottom:21px}.work-list h4{font-size:12px}.work-list p{font-size:10px}.mail-button{font-size:11px;padding:14px}.email-address a{font-size:9px}.email-address button{font-size:8px;padding:8px}.contact-note{font-size:9px}.footer{padding-top:30px}}
@media(max-width:359px){.masthead{padding-inline:16px}.masthead>a>span{font-size:6px}.header-contact{font-size:8px}.link-column{padding-inline:18px}.cover{height:186px}.identity h1{font-size:29px}.since{display:none}.social-card{padding-inline:14px;gap:12px}.social-title{font-size:20px}.handle{font-size:7.5px}.contact-section{padding:17px}.email-address a{font-size:8px}.email-address{gap:6px}.contact-section h3{font-size:16px}.account-type{font-size:8px}}
/* Keep the editorial small labels, but make reading and contacting comfortable on phones. */
.intro,.about-intro{font-size:13px}.handle{font-size:10px}.contact-section>p,.work-list p{font-size:12px}.work-list h4{font-size:14px}.mail-button{font-size:13px}.contact-section .contact-note{font-size:11px}.email-address a{font-size:11px}.email-address button{font-size:10px;min-height:44px}.profile-details summary{font-size:12px}.profile-details dl>div{font-size:12px}.archive-copy p{font-size:12px}.quick-links>a{min-height:44px;min-width:44px}
@media(max-width:359px){.intro,.about-intro{font-size:12px}.handle{font-size:9px}.work-list h4{font-size:12px}.work-list p,.contact-section>p{font-size:11px}.email-address{flex-wrap:wrap}.email-address a{font-size:10px}.mail-button{font-size:11px}.since{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.archive-card .archive-art{width:100%;height:clamp(148px,18vw,210px);min-height:0}.archive-card .manga-covers{height:100%}.archive-copy .archive-destination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;font-weight:700}.archive-destination>span{font-size:20px}.archive-card .archive-copy h3{line-height:1.55;margin-block:9px 10px}.archive-card .archive-copy .archive-eyebrow{font-size:10px}@media(max-width:700px){.manga-covers{gap:7px;padding:23px 12px 17px}.archive-card .archive-copy h3{font-size:22px}.archive-copy .archive-destination{font-size:10px}.archive-card .archive-copy .archive-eyebrow{font-size:9px}}

/* Short, quiet movements inspired by a printed card lifting off the page. */
@media(prefers-reduced-motion:no-preference){
  .cover-photo{animation:portrait-settle 1500ms cubic-bezier(.2,.65,.2,1) both}
  .cover-sticker{animation:sticker-settle 850ms 150ms cubic-bezier(.2,.7,.2,1) backwards}
  .cover-copy>p{animation:cover-title-in 900ms 260ms cubic-bezier(.2,.7,.2,1) backwards}
  .identity-star{animation:signature-turn 1800ms 300ms cubic-bezier(.2,.7,.2,1) backwards}
  .social-card,.archive-card{transition:transform 280ms cubic-bezier(.2,.7,.2,1),box-shadow 280ms ease,background 200ms ease}
  .social-icon,.quick-links svg,.link-arrow,.archive-destination>span,.mail-button>span:last-child{transition:transform 300ms cubic-bezier(.2,.7,.2,1)}
  .manga-covers img{transition:translate 450ms cubic-bezier(.2,.7,.2,1)}
  .manga-covers img:nth-child(2){transition-delay:35ms}
  .manga-covers img:nth-child(3){transition-delay:70ms}
  .manga-covers img:nth-child(4){transition-delay:105ms}
  .manga-covers img:nth-child(5){transition-delay:140ms}
  .profile-details[open] dl{animation:cover-title-in 350ms ease-out}
  .social-card:active,.archive-card:active,.mail-button:active{transform:translate(1px,2px);box-shadow:0 0 0 var(--ink);transition-duration:90ms}
  @media(hover:hover) and (pointer:fine){
    .social-card:hover .social-icon{transform:rotate(-7deg) scale(1.06)}
    .social-card:hover .link-arrow,.mail-button:hover>span:last-child{transform:translate(3px,-3px)}
    .archive-card:hover .manga-covers img{translate:0 -7px}
    .archive-card:hover .archive-destination>span{transform:translateX(4px)}
    .quick-links>a:hover svg{transform:translateY(-3px) rotate(-5deg)}
  }
}
@keyframes portrait-settle{from{scale:1.045}to{scale:1}}
@keyframes sticker-settle{from{opacity:0;translate:0 10px;rotate:-5deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes cover-title-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes signature-turn{from{rotate:-100deg}to{rotate:0deg}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Native TikTok players fit the same narrow column on phones and desktop. */
.work-list>li>div{flex:1;min-width:0}
.reference-videos{margin-top:20px}
.work-list .reference-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink);margin-bottom:12px}
.reference-video{width:min(100%,280px);margin:0 auto 24px}
.reference-video:last-child{margin-bottom:0}
.reference-video figcaption{font-size:11px;font-weight:700;line-height:1.8;margin-bottom:9px}
.reference-video iframe{display:block;width:100%;height:auto;aspect-ratio:9/16;border:1px solid var(--ink);background:#171717}
.reference-video>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.reference-video>a:hover{color:var(--orange)}
.reference-videos>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid var(--ink);list-style:none;font-size:12px;font-weight:700;cursor:pointer;background:var(--paper)}
.reference-videos>summary::-webkit-details-marker{display:none}
.reference-videos>summary:hover{background:var(--accent)}
.reference-count{font-size:10px;color:var(--muted);font-weight:400}
.reference-toggle{margin-left:auto;font-size:18px;transition:transform 200ms ease}
.reference-close-label{display:none}
.reference-videos[open] .reference-open-label{display:none}
.reference-videos[open] .reference-close-label{display:inline}
.reference-videos[open] .reference-toggle{transform:rotate(45deg)}
.reference-content{padding-top:18px}
.reference-close-button{display:block;width:100%;min-height:44px;padding:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;cursor:pointer;margin-top:12px}
.reference-close-button:hover{background:var(--paper)}

/* Compact service link, secondary to the profile and social links. */
.matching-feature{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 24px;padding:16px 18px;border:1px solid #c4c5b8;border-radius:6px;background:#e9eadd;color:var(--ink);text-decoration:none}
.matching-feature strong{display:block;font-size:17px;line-height:1.5;font-weight:700}
.matching-feature small{display:block;font-size:11px;line-height:1.8;margin-top:4px;color:var(--muted)}
.matching-feature .matching-entry-arrow{font-size:22px;flex-shrink:0}
.matching-feature:hover{border-color:var(--ink)}