:root{--paper:#f4f3ed;--paper-2:#ebe9df;--ink:#242823;--muted:#64685f;--forest:#20382f;--gold:#ad8850;--line:rgba(36,40,35,.2);--serif:"Noto Serif JP",YuMincho,"Yu Mincho",serif;--sans:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;--pad:clamp(24px,5vw,82px);--header:78px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;font-weight:300;line-height:1.9;letter-spacing:.06em}body.is-locked{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-160%);background:#fff;padding:8px 14px}.skip-link:focus{transform:none}.site-header{height:var(--header);padding:0 var(--pad);display:grid;grid-template-columns:1fr auto auto;gap:clamp(30px,4vw,68px);align-items:center;position:relative;z-index:50;background:rgba(244,243,237,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font-family:var(--serif);font-size:clamp(23px,2vw,31px);font-weight:500;letter-spacing:.16em}.desktop-nav{display:flex;gap:clamp(22px,3vw,48px);font-size:12px;letter-spacing:.12em}.desktop-nav a,.site-footer nav a{position:relative}.desktop-nav a::after,.site-footer nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .35s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.site-footer nav a:hover::after,.site-footer nav a:focus-visible::after{right:0}.header-cta{height:var(--header);margin-right:calc(var(--pad)*-1);padding:0 clamp(28px,4vw,60px);border:0;background:var(--gold);color:#fff;font-size:12px;letter-spacing:.15em;cursor:pointer}.menu-toggle,.mobile-menu{display:none}.hero{min-height:calc(100svh - var(--header));display:grid;grid-template-columns:minmax(330px,38%) 1fr;position:relative;overflow:hidden}.hero-copy{padding:clamp(70px,11vh,130px) var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1,.section-head h2,.intro h2,.materials h2,.case h2,.contact-band h2,.contact-modal h2{font-family:var(--serif);font-weight:400;letter-spacing:.1em;line-height:1.55;margin:0}.hero h1{font-size:clamp(40px,4.4vw,72px)}.hero-copy>p{margin:30px 0 38px;color:var(--muted);font-size:14px}.button{min-height:52px;border:1px solid transparent;padding:14px 30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;letter-spacing:.12em;font-size:13px;transition:background .3s,color .3s,border-color .3s}.button--gold{background:var(--gold);color:#fff}.button--gold:hover,.button--gold:focus-visible{background:#8d6c3e}.text-link{margin:16px 0 0;padding:0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted);font-size:12px;cursor:pointer}.hero-media{min-height:620px;overflow:hidden}.hero-media img{animation:hero-in 1.8s var(--ease) both}.scroll-cue{position:absolute;bottom:0;left:calc(38% - 1px);height:120px;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.scroll-cue i{width:1px;height:65px;background:var(--ink);display:block;animation:scroll-line 2s infinite}.section-pad{padding:clamp(100px,13vw,190px) var(--pad)}.section-index{margin:0 0 30px;color:var(--gold);font-size:10px;font-weight:500;letter-spacing:.22em}.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr);gap:clamp(60px,10vw,160px);align-items:center}.intro-image{aspect-ratio:4/3}.intro h2,.section-head h2,.materials h2{font-size:clamp(34px,4vw,58px)}.intro-copy>p:not(.section-index),.materials-copy>p:not(.section-index){margin:34px 0;color:var(--muted);max-width:31em}.line-link{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.line-link span{font-size:20px}.space{padding-top:30px;background:#eeece3}.section-head{display:grid;grid-template-columns:1fr minmax(280px,.6fr);gap:60px;align-items:end;margin-bottom:70px}.section-head>p{margin:0;color:var(--muted);max-width:34em}.space-hero{aspect-ratio:16/7;overflow:hidden}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,50px);margin-top:52px}.space-card img{aspect-ratio:4/3}.space-card h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:24px 0 8px}.space-card p{font-size:13px;color:var(--muted);margin:0}.materials{display:grid;grid-template-columns:minmax(270px,.58fr) 1.42fr;gap:clamp(60px,9vw,140px);align-items:center}.material-swatches{display:grid}.material-swatches>img{aspect-ratio:4/3}.material-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;font-family:var(--serif);font-size:12px}.material-labels span{padding-left:3px}.case{display:grid;grid-template-columns:minmax(320px,34%) 1fr;min-height:760px}.case-copy{background:var(--paper);padding:clamp(70px,8vw,130px) var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.case h2{font-size:clamp(38px,4vw,62px)}.case-copy>p:not(.section-index){color:var(--muted);margin:28px 0}.case dl{width:100%;margin:10px 0 45px;border-top:1px solid var(--line);font-size:12px}.case dl div{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-bottom:1px solid var(--line)}.case dt{color:var(--muted)}.case dd{margin:0}.case-slider{position:relative;overflow:hidden;background:#d9d7ce}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s var(--ease);pointer-events:none}.slide.is-active{opacity:1;pointer-events:auto}.slider-controls{display:flex;align-items:center;gap:18px}.slider-controls button{width:46px;height:46px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer}.slider-controls svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.slider-count{font-family:var(--serif);font-size:12px;min-width:48px;text-align:center}.contact-band{background:var(--forest);color:#f6f4ec;padding:clamp(70px,9vw,130px) var(--pad);display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-band p{font-size:11px;letter-spacing:.18em;margin:0 0 20px;color:#c7cec7}.contact-band h2{font-size:clamp(27px,3.2vw,48px)}.contact-band .button{min-width:220px}.site-footer{padding:55px var(--pad) 25px;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:start}.site-footer nav{display:flex;gap:32px;font-size:11px}.site-footer p{margin:0;color:var(--muted);font-size:11px}.site-footer small{color:var(--muted);font-size:10px;text-align:right}.contact-modal{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:clamp(36px,6vw,70px);border:0;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.25)}.contact-modal::backdrop{background:rgba(20,27,23,.72);backdrop-filter:blur(5px)}.contact-modal h2{font-size:clamp(27px,4vw,40px)}.contact-modal>p:not(.section-index){color:var(--muted);font-size:13px}.contact-modal form{display:grid;gap:18px;margin-top:30px}.contact-modal label{display:grid;gap:7px;font-size:12px}.contact-modal input,.contact-modal textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:11px;color:var(--ink)}.modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.modal-close span{position:absolute;left:10px;right:10px;top:21px;height:1px;background:var(--ink);transform:rotate(45deg)}.modal-close span+span{transform:rotate(-45deg)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@keyframes hero-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:900px){:root{--header:66px}.site-header{grid-template-columns:1fr auto;padding-right:20px}.desktop-nav,.header-cta{display:none}.menu-toggle{width:46px;height:46px;padding:0;border:0;background:transparent;display:grid;place-content:center;gap:7px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:block;position:fixed;inset:var(--header) 0 0;background:var(--paper);padding:45px var(--pad);overflow:auto}.mobile-menu[hidden]{display:none}.mobile-menu nav{display:grid}.mobile-menu a{font-family:var(--serif);font-size:22px;padding:17px 0;border-bottom:1px solid var(--line)}.mobile-menu .button{margin-top:30px}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{min-height:53svh;padding-top:58px;padding-bottom:58px}.hero h1{font-size:clamp(38px,10vw,55px)}.hero-copy>p{margin:22px 0 28px}.hero-media{min-height:0;aspect-ratio:4/3}.scroll-cue{display:none}.intro,.materials{grid-template-columns:1fr}.intro-image{order:2}.intro-copy{order:1}.section-head{grid-template-columns:1fr;margin-bottom:42px}.space-hero{aspect-ratio:4/3}.space-grid{grid-template-columns:1fr 1fr}.space-card:last-child{grid-column:1/-1;width:50%;margin-left:auto}.materials{gap:60px}.case{grid-template-columns:1fr;min-height:0}.case-slider{aspect-ratio:4/3}.contact-band{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer small{text-align:left}}
@media(max-width:560px){body{font-size:15px}.section-pad{padding-top:92px;padding-bottom:92px}.hero-copy{min-height:480px}.space-grid{grid-template-columns:1fr}.space-card:last-child{grid-column:auto;width:100%}.material-labels{font-size:10px}.case-copy{padding-top:80px;padding-bottom:70px}.contact-band .button{width:100%}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.site-footer p{grid-row:auto}.contact-modal{padding-top:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}