:root{--paper:#fffaf7;--blush:#f8d3dd;--blush-2:#fde8ee;--personal:#ffceda;--accent:#ff7aac;--logo:#ff7bac;--rose:#e2779a;--sky:#8cc4ec;--risu-pink:#f5c3d2;--ink:#5a4251;--ink-soft:#8b7180;--line:#efd5de;--dot-paper:#f6cad7;--shade:#3a2740;--font-en:"Fraunces","Zen Maru Gothic",serif;--font-ui:"M PLUS Rounded 1c","Zen Maru Gothic",sans-serif;--font-jp:"Zen Maru Gothic","M PLUS Rounded 1c",sans-serif;--gutter:clamp(20px,5vw,88px);--max:1480px;--frame:clamp(10px,1.3vw,20px);--cloud-h:max(88px,13.89vw);--ease:cubic-bezier(.2,.75,.2,1);--ease-io:cubic-bezier(.76,0,.24,1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}html:has(.lightbox[open]){overflow:hidden}body{background:var(--paper);color:var(--ink);font:500 16px/1.9 var(--font-jp);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto}a{color:inherit}.sprite{width:0;height:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.opening{display:none}.js .opening{z-index:200;animation:0s linear 6s forwards op-failsafe;display:block;position:fixed;inset:0;overflow:hidden}@keyframes op-failsafe{to{visibility:hidden;pointer-events:none}}.js.skip-opening .opening{display:none}.op-curtain{width:88vw;height:100%;fill:var(--paper);transition:transform 1.5s var(--ease-io) .15s;position:absolute;top:0}.op-curtain--l{left:0}.op-curtain--r{right:0;transform:scale(-1)}.is-opened .op-curtain--l{transform:translate(-100vw)}.is-opened .op-curtain--r{transform:translate(100vw)scale(-1)}.op-mark{width:clamp(190px,22vw,320px);transition:opacity .45s ease,translate .7s var(--ease);position:absolute;top:50%;left:50%;translate:-50% -50%}.op-ht{width:150%;color:var(--dot-paper);opacity:0;animation:1.2s .2s forwards op-fade;position:absolute;top:50%;left:50%;translate:-50% -50%}.op-logo{aspect-ratio:1000/303;width:100%;height:auto;animation:op-in 1s var(--ease) both;display:block;position:relative}.op-spk{animation:op-in 1s var(--ease) .35s both;position:absolute;top:-30%;right:-12%}.op-spk .spk{--s:24px;fill:var(--accent)}.op-spk .spk-s{--s:10px;--d:-1.4s;position:absolute;top:22px;left:25px}.is-opened .op-mark{opacity:0;translate:-50% calc(-50% - 16px)}@keyframes op-in{0%{opacity:0;translate:0 12px}}@keyframes op-fade{to{opacity:.8}}.site-header{z-index:50;padding:calc(var(--frame) + 14px) calc(var(--frame) + 16px) 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.brand{width:clamp(136px,14vw,220px);color:var(--logo);transition:width .45s var(--ease),color .3s;display:block}.brand:hover,.f-logo:hover{color:var(--accent)}.logo{aspect-ratio:1000/303;width:100%;height:auto;display:block}.site-header.is-scrolled .brand{width:clamp(112px,10vw,150px)}.menu{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.menu a{background:var(--blush-2);font:800 12px/1.5 var(--font-ui);letter-spacing:.1em;color:var(--ink);transition:color .25s,background-color .25s,gap .3s var(--ease);border-radius:999px;align-items:center;gap:0;padding:5px 12px 4px;text-decoration:none;display:inline-flex;position:relative}.menu a svg{fill:currentColor;opacity:0;width:0;height:9px;transition:width .3s var(--ease),opacity .3s}.menu a:after{content:"";position:absolute;inset:-7px -3px}.menu a:hover{color:var(--accent);background:#fff}.menu a:hover,.menu a[aria-current]{gap:5px}.menu a:hover svg,.menu a[aria-current] svg{opacity:1;width:9px}.menu a[aria-current]{background:var(--accent);color:#fff}.menu-toggle{display:none}.hero{--pan:0;--q:0;--r:0;--mx:0;--my:0;height:100dvh;position:relative}.hero.is-pan{height:calc(100dvh + var(--pan-len,0px))}.hero-stage{background:var(--paper);height:100dvh;min-height:480px;position:sticky;top:0;overflow:hidden}.hero-scene{transform:translate3d(0,calc(var(--r) * 34dvh),0);position:absolute;inset:0}.hero-panel{inset:var(--frame);background:var(--blush);border-radius:clamp(18px,2.2vw,34px);position:absolute;overflow:hidden}.layer{pointer-events:none;position:absolute;inset:0}.layer-back{transform:translate3d(calc(var(--mx) * 12px),calc(var(--my) * 9px - var(--pan) * .12px),0)}.layer-front{transform:translate3d(calc(var(--mx) * -16px),calc(var(--my) * -11px - var(--pan) * 1.25px),0)}.cloud-corner{height:auto;fill:var(--paper);position:absolute;top:-2px}.cloud-corner--tl{width:clamp(250px,34vw,600px);left:-2px}.cloud-corner--tr{width:clamp(170px,31vw,540px);right:-2px;transform:scaleX(-1)}.hero-figure{height:98%;aspect-ratio:var(--ar);transform:translate3d(calc(var(--fx) * -100% + var(--mx) * -7px),calc(var(--my) * -5px),0);margin:0;position:absolute;bottom:-3%;left:52%}.hero.is-pan .hero-figure{--fh:min(150dvh,calc(90vw / var(--ar)));bottom:auto;top:max(4dvh,calc(26dvh - var(--fh) * var(--fy)));height:var(--fh);left:calc(52% - var(--fh) * var(--ar) * var(--fx));transform:translate3d(calc(var(--mx) * -7px),calc(var(--pan) * -1px + var(--my) * -5px),0)}.hero-figure-art,.hero-figure img{width:100%;height:100%;display:block}.hero-full{display:block;position:absolute;inset:0}.hero-full img{object-fit:cover;object-position:calc(var(--fx) * 100%) calc(var(--fy) * 100%);width:100%;height:100%;display:block}.hero[data-layout=full] :is(.layer-back,.layer-front){display:none}.hero-shade{background:var(--shade);opacity:calc(var(--r) * .5);pointer-events:none;position:absolute;inset:0}.hero-floor{width:100%;height:var(--cloud-h);fill:var(--paper);pointer-events:none;position:absolute;bottom:-1px;left:0}.deco{line-height:0;display:block;position:absolute}.ht{color:#fff;display:block}.ht svg{width:100%;height:auto;display:block}.spk{width:var(--s,20px);height:var(--s,20px);fill:#fff;animation:twinkle 3.4s ease-in-out var(--d,0s) infinite;display:block}.risu{width:var(--s,32px);aspect-ratio:60/51.34;fill:#fff;height:auto;animation:bob 5.5s ease-in-out var(--d,0s) infinite;display:block}.risu--pink{fill:var(--risu-pink)}.fcloud{width:var(--w,110px);height:auto;fill:var(--paper);animation:drift 11s ease-in-out var(--d,0s) infinite alternate;display:block}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.55;transform:scale(.68)rotate(14deg)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes drift{0%{transform:translate(-10px)}to{transform:translate(12px)}}.cluster{--sl:clamp(20px,2vw,30px);width:0;height:0}.cluster .s-l{--s:var(--sl);position:absolute;top:0;left:0}.cluster .s-s{left:calc(var(--sl) * 1.02);top:calc(var(--sl) * .9);--s:calc(var(--sl) * .42);--d:-1.4s;position:absolute}.cluster i{background:#fff;border-radius:50%;position:absolute}.cluster .tr1{left:calc(var(--sl) * 1.6);top:calc(var(--sl) * 1.55);width:5px;height:5px}.cluster .tr2{left:calc(var(--sl) * 1.95);top:calc(var(--sl) * 1.95);width:3.5px;height:3.5px}.cluster .sky{background:var(--sky)}.ht-a{width:clamp(150px,17vw,300px);top:29%;left:-4%}.ht-b{width:clamp(110px,13vw,220px);top:16%;right:13%}.ht-c{width:clamp(170px,21vw,380px);bottom:6%;right:-2%}.cl-1{top:66%;left:3%}.cl-2{top:40%;right:3%}.cl-3{top:29%;left:36%}.cluster-a{top:9%;left:32%}.cluster-b{top:11%;right:29%}.cluster-c{top:58%;left:4%}.risu-1{top:23%;left:24%}.risu-1 .risu{--s:clamp(30px,2.8vw,44px)}.risu-2{top:11%;right:8%}.risu-2 .risu{--s:clamp(26px,2.2vw,36px);--d:-2s}.risu-3{left:6%;bottom:calc(var(--cloud-h) * .2);z-index:1}.risu-3 .risu{--s:clamp(30px,2.6vw,42px);--d:-3.5s}.layer-front .spk{position:absolute}.f-1{--s:clamp(16px,1.6vw,24px);--d:-1.3s;top:88%;left:11%}.f-2{--s:clamp(14px,1.4vw,20px);--d:-2.6s;top:97%;right:10%}.f-3{--s:16px;--d:-.6s;top:122%;left:38%}.js .hero-figure img{opacity:0;translate:0 7%}.js .hero .deco{opacity:0;translate:0 14px}.hero.is-in .hero-figure img{opacity:1;transition:opacity 1s ease .1s,translate 1.4s var(--ease) .1s;translate:0}.hero.is-in .deco{opacity:1;transition:opacity .8s ease calc(.45s + var(--i,0) * 70ms),translate 1s var(--ease) calc(.45s + var(--i,0) * 70ms);translate:0}.scroll-cue{z-index:3;right:calc(var(--frame) + 20px);bottom:calc(var(--cloud-h) * .55);background:var(--paper);font:800 10.5px/1 var(--font-ui);letter-spacing:.18em;color:var(--ink);opacity:calc(1 - max(var(--q) * 3,var(--r) * 4));border-radius:999px;flex-direction:column;align-items:center;gap:10px;padding:14px 5px 10px;text-decoration:none;display:flex;position:absolute}.scroll-cue span{writing-mode:vertical-rl}.scroll-cue i{opacity:.75;background:currentColor;width:1px;height:clamp(56px,9vh,96px);display:block;position:relative}.scroll-cue i:before{content:"";background:var(--accent);width:6px;height:6px;animation:cue 2.2s var(--ease) infinite;border-radius:50%;position:absolute;top:0;left:-2.5px}.scroll-cue i:after{content:"";border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;bottom:0;left:-3px;transform:translateY(-1px)rotate(45deg)}@keyframes cue{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:calc(100% - 6px)}}.cloud-edge{width:100%;height:var(--cloud-h);fill:var(--paper);pointer-events:none;display:block;position:absolute;left:0}.cloud-edge--hang{top:-1px;transform:scale(-1)}.cloud-edge--flip{transform:scaleY(-1)}.cloud-edge--floor{bottom:-1px}main{z-index:2;position:relative}.section{padding:clamp(52px,7vw,104px) 0;position:relative}.wrap{width:min(100% - var(--gutter) * 2,var(--max));margin-inline:auto;position:relative}.sec-head{flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin-bottom:clamp(14px,2vw,22px);display:flex}.sec-title{font:italic 300 clamp(46px,7vw,112px)/1.05 var(--font-en);font-variation-settings:"SOFT" 100,"WONK" 0;letter-spacing:-.015em;color:var(--ink);align-items:center;gap:.2em;margin:0;display:flex}.sec-title svg{width:.3em;height:.3em;fill:var(--accent);translate:0 var(--star-y,.03em);flex:none}.mask{vertical-align:bottom;margin-bottom:-.14em;padding:0 .08em .14em 0;display:inline-block;overflow:hidden}.mask>span{display:inline-block}.sec-sub{font:800 13px/1.6 var(--font-ui);letter-spacing:.14em;color:var(--rose);margin:0}.more{justify-content:flex-end;margin:clamp(28px,4vw,48px) 0 0;display:flex}.pill-link{font:800 13px/1 var(--font-ui);letter-spacing:.12em;background:#fff;border:1.5px solid #f4bccd;border-radius:999px;align-items:center;gap:12px;padding:10px 10px 10px 22px;text-decoration:none;transition:background-color .3s,border-color .3s;display:inline-flex}.pill-arrow{background:var(--blush);letter-spacing:0;width:30px;height:30px;transition:transform .35s var(--ease),background-color .3s;border-radius:50%;place-items:center;display:grid}.pill-link:hover{background:var(--blush-2);border-color:var(--accent)}.pill-link:hover .pill-arrow{background:var(--accent);color:#fff;transform:rotate(45deg)scale(1.06)}.js [data-reveal]{opacity:0;transition:opacity .9s ease var(--rd,0s),translate 1s var(--ease) var(--rd,0s);translate:0 22px}.js [data-reveal].is-in{opacity:1;translate:0}.js [data-reveal=mask]{opacity:1;translate:none}.js [data-reveal=mask] .mask>span{transition:translate 1.1s var(--ease) var(--rd,0s);translate:0 110%}.js [data-reveal=mask] svg{transition:scale .8s var(--ease) calc(var(--rd,0s) + .35s),rotate .8s var(--ease) calc(var(--rd,0s) + .35s);rotate:-90deg;scale:0}.js [data-reveal=mask].is-in .mask>span{translate:0}.js [data-reveal=mask].is-in svg{rotate:0deg;scale:1}.js [data-reveal=wipe]{opacity:1;clip-path:inset(0 0 100% round 24px);transition:clip-path 1.15s var(--ease-io) var(--rd,0s);translate:none}.js [data-reveal=wipe].is-in{clip-path:inset(0 round 24px)}.js [data-reveal=slide]{translate:28px}.js [data-reveal=slide].is-in{translate:0}.tilt{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .6s var(--ease);will-change:transform}.tilt.is-tilting{transition:transform .12s linear}.works{background:var(--paper);padding-top:clamp(28px,4vw,56px)}.showcase{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:clamp(36px,6vw,96px);display:grid}.showcase-preview{position:sticky;top:clamp(84px,11vh,116px)}.preview-frame{aspect-ratio:5/4.1;background:var(--blush-2);border-radius:28px;width:100%;max-height:calc(100vh - 210px);margin:0;position:relative}.preview-img{opacity:0;visibility:hidden;transition:opacity .5s ease,scale .7s var(--ease),visibility 0s .5s;position:absolute;inset:6%;scale:.985}.preview-img[data-active]{opacity:1;visibility:visible;transition:opacity .5s ease,scale .7s var(--ease);scale:1}.preview-img img{object-fit:contain;width:100%;height:100%;display:block}.preview-wrap{position:relative}.frame-cloud{z-index:1;width:clamp(80px,8vw,124px);height:auto;fill:var(--paper);pointer-events:none;animation:10s ease-in-out infinite alternate drift;position:absolute;bottom:-22px;left:-22px}.preview-captions{z-index:1;margin-top:18px;display:grid;position:relative}.preview-caption{opacity:0;visibility:hidden;grid-area:1/1;justify-content:space-between;align-items:baseline;gap:16px;font-weight:700;transition:opacity .35s,visibility 0s .35s;display:flex}.preview-caption[data-active]{opacity:1;visibility:visible;transition:opacity .35s}.preview-link{font:800 13px/1 var(--font-ui);letter-spacing:.08em;color:var(--rose);background:var(--blush-2);border-radius:999px;flex:none;padding:8px 14px;text-decoration:none;transition:background-color .25s,color .25s}.preview-link:hover{background:var(--accent);color:#fff}.preview-link[hidden]{display:none}.works-list{border-top:2px dotted var(--line);margin:0;padding:0;list-style:none}.work-row{border:0;border-bottom:2px dotted var(--line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:18px 18px 18px 10px;display:grid;position:relative}.work-row:before{content:"";background:var(--blush-2);opacity:0;transition:opacity .3s,scale .4s var(--ease);border-radius:22px;position:absolute;inset:7px 0;scale:.97}.work-row>*{position:relative}.work-row[aria-selected=true]:before{opacity:1;scale:1}.row-mark{place-items:center;width:30px;height:30px;display:grid}.row-mark svg{width:18px;height:18px;fill:var(--accent);opacity:.45;transition:scale .45s var(--ease),opacity .3s,rotate .45s var(--ease);scale:.35}.work-row[aria-selected=true] .row-mark svg{opacity:1;rotate:90deg;scale:1}.row-main{gap:2px;display:grid}.row-title{font:700 clamp(16px,1.35vw,19px)/1.5 var(--font-jp)}.row-meta{font:700 12px/1.5 var(--font-ui);letter-spacing:.05em;color:var(--ink-soft)}.profile{background:var(--paper)}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,8vw,120px);display:grid}.profile-art{--cloud-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='11' y='11' width='78' height='78' rx='12'/%3E%3Ccircle cx='23' cy='18' r='15'/%3E%3Ccircle cx='42' cy='13' r='13'/%3E%3Ccircle cx='60' cy='14' r='13.5'/%3E%3Ccircle cx='78' cy='19' r='14.5'/%3E%3Ccircle cx='86' cy='37' r='13'/%3E%3Ccircle cx='87.5' cy='55' r='12.5'/%3E%3Ccircle cx='84' cy='73' r='14'/%3E%3Ccircle cx='72' cy='86' r='13.5'/%3E%3Ccircle cx='53' cy='87.5' r='12.5'/%3E%3Ccircle cx='34' cy='86.5' r='13'/%3E%3Ccircle cx='17' cy='78' r='13.5'/%3E%3Ccircle cx='12.5' cy='59' r='12.5'/%3E%3Ccircle cx='13.5' cy='39' r='13'/%3E%3C/svg%3E");justify-self:center;width:min(100%,560px);position:relative}.cloud-frame,.cloud-back{aspect-ratio:1;-webkit-mask:var(--cloud-mask) center/100% 100% no-repeat;mask:var(--cloud-mask) center/100% 100% no-repeat}.cloud-frame{background:var(--blush);position:relative;overflow:hidden}.cloud-back{background:var(--personal);position:absolute;inset:0;translate:5% 5%}.pan{height:128%;transform:translate3d(0,calc(var(--pp,0) * 10%),0);will-change:transform;position:absolute;top:-14%;left:0;right:0}.pan img{object-fit:cover;object-position:var(--pos,50% 30%);width:100%;height:100%;display:block}.p-deco{pointer-events:none;position:absolute}.p-spk1{width:30px;height:30px;fill:var(--accent);animation:3.4s ease-in-out infinite twinkle;top:6%;right:-4%}.p-risu{aspect-ratio:60/51.34;width:46px;height:auto;fill:var(--personal);animation:5.5s ease-in-out infinite bob;bottom:4%;left:-5%}.eyebrow{font:800 12px/1.6 var(--font-ui);letter-spacing:.18em;color:var(--rose);margin:0}.name{font:700 clamp(30px,3.2vw,46px)/1.3 var(--font-jp);flex-wrap:wrap;align-items:baseline;gap:.2em .6em;margin:.25em 0 .7em;display:flex}.name span{font:italic 400 .62em/1 var(--font-en);font-variation-settings:"SOFT" 100;letter-spacing:.01em;color:var(--ink-soft)}.profile-copy>p:not(.eyebrow){margin:0 0 .6em}.profile-lines{white-space:pre-line}.profile-subheading{font:700 1em/1.9 var(--font-jp);margin:1.2em 0 .25em}.history{border-top:2px dotted var(--line);margin:26px 0 14px}.history div{border-bottom:2px dotted var(--line);grid-template-columns:7em minmax(0,1fr);gap:16px;padding:12px 4px;display:grid}.history dt{font:800 14px/1.9 var(--font-ui);letter-spacing:.06em;color:var(--rose)}.history dd{margin:0}.text-link{font:800 13px/1 var(--font-ui);letter-spacing:.12em;border-bottom:2px dotted var(--accent);padding:6px 0;text-decoration:none;transition:color .25s;display:inline-block}.text-link:hover{color:var(--accent)}.personal{background:var(--personal);padding:calc(var(--cloud-h) + clamp(16px,3vw,40px)) 0 calc(var(--cloud-h) + clamp(24px,4vw,56px));position:relative;overflow:hidden}.personal .sec-title svg{fill:#fff}.personal .sec-sub{color:#c95a80}.personal-deco{pointer-events:none;position:absolute;inset:0}.personal-deco>*{position:absolute}.ht--soft{opacity:.6}.gallery{columns:3 250px;column-gap:clamp(20px,2.4vw,32px)}.art{break-inside:avoid;margin:0 0 clamp(22px,2.6vw,36px)}.art-open{color:inherit;cursor:zoom-in;border-radius:22px;text-decoration:none;display:block;position:relative}.art-img{background:var(--paper);border-radius:22px;padding:6px;display:block}.art-clip{isolation:isolate;border-radius:16px;display:block;overflow:hidden}.art-clip img{width:100%;height:auto;transition:scale .7s var(--ease);display:block}.art-open:hover .art-clip img{scale:1.04}.art-zoom{background:var(--paper);width:40px;height:40px;color:var(--accent);opacity:0;transition:opacity .3s,scale .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:16px;scale:.8}.art-zoom svg{width:19px;height:19px}.art-open:hover .art-zoom,.art-open:focus-visible .art-zoom{opacity:1;scale:1}.art figcaption{font:700 13px/1.5 var(--font-ui);color:var(--ink);justify-content:space-between;gap:12px;margin:10px 6px 0;display:flex}.art figcaption span+span{color:#93707f}.personal .pill-link{border-color:#fff}.lightbox{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{backdrop-filter:blur(6px);background:#3a2740cc}.lb-stage{place-items:center;width:100%;height:100%;padding:clamp(64px,8vh,88px) clamp(16px,8vw,120px);display:grid}.lb-figure{justify-items:center;gap:14px;max-width:100%;margin:0;display:grid}.lightbox[open] .lb-figure{animation:lb-in .45s var(--ease)}@keyframes lb-in{0%{opacity:0;scale:.96}}.lb-frame{background:var(--paper);border-radius:24px;padding:8px;display:block;position:relative}.lb-img{border-radius:16px;width:auto;max-width:min(84vw,1400px);height:auto;max-height:calc(100dvh - 210px);display:block}.lb-img.is-swap{animation:.35s lb-swap}@keyframes lb-swap{0%{opacity:0}}.lb-cloud{width:clamp(90px,9vw,130px);height:auto;fill:var(--paper);pointer-events:none;position:absolute;bottom:-26px;left:-34px}.lb-cap{font:700 14px/1.5 var(--font-ui);align-items:baseline;gap:16px;display:flex}.lb-count{letter-spacing:.12em;opacity:.75;font-size:12px}.lb-link{color:#fff;border-bottom:1px dotted;font-size:13px;text-decoration:none}.lb-link[hidden]{display:none}.lb-btn{background:var(--paper);width:48px;height:48px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .25s,color .25s;display:grid;position:fixed}.lb-btn:hover{background:var(--accent);color:#fff}.lb-btn svg{width:20px;height:20px}.lb-close{top:clamp(14px,2.4vw,28px);right:clamp(14px,2.4vw,28px)}.lb-prev,.lb-next{top:50%;translate:0 -50%}.lb-prev{left:clamp(12px,2.4vw,36px)}.lb-prev svg{rotate:180deg}.lb-next{right:clamp(12px,2.4vw,36px)}.youtube{background:var(--paper);padding-bottom:clamp(36px,4.5vw,64px)}.channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px);margin:0;padding:0;list-style:none;display:grid}.channel{text-decoration:none;display:block}.channel-art{aspect-ratio:16/10;background:var(--blush);isolation:isolate;border-radius:26px;display:block;position:relative;overflow:hidden}.channel-art img{object-fit:cover;object-position:60% 28%;width:100%;height:100%;transition:scale .7s var(--ease);display:block}a.channel:hover .channel-art img{scale:1.05}.channel-cloud{width:112px;transition:translate .5s var(--ease);position:absolute;bottom:-16px;left:-12px}.channel-cloud svg:first-child{width:100%;height:auto;fill:var(--paper);display:block}.channel-cloud .yt{width:28px;height:28px;fill:var(--accent);position:absolute;top:22px;left:43px}a.channel:hover .channel-cloud{translate:4px -4px}.channel-name{font:700 16px/1.5 var(--font-jp);align-items:center;gap:10px;margin-top:14px;display:flex}.channel-name .arrow{background:var(--blush-2);width:28px;height:28px;transition:transform .35s var(--ease),background-color .3s,color .3s;border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:13px;display:grid}a.channel:hover .arrow{background:var(--accent);color:#fff;transform:rotate(45deg)}.is-pending .channel-art{place-items:center;display:grid}.pending-label{background:var(--paper);font:800 13px/1.4 var(--font-ui);letter-spacing:.14em;color:var(--ink-soft);border-radius:999px;padding:6px 16px;position:relative}.channel-art.is-icon{place-items:center;display:grid}.channel-art.is-icon>.ht{pointer-events:none;width:58%;position:absolute;top:-16%;right:-8%}.icon-cluster{--sl:clamp(14px,1.4vw,20px);position:absolute;top:16%;left:12%}.icon-cloud{width:20%;height:auto;fill:var(--paper);pointer-events:none;animation:10s ease-in-out infinite alternate drift;position:absolute;bottom:10%;right:7%}.icon-ring{z-index:1;aspect-ratio:1;background:var(--paper);height:64%;transition:scale .6s var(--ease);border-radius:50%;place-items:center;padding:5px;display:grid;position:relative;overflow:hidden}.channel-art .icon-ring img{object-position:50% 50%;border-radius:50%}.icon-ring .risu{width:46%;fill:var(--risu-pink);animation:none}a.channel:hover .channel-art.is-icon img{scale:1}a.channel:hover .icon-ring{scale:1.05}.is-pending .pending-label{z-index:2;position:absolute;bottom:9%;left:50%;translate:-50%}.is-pending .channel-name{color:var(--ink-soft)}.news{background:var(--paper);padding-top:0}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.news-grid>li{min-width:0}.news-card{border:1px solid var(--blush-2);height:100%;min-height:190px;transition:translate .25s var(--ease),border-color .25s;background:#fff;border-radius:26px;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;text-decoration:none;display:flex}.news-card:hover{border-color:var(--accent);translate:0 -4px}.news-meta{font:800 12px/1.6 var(--font-ui);letter-spacing:.04em;color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.news-tag{background:var(--blush-2);color:var(--rose);border-radius:6px;padding:4px 9px}.news-title{font:700 20px/1.6 var(--font-jp);overflow-wrap:anywhere;margin:0}.news-read{font:800 13px/1.6 var(--font-ui);color:var(--ink-soft);gap:8px;margin-top:auto;display:flex}.news-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.news-article-shell{padding:clamp(140px,14vw,210px) var(--gutter) clamp(80px,9vw,140px)}.news-article{overflow-wrap:anywhere;max-width:860px;margin-inline:auto}.news-article-header{border-bottom:2px dotted var(--line);margin:42px 0;padding-bottom:32px}.news-article-header h1{font:700 clamp(25px,3.2vw,40px)/1.6 var(--font-jp);margin:20px 0 0}.news-body{font-size:17px;line-height:2}.news-body p{margin:1.3em 0}.news-body h2{margin:2em 0 .8em;font-size:1.6em;line-height:1.6}.news-body h3,.news-body h4{margin:1.8em 0 .6em;line-height:1.6}.news-body :is(img,figure){max-width:100%;height:auto;margin:2em auto;display:block}.news-body img{border-radius:20px}.news-body figure img{margin:0 auto}.news-body figcaption{text-align:center;color:var(--ink-soft);font-size:14px}.news-body a{color:#b83f71;text-underline-offset:4px}.news-body blockquote{border-left:4px solid var(--accent);background:var(--blush-2);margin:2em 0;padding:12px 24px}.news-body pre{background:var(--blush-2);border-radius:12px;padding:20px;font-size:14px;overflow-x:auto}.news-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.news-body th,.news-body td{border:1px solid var(--line);min-width:6em;padding:10px 14px}.news-body hr{border:0;border-top:2px dotted var(--line);margin:2.5em 0}.news-back{text-align:center;margin:60px 0 0}@media (width<=900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.news-grid{grid-template-columns:1fr}.news-card{min-height:174px;padding:24px}.news-body{font-size:16px}}.footer{background:var(--blush);padding:calc(var(--cloud-h) + clamp(60px,7vw,100px)) 0 clamp(20px,3vw,40px);position:relative;overflow:hidden}.footer-deco{pointer-events:none;position:absolute;inset:0}.footer-deco>*{position:absolute}.footer-card{background:var(--paper);--bw:clamp(280px,40vw,600px);border-radius:clamp(26px,3vw,44px);padding:clamp(34px,4.5vw,60px) clamp(24px,4.5vw,64px) 26px;position:relative}.footer-bumps{left:clamp(22px,4vw,64px);top:calc(var(--bw) * -122 / 600);width:var(--bw);height:auto;fill:var(--paper);pointer-events:none;position:absolute}.fc-spk{width:26px;height:26px;fill:var(--dot-paper);position:absolute;top:clamp(22px,3vw,40px);right:clamp(24px,4vw,64px)}.footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:32px clamp(24px,4vw,64px);display:grid;position:relative}.f-logo{width:clamp(150px,15vw,210px);color:var(--logo);transition:color .3s;display:block}.f-label{font:800 15px/1.5 var(--font-ui);letter-spacing:.08em;color:var(--accent);margin:22px 0 6px}.mail{font:800 clamp(15px,1.3vw,18px)/1.4 var(--font-ui);letter-spacing:.02em;overflow-wrap:anywhere;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mail svg{width:26px;height:26px;color:var(--accent);flex:none}.mail:hover{color:var(--accent)}.f-head{font:800 11px/1.5 var(--font-ui);letter-spacing:.2em;color:var(--ink-soft);margin:6px 0 12px}.f-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.f-col a{font:700 14px/1.6 var(--font-ui);align-items:center;gap:10px;text-decoration:none;transition:color .25s;display:inline-flex}.f-col a:hover{color:var(--accent)}.sns .ico{color:#fff;width:26px;height:26px;font:800 13px/1 var(--font-ui);background:#f1a7be;border-radius:7px;flex:none;place-items:center;display:grid}.sns .ico svg{fill:#fff;width:15px;height:15px}.sns .arrow{color:var(--ink-soft);font-size:12px}.f-bottom{border-top:2px dotted var(--line);font:800 12px/1.5 var(--font-ui);letter-spacing:.1em;color:var(--ink-soft);justify-content:space-between;gap:16px;margin-top:clamp(28px,4vw,48px);padding-top:16px;display:flex;position:relative}.f-bottom small{font-size:inherit}.f-bottom a{text-decoration:none}.f-bottom a:hover{color:var(--accent)}@media (width<=900px){.js .menu-toggle{background:var(--blush-2);font:800 12px/1.4 var(--font-ui);letter-spacing:.12em;color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 5px 14px;display:inline-flex}.menu-toggle i{width:10px;height:10px;position:relative}.menu-toggle i:before,.menu-toggle i:after{content:"";width:10px;height:2px;transition:transform .35s var(--ease);background:currentColor;border-radius:2px;position:absolute;top:4px;left:0}.menu-toggle i:after{transform:rotate(90deg)}.menu-toggle[aria-expanded=true] i:before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i:after{transform:rotate(135deg)}.nav{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.js .menu{visibility:hidden;flex-direction:column;align-items:flex-end;gap:6px}.js .menu li{opacity:0;transition:opacity .3s ease,translate .4s var(--ease);translate:8px -6px}.js .menu-open .menu{visibility:visible}.js .menu-open .menu li{opacity:1;translate:0}.js .menu-open .menu li:nth-child(2){transition-delay:40ms}.js .menu-open .menu li:nth-child(3){transition-delay:80ms}.js .menu-open .menu li:nth-child(4){transition-delay:.12s}.js .menu-open .menu li:nth-child(5){transition-delay:.16s}.menu a{box-shadow:0 0 0 3px var(--paper);padding:7px 14px 6px;font-size:13px}.showcase{grid-template-columns:1fr;gap:20px}.showcase-preview{z-index:2;margin-inline:calc(var(--gutter) * -1);padding:clamp(64px,9vw,76px) var(--gutter) 12px;background:var(--paper);top:0}.preview-frame{aspect-ratio:4/3;max-height:40vh}.frame-cloud{width:84px;bottom:-16px;left:-14px}.profile-grid{grid-template-columns:1fr;gap:40px}.profile-art{width:min(86%,460px)}.footer-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}@media (width<=700px){.channels{grid-template-columns:1fr}.pc{display:none}.cloud-corner--tl{width:66vw}.cloud-corner--tr{width:44vw}.hero-figure{height:90%;bottom:0;left:50%}.hero.is-pan .hero-figure{--fh:110dvh;top:max(9dvh,calc(30dvh - var(--fh) * var(--fy)));left:calc(50% - var(--fh) * var(--ar) * var(--fx))}.ht-a{width:42vw;top:28%;left:-12%}.ht-c{width:48vw;bottom:7%;right:-10%}.cl-1{top:60%;left:3%}.cl-1 .fcloud{--w:62px}.cl-3{top:46%;left:auto;right:5%}.cluster-b{top:30%;right:9%}.cluster-c{top:74%;left:6%}.risu-1{top:21%;left:7%}.risu-2{top:9.5%;right:7%}.scroll-cue{right:calc(var(--frame) + 10px);padding:12px 4px 8px;font-size:10px}.preview-img{inset:5%}.preview-captions{margin-top:12px}.preview-caption{font-size:14px}.work-row{padding:14px 12px 14px 4px}.more{justify-content:center}.lb-stage{padding:64px 12px 92px}.lb-img{max-width:calc(100vw - 40px);max-height:calc(100dvh - 230px)}.lb-prev,.lb-next{top:auto;bottom:22px;translate:none}.lb-prev{left:calc(50% - 60px)}.lb-next{right:calc(50% - 60px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene,.layer-back,.layer-front,.pan{transform:none!important}.spk,.risu,.fcloud,.frame-cloud,.icon-cloud,.p-spk1,.p-risu,.scroll-cue i:before{animation:none}.js .hero-figure img,.js .hero .deco,.js [data-reveal]{opacity:1;transition:none;translate:none}.lightbox[open] .lb-figure,.lb-img.is-swap{animation:none}.js [data-reveal=wipe]{clip-path:none;transition:none}.js [data-reveal=mask] .mask>span,.js [data-reveal=mask] svg{transition:none;translate:none;rotate:0deg;scale:1}.tilt{transform:none!important}}.skip-link{z-index:300;font:800 13px/1 var(--font-ui);background:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty-state{text-align:center;color:var(--ink-soft);padding:48px 0}.empty-state p{margin:0 0 16px}.works-noscript{gap:8px;margin:0;padding:0 0 0 1.2em;display:grid}.more--left{justify-content:flex-start}.page-hero{background:var(--paper);position:relative}.page-hero:last-child{margin-bottom:clamp(64px,10vw,140px)}.page-panel{min-height:clamp(360px,54vh,540px);margin:var(--frame) var(--frame) 0;background:var(--blush);border-radius:clamp(18px,2.2vw,34px);align-items:flex-end;display:flex;position:relative;overflow:hidden}.page-hero .cloud-corner--tl{width:clamp(230px,30vw,480px)}.page-hero .cloud-corner--tr{width:clamp(170px,27vw,460px)}.page-hero-inner{z-index:1;padding:clamp(130px,18vh,180px) 0 calc(var(--cloud-h) * .75 + 16px);position:relative}.page-hero .sec-head{margin-bottom:0}.page-ht{color:#fff;width:clamp(150px,18vw,300px);position:absolute;top:30%;right:7%}.page-cluster{position:absolute;top:24%;left:40%}.page-lead{font:500 15px/1.9 var(--font-jp);margin:14px 0 0}.archive-count{font:800 12px/1 var(--font-ui);letter-spacing:.12em;color:var(--rose);margin-left:16px}.archive{padding-top:clamp(24px,3vw,40px)}.category-nav{flex-wrap:wrap;gap:8px;margin:0 0 clamp(28px,4vw,44px);display:flex}.category-nav a{background:var(--blush-2);font:800 12px/1.4 var(--font-ui);letter-spacing:.08em;border-radius:999px;padding:7px 14px 6px;text-decoration:none;transition:background-color .25s,color .25s}.category-nav a:hover{color:var(--accent);background:#fff}.category-nav a[aria-current=page]{background:var(--accent);color:#fff}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:clamp(40px,6vw,72px);display:flex}.pagination a{background:var(--blush-2);min-width:42px;height:42px;font:800 14px/1 var(--font-ui);border-radius:999px;place-items:center;padding:0 10px;text-decoration:none;transition:background-color .25s,color .25s;display:grid}.pagination a:hover{color:var(--accent);background:#fff}.pagination a[aria-current=page]{background:var(--accent);color:#fff}@media (width<=700px){.page-panel{min-height:clamp(320px,46vh,440px)}.page-ht{width:42vw;right:-8%}.page-cluster{top:38%;left:auto;right:12%}.archive-count{margin:6px 0 0;display:block}}@media print{.opening,.hero-shade,.scroll-cue,.lightbox{display:none!important}.js [data-reveal]{opacity:1!important;clip-path:none!important;translate:none!important}.js [data-reveal=mask] .mask>span,.js [data-reveal=mask] svg{translate:none!important;rotate:0deg!important;scale:1!important}}
