@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Shippori+Mincho:wght@400;500;600&display=swap');
:root{--paper:#f2f0e9;--ink:#26372d;--muted:#687267;--line:#cbd0c5;--serif:'Shippori Mincho','Yu Mincho',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/2 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bf753f;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.demo{background:#26372d;color:#e7e8de;text-align:center;font-size:10px;letter-spacing:.1em;padding:8px 14px}.demo a{border-bottom:1px solid #a6b6a8;margin-left:20px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.brand{display:flex;gap:15px;align-items:center}.symbol{font:42px/1 var(--serif)}.brand small{font-size:9px;letter-spacing:.28em;display:block}.brand b{font-size:12px;letter-spacing:.32em;font-weight:400}.nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav .navcta{border:1px solid var(--ink);padding:10px 20px}.menu{display:none;background:none;border:0;padding:10px}.hero{position:relative;height:calc(100svh - 133px);min-height:580px;max-height:1000px;color:white;overflow:hidden}.hero img{position:absolute;inset:0;object-position:center 60%;animation:arrival 1.6s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,16,.48),transparent 75%),linear-gradient(0deg,rgba(8,22,16,.4),transparent 40%)}.hero-copy{position:absolute;z-index:1;top:21%;left:8%}.eyebrow{font:10px/1.6 var(--sans);letter-spacing:.23em;text-transform:uppercase}.hero h1{font:500 clamp(42px,4.8vw,76px)/1.55 var(--serif);letter-spacing:.14em;margin:24px 0}.hero-copy p:last-child{font-size:13px;letter-spacing:.16em;line-height:2.2}.hero-bottom{position:absolute;z-index:2;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:.13em}.hero-bottom a{border-bottom:1px solid #ffffff80;padding-bottom:12px}.wrap{width:86%;max-width:1240px;margin:auto}.intro{padding:140px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.section-title{font:500 clamp(28px,3vw,44px)/1.75 var(--serif);letter-spacing:.1em;margin:16px 0 28px}.intro .prose{max-width:560px;padding-top:30px}.prose p{margin:0 0 24px;line-height:2.5}.textlink{display:inline-flex;gap:50px;align-items:center;border-bottom:1px solid var(--ink);padding:14px 0;font-size:12px;transition:gap .3s}.textlink:hover{gap:65px}.split-image{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center;padding-bottom:140px}.imageframe{height:630px;overflow:hidden}.caption{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:12px}.vertical-note{font:18px/2.3 var(--serif);letter-spacing:.18em;margin:30px 0}.works{padding:110px 0;background:#e5e7de}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head p{max-width:330px;font-size:12px;color:var(--muted)}.workgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:6%}.workgrid article:nth-child(2){padding-top:130px}.workphoto{height:420px;overflow:hidden;position:relative}.workphoto img{transition:transform .7s}.workphoto:hover img{transform:scale(1.035)}.workgrid article:nth-child(2) .workphoto{height:330px}.workmeta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-bottom:1px solid #aeb8a9;padding-bottom:18px}.workmeta h3{font:25px/1.6 var(--serif);margin:8px 0}.workmeta small{font-size:9px;letter-spacing:.12em}.round{display:grid;place-items:center;border:1px solid #a0ae9e;width:44px;height:44px;border-radius:50%}.experience{padding:130px 0}.experience .section-head{align-items:center}.scene{height:660px;position:relative;overflow:hidden;background:#243429}.scene img{position:absolute;inset:0}.scene .day{opacity:1;transition:opacity .8s}.scene.is-night .day{opacity:0}.scene-label{position:absolute;left:35px;bottom:30px;color:white;background:#1e3027c9;padding:10px 18px;font-size:12px}.tabs{display:flex;gap:8px}.tabs button{cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 25px}.tabs button[aria-pressed=true]{background:var(--ink);color:white}.craft{background:#26372d;color:#f2f0e9;padding:110px 0}.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.craft-image{height:580px}.craft .eyebrow{color:#bcc6b3}.craft .prose{margin-top:35px}.craft-list{padding:0;list-style:none;margin:40px 0 0}.craft-list li{padding:20px 0;border-top:1px solid #61705f;display:flex;gap:26px}.craft-list span{font:12px var(--serif);color:#b7c5ac}.craft-list b{font-weight:400;font-family:var(--serif);font-size:18px}.process{padding:120px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.steps article{border-top:1px solid var(--ink);padding-top:20px}.steps small{font-size:11px;letter-spacing:.13em}.steps h3{font:24px var(--serif);margin:22px 0}.steps p{font-size:13px;color:var(--muted)}.studio{padding:100px 0;background:#dedfd3}.studio-top{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.studio h2{font:500 clamp(30px,3.6vw,52px)/1.65 var(--serif);margin:20px 0}.studio p{line-height:2.2}.studio .brief{font-size:12px;color:#53614f}.pill{display:inline-block;border:1px solid #8e9b88;padding:4px 12px;font-size:10px;letter-spacing:.12em}.cta{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;padding:25px 30px;margin-top:30px;transition:background .2s;font-size:14px}.cta:hover{background:#405640}.lead-form{margin-top:30px;border:1px solid #aab29f;padding:26px 28px;background:#f2f0e9}.lead-form-label{font-size:12px;letter-spacing:.08em;margin:0 0 14px;color:var(--muted)}.lead-toggle{display:flex;gap:10px;flex-wrap:wrap}.lead-toggle button{cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 20px;font-size:12px}.lead-toggle button[aria-pressed=true]{background:var(--ink);color:white}.lead-field{margin-top:18px}.lead-field label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.lead-field input{width:100%;border:1px solid #aab29f;background:white;padding:12px 14px;font:14px var(--sans);color:var(--ink)}.lead-scope{font-size:12px;line-height:2;color:#52604b;margin:20px 0 0}.lead-scope b{color:var(--ink);font-weight:600}.lead-form .cta{margin-top:22px}.faq{margin-top:55px;border-top:1px solid #aab29f}.faq details{border-bottom:1px solid #aab29f;padding:20px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+'}.faq details[open] summary:after{content:'−'}.faq p{max-width:800px;color:#52604b;font-size:13px}.footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{font-size:10px;color:var(--muted)}.reveal{transition:opacity .8s,transform .8s}.js .reveal.pending{opacity:0;transform:translateY(24px)}.detail-hero{padding:80px 0 45px}.detail-hero h1{font:500 clamp(36px,5vw,64px)/1.5 var(--serif);letter-spacing:.08em;margin:22px 0}.detail-cover{height:650px}.detail-body{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:90px 0}.spec{border-top:1px solid var(--line);font-size:12px}.spec div{padding:16px 0;border-bottom:1px solid var(--line)}.spec dt{color:var(--muted)}.spec dd{margin:4px 0 0}.gallery{padding-bottom:90px}.gallery figure{margin:0 0 65px}.gallery img{max-height:760px}.gallery figcaption{margin-top:15px;font-size:12px;color:var(--muted)}.detail-return{padding:40px 0 90px}.mobile-cta{display:none}@keyframes arrival{from{transform:scale(1.045)}to{transform:scale(1)}}@media(min-width:1600px){.hero-copy{left:12%}}@media(max-width:900px){.nav{gap:18px}.nav a{font-size:11px}.intro{gap:5%}.imageframe{height:470px}.scene{height:480px}.craft-image{height:500px}.workphoto{height:330px}.workgrid article:nth-child(2) .workphoto{height:280px}}@media(max-width:680px){.demo{font-size:9px;padding:7px 8px}.demo a{margin-left:8px}.header{height:76px;padding:0 6%}.symbol{font-size:35px}.menu{display:block;font-size:11px;letter-spacing:.1em}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:24px 7% 35px;border-bottom:1px solid var(--line)}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.nav a{font-size:13px}.hero{min-height:600px;height:calc(100svh - 107px);max-height:850px}.hero img{object-position:61% center}.hero-copy{top:16%;left:8%}.hero h1{font-size:40px;letter-spacing:.1em}.hero-copy p:last-child{font-size:11px}.hero-bottom{left:8%;right:8%;bottom:25px}.hero-bottom>span{max-width:145px;font-size:9px}.wrap{width:85%}.intro{padding:80px 0 55px;display:block}.intro .prose{padding-top:0}.section-title{font-size:29px}.split-image{display:flex;flex-direction:column;gap:25px;padding-bottom:75px;align-items:stretch}.imageframe{height:430px}.vertical-note{font-size:18px;margin:20px 0}.works{padding:70px 0}.section-head{display:block;margin-bottom:30px}.section-head p{max-width:none}.workgrid{display:block}.workgrid article:nth-child(2){padding-top:45px}.workphoto,.workgrid article:nth-child(2) .workphoto{height:300px}.workmeta h3{font-size:24px}.experience{padding:75px 0}.tabs{margin-top:24px}.scene{height:410px}.scene img{object-position:60% center}.scene-label{left:15px;bottom:15px;font-size:10px}.craft{padding:75px 0}.craft-grid{display:flex;flex-direction:column-reverse;gap:35px;align-items:stretch}.craft-image{height:420px}.process{padding:75px 0}.steps{display:block;margin-top:35px}.steps article{margin-bottom:30px}.steps h3{font-size:23px;margin:15px 0}.studio{padding:70px 0}.studio-top{display:block}.studio h2{font-size:34px}.studio-top>div+div{margin-top:30px}.cta{font-size:12px;padding:22px}.footer{padding:35px 7% 90px;align-items:start;flex-direction:column}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#26372df5;color:white;padding:16px 7% calc(16px + env(safe-area-inset-bottom));justify-content:space-between;font-size:12px}.detail-hero{padding-top:45px}.detail-cover{height:420px}.detail-body{display:block;padding:50px 0}.detail-body .prose{margin-top:45px}.gallery{padding-bottom:25px}.gallery img{height:400px}.detail-return{padding-bottom:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal.pending{opacity:1;transform:none}}
@media(max-width:680px){.hero-bottom{bottom:85px;align-items:center;gap:18px}.hero-bottom>span{max-width:135px;font-size:8px}.hero-bottom a{font-size:9px}}