:root{--paper:#f7f6f0;--ink:#28332c;--green:#23332e;--accent:#2cb4b7;--sub:#626b61;--line:#d6d9cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}img{display:block;width:100%;height:auto}figure{margin:0}p{margin:0 0 1.4em}.skip{position:fixed;top:-100px;left:12px;padding:15px;background:white;color:var(--ink);z-index:20}.skip:focus{top:12px}.hero{position:relative;isolation:isolate;min-height:740px;height:100svh;background:var(--green);color:white;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-fit:cover;object-position:center}.hero-shade{z-index:-1;background:linear-gradient(180deg,rgba(9,23,17,.4),transparent 30%,rgba(9,23,17,.18) 74%,rgba(9,23,17,.55)),linear-gradient(90deg,transparent 30%,rgba(8,20,15,.34))}.header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 5%}.brand{display:block;width:155px}.brand img,.footer-brand img{filter:brightness(0) invert(1)}nav{display:flex;gap:38px;font-size:14px;letter-spacing:.08em}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover{border-color:#ffffff80}.hero-title{position:absolute;top:25%;right:15%;display:flex;flex-direction:row-reverse;gap:36px;align-items:start}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.19em;line-height:1.8}.hero-title .eyebrow{writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;margin:9px 0 0;opacity:.84}h1,h2,.craft-word{font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:400}h1{margin:0;display:flex;flex-direction:row-reverse;gap:34px;font-size:clamp(29px,2.65vw,45px);line-height:1.75;letter-spacing:.16em;text-shadow:0 1px 10px #13231d80}h1 span{writing-mode:vertical-rl}h1 span:last-child{padding-top:2.7em}.hero-bottom{position:absolute;left:5%;right:5%;bottom:36px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.15em}.hero-bottom>a{display:flex;align-items:center;gap:24px;font:11px Arial,sans-serif;letter-spacing:.08em}.scroll-line{display:block;width:1px;height:50px;background:#ffffff55;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-50%;left:0;height:50%;width:1px;background:white;animation:scroll-light 2.8s ease-in-out infinite}@keyframes scroll-light{to{transform:translateY(300%)}}.introduction{max-width:1500px;margin:auto;padding:135px 9% 145px;display:grid;grid-template-columns:27% 73%}.intro-label{padding-top:15px;display:flex;flex-direction:column;gap:19px}.intro-label .eyebrow{color:var(--sub)}.small-jp{font-size:13px;letter-spacing:.13em}h2{font-size:clamp(30px,3vw,47px);line-height:1.9;letter-spacing:.08em;margin:0 0 40px}.intro-copy{margin-left:18%;font-size:16px;line-height:2.5;letter-spacing:.06em;display:flex;gap:48px}.intro-copy p{margin:0}.living{display:grid;grid-template-columns:48% 52%;align-items:center;max-width:1600px;margin:0 auto 150px;padding:0 7% 0 0}.living-photo{overflow:hidden}.living-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center 57%}.living-copy{padding:30px 0 30px 15%}.living-copy>.eyebrow,.craft-copy>.eyebrow{color:var(--sub);display:block;margin-bottom:25px}.living h2{font-size:clamp(33px,3.3vw,54px);line-height:1.8}.living-copy>p,.craft-copy>p{font-size:16px;line-height:2.4;letter-spacing:.025em}.materials{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:42px}.materials>span{font-size:18px;letter-spacing:.12em;min-width:80px}.materials small{display:block;font:11px Georgia,serif;font-style:italic;letter-spacing:.08em;color:var(--sub);margin-top:12px}.craft{padding:0 0 145px 9%;display:grid;grid-template-columns:43% 57%;align-items:center;max-width:1700px;margin:auto}.craft-copy{padding-right:35px}.craft h2{font-size:clamp(27px,2.65vw,44px)}.craft-word{font-size:16px;letter-spacing:.19em;display:block;margin-top:70px;color:var(--sub)}.craft-photo{overflow:hidden}.craft-photo img{aspect-ratio:5/4;object-fit:cover;object-position:50% 55%}.info{padding:65px 9% 85px;background:#e9eee7}.info-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px;padding-top:18px;border-top:1px solid #99aaa0}.info-top .eyebrow{color:var(--sub)}.info-body{display:grid;grid-template-columns:54% 46%;align-items:end;gap:25px}.info h2{margin:0;font-size:clamp(33px,3.5vw,54px)}.info-detail{padding-bottom:8px}.info-detail>p:first-child{font-size:14px;letter-spacing:.05em;margin:0 0 22px}.pending{font-size:20px;letter-spacing:.09em;margin:0 0 16px}.contact-button{display:block;border:0;background:none;color:inherit;padding:0;font-family:inherit;cursor:pointer;text-align:left}.contact-button span{display:inline-block;color:var(--accent);margin-left:.55em;transition:transform .3s ease}.contact-button:hover span{transform:translate(4px,-4px)}.contact-button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.demo-note{font-size:12px;color:var(--sub)}footer{background:var(--green);color:#eff2eb;padding:60px 6% 28px;border-top:3px solid var(--accent)}.footer-brand{display:block;width:170px;margin:0 auto 36px}.image-note{text-align:center;font-size:12px;line-height:1.9;letter-spacing:.025em;color:#bdc9be;margin:0 auto 42px;max-width:650px}.footer-bottom{padding-top:24px;border-top:1px solid #ffffff26;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px Arial,sans-serif;letter-spacing:.07em}.footer-bottom a{font-size:12px}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity 1.3s,transform 1.3s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;transform:none}.motion .hero-photo{animation:light-arrives 2.4s ease-out both}.motion h1{animation:words-arrive 1.7s .25s both}@keyframes light-arrives{from{transform:scale(1.045);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes words-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero-title{right:20%}.info{padding-left:max(9%,calc((100vw - 1400px)/2));padding-right:max(9%,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){.hero-title{right:12%;top:24%}.introduction{padding:100px 7%;grid-template-columns:24% 76%}.intro-copy{display:block;margin-left:15%;font-size:16px}.intro-copy p+p{margin-top:25px}.living{grid-template-columns:47% 53%;padding-right:5%;margin-bottom:105px}.living-copy{padding-left:12%}.living-copy>p br{display:none}.materials{gap:20px}.materials>span{min-width:60px}.craft{padding-left:7%;padding-bottom:105px;grid-template-columns:46% 54%}.craft h2{font-size:2.75vw;letter-spacing:.04em}.craft-copy{padding-right:20px}.info{padding-left:7%;padding-right:7%}.info-body{grid-template-columns:1fr 1fr}.pending{font-size:18px}}
@media(max-width:600px){.hero{height:94svh;min-height:650px;max-height:900px}.header{padding:24px 6%;gap:20px}.brand{width:120px}nav{gap:20px;font-size:12px;letter-spacing:0}.hero-photo{object-position:43% center}.hero-shade{background:linear-gradient(180deg,#0b1a1555,transparent 24%,#0b1a1540 75%,#0b1a1580),linear-gradient(90deg,transparent 15%,#0b1a1540)}.hero-title{top:25%;right:11%;gap:18px}h1{font-size:28px;gap:20px;letter-spacing:.1em;line-height:1.5}h1 span:last-child{padding-top:2em}.hero-title .eyebrow{font-size:9px;letter-spacing:.17em}.hero-bottom{left:6%;right:6%;bottom:25px;font-size:10px;letter-spacing:.05em}.hero-bottom>a{font-size:10px;gap:12px}.scroll-line{height:38px}.introduction{display:block;padding:70px 8% 78px}.intro-label{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:0;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:.13em}.small-jp{font-size:11px;letter-spacing:.04em}h2{font-size:26px;letter-spacing:.035em;line-height:1.85;margin-bottom:30px}.intro-copy{font-size:16px;line-height:2.25;margin-left:7%;letter-spacing:.015em}.living{display:block;padding:0;margin-bottom:80px}.living-photo{width:87%;margin-left:0}.living-photo img{aspect-ratio:4/5}.living-copy{padding:42px 8% 0}.living-copy>.eyebrow,.craft-copy>.eyebrow{margin-bottom:19px}.living h2{font-size:31px;line-height:1.8}.living-copy>p{font-size:16px;line-height:2.2}.materials{justify-content:space-between;gap:20px;margin-top:30px;padding-top:25px}.materials>span{font-size:17px}.materials small{font-size:11px}.craft{display:flex;flex-direction:column-reverse;padding:0 0 75px}.craft-photo{width:90%;align-self:flex-end}.craft-photo img{aspect-ratio:6/5;object-position:center}.craft-copy{padding:40px 8% 0;width:100%}.craft h2{font-size:25px;letter-spacing:.025em;line-height:1.85}.craft-copy>p{font-size:16px;line-height:2.2}.craft-word{margin-top:35px;font-size:15px}.info{padding:45px 8% 60px}.info-top{margin-bottom:35px;padding-top:15px}.info-body{display:block}.info h2{font-size:31px;line-height:1.8}.info-detail{padding:33px 0 0}.info-detail>p:first-child{font-size:13px}.pending{font-size:18px}.demo-note{font-size:11px}footer{padding:45px 8% 25px}.footer-brand{width:145px;margin-bottom:30px}.image-note{font-size:11px;line-height:2;margin-bottom:30px}.footer-bottom{flex-wrap:wrap;font-size:10px}.footer-bottom>span:nth-child(2){display:none}}
.info-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}