.pf{--pf-bg:#fff;--pf-bg-soft:#f6f4f1;--pf-ink:#141414;--pf-ink-2:#464646;--pf-muted:#8c8c8c;--pf-line:#e4e1dd;--pf-accent:#b5543a;--pf-radius:0px;--pf-max:1120px;--pf-gut:clamp(20px, 5vw, 56px);--pf-sp:clamp(72px, 12vw, 148px);--pf-sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;--pf-serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--pf-body:var(--pf-sans);--pf-head:var(--pf-body);background-color:var(--pf-bg);background-image:var(--pf-bg-image,none);color:var(--pf-ink);font-family:var(--pf-body);font-feature-settings:"palt";line-height:var(--pf-lh,1.9);letter-spacing:var(--pf-ls,.03em);background-attachment:fixed;min-height:100vh}.pf .wrap{max-width:var(--pf-max);padding:0 var(--pf-gut);margin:0 auto}.pf a{color:inherit}.pf img{max-width:100%;display:block}.pf .reveal{opacity:0;transform:translateY(14px)}.pf .reveal.shown{opacity:1;transition:opacity .7s,transform .7s;transform:none}@media (prefers-reduced-motion:reduce){.pf .reveal,.pf .reveal.shown{opacity:1;transition:none;transform:none}}.pf-top{z-index:10;background:var(--pf-top-bg,color-mix(in srgb, var(--pf-bg) 92%, transparent));-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);border-bottom:var(--pf-top-bw,1px) solid var(--pf-top-bc,var(--pf-line));position:sticky;top:0}.pf-top .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:62px;display:flex}.pf-top .name{letter-spacing:.16em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;text-decoration:none;overflow:hidden}.pf-top .brand-logo{flex:0 auto;align-items:center;min-width:0;text-decoration:none;display:flex}.pf-top .brand-logo img{object-fit:contain;width:auto;max-width:min(220px,46vw);height:clamp(22px,4vw,30px)}.pf-top nav{gap:clamp(12px,3vw,26px);display:flex}.pf-top nav a{letter-spacing:.14em;color:var(--pf-muted);white-space:nowrap;font-size:10px;text-decoration:none}.pf-top nav a:hover{color:var(--pf-ink)}.pf-hero{padding:var(--pf-hero-pt,clamp(56px, 11vw, 120px)) 0 var(--pf-hero-pb,clamp(40px, 8vw, 88px))}.pf-hero h1{font-family:var(--pf-head);font-size:min(var(--pf-h1,clamp(28px, 6vw, 54px)), 15cqi);font-weight:var(--pf-h1w,700);line-height:var(--pf-h1lh,1.38);letter-spacing:var(--pf-h1ls,.01em);text-shadow:var(--pf-h1-shadow,none);white-space:pre-line;margin:0 0 22px}.pf-hero .tagline{letter-spacing:var(--pf-tag-ls,.2em);font-size:11px;font-weight:var(--pf-tag-w,400);color:var(--pf-tag-color,var(--pf-accent));background:var(--pf-tag-bg,transparent);border-radius:var(--pf-tag-radius,0);padding:var(--pf-tag-pad,0);display:var(--pf-tag-display,block);text-transform:uppercase;margin:0 0 18px}.pf-hero .lead{font-size:var(--pf-lead,clamp(14px, 1.7vw, 16px));color:var(--pf-ink-2);white-space:pre-line;max-width:32em;margin:0}.pf-hero .visual{aspect-ratio:var(--pf-hero-ratio,4 / 3);background:var(--pf-bg-soft);border-radius:var(--pf-visual-r,var(--pf-radius));box-shadow:var(--pf-visual-shadow,none);width:100%;max-width:min(100%, calc(72vh * var(--pf-hero-ratio,4 / 3)));margin-top:clamp(32px,6vw,48px);margin-inline:auto;overflow:hidden}.pf-hero .visual img,.pf-hero .visual video{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:900px){.pf-hero.has-visual .wrap{grid-template-columns:minmax(0, 1fr) minmax(0, min(440px, 42%, calc((100vh - 220px) * var(--pf-hero-ratio,4 / 3))));align-items:center;column-gap:clamp(40px,6vw,88px);display:grid}.pf-hero.has-visual .wrap>div:first-child{container-type:inline-size}.pf-hero .visual{margin-top:0}}.pf-sec{padding:0 0 var(--pf-sp)}.pf-sec>.wrap>.head{align-items:var(--pf-head-align,baseline);justify-content:var(--pf-head-justify,normal);padding:var(--pf-head-pad,0 0 var(--pf-head-pb,18px) 0);margin-bottom:var(--pf-head-mb,clamp(28px, 4vw, 44px));border-bottom:var(--pf-head-bw,1px) var(--pf-head-bs,solid) var(--pf-head-bc,var(--pf-line));border-left:var(--pf-head-bl-w,0px) solid var(--pf-head-bl-c,var(--pf-accent));gap:16px;display:flex}.pf-sec .head h2{font-family:var(--pf-head);font-size:var(--pf-h2,clamp(17px, 2.4vw, 22px));font-weight:var(--pf-h2w,700);letter-spacing:var(--pf-h2ls,.04em);background:var(--pf-h2-bg,transparent);border-radius:var(--pf-h2-radius,0);padding:var(--pf-h2-pad,0);box-shadow:var(--pf-h2-shadow,none);margin:0}.pf-sec .head .en{letter-spacing:.22em;color:var(--pf-en-color,var(--pf-muted));text-transform:uppercase;font-size:10px}.pf-works{gap:var(--pf-gap-row,clamp(28px, 4vw, 48px)) var(--pf-gap-col,clamp(20px, 3vw, 36px));grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--pf-col,280px)), 1fr));background:var(--pf-works-bg,transparent);border:var(--pf-works-bw,0px) solid var(--pf-line);display:grid}.pf-work{background:var(--pf-work-bg,transparent);border-radius:var(--pf-work-r,0px);padding:var(--pf-work-pad,0px);box-shadow:var(--pf-work-shadow,none);text-decoration:none;transition:background-color .3s,box-shadow .3s,transform .3s;display:block}.pf-work:hover{background:var(--pf-work-bg-h,var(--pf-work-bg,transparent));box-shadow:var(--pf-work-shadow-h,var(--pf-work-shadow,none));transform:translateY(var(--pf-work-lift,0px))}.pf-work .shot{aspect-ratio:var(--pf-shot,4 / 3);background:var(--pf-bg-soft);border-radius:var(--pf-shot-r,var(--pf-radius));border:var(--pf-shot-bw,0px) solid var(--pf-shot-bc,transparent);box-shadow:var(--pf-shot-shadow,none);margin-bottom:var(--pf-shot-mb,14px);transition:border-color .35s,box-shadow .35s;overflow:hidden}.pf-work:hover .shot{border-color:var(--pf-shot-bc-h,var(--pf-shot-bc,transparent));box-shadow:var(--pf-shot-shadow-h,var(--pf-shot-shadow,none))}.pf-work .shot img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.pf-work:hover .shot img{transform:scale(1.03)}.pf-work .idx,.pf-work h3,.pf-work .desc,.pf-work .tags{padding-inline:var(--pf-work-pi,0px)}.pf-work .idx{letter-spacing:.2em;color:var(--pf-idx-color,var(--pf-muted));font-size:10px;font-weight:var(--pf-idx-w,400);margin-bottom:6px}.pf-work h3{font-size:var(--pf-h3,15px);font-weight:var(--pf-h3w,700);letter-spacing:.04em;margin:0 0 6px}.pf-work .desc{font-size:var(--pf-desc,13px);color:var(--pf-ink-2);white-space:pre-wrap;margin:0;line-height:1.85}.pf-work .tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pf-work .tags span{letter-spacing:.1em;color:var(--pf-chip-color,var(--pf-muted));background:var(--pf-chip-bg,transparent);border:1px solid var(--pf-chip-bc,var(--pf-line));border-radius:999px;padding:3px 10px;font-size:10px}.pf-workpage{padding-top:clamp(36px,6vw,76px)}.pf-workpage .full{margin:0 0 clamp(24px,4vw,40px)}.pf-workpage .full img{border-radius:var(--pf-radius);width:auto;max-width:100%;height:auto;max-height:78vh;margin-inline:auto}.pf-workpage .body{color:var(--pf-ink-2);white-space:pre-wrap;max-width:40em;margin:0;font-size:15px;line-height:1.95}.pf-workpage .tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.pf-workpage .tags span{letter-spacing:.1em;color:var(--pf-chip-color,var(--pf-muted));background:var(--pf-chip-bg,transparent);border:1px solid var(--pf-chip-bc,var(--pf-line));border-radius:999px;padding:3px 10px;font-size:10px}.pf-workpage .outlink{margin:24px 0 0;font-size:13px}.pf-workpage .outlink a{color:var(--pf-accent);overflow-wrap:anywhere}.pf-workpage-nav{border-top:1px solid var(--pf-line);letter-spacing:.06em;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:clamp(40px,7vw,76px);padding-top:20px;font-size:12px;display:grid}.pf-workpage-nav a{color:var(--pf-ink-2);text-decoration:none}.pf-workpage-nav a:hover{color:var(--pf-accent)}.pf-workpage-nav span>a{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pf-workpage-nav .right{text-align:right}.pf-workpage-nav .back{border:1px solid var(--pf-line);white-space:nowrap;color:var(--pf-ink);border-radius:999px;padding:8px 18px}.pf-workpage-nav .back:hover{border-color:var(--pf-accent)}.pf-about{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(28px,5vw,56px);display:grid}.pf-about p,.pf-about li{color:var(--pf-ink-2);font-size:14px;line-height:1.95}.pf-about .body{white-space:pre-wrap;margin:0}.pf-about h3{letter-spacing:.18em;color:var(--pf-muted);text-transform:uppercase;margin:0 0 14px;font-size:11px}.pf-about ul{margin:0;padding:0;list-style:none}.pf-about li{padding:var(--pf-li-pad,7px 0);border-bottom:var(--pf-li-bw,1px) var(--pf-li-bs,solid) var(--pf-line)}.pf-about .history{white-space:pre-wrap;margin:0}.pf-contact .mail{font-size:var(--pf-mail,clamp(17px, 3vw, 26px));font-weight:var(--pf-mailw,400);color:var(--pf-mail-color,var(--pf-ink));letter-spacing:.04em;border-bottom:var(--pf-mail-bw,1px) solid var(--pf-mail-bc,var(--pf-line));overflow-wrap:anywhere;padding-bottom:4px;text-decoration:none;display:inline-block}.pf-contact .mail:hover{border-bottom-color:var(--pf-accent)}.pf-contact .place{color:var(--pf-muted);margin:14px 0 0;font-size:13px}.pf-links{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,5vw,44px);display:flex}.pf-social{border:var(--pf-social-bw,1px) solid var(--pf-social-bc,var(--pf-line));background:var(--pf-social-bg,var(--pf-bg));min-height:46px;box-shadow:var(--pf-social-shadow,none);color:var(--pf-ink);letter-spacing:.12em;font-size:12px;font-weight:var(--pf-social-w,400);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .25s;display:inline-flex}.pf-social:hover{background:var(--pf-brand,var(--pf-ink));border-color:var(--pf-brand,var(--pf-ink));color:var(--pf-bg);transform:translateY(-1px)}.social-icon{flex:none}.pf-foot{border-top:1px solid var(--pf-line);letter-spacing:.1em;color:var(--pf-muted);padding:34px 0;font-size:11px}.pf-foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pf-foot a{text-decoration:none}.pf-foot a:hover{color:var(--pf-ink)}.pf-empty{color:var(--pf-muted);border:1px dashed var(--pf-line);border-radius:var(--pf-radius);text-align:center;padding:32px;font-size:14px}.pf[data-traits~=center] .pf-work{text-align:center}.pf[data-traits~=center] .pf-work .tags{justify-content:center}.pf[data-traits~=center] .pf-work .desc{max-width:34em;margin-inline:auto}.pf[data-traits~=center] .pf-contact .wrap>.reveal{text-align:center}.pf[data-traits~=center] .pf-links{justify-content:center}.pf[data-traits~=petals]>*,.pf[data-traits~=snow]>*,.pf[data-traits~=rain]>*,.pf[data-traits~=grain]>*,.pf[data-traits~=scan]>*{z-index:1;position:relative}.pf[data-traits~=petals]:before,.pf[data-traits~=snow]:before,.pf[data-traits~=rain]:before,.pf[data-traits~=grain]:before,.pf[data-traits~=scan]:before{content:"";z-index:0;pointer-events:none;position:fixed;inset:-20% 0 0}.pf[data-traits~=petals]:before{background-image:radial-gradient(5px 4px at 15% 12%,#e276968c 0 100%,#0000 100%),radial-gradient(4px 3px at 62% 28%,#e896af73 0 100%,#0000 100%),radial-gradient(6px 5px at 84% 8%,#e2769659 0 100%,#0000 100%),radial-gradient(3px 3px at 38% 62%,#eeaac080 0 100%,#0000 100%);background-size:300px 380px,420px 500px,520px 620px,240px 330px;animation:26s linear infinite pf-petal}@keyframes pf-petal{to{background-position:80px 380px,-60px 500px,40px 620px,-30px 330px}}.pf[data-traits~=snow]:before{background-image:radial-gradient(2px at 12% 18%,#ffffffd9 0 100%,#0000 100%),radial-gradient(1.5px at 58% 34%,#ffffffb3 0 100%,#0000 100%),radial-gradient(2.5px at 82% 12%,#ffffff8c 0 100%,#0000 100%),radial-gradient(1px at 34% 68%,#fffc 0 100%,#0000 100%);background-size:260px 320px,380px 440px,480px 560px,200px 280px;animation:30s linear infinite pf-snow}@keyframes pf-snow{to{background-position:30px 320px,-20px 440px,15px 560px,-10px 280px}}.pf[data-traits~=rain]:before{background-image:repeating-linear-gradient(12deg,#0000 0 28px,#7b8fd429 28px 30px,#0000 30px 74px);background-size:260px 300px;animation:3.4s linear infinite pf-rain}@keyframes pf-rain{to{background-position:64px 300px}}.pf[data-traits~=grain]:before{opacity:.5;background-image:radial-gradient(1px at 20% 30%,#00000029 0 100%,#0000 100%),radial-gradient(1px at 70% 60%,#0000001f 0 100%,#0000 100%),radial-gradient(1px at 45% 85%,#00000024 0 100%,#0000 100%);background-size:7px 7px,11px 11px,13px 13px}.pf[data-traits~=scan]:before{background-image:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 3px)}.pf[data-traits~=sun] .pf-hero{position:relative;overflow:hidden}.pf[data-traits~=sun] .pf-hero:before{content:"";pointer-events:none;background:radial-gradient(circle, var(--pf-sun-1,#ffe278f2) 0%, var(--pf-sun-2,#ffcd5a80) 42%, transparent 70%);border-radius:50%;width:62vw;height:62vw;position:absolute;top:-28vw;right:-16vw}.pf[data-traits~=sun] .pf-hero>.wrap{z-index:1;position:relative}.pf[data-traits~=stripe] .pf-sec>.wrap>.head{background-image:repeating-linear-gradient(to right, var(--pf-accent) 0 3px, transparent 3px 9px);background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px}@media (prefers-reduced-motion:reduce){.pf[data-traits~=petals]:before,.pf[data-traits~=snow]:before,.pf[data-traits~=rain]:before{animation:none}}.pf[data-layout=cards] .pf-works{background:0 0;border:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));align-items:stretch;gap:clamp(16px,2.2vw,26px)}.pf[data-layout=cards] .pf-work{background:var(--pf-bg);border:1px solid var(--pf-line);border-radius:max(var(--pf-radius), 6px);flex-direction:column;padding:0 0 16px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.pf[data-layout=cards] .pf-work:hover{border-color:color-mix(in srgb, var(--pf-accent) 55%, var(--pf-line));box-shadow:0 10px 26px -14px var(--pf-ink);transform:translateY(-3px)}.pf[data-layout=cards] .pf-work .shot{aspect-ratio:4/3;border-radius:0;margin:0 0 14px}.pf[data-layout=cards] .pf-work .idx,.pf[data-layout=cards] .pf-work h3,.pf[data-layout=cards] .pf-work .desc,.pf[data-layout=cards] .pf-work .tags{padding-inline:16px}.pf[data-layout=cards] .pf-work .tags{margin-top:auto;padding-top:12px}.pf[data-layout=showcase] .pf-hero.has-visual{align-items:flex-end;min-height:100svh;padding:0;display:flex;position:relative;overflow:hidden}.pf[data-layout=showcase] .pf-hero.has-visual>.wrap{width:100%;padding-top:clamp(80px,18vh,180px);padding-bottom:clamp(48px,10vh,104px)}.pf[data-layout=showcase] .pf-hero.has-visual>.wrap>div:first-child{z-index:2;position:relative}.pf[data-layout=showcase] .pf-hero.has-visual .visual{z-index:0;aspect-ratio:auto;border-radius:0;width:100%;max-width:none;height:100%;margin:0;position:absolute;inset:0}.pf[data-layout=showcase] .pf-hero.has-visual:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to top, var(--pf-bg) 0%, color-mix(in srgb, var(--pf-bg) 82%, transparent) 26%, color-mix(in srgb, var(--pf-bg) 30%, transparent) 58%, transparent 88%);position:absolute;inset:0}.pf[data-layout=showcase] .pf-hero.has-visual h1{font-size:clamp(32px,7vw,76px);line-height:1.2}.pf[data-layout=showcase] .pf-hero.has-visual .lead{max-width:28em}@media (min-width:900px){.pf[data-layout=showcase] .pf-hero.has-visual>.wrap{display:block}}@media (min-width:960px){.pf[data-layout=split]{grid-template-columns:clamp(230px,23vw,320px) minmax(0,1fr);display:grid}.pf[data-layout=split]>.pf-top{background:var(--pf-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;border-right:1px solid var(--pf-line);grid-area:1/1/-1;align-self:start;height:100svh;position:sticky;top:0}.pf[data-layout=split]>.pf-top>.wrap{flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:none;height:100%;min-height:0;padding-block:clamp(28px,3.5vw,44px);display:flex}.pf[data-layout=split]>.pf-top nav{flex-direction:column;align-items:flex-start;gap:14px}.pf[data-layout=split]>.pf-top .name{white-space:normal;font-size:14px}.pf[data-layout=split]>.pf-top .brand-logo img{max-width:100%;height:clamp(26px,3vw,40px)}.pf[data-layout=split]>.pf-hero,.pf[data-layout=split]>.pf-sec,.pf[data-layout=split]>.pf-foot{grid-column:2}.pf[data-layout=split]>*>.wrap{--pf-max:840px}.pf[data-layout=split] .pf-hero.has-visual>.wrap{display:block}.pf[data-layout=split] .pf-hero .visual{max-width:min(100%, calc(58vh * var(--pf-hero-ratio,4 / 3)));margin-top:clamp(26px,3.5vw,40px)}.pf[data-layout=split] .pf-hero{padding-top:clamp(48px,7vw,92px)}}@media (min-width:760px){.pf[data-layout=magazine] .pf-works{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:clamp(30px,4vw,64px) clamp(20px,3vw,36px)}.pf[data-layout=magazine] .pf-work{grid-column:span 3}.pf[data-layout=magazine] .pf-work:nth-child(6n+1){grid-column:span 4}.pf[data-layout=magazine] .pf-work:nth-child(6n+2),.pf[data-layout=magazine] .pf-work:nth-child(6n+3){grid-column:span 2}.pf[data-layout=magazine] .pf-work:nth-child(6n+4){grid-column:span 4}.pf[data-layout=magazine] .pf-work:nth-child(6n+2),.pf[data-layout=magazine] .pf-work:nth-child(6n+4){margin-top:clamp(24px,5vw,76px)}.pf[data-layout=magazine] .pf-work:nth-child(6n+6){margin-top:clamp(16px,3vw,44px)}.pf[data-layout=magazine] .pf-work:nth-child(6n+1) .shot{aspect-ratio:3/2}.pf[data-layout=magazine] .pf-work:nth-child(6n+2) .shot,.pf[data-layout=magazine] .pf-work:nth-child(6n+3) .shot{aspect-ratio:3/4}.pf[data-layout=magazine] .pf-work:nth-child(6n+4) .shot{aspect-ratio:16/9}.pf[data-layout=magazine] .pf-work:nth-child(6n+5) .shot,.pf[data-layout=magazine] .pf-work:nth-child(6n+6) .shot{aspect-ratio:1}}.pf[data-layout=magazine] .pf-work h3{margin-top:2px;font-size:clamp(16px,2vw,21px);line-height:1.5}.pf[data-layout=magazine] .pf-work .idx{color:var(--pf-accent);letter-spacing:.3em}.pf[data-layout=magazine] .pf-sec>.wrap>.head{align-items:flex-end}.pf[data-layout=magazine] .pf-sec .head h2{font-size:clamp(22px,4vw,40px)}.pf[data-layout=magazine] .pf-hero h1{--pf-h1:clamp(32px, 7vw, 68px);line-height:1.22}.pf[data-layout=resume]{flex-direction:column;display:flex}.pf[data-layout=resume]>.pf-top{order:0}.pf[data-layout=resume]>.pf-hero{order:1}.pf[data-layout=resume]>#about{order:2}.pf[data-layout=resume]>#works{order:3}.pf[data-layout=resume]>#contact{order:4}.pf[data-layout=resume]>.pf-foot{order:5}.pf[data-layout=resume] .pf-hero{padding-bottom:clamp(32px,5vw,56px)}.pf[data-layout=resume] .pf-hero h1{--pf-h1:clamp(24px, 4vw, 38px);line-height:1.45}.pf[data-layout=resume] .pf-hero .visual{aspect-ratio:1;border-radius:999px;width:clamp(96px,16vw,168px);max-width:none;margin-inline:0}@media (min-width:900px){.pf[data-layout=resume] .pf-hero.has-visual>.wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.pf[data-layout=resume] .pf-about{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,44px)}@media (min-width:860px){.pf[data-layout=resume] .pf-about{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.pf[data-layout=resume] .pf-about h3{color:var(--pf-ink);letter-spacing:.12em;font-size:13px}.pf[data-layout=resume] .pf-about li,.pf[data-layout=resume] .pf-about p,.pf[data-layout=resume] .pf-about .history{font-size:15px}.pf[data-layout=resume] .pf-works{border:none;border-top:1px solid var(--pf-line);background:0 0;grid-template-columns:minmax(0,1fr);gap:0}.pf[data-layout=resume] .pf-work{border-bottom:1px solid var(--pf-line);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:clamp(14px,2.5vw,26px);padding:clamp(16px,2.4vw,22px) 0;display:grid}.pf[data-layout=resume] .pf-work .shot{aspect-ratio:4/3;grid-area:1/1/span 4;width:clamp(72px,11vw,116px);margin:0}.pf[data-layout=resume] .pf-work .shot:empty{display:none}.pf[data-layout=resume] .pf-work .idx,.pf[data-layout=resume] .pf-work h3,.pf[data-layout=resume] .pf-work .desc,.pf[data-layout=resume] .pf-work .tags{grid-column:2;padding-inline:0}.pf[data-layout=resume] .pf-work .idx{margin-bottom:2px}.pf[data-layout=resume] .pf-work h3{font-size:15px}.pf[data-layout=resume] .pf-work:hover .shot img{transform:none}.pf[data-layout=resume] .pf-work,.pf[data-layout=resume] .pf-work .desc,.pf[data-layout=resume] .pf-work h3{text-align:left}.pf[data-layout=resume] .pf-work .desc{max-width:none;margin-inline:0}.pf[data-layout=resume] .pf-work .tags{justify-content:flex-start}.pf[data-layout=resume] .pf-work{box-shadow:none;border-radius:0;transform:none}.pf[data-layout=resume] .pf-work .shot{border-radius:max(var(--pf-radius), 0px)}.pf[data-layout=rail] .pf-works{scroll-snap-type:x proximity;margin-inline:calc(var(--pf-gut) * -1);padding-inline:var(--pf-gut);scrollbar-width:thin;overscroll-behavior-x:contain;background:0 0;border:none;grid-template-columns:none;gap:clamp(14px,2vw,26px);padding-bottom:18px;display:flex;overflow:auto hidden}.pf[data-layout=rail] .pf-work{scroll-snap-align:start;background:0 0;flex:0 0 min(76vw,330px);padding:0}.pf[data-layout=rail] .pf-work .shot{aspect-ratio:4/5;margin-bottom:14px}.pf[data-layout=rail] .pf-works .reveal,.pf[data-layout=rail] .pf-works .reveal.shown{opacity:1;transform:none}.pf[data-layout=rail] #works>.wrap>.head:after{content:"横にスクロール →";letter-spacing:.16em;color:var(--pf-muted);white-space:nowrap;margin-left:auto;font-size:10px}@media (min-width:760px){.pf[data-layout=zigzag] .pf-works{background:0 0;border:none;grid-template-columns:minmax(0,1fr);gap:clamp(48px,8vw,112px)}.pf[data-layout=zigzag] .pf-work{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-content:center;column-gap:clamp(28px,5vw,64px);display:grid}.pf[data-layout=zigzag] .pf-work>.shot{grid-area:1/1/span 4;align-self:center;margin-bottom:0}.pf[data-layout=zigzag] .pf-work>:not(.shot),.pf[data-layout=zigzag] .pf-work:nth-child(2n)>.shot{grid-column:2}.pf[data-layout=zigzag] .pf-work:nth-child(2n)>:not(.shot){grid-column:1}.pf[data-layout=zigzag] .pf-work h3{margin-top:4px;font-size:clamp(18px,2.4vw,26px);line-height:1.5}.pf[data-layout=zigzag] .pf-work .desc{max-width:34em;font-size:14px}}.pf[data-layout=masonry] .pf-works{columns:3 250px;background:0 0;border:none;column-gap:clamp(14px,2.2vw,28px);display:block}.pf[data-layout=masonry] .pf-work{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:clamp(14px,2.2vw,28px);display:block}.pf[data-layout=masonry] .pf-work .shot{aspect-ratio:auto;min-height:0}.pf[data-layout=masonry] .pf-work .shot img{object-fit:contain;height:auto}.pf[data-layout=masonry] .pf-work .shot:empty{aspect-ratio:4/3}.pf[data-layout=masonry] .pf-works .reveal,.pf[data-layout=masonry] .pf-works .reveal.shown{opacity:1;transition:none;transform:none}.pf[data-layout=timeline] .pf-works{background:0 0;border:none;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,52px);padding-left:clamp(26px,4vw,48px);position:relative}.pf[data-layout=timeline] .pf-works:before{content:"";background:var(--pf-line);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.pf[data-layout=timeline] .pf-work{position:relative}.pf[data-layout=timeline] .pf-work:before{content:"";background:var(--pf-accent);border-radius:50%;width:9px;height:9px;margin-left:-4px;position:absolute;top:9px;left:calc(-1*clamp(26px,4vw,48px))}@media (min-width:700px){.pf[data-layout=timeline] .pf-work{grid-template-columns:minmax(0,210px) minmax(0,1fr);align-items:start;column-gap:clamp(20px,3vw,36px);display:grid}.pf[data-layout=timeline] .pf-work>.shot{grid-area:1/1/span 4;margin-bottom:0}.pf[data-layout=timeline] .pf-work>:not(.shot){grid-column:2}}.pf[data-layout=timeline] .pf-work .idx{color:var(--pf-accent);letter-spacing:.3em}.pf[data-layout=stream] #works>.wrap{max-width:none;padding-left:0;padding-right:0}.pf[data-layout=stream] #works>.wrap>.head{max-width:var(--pf-max);padding-left:var(--pf-gut);padding-right:var(--pf-gut);margin-left:auto;margin-right:auto}.pf[data-layout=stream] .pf-works{background:0 0;border:none;grid-template-columns:minmax(0,1fr);gap:clamp(48px,7vw,96px)}.pf[data-layout=stream] .pf-work{box-shadow:none;background:0 0;border-radius:0;padding:0}.pf[data-layout=stream] .pf-work .shot{aspect-ratio:21/9;box-shadow:none;border:none;border-radius:0;margin-bottom:18px}.pf[data-layout=stream] .pf-work .idx,.pf[data-layout=stream] .pf-work h3,.pf[data-layout=stream] .pf-work .desc,.pf[data-layout=stream] .pf-work .tags{max-width:var(--pf-max);padding-left:var(--pf-gut);padding-right:var(--pf-gut);margin-left:auto;margin-right:auto}.pf[data-layout=stream] .pf-work h3{font-size:clamp(17px,2.2vw,24px);line-height:1.5}@media (max-width:700px){.pf[data-layout=stream] .pf-work .shot{aspect-ratio:4/3}}