:root{--ink:#292923;--paper:#ebe9df;--clay:#b6533d;--line:rgba(41,41,35,.3);--compare:50%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:inherit}button{font:inherit;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;padding:1rem;color:white;background:var(--ink)}.skip-link:focus{top:1rem}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:1rem 1.4rem;border-bottom:1px solid var(--line)}header .logo{font-size:1.7rem;font-weight:900;letter-spacing:-.1em;text-decoration:none}header p{margin:0;font-family:"Yu Mincho",serif;font-size:.72rem;line-height:1.5;text-align:center}header>a:last-child{justify-self:end;padding-bottom:.3rem;border-bottom:1px solid;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-decoration:none}.index{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.intro{position:relative;min-height:calc(100svh - 4rem);padding:10vh 5vw}.intro::after{content:"";position:absolute;right:8vw;top:12vh;width:24vw;height:62vh;border:1px solid var(--line);transform:rotate(2deg);z-index:-1}.intro h1{margin:5vh 0;font-family:"Yu Mincho",Georgia,serif;font-size:clamp(5rem,11vw,12rem);font-weight:400;line-height:.82;letter-spacing:-.09em}.intro h1 i{color:var(--clay);font-weight:400}.intro-note{position:absolute;right:7vw;bottom:10vh;width:min(24rem,28vw)}.intro-note span{font-size:.58rem;letter-spacing:.15em}.intro-note p{font-family:"Yu Mincho",serif;line-height:1.8}.intro>a{position:absolute;left:5vw;bottom:8vh;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-decoration:none}.cases{padding:8vw 3vw 10vw;color:var(--paper);background:var(--ink)}.case-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:6vw}.case-heading h2{margin:0;font-family:"Yu Mincho",serif;font-size:clamp(3.6rem,7vw,7.5rem);font-weight:400;line-height:.9;letter-spacing:-.07em}.case-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;border-top:1px solid rgba(235,233,223,.3)}.case-button{display:grid;grid-template-columns:2.5rem 1fr;gap:.4rem;padding:1.2rem 1rem;border:0;border-right:1px solid rgba(235,233,223,.3);border-bottom:1px solid rgba(235,233,223,.3);color:rgba(235,233,223,.45);background:transparent;text-align:left;cursor:pointer}.case-button b{grid-row:1/3;color:var(--clay)}.case-button span{font-family:"Yu Mincho",serif;font-size:1.3rem}.case-button small{font-size:.58rem;letter-spacing:.1em}.case-button:hover,.case-button:focus-visible,.case-button.is-active{color:var(--paper);background:#34342e}.case-display{display:grid;grid-template-columns:3fr 1fr;gap:2vw}.compare-viewer{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111}.compare-viewer>img,.after-layer{position:absolute;inset:0}.after-layer{clip-path:inset(0 0 0 var(--compare))}.after-layer img{width:100%;height:100%}.image-label{position:absolute;top:1rem;padding:.55rem .7rem;color:var(--ink);background:var(--paper);font-size:.56rem;font-weight:700;letter-spacing:.12em}.before-label{left:1rem}.after-label{right:1rem}.compare-line{position:absolute;left:var(--compare);top:0;bottom:0;width:1px;background:white;pointer-events:none}.compare-line span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:var(--ink);background:var(--paper);transform:translate(-50%,-50%)}#compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.parallel-fallback{display:none}.case-data{align-self:end;padding:1rem}.case-number{color:var(--clay);font-size:.6rem;font-weight:700;letter-spacing:.14em}.case-data h3{margin:.8rem 0 1.5rem;font-family:"Yu Mincho",serif;font-size:clamp(2.7rem,4vw,5rem);font-weight:400;line-height:1}.case-data>p:not(.case-number){font-family:"Yu Mincho",serif;font-size:.85rem;line-height:1.8}.case-data dl{margin-top:3rem;border-top:1px solid rgba(235,233,223,.3)}.case-data dl div{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid rgba(235,233,223,.3)}.case-data dt{font-size:.55rem;letter-spacing:.1em}.case-data dd{margin:0;font-size:.7rem}.principles{padding:10vw 4vw}.principles h2,.consultation h2{margin:2rem 0 6rem;font-family:"Yu Mincho",serif;font-size:clamp(5rem,11vw,12rem);font-weight:400;line-height:.82;letter-spacing:-.08em}.principles ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-top:1px solid var(--line);list-style:none}.principles li{padding:1.5rem;border-right:1px solid var(--line)}.principles li b{color:var(--clay)}.principles h3{margin:5rem 0 1rem;font-family:"Yu Mincho",serif;font-size:2rem;font-weight:400}.principles li p{font-family:"Yu Mincho",serif;font-size:.85rem;line-height:1.8}.consultation{display:grid;place-items:center;min-height:100vh;padding:8rem 1rem;text-align:center;background:var(--clay);color:var(--paper)}.consultation h2{margin:2rem 0}.consultation>p:not(.index){font-size:.7rem;line-height:1.7}.consultation button{margin:2rem 0;padding:1.1rem 3rem;border:1px solid var(--paper);color:var(--paper);background:transparent;cursor:pointer}.consultation>a{font-size:.62rem;letter-spacing:.1em}footer{display:flex;justify-content:space-between;padding:1rem 1.4rem;color:var(--paper);background:var(--ink);font-size:.56rem;letter-spacing:.12em}
@media (max-width:800px){header{grid-template-columns:1fr auto}header p{display:none}.intro{padding:8vh 1rem}.intro h1{font-size:clamp(4.2rem,21vw,7.4rem)}.intro::after{right:-10vw;top:25vh;width:70vw;height:45vh}.intro-note{right:1rem;bottom:13vh;width:56vw}.cases{padding:5rem 1rem}.case-heading{display:block}.case-heading h2{font-size:3.8rem}.case-nav{display:flex;overflow-x:auto}.case-button{min-width:70vw}.case-display{grid-template-columns:1fr}.compare-viewer{aspect-ratio:4/5}.compare-viewer img{object-position:center}.case-data{padding:1rem 0}.principles{padding:6rem 1rem}.principles h2,.consultation h2{font-size:4.8rem}.principles ol{grid-template-columns:1fr}.principles li{border-right:0;border-bottom:1px solid var(--line)}.principles h3{margin-top:3rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.compare-viewer{display:none}.parallel-fallback{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.parallel-fallback figure{margin:0}.parallel-fallback figure img{aspect-ratio:16/10}.parallel-fallback figcaption{padding:.5rem 0;font-size:.6rem;letter-spacing:.12em}}
body{overflow-x:clip}

.consultation>a+a{margin-top:1rem;opacity:.8}