:root{--ink:#45483c;--muted:#858d74;--gold:#ac8b49;--paper:#fffefa;--rail:222px;--serif:'Shippori Mincho','Yu Mincho',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:400;line-height:2}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;width:100%}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #8b9f77;outline-offset:6px}.svg-defs{position:absolute;width:0;height:0;pointer-events:none}.rail{position:absolute;top:0;left:0;width:var(--rail);padding:44px 30px 35px;text-align:center;z-index:3}.brand{display:flex;align-items:center;flex-direction:column}.brand svg{width:75px;height:50px;margin-bottom:8px}.brand strong{font-size:23px;font-weight:500;letter-spacing:.08em;white-space:nowrap}.brand>span{font-size:11px;letter-spacing:.21em;color:#8a8978;margin-top:7px}.rail nav{margin:45px 0 33px;display:flex;flex-direction:column;gap:22px}.rail nav a{font-size:13px;letter-spacing:.06em}.rail nav small{display:block;font-family:Georgia,serif;color:#8d957a;font-size:12px;font-style:italic;line-height:1.7}.rail nav a:hover,.text-link:hover{color:#a58340}.rail-contact{display:block;border-block:1px solid #d9dbce;font-size:12px;letter-spacing:.08em;padding:15px 0}.rail-contact span{padding-left:6px}.rail-note{font-size:10px;letter-spacing:.08em;color:#858777;line-height:2.2;margin-top:24px}.menu-toggle{display:none}main{margin-left:var(--rail);overflow:hidden}.content{max-width:1000px;width:calc(100% - 104px);margin-inline:auto}.eyebrow{font-family:Georgia,serif;font-size:16px;letter-spacing:.05em;font-style:italic;color:var(--muted);line-height:1.5;margin-bottom:13px}h2{font-size:34px;line-height:1.9;letter-spacing:.13em}h3{font-size:25px;line-height:1.9;letter-spacing:.09em}p{font-size:15px;letter-spacing:.045em;line-height:2.5}.hero{position:relative;padding-top:60px;padding-bottom:75px;background:radial-gradient(ellipse at 72% 5%,#eaf0de88,transparent 50%),radial-gradient(ellipse at 10% 30%,#fff3cf88,transparent 55%)}.page-heading{margin:0 0 22px 68px}.page-heading h1{font-size:28px;letter-spacing:.15em}.hero-photo{height:600px;clip-path:url(#hero-wave);position:relative}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000 40%,#2a291a28)}.hero-photo img{height:100%;object-fit:cover;object-position:50% 50%}.hero-phrase{position:absolute;top:280px;right:85px;writing-mode:vertical-rl;text-orientation:upright;color:white;font-size:32px;letter-spacing:.28em;line-height:1.8;text-shadow:0 1px 10px #2c231773}.chapter-nav{display:flex;justify-content:flex-end;gap:19px;margin:-4px 55px 0 0;position:relative}.chapter-nav a{padding:11px 23px;font-size:13px;letter-spacing:.05em;background:#e6eadc;border-radius:52% 43% 49% 45%/48% 55% 42% 48%;min-width:180px;text-align:center}.chapter-nav a:nth-child(2){background:#f4ead3}.chapter-nav a:nth-child(3){background:#e5ece6}.chapter-nav span{font:italic 18px Georgia,serif;margin-right:10px;color:#78856b}.intro{padding:70px 0 125px}.intro-title{text-align:center}.intro-title .eyebrow{font-size:14px}.intro h2{font-size:38px;line-height:1.7}.intro-body{display:flex;align-items:center;gap:64px;margin-top:42px;padding-inline:15px}.notes-illustration{width:49%;flex-shrink:0}.notes-illustration img{height:300px;object-fit:contain}.ink{filter:saturate(.58);mix-blend-mode:multiply}.notes-illustration figcaption{text-align:center;font-size:12px;letter-spacing:.12em;color:#8b8c7a;margin-top:10px}.intro-copy p{font-size:14px;line-height:2.4;margin-bottom:18px}.story-main{display:flex;align-items:flex-start;gap:30px}.vertical-title{width:135px;flex-shrink:0;display:flex;flex-direction:row-reverse;justify-content:center;gap:20px;padding-top:15px}.vertical-title h2{writing-mode:vertical-rl;font-size:28px;letter-spacing:.2em;line-height:1.9;white-space:nowrap}.vertical-title .eyebrow{writing-mode:vertical-rl;white-space:nowrap;font-size:15px;letter-spacing:.12em;margin:0}.photo{flex:1;min-width:0}.photo>img{height:510px;object-fit:cover;border-radius:3px 75px 3px 3px}.photo figcaption{font-size:11px;letter-spacing:.1em;color:#8e9081;margin-top:13px;text-align:right}.living-copy{margin:65px 30px 0 165px;display:flex;gap:100px;align-items:center}.living-copy>div:first-child{flex:1}.living-copy h3{margin-bottom:24px}.living-copy p:not(.eyebrow){font-size:14px;margin-top:15px}.questions{width:220px;flex-shrink:0;transform:rotate(-2deg);align-self:center;padding-bottom:20px}.handnote{font-size:12px;letter-spacing:.08em;color:#a18c5a}.questions p{font-size:13px!important;padding:13px 0 8px;border-bottom:1px dashed #d3d8c5;line-height:2.1}.living{padding-bottom:100px}.wash-section{position:relative;isolation:isolate}.wash-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#fff6d2a3,#f7f8e9a6),url('assets/illustrations/wash.webp') center/cover;clip-path:polygon(0 4%,10% 5.5%,22% 5.7%,35% 4.3%,48% 1.7%,60% 0%,72% 0.8%,87% 3%,100% 3.6%,100% 94%,90% 95%,79% 97%,67% 99.3%,56% 100%,42% 98%,26% 95.5%,13% 94%,0 96%);border-radius:15% 9% 18% 7%/5% 5% 5% 5%}.craft{padding:140px 0 150px}.reverse{flex-direction:row-reverse}.reverse .vertical-title{flex-direction:row;gap:23px}.reverse .photo img{border-radius:65px 3px 3px 3px;height:490px}.craft-copy{display:flex;align-items:center;gap:85px;margin:70px 120px 0 50px}.craft-mark{width:225px;flex-shrink:0;text-align:center;padding:28px 10px;border-top:1px solid #d1d3bd;border-bottom:1px solid #d1d3bd}.craft-mark>span{font:italic 18px Georgia,serif;color:#949d7f}.craft-mark strong{display:block;font:50px Georgia,serif;letter-spacing:.06em;color:#8b9577;margin:12px 0 20px}.craft-mark p{font-size:13px;line-height:2.2}.prose h3{margin-bottom:25px}.prose p{font-size:14px;margin-top:15px}.small-note{border-top:1px solid #d4d6c3;padding-top:17px;color:#7d866d;font-size:12px!important;margin-top:25px!important}.after{padding:100px 0 95px}.after .photo>img{height:520px}.after-copy{margin:60px 20px 0 165px}.after .prose{max-width:650px}.care-note{display:flex;align-items:center;gap:50px;margin:70px 35px 0 150px;padding-top:42px;border-top:1px solid #e1e4d7}.care-note figure{width:250px;flex-shrink:0}.care-note img{height:230px;object-fit:contain}.care-note h3{font-size:22px}.care-note p:not(.eyebrow){font-size:13px;margin-top:13px}.care-note .eyebrow{font-size:13px}.season-line{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:25px 0 27px;position:relative}.season-line:before{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px dashed #cfd4c4;z-index:-1}.season-line span,.season-line strong{background:var(--paper);font-weight:400;padding:2px 8px;font-size:12px;position:relative;color:#9a9d8c}.season-line strong{border:1px solid #bf9e57;width:39px;height:39px;border-radius:50%;text-align:center;padding:4px;color:#9b783d}.season-line small{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:130px;font-size:10px;letter-spacing:.05em}.works{padding:130px 0 150px}.works:before{background:linear-gradient(#e9efe594,#f0f5eaa6),url('assets/illustrations/wash.webp') center/cover}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.section-heading h2{font-size:29px}.text-link{font-size:12px;border-bottom:1px solid #b9c3aa;padding:10px 0}.text-link span{margin-left:20px}.works-pair{display:flex;align-items:flex-start;gap:50px}.works-pair figure:first-child{width:56%}.works-pair figure:last-child{width:38%;margin-top:115px}.works-pair img{height:330px;object-fit:cover;border-radius:4px}.works-pair figure:last-child img{height:280px}.works-pair figcaption{font-size:14px;margin-top:19px;letter-spacing:.07em}.works-pair small{display:block;font-size:11px;color:#909881;margin-bottom:6px}.contact{padding-top:75px}.contact-heading{text-align:center;margin-bottom:58px}.contact-heading h2{font-size:29px}.contact-heading>p:last-child{font-size:13px;margin-top:15px}.contact-paths{display:flex;background:url('assets/illustrations/wash.webp') center/cover}.contact-paths>:is(a,button){width:33.333%;display:flex;align-items:center;justify-content:center;gap:6px;padding:35px 17px;min-height:245px;transition:background .2s}.contact-paths>:is(a,button):nth-child(1){background:#f9e7a861}.contact-paths>:is(a,button):nth-child(2){background:#dae9ef66}.contact-paths>:is(a,button):nth-child(3){background:#e2ebbd69}.contact-paths>:is(a,button):hover{background:#ffffff70}.contact-paths img{width:44%;height:160px;object-fit:contain}.contact-paths>:is(a,button)>div{min-width:115px}.contact-paths small{font:italic 13px Georgia,serif;letter-spacing:.03em}.contact-paths h3{font-size:22px;line-height:1.6;letter-spacing:.06em;margin:11px 0 17px}.round-arrow{display:flex;background:white;width:39px;height:39px;border-radius:50%;align-items:center;justify-content:center;font-family:serif;font-size:20px}footer{padding:65px 60px 28px;text-align:center;background:#f7f8f0}footer .footer-brand{display:block;font-size:24px;letter-spacing:.12em}footer .footer-brand span{display:block;font-size:11px;letter-spacing:.16em;margin-top:10px}footer>div{display:flex;justify-content:center;gap:33px;margin:30px 0;font-size:12px}footer p{font-family:'Noto Sans JP',sans-serif;font-size:10px;line-height:1.8;color:#8e9282}footer>small{display:block;font-family:Georgia,serif;font-size:9px;letter-spacing:.17em;color:#a0a58f;margin-top:28px}
@media(min-width:1600px){.hero-photo{height:680px}.hero-phrase{right:14%}.content{max-width:1100px}}
@media(max-width:1150px){:root{--rail:180px}.rail{padding-inline:20px}.brand strong{font-size:20px}.content{width:calc(100% - 60px)}.hero-photo{height:500px}.hero-phrase{right:55px;font-size:28px}.page-heading{margin-left:40px}.chapter-nav{gap:9px;margin-right:20px}.chapter-nav a{min-width:0;font-size:12px;padding:9px 14px}.intro-body{gap:25px;padding:0}.intro-copy p{font-size:13px}.vertical-title{width:110px;gap:10px}.vertical-title h2{font-size:24px}.photo>img,.after .photo>img{height:420px}.reverse .photo img{height:400px}.living-copy{margin-left:100px;margin-right:0;gap:35px}.questions{width:180px}.craft-copy{margin-inline:15px;gap:40px}.craft-mark{width:170px}.after-copy{margin-left:140px}.care-note{margin-left:100px;margin-right:0;gap:25px}.care-note figure{width:195px}.care-note h3{font-size:19px}.care-note p:not(.eyebrow){font-size:12px}.works-pair{gap:25px}.works-pair img{height:270px}.works-pair figure:last-child img{height:220px}.contact-paths>:is(a,button){flex-direction:column;align-items:center;text-align:center;padding:20px 12px}.contact-paths img{width:135px;height:130px}.contact-paths h3{font-size:21px}.round-arrow{margin:auto}.section-heading h2{font-size:25px}}
@media(max-width:700px){html{scroll-padding-top:85px}:root{--rail:0px}.rail{position:relative;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:15px 23px;background:var(--paper)}.brand{display:block;text-align:left;position:relative;padding-left:47px}.brand svg{position:absolute;left:0;top:0;width:39px;height:36px;margin:0}.brand strong{font-size:18px;line-height:1.5}.brand>span{display:block;margin-top:3px;font-size:9px;letter-spacing:.12em}.menu-toggle{display:block;border:none;background:none;font-size:10px;padding:10px 0;color:var(--ink)}.menu-toggle span{font-size:17px;margin-left:5px}.rail nav{display:none;position:absolute;top:88px;left:0;right:0;margin:0;background:#fffefa;padding:28px;border-bottom:1px solid #e0e4d8;gap:16px;z-index:5}.menu-open .rail nav{display:flex}.rail-contact,.rail-note{display:none}main{margin:0}.content{width:calc(100% - 44px)}.hero{padding-top:22px;padding-bottom:25px}.page-heading{margin:0 25px 13px}.page-heading .eyebrow{font-size:13px;margin-bottom:5px}.page-heading h1{font-size:23px;letter-spacing:.1em}.hero-photo{height:345px;width:100%;}.hero-photo img{object-position:56% 50%}.hero-phrase{top:172px;right:33px;font-size:21px;line-height:1.7;letter-spacing:.18em}.chapter-nav{justify-content:center;margin:8px 17px 0;gap:7px}.chapter-nav a{padding:8px 8px;font-size:10px;line-height:1.6;flex:1;white-space:nowrap;letter-spacing:0}.chapter-nav span{display:block;font-size:16px;margin:0 0 3px}.intro{padding:55px 0 75px}.intro h2{font-size:29px}.intro-title .eyebrow{font-size:12px}.intro-body{flex-direction:column;gap:26px;margin-top:25px}.notes-illustration{width:89%}.notes-illustration img{height:205px}.notes-illustration figcaption{font-size:10px;margin-top:2px}.intro-copy{padding:0 15px;align-self:center}.intro-copy p{font-size:13px;line-height:2.25;margin-bottom:14px}.story-main,.story-main.reverse{flex-direction:column;gap:28px}.vertical-title,.reverse .vertical-title{width:100%;display:block;padding:0}.vertical-title h2{writing-mode:horizontal-tb;font-size:25px;line-height:1.8;letter-spacing:.09em;white-space:normal}.vertical-title .eyebrow{writing-mode:horizontal-tb;font-size:12px;margin-bottom:12px}.photo{width:100%}.photo>img,.reverse .photo img,.after .photo>img{height:265px;border-radius:3px 42px 3px 3px}.photo figcaption{font-size:9px;line-height:1.8;margin-top:10px}.living-copy{margin:32px 7px 0;display:block}.living-copy .eyebrow{font-size:12px}.living-copy h3,.prose h3{font-size:21px;line-height:1.85}.living-copy p:not(.eyebrow),.prose p{font-size:12px;line-height:2.3}.questions{margin:32px 15px 0 65px;width:auto;transform:rotate(-1deg)}.questions p{font-size:12px!important}.living{padding-bottom:48px}.craft{padding:80px 0 90px}.craft-copy{margin:35px 7px 0;flex-direction:column-reverse;gap:35px;align-items:stretch}.craft-mark{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:19px 0;flex-wrap:wrap}.craft-mark>span{font-size:13px}.craft-mark strong{font-size:35px;margin:0}.craft-mark p{font-size:11px;line-height:1.9;margin-left:auto}.small-note{font-size:11px!important}.after{padding:65px 0 30px}.after-copy{margin:32px 7px 0}.care-note{margin:35px 7px 0;padding-top:30px;gap:15px;flex-direction:column;align-items:center}.care-note figure{width:195px}.care-note img{height:170px}.care-note>div{width:100%}.care-note h3{font-size:21px}.care-note p:not(.eyebrow){font-size:12px}.season-line{margin:22px 8px 36px}.works{padding:85px 0 70px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:12px}.text-link{display:inline-block;font-size:11px;margin-top:16px;padding:3px 0}.works-pair{flex-direction:column;gap:32px}.works-pair figure:first-child{width:94%}.works-pair figure:last-child{width:83%;margin-top:0;align-self:flex-end}.works-pair img{height:230px}.works-pair figure:last-child img{height:210px}.works-pair figcaption{font-size:12px;margin-top:12px}.works-pair small{font-size:10px}.contact{padding-top:50px}.contact-heading{margin:0 20px 35px}.contact-heading .eyebrow{font-size:12px}.contact-heading h2{font-size:21px;letter-spacing:.02em}.contact-heading>p:last-child{font-size:11px;letter-spacing:.01em}.contact-paths{flex-direction:column}.contact-paths>:is(a,button){width:100%;min-height:195px;flex-direction:row;text-align:left;gap:24px;padding:22px 30px;justify-content:center}.contact-paths img{width:140px;height:145px}.contact-paths h3{font-size:23px;margin:7px 0 10px}.contact-paths small{font-size:12px}.round-arrow{margin:0;width:32px;height:32px;font-size:17px}footer{padding:42px 24px 24px}footer>div{gap:24px;font-size:11px}footer p{font-size:9px}footer .footer-brand{font-size:23px}}
.wash-section:before{clip-path:url(#wash-wave)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.mobile-break{display:none}@media(max-width:700px){.mobile-break{display:block}}

/* Sample gallery integration; the page design stays the same. */
.contact-paths>button{border:0;border-radius:0;font-family:inherit;color:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;text-align:left}.demo-ribbon p{font:inherit;letter-spacing:0}.demo-ribbon>div{display:flex;gap:20px}.has-demo .rail{top:38px}.has-demo{scroll-padding-top:85px}.demo-dialog h2{font-size:25px}.demo-dialog p{letter-spacing:0}.demo-dialog{line-height:1.8}.demo-dialog .demo-result:empty{display:none}@media(max-width:700px){.has-demo .rail{top:auto}}@media(max-width:650px){.demo-ribbon p{max-width:170px}.demo-ribbon>div{gap:10px}.demo-ribbon>div a{font-size:9px}}