@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{color-scheme:light;--ink:#26342e;--muted:#66756b;--paper:#f5f2ea;--sage:#e6e8dc;--accent:#a87f53}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}img{display:block;width:100%;height:auto}a{color:inherit;text-underline-offset:.28em}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;padding:.7rem;background:white}.sample-note{margin:0;padding:.55rem clamp(1rem,3vw,3rem);background:#dce5d9;color:#344438;font-size:.65rem;line-height:1.65}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.05rem clamp(1rem,4vw,4.5rem);border-bottom:1px solid #cdd2c8}.brand{text-decoration:none;font-family:"Noto Serif JP",serif;font-weight:600;letter-spacing:.16em;font-size:1.25rem;white-space:nowrap}.brand span{display:block;font-family:"Noto Sans JP",sans-serif;font-size:.5rem;letter-spacing:.3em;margin-top:.12rem}.site-header nav{display:flex;gap:clamp(.8rem,2.5vw,2.4rem);font-size:.72rem}.site-header nav a{text-decoration:none}.site-header nav a:hover,.side-rail a:hover,.tools-copy a:hover{color:#966d45}.intro{padding:2.1rem clamp(1rem,4vw,4.5rem) 5rem}.intro-top{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #aeb8ac;padding-bottom:.55rem;font-size:.65rem;letter-spacing:.14em}.headline{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:2.5rem 0 2rem}.headline h1{font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(3.8rem,8.8vw,9rem);letter-spacing:.05em;line-height:1.08;margin:0;white-space:nowrap}.headline h1 span{font-size:.38em;letter-spacing:.09em}.headline p{font-family:"Noto Serif JP",serif;font-size:clamp(.85rem,1.35vw,1.25rem);line-height:1.85;margin:0 0 .4rem;min-width:16em}.photo-grid{display:grid;grid-template-columns:minmax(0,1fr) 11rem;gap:1.1rem}.room-photo,.tools-photo{margin:0;position:relative}.room-photo img{height:clamp(23rem,51vw,44rem);object-fit:cover;object-position:center 50%}.room-photo figcaption{position:absolute;left:1.25rem;bottom:1.25rem;background:#f5f2e9ed;padding:.7rem .9rem;display:flex;align-items:center;gap:1rem;font-size:.68rem}.room-photo figcaption b{font-weight:600;font-size:.85rem}.room-photo figcaption span{letter-spacing:.08em;color:var(--muted)}.side-rail{display:flex;flex-direction:column;justify-content:space-between;background:var(--sage);padding:1.2rem}.vertical{writing-mode:vertical-rl;letter-spacing:.22em;font-size:.65rem;color:#6d7a6d}.side-rail p{font-family:"Noto Serif JP",serif;font-size:1.05rem;line-height:1.7;margin:auto 0 1.5rem}.side-rail a{font-size:.72rem;line-height:1.6;text-decoration:none;border-top:1px solid #9dad9d;padding-top:.85rem}.side-rail a span{display:block;font-size:1.5rem}.tools-section{display:grid;grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,8rem);background:#31463c;color:#f5f2e9;padding:clamp(3.5rem,7vw,7rem) clamp(1rem,7vw,7rem);align-items:center}.section-number{font-size:.7rem;letter-spacing:.18em;color:#d6c5a6}.tools-copy h2,.closing h2{font-family:"Noto Serif JP",serif;font-weight:400;letter-spacing:.08em;font-size:clamp(2.6rem,5vw,5.5rem);line-height:1.35;margin:1.3rem 0}.tools-copy p{line-height:2;font-size:.95rem;max-width:27rem}.tools-copy a{display:inline-block;margin-top:1.8rem;color:#f1d9b8;font-size:.8rem}.tools-photo img{height:clamp(23rem,39vw,39rem);object-fit:cover}.tools-photo figcaption{margin-top:.7rem;color:#d7dfd5;font-size:.68rem;letter-spacing:.14em}.closing{padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem);max-width:70rem}.closing>span{font-size:.65rem;letter-spacing:.18em}.closing h2{font-size:clamp(2.4rem,4.5vw,4.5rem)}.closing p{line-height:1.85;max-width:35rem}.closing a{display:inline-block;margin-top:1.5rem;font-size:.85rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem clamp(1rem,4vw,4.5rem);border-top:1px solid #cdd2c8;font-size:.65rem}
@media(max-width:900px){.headline{display:block}.headline p{margin-top:1rem}.tools-section{gap:2rem}}
@media(max-width:680px){.site-header{align-items:flex-start}.site-header nav{display:block;text-align:right}.site-header nav a{display:none}.site-header nav a:last-child{display:inline}.intro{padding-top:1.2rem;padding-bottom:3rem}.intro-top span:last-child{display:none}.headline{padding:1.45rem 0}.headline h1{font-size:clamp(3.15rem,12vw,5.6rem);white-space:normal;line-height:1.15}.headline h1 span{display:block;font-size:.35em;margin-top:.2rem}.headline p{font-size:.88rem;min-width:0;margin-top:.75rem}.photo-grid{display:block}.room-photo img{height:clamp(22rem,105vw,35rem);object-position:57% 50%}.room-photo figcaption{left:.65rem;bottom:.65rem;padding:.55rem .65rem;display:block}.room-photo figcaption span{display:block;margin-top:.15rem;font-size:.55rem}.side-rail{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.75rem}.vertical{writing-mode:horizontal-tb;font-size:.5rem}.side-rail p{display:none}.side-rail a{border:0;padding:0;font-size:.7rem}.side-rail a span{display:inline;font-size:1rem}.tools-section{display:flex;flex-direction:column-reverse;align-items:stretch;padding:3rem 1rem}.tools-photo img{height:auto}.tools-copy h2{font-size:2.8rem}.tools-copy p{font-size:.88rem}.closing{padding:4rem 1rem}footer{display:block}footer a{display:block;margin-top:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}