:root{--paper:#f4f2ed;--stone:#e8e5df;--ink:#373735;--muted:#7f7d77;--line:#d2cfc8;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif;--english:'Cormorant Garamond',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0}img,video{display:block;width:100%;object-fit:cover}img{height:auto}h1,h2,h3,p,figure{margin:0}p{font-size:13px;line-height:2.2}h2{font-family:var(--serif);font-size:clamp(27px,2.6vw,38px);font-weight:400;line-height:1.85;letter-spacing:.07em}h3{font:400 22px/1.8 var(--serif);letter-spacing:.07em}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8a684b;outline-offset:5px}::selection{background:#d8d2c8}.section{padding:100px 7vw}.eyebrow{font:400 10px/1.5 var(--sans);letter-spacing:.15em;color:var(--muted)}.skip-link{position:fixed;top:10px;left:10px;z-index:1100;background:white;padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(244,242,237,.97);transition:height .25s ease-out,box-shadow .25s ease-out}.header.scrolled{height:76px;box-shadow:0 1px 0 var(--line)}.logo{display:flex;gap:20px;align-items:center}.logo-mark{font:400 24px var(--serif);letter-spacing:.15em}.logo-text{font:500 25px/1 var(--english);border-left:1px solid var(--line);padding-left:20px;letter-spacing:.15em}.logo-text small{font:400 7px/1.2 var(--sans);display:block;letter-spacing:.08em;margin-top:6px}.header nav{display:flex;align-items:center;gap:28px;font-size:10px}.header nav>a:hover{opacity:.55}.nav-contact{background:none;border:1px solid var(--line);padding:17px 20px;display:flex;gap:27px;align-items:center}.nav-contact:hover{background:var(--stone)}.menu-toggle{display:none}
.hero{margin:98px 24px 0;display:grid;grid-template-columns:33% 67%;min-height:640px;background:var(--stone)}.hero-copy{padding:69px 4vw 38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero-copy h1{font:400 clamp(30px,2.85vw,44px)/1.95 var(--serif);letter-spacing:.08em;white-space:nowrap;margin:25px 0 24px}.hero-note{font-size:12px;line-height:2.15;letter-spacing:.05em}.text-link{display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:11px;border-bottom:1px solid #aaa59b;padding:0 0 15px;width:100%;max-width:265px;margin-top:38px}.text-link span{font-size:22px;font-family:var(--sans)}.hero-foot{font-size:7px;letter-spacing:.16em;color:var(--muted);margin-top:auto;padding-top:72px}.hero-image{position:relative;overflow:hidden;height:640px}.hero-image img{height:calc(100% + 90px);margin-top:-45px;object-position:54% center;will-change:transform}.hero-image figcaption{position:absolute;bottom:25px;right:27px;color:white;text-align:right;font-size:11px;line-height:1.8;text-shadow:0 1px 10px #000a}.hero-image figcaption span{display:block;font-size:8px;letter-spacing:.13em;margin-bottom:5px}.hero-under{margin:0 24px;display:flex;justify-content:space-between;padding:23px 3.5vw;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.hero-under a{font-size:8px;letter-spacing:.14em;display:flex;gap:26px;align-items:center}.hero-under a span{font-size:18px;color:var(--ink)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:46px}.section-heading h2{margin-top:9px}.section-heading>p{font-size:11px}.section-heading small{display:block;font-size:9px;color:var(--muted);margin-top:10px}.collection{padding-top:105px;padding-bottom:110px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px}.project-image{display:block;position:relative;height:370px;overflow:hidden}.project-image>img{height:calc(100% + 50px);margin-top:-25px;object-fit:cover}.image-link{position:absolute;bottom:20px;right:20px;width:39px;height:39px;display:grid;place-items:center;background:var(--paper);font-size:20px}.project-heading{display:flex;gap:28px;align-items:baseline;margin:26px 0 21px}.project-heading>span{font:400 12px var(--english);color:var(--muted)}.project-heading p{font-size:8px;letter-spacing:.13em;margin-top:7px;color:var(--muted)}.project details{border-top:1px solid var(--line)}.project summary{font-size:10px;cursor:pointer;display:flex;justify-content:space-between;padding:13px 0;color:var(--muted);list-style:none}.project summary span{font-size:16px}.project details p{font-size:12px;padding:4px 0 16px;max-width:430px}summary::-webkit-details-marker{display:none}details[open] summary span:last-child{transform:rotate(45deg)}
.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:50px 13%;background:var(--stone);padding-top:85px;padding-bottom:85px}.philosophy h2{margin-top:22px;font-size:33px}.philosophy-copy{padding-top:46px}.philosophy-copy p{font-size:12px;line-height:2.4;margin-bottom:18px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;grid-column:1/-1;border-top:1px solid #c8c3ba;padding-top:37px;margin-top:12px}.principles article>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.principles h3{font-size:19px;margin:14px 0}.principles p{font-size:11px;line-height:2.15;max-width:315px}.film-section{padding-top:110px;padding-bottom:55px}.film-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:30px}.film-heading h2{margin-top:10px;font-size:30px}.film-heading>p{font-size:11px}.film-heading small{font-size:9px;color:var(--muted)}.video-shell{position:relative;overflow:hidden;background:#d0cdc5}.wide-film{height:560px}.video-shell video{height:100%}.video-toggle{position:absolute;bottom:21px;right:21px;background:rgba(244,242,237,.94);font-size:10px;padding:12px 16px;display:flex;align-items:center;gap:24px;z-index:2}.film-caption,.detail-figure figcaption{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:17px;line-height:1.8}.material-story{padding-top:44px;display:grid;grid-template-columns:1fr 1.2fr;gap:13%;align-items:center}.material-copy h2{font-size:30px;margin:20px 0 26px}.material-copy>p:not(.eyebrow){font-size:12px;margin-top:20px;line-height:2.3}.detail-film{height:370px}.people{display:grid;grid-template-columns:1.1fr 1fr;gap:11%;align-items:center;border-top:1px solid var(--line);padding-top:95px;padding-bottom:95px}.people-photo img{height:425px;object-position:center}.people-photo figcaption{font-size:9px;color:var(--muted);margin-top:13px}.people-copy h2{margin:22px 0 25px;font-size:32px}.people-copy>p:not(.eyebrow){font-size:12px}.people-copy .text-link{margin-top:27px}
.flow{padding-top:35px;padding-bottom:95px}.flow .section-heading h2{font-size:31px}.flow-list{border-top:1px solid var(--line)}.flow-list details{border-bottom:1px solid var(--line)}.flow-list summary{display:flex;align-items:center;gap:42px;list-style:none;padding:25px 0;cursor:pointer}.step{font:400 24px var(--english);color:var(--muted);width:35px}.flow-name{font:400 18px var(--serif);display:flex;align-items:center;gap:45px;flex:1}.flow-name small{font:400 8px var(--sans);letter-spacing:.13em;color:var(--muted)}.plus{font-size:23px;font-weight:300}.flow-list details p{font-size:12px;max-width:730px;padding:0 0 25px 77px}.contact-section{padding:67px 12vw;background:var(--stone);display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center}.contact-section h2{font-size:31px;margin-top:12px}.contact-section>div>p:not(.eyebrow){font-size:12px}.contact-button{display:flex;justify-content:space-between;align-items:center;width:100%;gap:40px;background:var(--ink);color:var(--paper);padding:21px 25px;margin-top:27px;font-size:12px}.contact-button span:last-child{font-size:21px}.contact-button:hover{background:#555550}
footer{position:relative;padding:55px 7vw 30px;display:grid;grid-template-columns:1fr 1.4fr;gap:37px}.footer-logo{font:400 26px var(--serif);letter-spacing:.18em}.footer-logo>span{display:block;font:400 8px var(--sans);letter-spacing:.12em;margin-top:10px}footer nav{display:flex;gap:25px;justify-content:flex-end;font-size:9px;align-items:center}footer>p{font-size:9px;color:var(--muted);line-height:2}footer>small{text-align:right;font-size:8px;color:var(--muted);align-self:end}.back-top{position:absolute;right:25px;top:-21px;width:40px;height:40px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center}
dialog{border:0;width:min(540px,calc(100vw - 32px));padding:45px;max-height:85dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#22252380;backdrop-filter:blur(3px)}.dialog-close{background:none;position:absolute;right:16px;top:12px;font-size:30px;font-weight:300}dialog h2{font-size:26px;margin:17px 0}dialog>p{font-size:12px}dialog form{display:grid;gap:20px;margin-top:25px}dialog label{font-size:12px;display:grid;gap:9px}dialog select,dialog textarea{width:100%;border:1px solid var(--line);padding:11px;font-size:13px;background:white;border-radius:0;color:var(--ink)}dialog .contact-button{margin-top:0}.form-result{font-size:12px;padding:14px;background:var(--stone)}
.opening{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--paper);animation:opening-end .35s ease-out .9s forwards}.opening>span{font:400 32px var(--serif);letter-spacing:.18em;animation:opening-in .6s ease-out both}.opening>p{font-size:8px;letter-spacing:.13em;margin-top:18px;animation:opening-in .6s ease-out .1s both}.opening>button{position:absolute;right:24px;bottom:24px;background:none;font-size:10px}.js .reveal{opacity:0;transform:translateY(15px);transition:opacity .7s ease-out,transform .7s ease-out}.js .reveal.is-visible{opacity:1;transform:none}@keyframes opening-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes opening-end{to{opacity:0;visibility:hidden}}
@media(min-width:1700px){.hero{max-width:1660px;margin-left:auto;margin-right:auto}.section{padding-left:max(7vw,calc((100vw - 1450px)/2));padding-right:max(7vw,calc((100vw - 1450px)/2))}}
@media(max-width:1120px){.header nav{gap:18px;font-size:9px}.logo{gap:13px}.logo-mark{font-size:22px}.logo-text{padding-left:13px;font-size:22px}.logo-text small{font-size:6px}.nav-contact{padding:15px;gap:17px}.hero{grid-template-columns:36% 64%;min-height:570px}.hero-image{height:570px}.hero-copy{padding:50px 3vw 30px}.hero-copy h1{font-size:30px}.hero-note{font-size:10px}.hero-copy .eyebrow{font-size:7px}.hero-copy .text-link{font-size:10px;gap:20px}.hero-foot{font-size:6px;letter-spacing:.1em}.project-image{height:300px}.collection-grid{gap:30px}.philosophy{gap:40px 8%}.philosophy h2{font-size:29px}.principles{gap:27px}.principles h3{font-size:16px}.wide-film{height:440px}.material-story{gap:9%}.material-copy h2{font-size:27px}.people{gap:8%}.people-photo img{height:350px}.people-copy h2{font-size:28px}footer nav{gap:14px;font-size:8px}}
@media(max-width:760px){html{scroll-padding-top:82px}.header,.header.scrolled{height:72px;padding:0 23px}.logo-mark{font-size:22px}.logo-text{font-size:20px}.logo-text small{font-size:5px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 24px 28px;border-top:1px solid var(--line);box-shadow:0 10px 20px #22252314;font-size:12px}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav>a{padding:16px 0}.nav-contact{margin-top:13px;justify-content:space-between;font-size:12px}.menu-toggle{display:block;position:relative;background:none;width:45px;height:45px;padding:0}.menu-toggle>span{position:absolute;bottom:0;right:0;font:400 8px var(--sans)}.menu-toggle i{position:absolute;right:0;top:9px;width:26px;height:1px;background:var(--ink);transition:transform .2s ease-out}.menu-toggle i:last-child{top:17px}.menu-toggle[aria-expanded=true] i{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{margin:72px 12px 0;display:flex;flex-direction:column;min-height:0}.hero-copy{padding:31px 20px 28px;position:relative}.hero-copy .eyebrow{font-size:7px}.hero-copy h1{font-size:29px;line-height:1.85;margin:16px 0 15px;letter-spacing:.07em}.hero-note{font-size:10px;line-height:2}.hero-copy .text-link{margin-top:23px;font-size:10px;max-width:100%;padding-bottom:10px;gap:20px}.hero-foot{display:none}.hero-image{height:340px}.hero-image img{object-position:53% center}.hero-image figcaption{bottom:20px;right:18px;font-size:10px}.hero-image figcaption span{font-size:7px}.hero-under{margin:0 12px;padding:18px 12px;font-size:8px}.hero-under a{font-size:7px;gap:15px;letter-spacing:.07em}.hero-under a span{font-size:17px}.section{padding:62px 24px}.eyebrow{font-size:8px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:27px;margin-top:8px}.section-heading>p{font-size:10px;margin-top:20px}.section-heading small{font-size:8px;margin-top:6px}.collection-grid{grid-template-columns:1fr;gap:34px}.project-image{height:278px}.image-link{right:14px;bottom:14px;width:32px;height:32px;font-size:18px}.project-heading{gap:22px;margin:19px 0 15px}.project-heading h3{font-size:21px}.project-heading p{font-size:7px;margin-top:5px}.project summary{font-size:10px;padding:13px 0}.project details p{font-size:11px}.philosophy{display:block;padding-top:55px;padding-bottom:55px}.philosophy h2{font-size:27px;margin-top:18px;letter-spacing:.045em}.philosophy-copy{padding-top:20px}.philosophy-copy p{font-size:11px;line-height:2.3;margin-bottom:17px}.principles{display:block;margin-top:26px;padding-top:7px}.principles article{padding-top:23px}.principles article>span{font-size:7px}.principles h3{font-size:18px;margin:9px 0}.principles p{font-size:11px;max-width:none}.film-section{padding-bottom:23px}.film-heading{display:block;margin-bottom:26px}.film-heading h2{font-size:26px;margin-top:10px}.film-heading>p{font-size:10px;margin-top:18px}.film-heading small{font-size:8px}.wide-film{height:250px}.video-toggle{bottom:12px;right:12px;font-size:9px;padding:9px 12px;gap:17px}.film-caption,.detail-figure figcaption{font-size:7px;letter-spacing:.05em;margin-top:13px}.material-story{display:flex;flex-direction:column;gap:29px;padding-top:32px}.material-copy{width:100%}.material-copy h2{font-size:26px;margin:16px 0 18px}.material-copy>p:not(.eyebrow){font-size:11px;margin-top:16px}.detail-figure{width:100%}.detail-film{height:260px}.people{display:flex;flex-direction:column;gap:35px;padding-top:55px;padding-bottom:48px}.people-photo{width:100%}.people-photo img{height:295px}.people-photo figcaption{font-size:8px;margin-top:11px}.people-copy{width:100%}.people-copy h2{font-size:27px;margin:17px 0 21px}.people-copy>p:not(.eyebrow){font-size:11px}.people-copy .text-link{font-size:10px;max-width:none;margin-top:24px}.flow{padding-top:15px}.flow .section-heading h2{font-size:27px}.flow .section-heading>p{font-size:10px}.flow-list summary{gap:20px;padding:21px 0}.step{font-size:21px;width:22px}.flow-name{display:block;font-size:16px}.flow-name small{display:block;margin-top:7px;font-size:7px}.plus{font-size:20px}.flow-list details p{font-size:11px;padding:0 0 22px 42px}.contact-section{padding:48px 24px;display:block}.contact-section h2{font-size:28px;margin-top:13px}.contact-section>div>p:not(.eyebrow){font-size:11px;margin-top:22px}.contact-button{font-size:11px;padding:19px 23px;margin-top:24px}footer{display:block;padding:41px 24px 27px}.footer-logo{font-size:25px}.footer-logo>span{font-size:7px;margin-top:10px}footer nav{justify-content:flex-start;flex-wrap:wrap;gap:15px;margin-top:29px;font-size:9px}footer>p{font-size:8px;margin-top:27px;line-height:2.2}footer>small{display:block;text-align:left;font-size:8px;margin-top:25px}.back-top{right:23px}dialog{padding:35px 25px}dialog h2{font-size:24px}dialog select,dialog textarea{font-size:16px}.opening>span{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}[data-parallax]{transform:none!important}}