:root{--canvas: #fdfdfc;--surface: #ffffff;--ink: #3f3f3c;--ink-strong: #2b2b29;--muted: #9b9b95;--line: #e8e8e3;--line-strong: #c9c9c2;--font-jp: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-en: "EB Garamond", "Times New Roman", serif;--space-section: clamp(120px, 16vw, 180px);--gutter: clamp(20px, 5vw, 48px);--container: 1080px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-jp);font-size:14px;font-weight:400;line-height:2.1;letter-spacing:.06em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(max-width:760px){body{font-size:15px;line-height:2}}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:#e5e5de}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);padding:8px 16px;z-index:100}.skip-link:focus{left:0}.site-header{position:absolute;inset:0 0 auto;z-index:20}.header-inner{max-width:none;display:flex;align-items:center;justify-content:space-between;padding:clamp(24px,4vw,40px) var(--gutter) 0}.wordmark{font-family:var(--font-en);font-size:15px;letter-spacing:.42em;color:var(--ink-strong)}.desktop-nav{display:flex;align-items:center;gap:clamp(20px,3vw,36px)}.desktop-nav a{font-family:var(--font-en);font-size:11px;letter-spacing:.28em;color:var(--ink)}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;font-family:var(--font-en);font-size:11px;letter-spacing:.3em;padding:8px 0 8px 12px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:calc(100% + 12px);display:flex;flex-direction:column;gap:4px;min-width:190px;background:var(--surface);border:1px solid var(--line);padding:20px 24px}.mobile-nav nav a{font-family:var(--font-en);font-size:11px;letter-spacing:.26em;padding:8px 0;color:var(--ink)}@media(max-width:760px){.desktop-nav{display:none}.mobile-nav{display:block}}.text-link,.desktop-nav a,.mobile-nav nav a,.footer-nav a{position:relative}.text-link:after,.desktop-nav a:after,.footer-nav a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .5s var(--ease-out)}.text-link:hover:after,.text-link:focus-visible:after,.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.footer-nav a:hover:after,.footer-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left center}.text-link{display:inline-flex;align-items:baseline;gap:.6em;font-size:13px;letter-spacing:.12em;color:var(--ink-strong)}.text-link .en{font-family:var(--font-en);font-size:11px;letter-spacing:.3em}.underlined{position:relative;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:100% 1px}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}.hero-copy{margin:0;display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:clamp(28px,5vw,56px)}.hero-copy .line{writing-mode:vertical-rl;text-orientation:mixed;font-size:clamp(17px,min(3.2vw,3.4svh),32px);font-weight:500;color:var(--ink-strong);letter-spacing:.28em;line-height:1}.hero-copy .line:nth-child(2){margin-top:clamp(48px,10svh,120px)}@media(max-width:760px){.hero-copy .line{font-size:clamp(15px,min(5.4vw,3.2svh),22px);letter-spacing:.22em}.hero-sub{display:none}}.has-js .hero-copy .line,.has-js .hero-scroll,.has-js .has-js .hero-copy .line:nth-child(1){animation-delay:.25s}.has-js .hero-copy .line:nth-child(2){animation-delay:.55s}.has-js .has-js .hero-scroll{animation-delay:1.35s}@keyframes hero-in{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-scroll{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.hero-scroll .label{font-family:var(--font-en);font-style:italic;font-size:11px;letter-spacing:.3em}.hero-scroll .bar{position:relative;width:1px;height:64px;background:var(--line-strong);overflow:hidden}.hero-scroll .bar:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:var(--ink);animation:scroll-flow 2.2s var(--ease-out) infinite}@keyframes scroll-flow{0%{top:-100%}55%{top:0}to{top:100%}}.section{padding-block:calc(var(--space-section) / 2)}.section:first-of-type{padding-block-start:var(--space-section)}.section:last-of-type{padding-block-end:var(--space-section)}.section-head{display:flex;align-items:baseline;gap:24px;margin-block-end:clamp(48px,7vw,72px)}.section-head h2{margin:0;font-family:var(--font-en);font-size:clamp(24px,3vw,30px);font-weight:400;letter-spacing:.14em;color:var(--ink-strong)}.section-head .rule{flex:1;height:1px;background:var(--line-strong)}.has-js .section-head .rule{transform:scaleX(0);transform-origin:left center;transition:transform 1.6s var(--ease-out) .3s}.has-js .section-head.is-visible .rule{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.has-js .section-head .rule{transform:none;transition:none}}.concept-body{max-width:46em;margin-inline:auto;text-align:center}.concept-body p{margin:0;font-size:15px;line-height:2.6;color:var(--ink)}@media(max-width:760px){.concept-body{text-align:left}.concept-body p{font-size:14.5px;line-height:2.3}}.note-heading{margin:0;line-height:0}.note-heading img{height:30px;width:auto}.note-grid--a{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(36px,5vw,64px)}.note-card-a{display:flex;flex-direction:column;gap:18px}.note-card-a .eyecatch{margin:0;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.note-card-a .eyecatch img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}a.note-card-a:hover .eyecatch img,a.note-card-a:focus-visible .eyecatch img{transform:scale(1.04)}.note-card-a .body{display:flex;flex-direction:column;gap:10px}.note-card-a .meta{font-size:11px;letter-spacing:.18em;color:var(--muted)}.note-card-a h3{margin:0;font-size:15px;font-weight:500;line-height:1.9;color:var(--ink-strong)}a.note-card-a h3{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background-size .6s var(--ease-out)}a.note-card-a:hover h3,a.note-card-a:focus-visible h3{background-size:100% 1px}.note-card-a p{margin:0;font-size:12.5px;line-height:2;color:var(--ink)}#works .note-card-a .eyecatch img{object-fit:contain}.card-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-tags .tag{display:inline-block;border:1px solid var(--line-strong);padding:3px 12px;font-size:10.5px;letter-spacing:.16em;color:var(--ink);line-height:1.6}.card-tags .tag--sample{border-style:dashed;color:var(--muted);font-family:var(--font-en);letter-spacing:.24em}.note-grid--b{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3.5vw,44px)}.note-card-b{display:flex;flex-direction:column;border:1px solid var(--line-strong);background:var(--canvas);transition:background .5s var(--ease-out),border-color .5s var(--ease-out)}a.note-card-b:hover,a.note-card-b:focus-visible{background:var(--surface);border-color:var(--ink)}.note-card-b .eyecatch{margin:0;aspect-ratio:16 / 10;overflow:hidden;border-block-end:1px solid var(--line)}.note-card-b .eyecatch img{width:100%;height:100%;object-fit:cover}.note-card-b .body{display:flex;flex-direction:column;gap:10px;padding:24px 26px 30px}.note-card-b .meta{font-size:11px;letter-spacing:.18em;color:var(--muted)}.note-card-b h3{margin:0;font-size:14.5px;font-weight:500;line-height:1.9;color:var(--ink-strong)}.note-card-b p{margin:0;font-size:12.5px;line-height:2;color:var(--ink)}.note-list--c{display:flex;flex-direction:column;gap:clamp(40px,6vw,64px)}.note-card-c{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(24px,4vw,56px);align-items:center}.note-card-c .eyecatch{margin:0;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.note-card-c .eyecatch img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}a.note-card-c:hover .eyecatch img,a.note-card-c:focus-visible .eyecatch img{transform:scale(1.04)}.note-card-c .body{display:flex;flex-direction:column;gap:10px}.note-card-c .meta{font-size:11px;letter-spacing:.18em;color:var(--muted)}.note-card-c h3{margin:0;font-size:17px;font-weight:500;line-height:1.9;color:var(--ink-strong)}a.note-card-c h3{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background-size .6s var(--ease-out)}a.note-card-c:hover h3,a.note-card-c:focus-visible h3{background-size:100% 1px}.note-card-c p{margin:0;max-width:38em;font-size:13px;line-height:2;color:var(--ink)}@media(max-width:900px){.note-grid--a,.note-grid--b{grid-template-columns:1fr;gap:40px}.note-card-c{grid-template-columns:1fr;gap:16px}}.section-foot{margin-block-start:clamp(36px,5vw,56px);text-align:center}.placeholder-note{border:1px solid var(--line);padding:clamp(40px,6vw,64px);text-align:center;color:var(--muted);font-size:13px;letter-spacing:.12em}@media(max-width:760px){.sample-grid{grid-template-columns:1fr}}.service-item{display:grid;grid-template-columns:120px 1fr;gap:clamp(24px,5vw,64px);padding-block:clamp(40px,6vw,64px)}.service-item .index{font-family:var(--font-en);font-size:12px;letter-spacing:.24em;color:var(--muted)}.service-item h3{margin:0 0 16px;font-size:17px;font-weight:500;letter-spacing:.1em;color:var(--ink-strong)}.service-item p{margin:0;max-width:36em;font-size:13.5px}@media(max-width:760px){.service-item{grid-template-columns:1fr;gap:12px}}.about-grid{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:clamp(32px,6vw,80px);align-items:center}.about-grid .portrait{margin:0;aspect-ratio:1 / 1;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.about-grid .portrait img{width:100%;height:100%;object-fit:cover}.about-grid .body{max-width:40em}.about-grid .lead{margin:0 0 14px;font-size:16px;font-weight:500;letter-spacing:.12em;color:var(--ink-strong)}.about-grid .body p:not(.lead){margin:0;font-size:13.5px;line-height:2.3}@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:24px}.about-grid .portrait{max-width:240px}}.contact-body{text-align:center}.contact-body>p{margin:0 0 clamp(36px,5vw,48px);font-size:13.5px}.cta-group{display:flex;justify-content:center;align-items:center;gap:clamp(48px,7vw,96px);flex-wrap:wrap}.cta{font-family:var(--font-jp);font-size:13.5px;letter-spacing:.1em;color:var(--ink-strong);font-weight:400;border:1px solid var(--ink-strong);display:block;position:relative;box-sizing:border-box;width:min(300px,calc(100vw - 80px));text-align:center;padding:16px 48px;cursor:pointer;transition:all .3s}.cta:after{content:"";position:absolute;top:50%;right:-30px;width:60px;height:1px;background:var(--ink-strong);transition:all .3s ease}.cta:hover:after,.cta:focus-visible:after{animation:OutIn-Line .7s;transition:all .3s}@keyframes OutIn-Line{0%{transform:scaleZ(1);transform-origin:100% 0}50%{transform:scale3d(0,1,1);transform-origin:100% 0}50.1%{transform:scale3d(0,1,1);transform-origin:0 0}to{transform:scaleZ(1);transform-origin:0 0}}@media(prefers-reduced-motion:reduce){.cta:hover:after,.cta:focus-visible:after{animation:none}}.site-footer{border-block-start:1px solid var(--line);padding-block:clamp(48px,7vw,72px) clamp(28px,4vw,40px)}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.footer-wordmark{font-family:var(--font-en);font-size:14px;letter-spacing:.42em;color:var(--ink-strong)}.footer-nav{display:flex;gap:clamp(20px,3vw,32px);flex-wrap:wrap}.footer-nav a{font-family:var(--font-en);font-size:10.5px;letter-spacing:.26em;color:var(--ink)}.footer-sns{display:flex;align-items:center;gap:22px}.footer-sns a,.footer-sns .is-disabled{display:inline-flex;align-items:center;opacity:.82;transition:opacity .4s var(--ease-out)}.footer-sns a:hover,.footer-sns a:focus-visible{opacity:1}.footer-sns svg{width:15px;height:15px;fill:var(--ink)}.footer-sns img{width:17px;height:17px}.footer-sns .is-disabled{opacity:.3}.copyright{margin-block-start:clamp(36px,5vw,48px);text-align:center;font-family:var(--font-en);font-size:10px;letter-spacing:.3em;color:var(--muted)}.has-js [data-reveal]{opacity:0;transform:translateY(28px);filter:blur(7px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out),filter 1.1s var(--ease-out)}.has-js [data-reveal].is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.has-js [data-reveal-delay="1"]{transition-delay:.12s}.has-js [data-reveal-delay="2"]{transition-delay:.24s}.has-js [data-reveal-delay="3"]{transition-delay:.36s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.has-js [data-reveal],.has-js .hero-copy .line,.has-js .hero-scroll,.has-js .hero-scroll .bar:after{animation:none}}.error-page{min-height:70svh;display:grid;place-items:center;text-align:center}.error-page .en{font-family:var(--font-en);font-size:12px;letter-spacing:.3em;color:var(--muted)}.error-page h1{font-size:18px;font-weight:500;letter-spacing:.14em;color:var(--ink-strong);margin:16px 0 12px}.error-page p{font-size:13px;margin:0 0 32px}