:root{--washi:#f8f6ef;--sumi:#20242e;--grey:#807c70;--ai:#2c4470;--shu:#a93b26;--hairline:#e2decf}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{background:var(--washi);color:var(--sumi);font-feature-settings:"palt";font-family:Noto Sans JP,sans-serif;font-weight:300;line-height:2}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--sumi);outline-offset:4px}.disp{font-family:Shippori Antique B1,sans-serif;font-weight:400}header{z-index:10;background:linear-gradient(180deg, var(--washi) 55%, transparent);justify-content:flex-end;align-items:center;max-width:1280px;margin:0 auto;padding:26px 48px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;margin-right:auto;transition:opacity .2s;display:flex}.header-logo:hover{opacity:.6}.hl-kana{letter-spacing:.06em;font-size:22px}.hl-seal{background:var(--shu);color:#f5efe2;font-feature-settings:normal;letter-spacing:0;justify-content:center;align-self:center;align-items:center;width:2em;height:2em;margin-top:4px;font-size:7.5px;display:flex;box-shadow:0 2px 6px -3px #a93b2680}header nav{gap:32px;display:flex}header nav a{letter-spacing:.28em;color:var(--grey);font-size:11px;font-weight:400;transition:color .2s}header nav a:hover{color:var(--sumi)}.nav-en{display:none}.menu-btn{letter-spacing:.3em;color:var(--grey);cursor:pointer;background:0 0;border:none;padding:6px 0 6px 6px;font-family:inherit;font-size:10px;display:none}.hero{grid-template-columns:max-content minmax(300px,440px);justify-content:center;align-items:center;gap:clamp(24px,4vw,56px);max-width:1280px;min-height:94vh;margin:0 auto;padding:96px 48px 56px;display:grid;position:relative;overflow:hidden}.brand{padding-left:8px;position:relative}.brand .eyebrow{letter-spacing:.48em;color:var(--grey);margin-bottom:18px;font-size:11px}.brand h1{letter-spacing:.06em;width:max-content;font-size:clamp(88px,13vw,168px);line-height:1.06}.brand .line{white-space:nowrap;display:block}.brand .line.l2{text-indent:.85em}.brand .to{background:var(--shu);color:#f5efe2;font-feature-settings:normal;letter-spacing:0;justify-content:center;align-items:center;width:2em;height:2em;margin:.45em auto .25em;font-size:.26em;display:flex;box-shadow:0 6px 18px -8px #a93b2680}.brand .tagline{letter-spacing:.4em;margin-top:30px;font-size:13px}.brand .meta{letter-spacing:.38em;color:var(--grey);margin-top:8px;font-size:10px}.hero .ph{letter-spacing:.28em;color:#a09a87;background:linear-gradient(168deg,#ebe7da 0%,#dfdac7 60%,#d5cfb8 100%);align-items:flex-end;height:min(72vh,640px);padding:10px 12px;font-size:10px;display:flex}section{max-width:1280px;margin:0 auto;padding:104px 48px 0}.sec-head{align-items:baseline;gap:20px;margin-bottom:64px;display:flex}.sec-head h2{letter-spacing:.4em;font-size:20px}.sec-head span{letter-spacing:.44em;color:var(--grey);font-size:9.5px}.sec-head:after{content:"";background:var(--hairline);flex:1;height:1px}.works{grid-template-columns:repeat(3,1fr);gap:0 44px;display:grid}.work{margin-bottom:72px;display:block}.work .ph{aspect-ratio:3/4;letter-spacing:.26em;color:#a8a28e;background:linear-gradient(168deg,#ece8db,#dfd9c6 70%);justify-content:center;align-items:center;font-size:10px;transition:transform .3s;display:flex;overflow:hidden}.work:hover .ph{transform:scale(1.015)}.work .ph.leather{color:#efe2cc;background:linear-gradient(168deg,#b5905f,#957046 70%)}.work .cap{align-items:baseline;gap:14px;margin-top:16px;display:flex}.work .fig{letter-spacing:.3em;color:var(--shu);font-size:9.5px;font-weight:500}.work .tag{letter-spacing:.3em;color:var(--grey);font-size:8.5px}.work h3{letter-spacing:.26em;margin-top:4px;font-size:13px;font-weight:400}.work .spec{letter-spacing:.22em;color:var(--grey);margin-top:2px;font-size:9.5px}.work .title-en{letter-spacing:.14em;color:var(--grey);margin-top:3px;font-size:9.5px;font-style:italic}.work .spec-en{letter-spacing:.08em;color:#a8a28e;margin-top:2px;font-size:9px;font-style:italic}.works-tail{height:20px}.work .ph img,.hero .ph img{object-fit:cover;width:100%;height:100%;display:block}.notes{max-width:760px}.notes .prep{letter-spacing:.4em;color:var(--grey);padding:8px 4px 40px;font-size:11px}.note{align-items:baseline;padding:20px 4px;display:flex}.note h3{letter-spacing:.2em;flex-shrink:0;font-size:13.5px;font-weight:400}.note .leader{border-bottom:1px dotted #b9b4a2;flex:1;margin:0 14px;transform:translateY(-4px)}.note time{letter-spacing:.22em;color:var(--grey);flex-shrink:0;font-size:10.5px}.note:hover h3{color:var(--ai)}.more{text-align:right;letter-spacing:.3em;color:var(--grey);margin-top:16px;font-size:10.5px;transition:color .2s;display:block}.more:hover{color:var(--sumi)}.about{padding-bottom:140px}.about .colophon{text-align:center;border-top:1px solid var(--sumi);border-bottom:1px solid var(--sumi);max-width:520px;margin:0 auto;padding:56px 24px}.about p{letter-spacing:.22em;color:#3a3f4c;font-size:12.5px;line-height:2.9}.about .sig{flex-direction:column;align-items:center;gap:2px;margin-top:36px;display:flex}.about .sig b{letter-spacing:1em;text-indent:1em;font-family:Shippori Antique B1,sans-serif;font-size:17px;font-weight:400}.about .sig .seal{background:var(--shu);color:#f5efe2;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.about .sns{letter-spacing:.3em;color:var(--grey);justify-content:center;gap:36px;margin-top:30px;font-size:10px;display:flex}.about .sns a:hover{color:var(--sumi)}footer{text-align:center;letter-spacing:.4em;color:var(--grey);padding:28px;font-size:9.5px}@media (width<=880px){header{padding:20px 24px}.menu-btn{z-index:30;display:block;position:relative}header nav{display:none}header.open nav{background:var(--washi);z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:52px;animation:.25s navfade;display:flex;position:fixed;inset:0}header.open nav a{letter-spacing:.32em;text-indent:.32em;color:var(--sumi);flex-direction:column;align-items:center;gap:8px;font-size:16px;display:flex}header.open nav a .nav-en{letter-spacing:.44em;text-indent:.44em;color:var(--grey);font-size:8.5px;display:block}header.open nav:after{content:"と";background:var(--shu);color:#f5efe2;justify-content:center;align-items:center;width:30px;height:30px;font-family:Shippori Antique B1,sans-serif;font-size:13px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px -6px #a93b2680}@keyframes navfade{0%{opacity:0}to{opacity:1}}body.menu-open{overflow:hidden}.note{flex-wrap:wrap;padding:16px 4px}.note h3{white-space:normal;flex:100%;line-height:1.9}.note .leader{margin-left:0}.hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:96px 24px 48px}.brand{text-align:center;padding-left:0}.brand h1{justify-content:center;align-items:center;gap:8px;width:auto;font-size:38px;display:flex}.brand .line{display:inline}.brand .line.l2{text-indent:0}.brand .to{flex-shrink:0;margin:0;font-size:10px}.brand .tagline{margin-top:20px}.hero .ph{aspect-ratio:4/5;height:auto}section{padding:80px 24px 0}.works{grid-template-columns:1fr 1fr;gap:0 18px}.work{margin-bottom:56px}.works .work:nth-child(n+9){display:none}.works-tail{height:20px}}