@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--paper:#ffffff;--ink:#171717;--muted:#737373;--line:#e5e5e5;--serif:Georgia,'Noto Serif JP',serif;--sans:'Noto Sans JP',Arial,sans-serif;--pad:clamp(24px,5vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a,input,textarea,select{touch-action:manipulation}img{max-width:100%;display:block}button{background:none;border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}::selection{background:#e5e5e5;color:white}:focus-visible{outline:2px solid #737373;outline-offset:5px}.skip-link{position:fixed;top:-90px;left:16px;background:var(--ink);color:white;padding:10px;z-index:100}.skip-link:focus{top:10px}
.site-header{height:100px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);z-index:20;color:var(--ink)}.site-header.hero-header{color:white}.site-header.hero-header .brand img{filter:brightness(0) invert(1)}.brand{position:relative;display:block;width:210px;aspect-ratio:1852/409;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:117.2797%;max-width:none;left:-10.3132%;top:-55.0122%}.header-right{display:flex;gap:48px;align-items:center}.header-contact{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px}.header-contact span{padding-left:20px}.menu-trigger{display:flex;align-items:center;gap:16px;padding:15px 0;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.12em}.menu-trigger i{display:block;width:35px;height:11px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.menu-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;background:var(--ink);color:var(--paper);padding:40px var(--pad)}.menu-dialog::backdrop{background:#171717}.menu-top{display:flex;justify-content:space-between;font-size:16px}.text-button{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.12em;padding:8px}.menu-links{margin:7vh auto;max-width:1100px}.menu-links a{display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff25;font-family:var(--serif);font-size:clamp(32px,6vw,76px);line-height:1.35;padding:10px 0}.menu-links a span{font:12px Arial;opacity:.5}.menu-links a small{font:14px var(--sans);margin-left:auto;opacity:.7}.menu-links a:hover{color:#737373}.menu-bottom{font-family:var(--serif);font-size:18px;color:#737373}
.hero{position:relative;height:max(740px,96svh);max-height:1200px;background:#171717;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;animation:hero-intro 1.8s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,#0000 30%,#0007 72%,#0009 100%);pointer-events:none}.hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:160px var(--pad) 140px}.eyebrow{font:12px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;display:block}.hero .eyebrow{margin-bottom:32px}.hero h1{font-family:var(--serif);font-size:clamp(32px,4.5vw,76px);letter-spacing:.06em;line-height:1.55}.hero-copy{margin-top:24px;font-size:14px;letter-spacing:.04em;color:#ffffff}.hero-bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px}.hero-project{font-size:14px;line-height:1.5;max-width:340px}.hero-project span{display:block;font:12px Arial;letter-spacing:.1em;color:#e5e5e5;margin-bottom:8px}.hero-project a{display:inline-flex;gap:20px;align-items:center}.hero-controls{display:flex;align-items:center;gap:18px;font:14px Arial}.hero-controls button{border:1px solid #ffffff50;border-radius:50%;height:44px;width:44px;color:white}.hero-controls button:hover{background:#fff2}.scroll-note{justify-self:end;display:flex;align-items:center;gap:16px;font:11px Arial;letter-spacing:.18em}.scroll-note i{height:50px;width:1px;background:#fff7}.hero-image-changing{animation:photo-change .8s ease both}.hero-title-en{position:absolute;right:var(--pad);top:42%;writing-mode:vertical-rl;font:12px Arial;letter-spacing:.18em;opacity:.7}
.section{padding:120px var(--pad)}.section-label{display:flex;align-items:center;gap:16px;font:12px Arial;letter-spacing:.13em}.section-label:before{content:'';height:5px;width:5px;background:currentColor;border-radius:50%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:26px 0 58px}.section-heading h2{font-family:var(--serif);font-size:clamp(42px,5vw,80px);line-height:1.12;letter-spacing:-.04em}.section-heading p{font-size:16px;line-height:2}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:10px;display:inline-flex;gap:40px;align-items:center}.text-link span{font-size:20px}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;padding-top:100px;padding-bottom:100px;border-bottom:1px solid var(--line)}.intro h2{font-family:var(--serif);font-size:clamp(25px,2.8vw,43px);line-height:1.8;letter-spacing:.02em}.intro .eyebrow{margin-bottom:28px;color:var(--muted)}.intro p{max-width:620px;line-height:2.4}.intro a{margin-top:35px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 5vw}.work-card:nth-child(even){padding-top:100px}.work-picture{position:relative;overflow:hidden;background:#f5f5f5;aspect-ratio:4/3}.work-picture img{height:100%;width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.work-card:hover img{transform:scale(1.045)}.work-preview{position:absolute;inset:auto 24px 24px auto;font:11px Arial;letter-spacing:.12em;color:white;background:#171717bd;padding:10px 15px;opacity:0;transform:translateY(6px);transition:.3s}.work-card:hover .work-preview,.work-card:focus-visible .work-preview{opacity:1;transform:none}.work-meta{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:23px}.work-meta h3{font:clamp(20px,2vw,30px) var(--serif);line-height:1.3}.work-meta p{font-size:14px;color:var(--muted);margin-top:8px}.work-meta .category{font:11px Arial;letter-spacing:.1em;white-space:nowrap;padding-top:5px}.works-footer{margin-top:65px;display:flex;justify-content:flex-end}.service-teaser{background:#ffffff;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}.service-teaser h2{font-family:var(--serif);font-size:clamp(30px,3.3vw,54px);line-height:1.65;margin:28px 0}.service-list a{display:flex;gap:24px;border-top:1px solid #e5e5e5;padding:28px 0;align-items:center}.service-list a:last-child{border-bottom:1px solid #e5e5e5}.service-list span{font:12px Arial;color:var(--muted)}.service-list h3{font-size:clamp(19px,2vw,27px)}.service-list i{font-style:normal;margin-left:auto}.about-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center}.about-image{height:500px;width:100%;object-fit:cover}.about-teaser h2{font-family:var(--serif);font-size:clamp(29px,3vw,45px);line-height:1.7;margin:28px 0}.about-teaser p{line-height:2.3;color:var(--muted);margin-bottom:30px}
.contact-band{background:var(--ink);color:var(--paper);padding:100px var(--pad)}.contact-band>a{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-band h2{font-family:var(--serif);font-size:clamp(44px,7vw,108px);letter-spacing:-.04em;line-height:1.2}.contact-band p{margin-top:20px;font-size:16px}.contact-band .big-arrow{font-family:Arial;font-size:clamp(55px,7vw,110px);transition:transform .3s}.contact-band>a:hover .big-arrow{transform:translate(8px,-8px)}.site-footer{padding:60px var(--pad) 24px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:45px}.footer-top h2{font-family:var(--serif);font-size:34px}.footer-top p{margin-top:15px;font-size:14px;color:var(--muted)}.footer-nav{display:flex;gap:28px;align-items:start;font:14px Arial}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font:12px Arial;color:var(--muted)}
.page-head{padding:190px var(--pad) 65px}.page-head .eyebrow{margin-bottom:24px;color:var(--muted)}.page-head h1{font-family:var(--serif);font-size:clamp(62px,8vw,128px);line-height:1.15;letter-spacing:-.055em}.page-head p{margin-top:26px;max-width:650px;line-height:2}.page-head .jp-title{font-size:clamp(34px,4.2vw,64px);letter-spacing:.02em;line-height:1.7}.works-page{padding-top:0}.filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding:25px 0 55px}.filter-row button{border:1px solid transparent;border-radius:30px;font-size:14px;padding:8px 17px;color:var(--muted)}.filter-row button.active{border-color:var(--ink);color:var(--ink)}.filter-row button:hover{background:#ffffff}.filter-count{font:12px Arial;letter-spacing:.1em;margin-left:auto;color:var(--muted)}.works-page .work-card:nth-child(even){padding-top:0}.works-page .works-grid{gap:55px 4vw}.works-page .work-meta h3{font-size:24px}.empty{padding:80px 0;text-align:center}.project-head{padding:170px var(--pad) 50px;display:grid;grid-template-columns:1.5fr 1fr;gap:5vw;align-items:end}.project-head .eyebrow{margin-bottom:20px;color:var(--muted)}.project-head h1{font-family:var(--serif);font-size:clamp(38px,5.5vw,84px);line-height:1.2;letter-spacing:-.035em}.project-head p{font-size:14px;margin-top:20px;color:var(--muted)}.project-head h2{font-family:var(--serif);font-size:clamp(20px,2.3vw,32px);line-height:1.9}.project-cover{width:100%;height:75svh;min-height:400px;max-height:950px;object-fit:cover;cursor:zoom-in}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:10vw;padding-top:80px;padding-bottom:80px}.project-info dl{margin:0;display:grid;grid-template-columns:85px 1fr;gap:18px;font-size:14px}.project-info dt{color:var(--muted)}.project-info dd{margin:0}.project-info p{line-height:2.4;max-width:800px}.gallery-grid{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.gallery-grid button{padding:0;text-align:left;overflow:hidden;cursor:zoom-in;display:block}.gallery-grid img{width:100%;height:100%;max-height:650px;object-fit:cover;transition:transform .5s}.gallery-grid button:hover img{transform:scale(1.025)}.gallery-grid button:first-child{grid-column:1/-1;max-height:750px}.project-next{padding:50px var(--pad) 100px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}.project-next .next-name{font:clamp(22px,3vw,40px) var(--serif);display:block}.project-next .eyebrow{margin-bottom:12px;color:var(--muted)}
.service-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;border-top:1px solid var(--line);padding:65px 0}.service-feature .number{font:14px Arial;color:var(--muted)}.service-feature h2{font-family:var(--serif);font-size:clamp(26px,3vw,42px);line-height:1.8;margin:12px 0}.service-feature p{line-height:2.25}.service-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.service-tags span{font-size:13px;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--line)}.service-feature img{width:100%;height:380px;object-fit:cover}.services-body{padding-top:0}.process{background:#ffffff}.process h2{font-family:var(--serif);font-size:48px;margin:24px 0 55px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-step span{font:35px var(--serif);color:#737373}.process-step h3{font-size:19px;margin:15px 0}.process-step p{font-size:14px;color:var(--muted);line-height:2}
.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:0;align-items:start}.about-lead img{width:100%;height:500px;object-fit:cover}.about-lead .name-en{font:13px Arial;letter-spacing:.16em;color:var(--muted)}.about-lead h2{font:44px var(--serif);margin:20px 0 24px}.about-lead p{line-height:2.3}.bio-section{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding-top:0}.bio-section h2{font:42px var(--serif)}.timeline-row{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:22px 0;border-top:1px solid var(--line);font-size:16px}.timeline-row span{font:22px var(--serif)}.awards{border-top:1px solid var(--line);padding-top:25px}.awards p{margin-top:15px}.company-section{background:#ffffff}.company-section h2{font:48px var(--serif);margin-bottom:35px}.company-section dl{max-width:900px;margin:0}.company-section dl div{display:grid;grid-template-columns:160px 1fr;border-top:1px solid #e5e5e5;padding:24px 0;gap:25px}.company-section dt{color:var(--muted)}.company-section dd{margin:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw;padding-top:10px}.contact-aside h2{font-family:var(--serif);font-size:28px;margin-bottom:25px;line-height:1.8}.contact-aside p{font-size:14px;line-height:2.2;color:var(--muted)}.phone-link{font:32px var(--serif);display:inline-block;margin:30px 0 10px}.form-field{margin-bottom:32px}.form-field label{display:flex;gap:12px;font-size:15px;margin-bottom:10px;align-items:center}.required{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:0 5px}.form-field input,.form-field select,.form-field textarea{width:100%;border:0;border-bottom:1px solid #e5e5e5;background:#f5f5f5;border-radius:0;color:var(--ink);padding:14px 16px;font-size:16px}.form-field textarea{min-height:170px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-note{font-size:14px;color:var(--muted);margin:20px 0 30px;line-height:2}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;background:var(--ink);color:var(--paper);padding:20px 28px;font-size:15px;min-width:260px;transition:background .3s}.primary-button:hover{background:#171717}.form-confirm h2{font:32px var(--serif);margin-bottom:30px}.form-confirm dl div{border-top:1px solid var(--line);padding:20px 0}.form-confirm dt{font-size:14px;color:var(--muted);margin-bottom:10px}.form-confirm dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.privacy-body{max-width:900px}.privacy-body h2{font-size:23px;margin:35px 0 20px}.privacy-body p{line-height:2.2}.not-found{min-height:65vh;padding:200px var(--pad) 100px}.not-found h1{font:70px var(--serif);margin-bottom:30px}
.lightbox{background:#171717;width:100%;max-width:none;height:100%;max-height:none;border:0;margin:0;color:#fff;padding:85px 80px 45px}.lightbox::backdrop{background:#171717}.lightbox figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.lightbox img{max-height:calc(100% - 40px);object-fit:contain;max-width:100%}.lightbox figcaption{font-size:14px;color:#e5e5e5}.lightbox-close{position:absolute;top:25px;right:30px;color:white;font:13px Arial;letter-spacing:.08em;padding:10px}.lightbox-prev,.lightbox-next{position:absolute;top:50%;color:white;font-size:25px;border:1px solid #fff5;border-radius:50%;width:45px;height:45px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}@keyframes hero-intro{from{transform:scale(1.055);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes photo-change{from{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media(min-width:1700px){.hero-inner{padding-bottom:160px}.hero h1{font-size:78px}.section{padding-left:max(var(--pad),calc((100vw - 1500px)/2));padding-right:max(var(--pad),calc((100vw - 1500px)/2))}}
@media(max-width:950px){.site-header{height:85px}.header-right{gap:25px}.header-contact{font-size:12px}.hero{height:90svh;min-height:680px}.hero-inner{padding-bottom:160px}.hero h1{font-size:45px}.hero-title-en{display:none}.section{padding-top:80px;padding-bottom:80px}.intro,.service-teaser,.about-teaser,.about-lead,.contact-layout{gap:5vw}.section-heading{align-items:start}.work-card:nth-child(even){padding-top:55px}.work-meta{display:block}.work-meta .category{display:block;margin-top:10px}.about-image,.about-lead img{height:400px}.process-steps{grid-template-columns:1fr 1fr}.footer-nav{flex-wrap:wrap;max-width:270px}.project-head{grid-template-columns:1fr;gap:30px}.project-head h2{max-width:700px}.service-feature{gap:5vw}.contact-layout{grid-template-columns:.85fr 1.5fr}.brand{width:180px}}
@media(max-width:640px){:root{--pad:24px}.site-header{height:78px}.brand{width:163px}.header-contact{display:none}.menu-trigger{gap:10px}.menu-trigger i{width:27px}.hero{min-height:650px;height:92svh}.hero-photo{object-position:50% center}.hero-inner{padding-top:140px;padding-bottom:155px}.hero .eyebrow{font-size:10px;margin-bottom:24px}.hero h1{font-size:clamp(28px,7.8vw,40px);line-height:1.7;letter-spacing:.04em}.hero-copy{font-size:13px;max-width:265px;line-height:2}.hero-bottom{grid-template-columns:1fr auto;gap:15px;bottom:26px;align-items:center}.hero-project{font-size:13px}.hero-project span{font-size:10px}.hero-project a{gap:10px}.hero-controls{gap:10px;font-size:12px}.hero-controls button{width:36px;height:36px}.scroll-note{display:none}.section{padding:65px var(--pad)}.intro,.service-teaser,.about-teaser,.about-lead,.contact-layout,.bio-section,.project-info{grid-template-columns:1fr;gap:35px}.intro h2{font-size:27px}.intro p{line-height:2.15}.section-heading{display:block;margin:22px 0 35px}.section-heading h2{font-size:48px}.section-heading p{margin-top:20px;font-size:14px}.section-heading .text-link{margin-top:25px}.works-grid{grid-template-columns:1fr;gap:36px}.work-card:nth-child(even){padding-top:0}.work-meta{display:flex;margin-top:18px}.work-meta h3{font-size:25px}.work-meta p{font-size:13px}.work-meta .category{font-size:10px;margin-top:0}.work-picture{aspect-ratio:4/3}.works-footer{margin-top:40px}.service-teaser h2{font-size:31px}.service-list a{padding:23px 0}.about-image{height:350px}.about-teaser h2{font-size:28px}.about-teaser p{font-size:15px}.contact-band{padding:65px var(--pad)}.contact-band h2{font-size:57px}.contact-band p{font-size:14px}.contact-band .big-arrow{font-size:55px}.contact-band>a{gap:12px}.footer-top{display:block;padding-bottom:35px}.footer-top h2{font-size:31px}.footer-top p{font-size:13px}.footer-nav{margin-top:30px;max-width:none;gap:25px}.footer-bottom{font-size:11px;gap:20px;line-height:1.7}.page-head{padding:135px var(--pad) 40px}.page-head h1{font-size:73px}.page-head .jp-title{font-size:34px}.page-head p{font-size:15px}.works-page{padding-top:0}.filter-row{gap:4px;padding-bottom:35px}.filter-row button{font-size:13px;padding:7px 12px}.filter-count{width:100%;margin-top:14px}.project-head{padding:135px var(--pad) 35px}.project-head h1{font-size:44px}.project-head h2{font-size:23px}.project-cover{min-height:0;height:55svh}.project-info{padding-top:50px;padding-bottom:50px}.project-info p{font-size:15px}.gallery-grid{grid-template-columns:1fr;gap:22px;padding-top:0}.gallery-grid button:first-child{grid-column:auto}.project-next{align-items:start;padding-bottom:60px}.project-next .next-name{font-size:22px}.project-next .text-link{font-size:13px;gap:14px}.service-feature{grid-template-columns:1fr;gap:30px;padding:40px 0}.service-feature h2{font-size:29px}.service-feature img{height:270px}.services-body{padding-top:0}.service-feature p{font-size:15px}.process h2{font-size:42px}.process-steps{gap:25px}.process-step h3{font-size:17px}.process-step p{font-size:13px}.about-lead{padding-top:0}.about-lead img{height:320px}.about-lead h2{font-size:36px}.bio-section{padding-top:0}.timeline-row{grid-template-columns:65px 1fr;gap:20px;font-size:14px}.company-section dl div{grid-template-columns:85px 1fr;font-size:14px;gap:15px}.company-section h2{font-size:43px}.contact-layout{padding-top:0}.contact-aside h2{font-size:25px}.phone-link{margin-top:18px;font-size:29px}.form-grid{grid-template-columns:1fr;gap:0}.form-field{margin-bottom:26px}.primary-button{width:100%}.menu-dialog{padding-top:25px}.menu-links{margin:9vh 0}.menu-links a{font-size:45px;gap:18px;padding:18px 0}.menu-links a small{font-size:12px}.menu-bottom{font-size:15px}.lightbox{padding:80px 18px 75px}.lightbox-prev,.lightbox-next{top:auto;bottom:15px}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox figcaption{font-size:12px}.lightbox-close{right:15px}.not-found h1{font-size:50px}}
.brand img{height:auto}
.approach-copy strong{font-weight:500}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}