@keyframes mbSlide{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes mbA{0%{transform:translate3d(-8%,-6%,0) scale(1)}33%{transform:translate3d(20%,8%,0) scale(1.24)}66%{transform:translate3d(4%,24%,0) scale(.96)}to{transform:translate3d(-8%,-6%,0) scale(1)}}@keyframes mbB{0%{transform:translate3d(10%,4%,0) scale(1.1)}33%{transform:translate3d(-14%,18%,0) scale(.94)}66%{transform:translate3d(-22%,-10%,0) scale(1.26)}to{transform:translate3d(10%,4%,0) scale(1.1)}}@keyframes mbC{0%{transform:translate3d(0,10%,0) scale(1.05)}33%{transform:translate3d(18%,-14%,0) scale(1.3)}66%{transform:translate3d(-16%,-4%,0) scale(.98)}to{transform:translate3d(0,10%,0) scale(1.05)}}@keyframes mbD{0%{transform:translate3d(-12%,12%,0) scale(1.15)}33%{transform:translate3d(12%,-8%,0) scale(.95)}66%{transform:translate3d(24%,16%,0) scale(1.2)}to{transform:translate3d(-12%,12%,0) scale(1.15)}}@keyframes hmDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes hmFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hero-stage *,.hero-stage *:before,.hero-stage *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}:root{--ink: rgb(30, 27, 27);--paper: rgb(241, 237, 234);--white: rgb(255, 255, 255);--accent: #ec623d;--tag-brown: #885732;--font-family: "Noto Sans JP", sans-serif;--content-width: 1400px;--surface-works: #E5DED8;--surface-footer: #9C8570;--surface-card: #ffffff;--text-decorative: #DBCDC2;--border-subtle: rgba(30, 27, 27, .1);--badge-inhouse: #DDA13F;--badge-client: #5BBBA1;--placeholder-gradient: linear-gradient(135deg, #E5DED8 0%, #DBCDC2 50%, #D4C8BC 100%)}@media(min-width:1600px){:root{--content-width: 1500px}}@media(min-width:1800px){:root{--content-width: 1600px}}@media(min-width:2000px){:root{--content-width: 1800px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink)}.sp-only{display:none}.content-container{max-width:var(--content-width);margin:0 auto}.content-container--works{padding:120px 80px 80px}.content-container--detail{padding:140px 80px 80px}.works-pickup{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-bottom:60px}.works-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px}.filter-toggle{background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink);font-family:var(--font-family);display:flex;align-items:center;gap:8px;padding:0 0 4px;border-bottom:1px solid var(--ink)}.filter-btn{padding:6px 16px;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-family);transition:all .2s}#contact{padding:100px 80px 120px;text-align:center;background:var(--paper)}.contact-title{margin-bottom:40px}.footer-bar{background:var(--surface-footer);padding:28px 60px;display:flex;align-items:center;justify-content:space-between}.footer-logo-wrap{display:flex;align-items:center;gap:12px}.footer-logo{height:40px;filter:brightness(0) invert(1)}.footer-signature{font-size:13px;color:#ffffffb3}.site-header{position:fixed;top:0;left:0;width:100%;height:72px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.header-nav-pc{display:flex;gap:32px}.header-logo-sp{display:none}.header-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:8px;align-items:center;justify-content:center}.hero-content{display:flex;gap:46px;align-items:flex-start;margin-top:20px}.hero-statement-line{font-size:40px;font-weight:700;line-height:48px;color:#fff}.work-card-link{display:block;text-decoration:none;color:inherit}.work-card{display:flex;align-items:flex-start;cursor:pointer}.work-card--featured{flex-direction:row;gap:60px}.work-card--grid,.work-card--list{flex-direction:column;gap:30px}.featured-image-wrap{flex:0 0 60%;position:relative}.work-card-image-wrap{width:100%;position:relative}.work-card-img{width:100%;border-radius:10px;background-color:var(--paper);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.work-card--featured .work-card-img{aspect-ratio:720 / 485;min-height:250px}.work-card--grid .work-card-img{aspect-ratio:1 / 1}.work-card--list .work-card-img{aspect-ratio:16 / 10}.work-card-link:hover .work-card-img{transform:scale(1.03)}.works-text{display:flex;flex-direction:column;align-items:flex-start}.works-text--featured{flex:1;min-width:0}.work-card--featured .card-title{margin-bottom:12px}.work-card--featured .card-tags{margin-bottom:40px}.work-card--featured .card-desc{margin-top:10px}.work-card--grid .card-subtitle,.work-card--list .card-subtitle{margin-bottom:10px}.work-card--grid .card-title,.work-card--list .card-title{margin-bottom:5px}#works{background:var(--surface-works);padding:120px 0;position:relative}.works-section-inner{max-width:var(--content-width);margin:0 auto;padding:0 80px;display:flex;flex-direction:column;gap:60px;align-items:center}.works-main{position:relative;width:100%}.works-label{position:absolute;left:0;top:0;writing-mode:vertical-rl;font-weight:700;font-size:100px;color:var(--text-decorative);white-space:nowrap;letter-spacing:0;line-height:.8}.works-content{display:flex;flex-direction:column;gap:70px;margin-left:120px}.works-grid{display:flex;gap:40px}.works-grid-item{flex:1;min-width:0}#about{max-width:var(--content-width);margin:0 auto;padding:120px 80px 140px}.about-heading{text-align:left;margin-bottom:60px}.about-layout{display:flex;gap:40px;align-items:center}.about-text{flex:1}.about-motif{flex-shrink:0;display:flex;align-items:center;justify-content:center}.about-motif--top{width:600px}.about-motif--page{width:500px}.about-motif img{width:100%;height:auto}.about-btn{margin-top:60px}.about-heading--page{margin-bottom:28px}.about-layout--page{margin-bottom:80px}.strength-row{display:flex;gap:24px;align-items:center;padding:12px 0}.strength-pill{width:340px;flex-shrink:0;font-size:20px;font-weight:700;color:var(--ink);background:var(--surface-card);border:none;border-radius:100px;padding:10px 24px;white-space:nowrap;text-align:center}.skill-row{display:flex;gap:40px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--border-subtle)}.skill-category{width:220px;flex-shrink:0;font-size:15px;font-weight:700;color:var(--ink)}.skill-tags{flex:1;display:flex;gap:8px 10px;flex-wrap:wrap}.skill-tag{padding:5px 14px;border-radius:100px;background:var(--surface-card);border:none;font-size:13px;color:var(--ink)}.about-skills-title{margin-bottom:32px}.about-skills-section{margin-bottom:60px}.section-title{font-size:40px;font-weight:700;letter-spacing:.01em;color:var(--text-decorative);text-align:center}.heading-lg{font-size:36px;font-weight:700;line-height:1.3;color:var(--ink)}.heading-md{font-size:30px;font-weight:700;line-height:1.6;color:var(--ink)}.heading-sm{font-size:24px;font-weight:700;line-height:1.8;color:var(--ink)}.catch-lg{font-size:24px;font-weight:700;line-height:1.4;color:var(--accent)}.catch-sm{font-size:18px;font-weight:700;line-height:1.4;color:var(--accent)}.body-lg{font-size:18px;font-weight:400;line-height:1.8;color:var(--ink)}.body-md{font-size:15px;font-weight:400;line-height:2;color:var(--ink);opacity:.8}@media(max-width:1024px){.work-card--featured{flex-direction:column;gap:24px}.featured-image-wrap{flex:none;width:100%}.about-layout{flex-direction:column;gap:24px}.about-motif--top,.about-motif--page{width:100%}.about-motif{order:-1}}@media(max-width:768px){.sp-only{display:inline}.header-logo-pc{display:none}.header-logo-sp{display:block;height:30px}.header-nav-pc{display:none}.header-hamburger{display:flex}.site-header{height:52px;padding:0 16px}.hero-content{flex-direction:column;align-items:center;gap:16px;padding:0 24px}.hero-wordmark-wrap{transform:scale(.75);transform-origin:center}.hero-statement{text-align:left}.hero-statement-line{font-size:28px;line-height:36px}.about-motif{width:110%;margin:0 -5%;padding:0}.about-btn{margin-top:32px}.works-section-inner{padding:0 24px}.works-content{margin-left:0;position:relative;z-index:1;align-items:center;gap:60px}.works-label{left:-24px;top:-30px;font-size:64px;z-index:0;pointer-events:none}#works{padding:60px 0 80px}.work-card--featured .work-card-img{aspect-ratio:4 / 3}.section-title{font-size:28px}.heading-lg{font-size:22px}.page-heading,.heading-md{font-size:28px}.heading-sm,.catch-lg{font-size:18px}.catch-sm{font-size:16px}.body-lg{font-size:14px}.body-md{font-size:13px}.works-grid{flex-direction:column;gap:60px}.works-grid-item{max-width:100%}.work-card--grid,.work-card--list{gap:16px}.work-card--featured{gap:24px}.tag-list{gap:0px 12px!important}.work-card--featured .card-title{margin-bottom:2px}.work-card--featured .card-tags{margin-bottom:12px}.work-card--grid .card-subtitle,.work-card--list .card-subtitle,.work-card--grid .card-title,.work-card--list .card-title{margin-bottom:2px}#about{padding:40px 24px 80px}.about-heading{margin-bottom:24px}.about-layout{margin-bottom:40px}.strength-row{flex-direction:column;gap:8px;align-items:flex-start}.strength-pill{width:auto;font-size:16px;padding:8px 20px}.strength-desc{padding:0 12px;font-size:13px}.about-skills-title{margin-bottom:16px}.skill-row{flex-direction:column;gap:12px}.skill-tag{font-size:11px;padding:4px 10px}.about-skills-section{margin-bottom:24px}.skill-category{width:auto}.contact-title{margin-bottom:20px}.footer-bar{flex-direction:column;gap:12px;padding:24px 16px}.footer-logo{height:34px}.footer-signature{font-size:10px}.content-container--works,.content-container--detail{padding:80px 24px 60px}.filter-toggle{margin-top:20px}.filter-btn{padding:4px 12px;font-size:12px}.works-pickup,.works-list-grid{grid-template-columns:1fr}.detail-layout{flex-direction:column}.detail-toc{display:none}#contact{padding:60px 24px}}