:root{--paper:#e8ede9;--white:#f7f8f4;--ink:#233c39;--muted:#60716b;--line:#b9c5bd;--green:#6c8274;--lime:#d4dfb4;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}img,video{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}button{background:none;border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--white);z-index:200}.skip:focus{top:10px}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}.dot{color:var(--green)}.header{height:94px;margin:0 4%;padding:0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;transition:background .3s ease-out,box-shadow .3s ease-out}.header::before{position:absolute;content:'';inset:0 -4.3%;background:var(--paper);z-index:-1;opacity:.96}.header.scrolled::before{background:rgba(232,237,233,.93);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:21px}.brand-word{font-family:var(--serif);font-size:43px;font-weight:600;letter-spacing:-.085em;line-height:1.1}.brand-ja{font-family:var(--serif);font-size:13px;font-weight:500;letter-spacing:.13em}.header nav{display:flex;gap:35px;align-items:center;font-size:12px}.header nav>a{position:relative}.header nav>a::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}.header nav>a:hover::after{transform:scaleX(1)}.nav-contact{display:flex;gap:24px;align-items:center;background:var(--ink);color:var(--white);padding:17px 23px}.nav-contact:hover{background:var(--green)}.menu{display:none}.hero{padding:29px 4% 0;overflow:hidden}.hero-label{display:flex;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:.08em}.hero-stage{position:relative;min-height:720px;padding-top:10px}.hero-title{position:relative;z-index:2;width:72%;pointer-events:none;padding-top:0}.hero-title p{font-size:clamp(100px,11.4vw,180px);line-height:1.35}.hero-title .second{font-size:clamp(85px,9.2vw,143px);line-height:1.17;margin-left:7%;white-space:nowrap}.hero-image{position:absolute;right:2.7%;top:82px;width:41.5%;height:542px}.hero-image img{filter:grayscale(100%);object-position:44% center}.hero-image::after{content:'';position:absolute;inset:0;background:#264739;mix-blend-mode:color;opacity:.2;pointer-events:none}.hero-image figcaption{font-size:8px;letter-spacing:.08em;margin-top:12px}.hero-copy{padding-top:32px;padding-left:1.5%}.hero-copy h1{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.85;letter-spacing:.1em}.hero-copy>p{font-size:12px;line-height:2.2;margin:20px 0 28px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;font-weight:500;padding:0}.text-link svg{width:19px;height:19px;transition:transform .2s ease-out}.text-link:hover svg{transform:translateX(3px)}.circle-arrow{border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;transition:background .2s ease-out}.text-link:hover .circle-arrow{background:var(--lime)}.hero-side{position:absolute;right:-15px;top:270px;font-size:8px;letter-spacing:.08em;writing-mode:vertical-rl}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:10px;letter-spacing:.04em}.hero-bottom>a{display:flex;align-items:center;gap:20px;font-size:9px}.scroll-line{height:28px;width:1px;background:var(--line);overflow:hidden;position:relative}.scroll-line::after{content:'';position:absolute;width:1px;height:13px;background:var(--ink);animation:scroll-mark 2s ease-out infinite}.section{padding:128px 8%}.section-label{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.06em}.section-label>span:last-child:not(.tiny-square){margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:.05em}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--green)}.philosophy{padding-top:110px;padding-bottom:140px;background:var(--white)}.philosophy-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:65px}.philosophy-title>.serif{font-size:clamp(36px,4vw,65px);line-height:1.3;letter-spacing:-.06em}.serif em{font-weight:400}.philosophy h2{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.8;margin-top:48px;letter-spacing:.05em}.philosophy-text>p{font-size:12px;line-height:2.55;margin-bottom:27px}.signature{display:block;font-family:var(--serif);font-style:italic;font-size:46px;letter-spacing:-.08em;margin-top:35px;text-align:right}.film{position:relative;overflow:hidden;background:var(--ink)}.film video{position:absolute;inset:0;filter:grayscale(100%);object-fit:cover}.film-city{height:590px}.film-city video{height:115%;top:-7.5%}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,35,28,.58),rgba(14,35,28,.05));pointer-events:none}.film-caption{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:var(--white)}.film-caption>span{font-size:10px;letter-spacing:.08em}.film-caption>p{font-family:var(--serif);font-size:38px;line-height:1.9;letter-spacing:.1em;margin-top:30px}.video-control{position:absolute;bottom:28px;right:32px;display:flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid #ffffff80;border-radius:30px;color:white;background:#18302b70;backdrop-filter:blur(8px);font-size:10px;z-index:2}.video-control svg{width:14px;height:14px}.video-control .pause-icon{display:none}.video-control.playing .pause-icon{display:block}.video-control.playing .play-icon{display:none}.video-control:focus-visible{outline-color:white}.practice{display:grid;grid-template-columns:1fr 1.35fr;gap:9%;position:relative;padding-top:140px;padding-bottom:145px}.practice-intro{position:sticky;top:145px;align-self:start}.practice-intro h2{font-family:var(--serif);font-weight:500;font-size:29px;line-height:1.9;margin:35px 0 24px}.practice-intro>p{font-size:12px;line-height:2.3;color:var(--muted)}.practice-watermark{display:block;font-size:70px;line-height:1;margin-top:72px;opacity:.22}.practice-item{border-top:1px solid var(--line);padding:31px 0}.practice-item:last-child{border-bottom:1px solid var(--line)}.practice-item summary{list-style:none;display:grid;grid-template-columns:1fr 30px;gap:12px;cursor:pointer;align-items:center}.practice-item summary::-webkit-details-marker{display:none}.practice-en{font-family:var(--serif);font-size:39px;letter-spacing:-.04em}.practice-name{font-size:12px;grid-column:1;grid-row:2}.plus{grid-column:2;grid-row:1/3;width:28px;height:28px;position:relative}.plus::before,.plus::after{content:'';position:absolute;left:6px;top:13px;width:16px;height:1px;background:var(--ink);transition:transform .25s ease-out}.plus::after{transform:rotate(90deg)}details[open] .plus::after{transform:rotate(0)}.practice-body{padding-top:26px}.practice-body>p{font-size:12px;line-height:2.3;color:var(--muted);max-width:440px}.practice-body ul{list-style:none;padding:22px 0 26px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:11px}.practice-body li::before{content:'—';margin-right:8px;color:var(--green)}.practice-body .text-link{padding:11px 0;border-bottom:1px solid var(--line)}.people{background:var(--ink);color:var(--white);display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:125px;padding-bottom:125px}.people-photo{position:relative;height:630px}.people-photo img{filter:grayscale(100%);object-position:center 30%}.people-photo>span{position:absolute;bottom:22px;left:23px;font-size:9px;letter-spacing:.11em}.people-copy{padding-top:18px}.people-copy>.serif{font-size:52px;line-height:1.3;margin:40px 0}.people-copy h2{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.9;letter-spacing:.05em;margin:0 0 24px}.people-copy>p:not(.serif){font-size:12px;line-height:2.45;color:#cad3cd;margin:22px 0}.people-copy .text-link{margin-top:24px}.people-copy a:focus-visible{outline-color:var(--white)}.people-copy .text-link:hover .circle-arrow{color:var(--ink)}.people .tiny-square{background:var(--lime)}.flow{background:var(--white);padding-bottom:110px}.flow-heading{display:flex;justify-content:space-between;align-items:flex-start}.flow-heading h2{font-family:var(--serif);font-weight:500;font-size:33px;line-height:1.8;width:49%}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:72px}.flow-steps article{padding-top:23px;border-top:1px solid var(--line)}.flow-steps span{font-size:10px;letter-spacing:.04em;color:var(--muted)}.flow-steps h3{font-size:16px;font-weight:500;margin:28px 0 18px}.flow-steps p{font-size:12px;line-height:2.3;color:var(--muted)}.work-film{display:grid;grid-template-columns:2.15fr 1fr;background:var(--white);padding-bottom:110px}.film-work{height:420px}.film-work video{object-position:center 38%}.work-film-label{position:absolute;left:8%;top:40px;color:white;font-size:11px;line-height:1.8;letter-spacing:.06em}.work-note{padding:90px 20% 0 18%;align-self:center}.work-note>span{font-size:9px;letter-spacing:.05em;white-space:nowrap}.work-note>p{font-family:var(--serif);font-size:21px;line-height:2.2;margin-top:32px;writing-mode:vertical-rl;letter-spacing:.1em}.contact{display:flex;justify-content:space-between;align-items:center;background:var(--lime);padding-top:105px;padding-bottom:115px}.contact h2{font-family:var(--serif);font-weight:500;font-size:45px;line-height:1.65;letter-spacing:.08em;margin:27px 0 23px}.contact p{font-size:13px;letter-spacing:.05em}.contact-button{display:flex;gap:70px;align-items:center;border-bottom:1px solid var(--ink);padding:30px 0;text-align:left;font-family:var(--serif);font-size:26px}.contact-en{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.03em;margin-top:15px}.contact-button>svg{width:60px;height:60px;transition:transform .2s ease-out}.contact-button:hover>svg{transform:translateX(9px)}footer{padding:55px 4% 23px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px}.footer-bottom{display:flex;align-items:center;gap:30px;font-size:8px;color:var(--muted);border-top:1px solid var(--line);padding-top:23px;line-height:1.9}.footer-bottom a{margin-left:auto}dialog{width:min(580px,calc(100% - 36px));max-height:calc(100dvh - 50px);border:0;background:var(--white);color:var(--ink);padding:58px 48px 35px}dialog::backdrop{background:rgba(20,40,32,.65);backdrop-filter:blur(6px)}body.dialog-open{overflow:hidden}.dialog-close{position:absolute;right:15px;top:15px;padding:8px}.dialog-close svg{width:24px;height:24px}dialog h2{font-family:var(--serif);font-weight:500;font-size:29px;line-height:1.7;margin:27px 0 22px}dialog>p{font-size:12px;line-height:2.1}.topic-options{display:flex;gap:7px;margin:25px 0}.topic-options button{padding:11px 12px;border:1px solid var(--line);font-size:11px}.topic-options [aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.topic-content{background:var(--paper);padding:24px;min-height:170px}.topic-content h3{font-size:14px;font-weight:500;margin-bottom:13px}.topic-content p{font-size:12px;line-height:2.1}dialog .demo-note{font-size:10px;color:var(--muted);margin-top:23px}.dialog-done{display:block;width:100%;background:var(--ink);color:var(--white);padding:13px;margin-top:20px;font-size:12px}.opening{position:fixed;inset:0;background:var(--ink);color:var(--white);z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:opening-out .65s cubic-bezier(.2,.7,.2,1) 1.05s both}.opening.active{display:flex}.opening-word{font-family:var(--serif);font-size:100px;letter-spacing:-.075em;animation:word-in .6s ease-out both}.opening .dot{color:var(--lime)}.opening-line{width:95px;height:1px;background:var(--lime);margin-top:28px;transform-origin:left;animation:line-in .8s ease-out both}.opening-caption{font-size:9px;letter-spacing:.14em;margin-top:19px}.motion .reveal{opacity:0;translate:0 20px;transition:opacity .7s ease-out,translate .7s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;translate:0 0}.motion .hero-title{animation:hero-in 1s cubic-bezier(.2,.7,.2,1) .6s both}.motion .hero-image{animation:photo-in 1.2s cubic-bezier(.2,.7,.2,1) .3s both}@keyframes opening-out{to{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes word-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-in{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes scroll-mark{from{transform:translateY(-15px)}to{transform:translateY(30px)}}
@media(min-width:1700px){.hero-stage{min-height:850px}.hero-image{height:650px}.hero-title p{font-size:200px}.hero-title .second{font-size:165px}.hero-copy{padding-top:44px}}
@media(max-width:1100px){.header nav{gap:20px;font-size:11px}.hero-stage{min-height:660px}.hero-image{height:470px;top:75px;width:43%}.hero-copy{padding-top:40px}.hero-copy h1{font-size:25px}.hero-title p{font-size:12vw}.hero-title .second{font-size:9.7vw}.hero-copy>p{font-size:11px}.section{padding:95px 6%}.philosophy-grid{gap:6%}.people{gap:8%}.people-photo{height:600px}.people-copy>.serif{font-size:44px}.contact-button{gap:30px}.contact h2{font-size:38px}}
@media(max-width:760px){html{scroll-padding-top:85px}.header{height:76px;margin:0 6%}.brand{gap:17px}.brand-word{font-size:36px}.brand-ja{font-size:11px}.header nav{position:fixed;top:76px;left:0;right:0;background:var(--paper);padding:30px 6% 35px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #233c3914}.header nav.open{display:flex}.header nav>a{padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.header nav>a::after{display:none}.nav-contact{margin-top:23px;justify-content:space-between}.menu{display:flex;flex-direction:column;gap:6px;padding:15px 0 15px 15px;width:45px;justify-content:center}.menu>span{height:1px;width:27px;background:var(--ink);transition:transform .2s ease-out}.menu[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding:21px 6% 0}.hero-label{font-size:8px}.hero-label>span:last-child{font-size:6px;max-width:140px;text-align:right}.hero-stage{min-height:0;padding-top:14px;padding-bottom:29px;display:grid;grid-template-columns:1fr}.hero-title{width:100%}.hero-title p{font-size:19vw;line-height:1.35}.hero-title .second{font-size:14.1vw;margin-left:5%;line-height:1.3}.hero-image{position:relative;right:auto;top:auto;width:80%;height:340px;margin:27px 0 0 auto;grid-row:2}.hero-image figcaption{font-size:6px;margin-top:8px}.hero-copy{padding:44px 0 0;display:grid;grid-template-columns:1fr;gap:0}.hero-copy h1{font-size:26px;line-height:1.75}.hero-copy>p{font-size:11px;line-height:2.3;margin:16px 0 18px}.hero-copy .text-link{justify-content:space-between}.hero-copy .circle-arrow{width:38px;height:38px}.hero-side{right:auto;left:0;top:300px;font-size:7px}.hero-bottom{padding:17px 0;font-size:8px}.hero-bottom>a{font-size:7px;gap:12px}.section{padding:77px 7%}.section-label{font-size:8px}.section-label>span:last-child:not(.tiny-square){font-size:8px}.philosophy-grid{grid-template-columns:1fr;gap:34px;margin-top:38px}.philosophy-title>.serif{font-size:38px}.philosophy h2{font-size:24px;margin-top:28px}.philosophy-text>p{font-size:11px;line-height:2.4;margin-bottom:21px}.philosophy-text>p br{display:none}.signature{font-size:39px;margin-top:17px}.film-city{height:470px}.film-caption{left:7%;right:7%}.film-caption>span{font-size:7px}.film-caption>p{font-size:27px;line-height:2;margin-top:27px}.video-control{bottom:20px;right:20px;padding:9px 14px}.practice{grid-template-columns:1fr;gap:45px}.practice-intro{position:static}.practice-intro h2{font-size:25px;margin:25px 0 17px}.practice-intro>p{font-size:11px}.practice-watermark{display:none}.practice-item{padding:25px 0}.practice-en{font-size:35px}.practice-name{font-size:11px}.practice-body>p{font-size:11px}.practice-body ul{font-size:10px;gap:13px}.people{grid-template-columns:1fr;padding-top:60px;padding-bottom:65px;gap:36px}.people-photo{height:440px;width:88%}.people-copy{padding-top:0;padding-left:5%}.people-copy>.serif{font-size:42px;margin:28px 0}.people-copy h2{font-size:24px}.people-copy>p:not(.serif){font-size:11px}.flow-heading{display:block}.flow-heading h2{width:auto;font-size:27px;margin-top:27px}.flow-steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.flow-steps article{padding-top:20px}.flow-steps h3{font-size:16px;margin:16px 0 12px}.flow-steps p{font-size:11px}.work-film{grid-template-columns:1fr;padding-bottom:0}.film-work{height:360px}.work-film-label{left:7%;font-size:8px}.work-note{padding:38px 7% 63px;display:flex;align-items:center;justify-content:space-between}.work-note>span{font-size:8px}.work-note>p{font-size:19px;writing-mode:horizontal-tb;margin:0;line-height:1.9}.contact{display:block;padding-top:68px;padding-bottom:65px}.contact h2{font-size:35px;margin:22px 0}.contact p{font-size:11px}.contact-button{width:100%;justify-content:space-between;margin-top:35px;font-size:23px;padding:24px 0}.contact-button>svg{width:44px;height:44px}.contact-en{font-size:9px}footer{padding:40px 6% 22px}.footer-top{padding-bottom:30px}.footer-top .text-link{font-size:8px;gap:10px}.footer-top .brand-ja{display:none}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:7px}.footer-bottom p{order:3;width:100%;font-size:8px}.footer-bottom a{margin-left:auto}dialog{padding:45px 25px 25px}dialog h2{font-size:25px}.topic-options{gap:6px}.topic-options button{padding:10px;font-size:10px}.topic-content{padding:20px}.opening-word{font-size:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.opening{display:none!important}.motion .reveal{opacity:1;translate:none}.film-city video{transform:none!important}}