:root{--bg:#f7f6f1;--paper:#fffefa;--ink:#273029;--muted:#6a716a;--line:#d9dbd1;--olive:#617a64;--deep:#354c3f;--accent:#a9704e;--soft:#e9eee7;font-family:'DM Sans','Noto Sans JP',sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:10;background:#fff;padding:12px}.site-header{height:84px;padding:0 max(4.5vw,26px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:11px;font-family:'Noto Serif JP',serif;font-size:19px;font-weight:600;letter-spacing:.08em;line-height:1.25;white-space:nowrap}.brand small{display:block;margin-top:5px;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.28em;color:var(--olive)}.brand-mark{font-family:Arial,sans-serif;font-size:39px;font-weight:400;line-height:1;color:var(--olive);transform:rotate(-5deg)}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600;letter-spacing:.05em}.site-header nav a:hover,.text-link:hover,.about-links a:hover{color:var(--olive)}.header-cta{border:1px solid var(--ink);padding:12px 18px;font-size:12px;font-weight:700}.header-cta span{margin-left:18px}.hero{display:grid;grid-template-columns:47% 53%;min-height:650px}.hero-copy{padding:112px 2vw 74px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 27px;color:var(--olive);font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow .line{display:inline-block;width:34px;height:1px;background:var(--olive)}h1,h2,h3,p{margin-top:0}.hero h1,.section h2,.measure-section h2,.about-section h2{font-family:'Noto Serif JP',serif;font-weight:500;letter-spacing:.03em;line-height:1.48}.hero h1{font-size:clamp(40px,3.45vw,58px);margin:0 0 30px;white-space:normal}.accent{color:var(--olive)}.hero-lead{font-size:14px;line-height:2.2;max-width:480px;color:#535e54;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;min-width:195px;padding:17px 20px;border:1px solid transparent;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--deep);color:#fff}.button.primary:hover{background:#476751}.button.light{background:#f6f6ef;color:var(--deep)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{margin-left:12px}.hero-footnote{font-size:10px;color:#868e84;margin:42px 0 0;letter-spacing:.04em}.hero-art{position:relative;overflow:hidden;min-height:600px;background:#d7d7c9}.art-grain{position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,#e7e6db 0,transparent 50%),linear-gradient(140deg,#e3e2d6,#c9ccbb)}.art-wall{position:absolute;left:5%;top:0;bottom:18%;width:1px;background:#bac0b2;box-shadow:12px 0 35px #bac0b2}.art-floor{position:absolute;bottom:0;width:100%;height:20%;background:#c0b69e;clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}.art-shadow{position:absolute;bottom:13%;left:23%;width:61%;height:9%;background:#77796770;filter:blur(25px);transform:skew(-25deg)}.art-cabinet{position:absolute;bottom:18%;left:10%;width:34%;height:59%;background:linear-gradient(90deg,#77745d,#96927a 75%,#817f6c);box-shadow:10px 7px 18px #4a4d3c40}.art-cabinet:before{content:'';position:absolute;inset:2% 6%;border:1px solid #c7c1aa50}.art-handle{position:absolute;left:43%;width:15%;height:4px;background:#c7bd9c;z-index:1}.art-handle.a{top:27%}.art-handle.b{top:69%}.art-shelf{position:absolute;bottom:19%;left:52%;width:28%;height:53%;border:10px solid #f3f0e4;border-top-width:16px;background:#e9e4d5;box-shadow:14px 8px 17px #353d2b27}.art-shelf span{position:absolute;left:0;right:0;height:7px;background:#f4f0e6}.art-shelf span:nth-child(1){top:26%}.art-shelf span:nth-child(2){top:56%}.art-shelf span:nth-child(3){top:85%}.art-vase{position:absolute;bottom:71%;left:60%;width:10%;height:15%;border-radius:42% 42% 25% 25%;background:#9b6b4f}.art-vase:before{content:'';position:absolute;left:47%;bottom:80%;width:2px;height:100%;background:#545e45;transform:rotate(-17deg)}.art-vase i:before,.art-vase i:after{content:'';position:absolute;width:20px;height:8px;border-radius:100%;background:#607456;left:55%;top:-33%;transform:rotate(25deg)}.art-vase i:after{left:8%;top:-60%;transform:rotate(-24deg)}.art-dimension{position:absolute;left:44%;bottom:25%;width:9%;height:42%;border-left:1px solid #f8faf4;border-right:1px solid #f8faf4;color:#fff;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;letter-spacing:.1em}.art-dimension i{position:absolute;left:-7px;right:-7px;height:1px;background:#fff}.art-dimension i:first-child{top:0}.art-dimension i:last-child{bottom:0}.art-dimension b{background:#606d5f;padding:9px 7px;font-size:12px}.art-caption{position:absolute;left:10%;right:7%;bottom:6%;color:#f8f5e9;font-size:10px;letter-spacing:.18em;display:flex;justify-content:space-between}.art-caption small{font-size:10px;letter-spacing:.08em}.intro-strip{display:flex;align-items:center;justify-content:center;gap:37px;padding:22px 20px;background:#e9ece5;color:#7e8a7e;font-size:11px;letter-spacing:.12em}.intro-strip b{color:var(--deep);font-weight:600;margin-left:12px}.intro-strip i{width:38px;height:1px;background:#aeb6a9}.section{padding:110px max(5vw,26px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:12px}.section h2{font-size:clamp(32px,3.2vw,49px);margin:0}.section-heading>p{font-size:13px;line-height:2;color:var(--muted);margin-bottom:5px}.finder-section{background:#f8f7f3}.finder-layout{display:grid;grid-template-columns:305px 1fr;gap:50px}.filter-panel{padding:25px;background:#eef0e9;border:1px solid #e0e5d9;align-self:start}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid #ccd5c9;padding-bottom:17px;margin-bottom:24px}.panel-icon{font-size:27px;font-weight:400;color:var(--olive);line-height:0}.filter-panel label:not(.check){display:block;font-size:12px;font-weight:700;margin-bottom:9px}.filter-panel select,.filter-panel input[type=number],.sort-control select{background:#fffefa;border:1px solid #cbd1c8;border-radius:0;color:var(--ink);outline:none}.filter-panel select{width:100%;padding:12px 10px;margin-bottom:25px;font-size:13px}.field-caption{font-size:12px;font-weight:700;margin:0 0 10px}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:25px}.dimensions label{font-size:11px!important;margin:0!important}.dimensions label span{float:right;color:#a0aaa0}.dimensions input{display:block;width:100%;padding:12px 8px;margin-top:7px;font-size:13px}.help{float:right;color:#8b938a;font-weight:400}.check{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;margin-bottom:23px}.check input{accent-color:var(--deep);margin:2px 0 0}.find-button{width:100%;margin-bottom:14px}.reset-button{border:0;background:transparent;text-decoration:underline;color:#627060;font-size:11px;display:block;margin:auto auto 20px}.fineprint{font-size:10px;color:#778173;line-height:1.8;margin:0;border-top:1px solid #d1d8cf;padding-top:17px}.results-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:25px}.results-top .eyebrow{margin:0 0 10px}.results-top h3{font-family:'Noto Serif JP',serif;font-weight:500;font-size:24px;margin-bottom:6px}.results-top p:last-child{color:var(--muted);font-size:11px;margin:0}.sort-control{font-size:11px;white-space:nowrap;color:var(--muted)}.sort-control select{margin-left:10px;padding:7px 9px;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{background:#fffefa;border:1px solid #e2e3da;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 14px 25px #36413213;transform:translateY(-2px)}.product-visual{position:relative;height:180px;overflow:hidden;background:#ebe9df}.tone-sand{background:#e9e5d8}.tone-olive{background:#dce2d6}.tone-clay{background:#e8dcd2}.tone-pale{background:#e9ebe7}.product-visual:before{content:'';position:absolute;left:18%;right:18%;bottom:23px;height:1px;background:#84908066}.silhouette{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);height:114px;width:100px;background:#7b8479;box-shadow:8px 6px 0 #77837235}.silhouette:before,.silhouette:after{content:'';position:absolute}.kind-wagon{width:91px;background:linear-gradient(90deg,#78887a,#a1ab98);border:6px solid #657369;border-top-width:12px}.kind-wagon:before{left:0;right:0;top:28%;height:5px;background:#647668;box-shadow:0 30px #647668}.kind-wagon:after{bottom:-14px;left:8px;width:10px;height:10px;border-radius:50%;background:#58685b;box-shadow:57px 0 #58685b}.kind-drawer{width:80px;background:#c3c9bd;border:4px solid #a8b2a6}.kind-drawer:before{left:0;right:0;top:33%;height:3px;background:#9dab9d;box-shadow:0 33px #9dab9d}.kind-drawer:after{width:20px;height:2px;top:17%;left:28px;background:#899987;box-shadow:0 34px #899987,0 67px #899987}.kind-console{width:145px;height:96px;background:transparent;border-top:13px solid #667568;border-left:7px solid #667568;border-right:7px solid #667568;box-shadow:none}.kind-console:before{top:50%;left:0;right:0;height:6px;background:#84947e}.kind-table{width:105px;height:80px;background:transparent;border-top:14px solid #e2dfd2;border-left:7px solid #ddd9cc;border-right:7px solid #ddd9cc;box-shadow:none}.kind-shelf{width:72px;height:105px;background:#5b6961;border:5px solid #48554d}.kind-shelf:before{left:0;right:0;top:35%;height:5px;background:#a7b09e}.visual-label{position:absolute;top:13px;left:14px;font-size:9px;color:#5d685d;letter-spacing:.1em;background:#fffefa99;padding:5px 7px}.visual-dims{position:absolute;right:13px;bottom:12px;font-size:10px;color:#425048;letter-spacing:.04em}.product-body{padding:19px 16px 17px;display:flex;flex-direction:column;flex:1}.maker{font-size:10px;color:var(--olive);font-weight:700;letter-spacing:.07em;margin-bottom:8px}.product-body h4{font-family:'Noto Serif JP',serif;font-size:15px;line-height:1.55;font-weight:600;margin:0 0 9px;min-height:45px}.product-body .note{font-size:11px;line-height:1.7;color:#6c746b;min-height:55px;margin:0}.product-meta{font-size:10px;color:#8b9288;margin:5px 0 15px}.product-action{margin-top:auto;padding:12px 0 0;border:0;border-top:1px solid #e5e8df;background:transparent;text-align:left;font-size:11px;font-weight:700;color:var(--deep);display:flex;justify-content:space-between}.no-results{padding:38px;background:#fffefa;color:var(--muted);font-size:13px;line-height:1.8}.ideas-section{background:#ecefe8}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.idea-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:24px;overflow:hidden}.idea-a{background:#d9d8c7}.idea-b{background:#d4ddd4}.idea-c{background:#e5ded4}.idea-number{font-size:10px;letter-spacing:.15em;color:#5f6e5e;z-index:1}.idea-card>div:last-child{margin-top:auto;z-index:1}.idea-card small{font-size:10px;color:#61755e;letter-spacing:.08em}.idea-card h3{font-family:'Noto Serif JP',serif;font-size:22px;line-height:1.6;font-weight:500;margin:10px 0}.idea-card p{font-size:11px;color:#657063;line-height:1.7}.idea-arrow{font-size:11px;font-weight:700;display:inline-block;border-bottom:1px solid;padding-bottom:4px;margin-top:8px}.idea-drawing{position:absolute;top:40px;left:20%;right:10%;height:155px;opacity:.8}.draw-gap:before{content:'';position:absolute;left:5%;top:5px;bottom:3px;width:38%;background:#797760}.draw-gap:after{content:'';position:absolute;right:5%;top:25px;bottom:3px;width:29%;background:#f1eee3;box-shadow:5px 5px 0 #818d7a}.draw-gap span:first-child{position:absolute;left:48%;top:25px;bottom:3px;border-left:1px solid #fff}.draw-gap span:nth-child(2){position:absolute;left:44%;top:25px;right:40%;border-top:1px solid #fff;border-bottom:1px solid #fff}.draw-console:before{content:'';position:absolute;top:28px;left:8%;right:7%;height:12px;background:#f4f2e8}.draw-console:after{content:'';position:absolute;left:9%;right:8%;top:38px;height:98px;border-left:7px solid #f4f2e8;border-right:7px solid #f4f2e8}.draw-console span:first-child{position:absolute;top:57px;left:12%;right:11%;border-top:7px solid #f4f2e8}.draw-console span:nth-child(2){position:absolute;top:0;left:55%;width:29px;height:29px;border-radius:50% 50% 25% 25%;background:#9d7f67}.draw-plan:before{content:'';position:absolute;inset:16px 10%;border:2px solid #aab2a6}.draw-plan:after{content:'';position:absolute;left:16%;top:37px;width:40%;height:76px;background:#b8c2b4}.draw-plan span:first-child{position:absolute;left:67%;top:30px;height:100px;border-left:1px solid #66806b}.draw-plan span:nth-child(2){position:absolute;left:63%;top:30px;right:21%;border-top:1px solid #66806b;border-bottom:1px solid #66806b;height:100px}.measure-section{display:grid;grid-template-columns:1fr 1fr;background:#344b3d;color:#f4f4e9}.measure-copy{padding:98px 7vw 90px}.measure-copy .eyebrow{color:#b9c7b7}.measure-copy .eyebrow .line{background:#b9c7b7}.measure-section h2{font-size:clamp(30px,3vw,45px);margin:0 0 20px}.measure-copy>p:not(.eyebrow){max-width:470px;font-size:13px;line-height:2;color:#d0d9ce}.measure-copy ol{padding:0;list-style:none;margin:31px 0}.measure-copy li{padding:12px 0;border-top:1px solid #6f806f;display:grid;grid-template-columns:155px 1fr;gap:15px;font-size:12px;line-height:1.7}.measure-copy li b{font-weight:600}.measure-copy li span{color:#c8d3c7}.measure-diagram{background:#e4e6dc;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#566a58;padding:50px}.diagram-frame{height:360px;width:min(400px,100%);position:relative;border-left:2px solid #b3c0ad;border-bottom:2px solid #b3c0ad}.diagram-wall{position:absolute;left:6%;top:10%;width:72%;height:68%;border:1px solid #a4b5a4}.diagram-box{position:absolute;left:20%;top:23%;width:48%;height:42%;background:#b7c5b4;border:2px solid #879f89;box-shadow:8px 9px 0 #70887632}.diagram-arrow{position:absolute;font-size:11px;font-weight:700;letter-spacing:.06em}.width-arrow{left:20%;top:13%;width:48%;text-align:center;border-top:1px solid #4f7057;padding-top:6px}.depth-arrow{left:5%;top:43%;transform:rotate(-90deg);border-top:1px solid #4f7057;padding-top:4px}.height-arrow{right:5%;top:40%;transform:rotate(90deg);border-top:1px solid #4f7057;padding-top:4px}.diagram-swing{position:absolute;left:60%;top:52%;width:80px;height:80px;border-right:1px dashed #8da18f;border-bottom:1px dashed #8da18f;border-radius:0 0 100% 0}.diagram-note{position:absolute;right:2%;bottom:10%;font-size:11px}.measure-diagram>p{margin:28px 0 0;font-size:11px;letter-spacing:.04em;text-align:center}.about-section{background:#f8f7f3;padding:95px 8vw}.about-section h2{font-size:clamp(30px,3.3vw,48px);margin:0 0 38px}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:950px}.about-cols p{font-size:13px;color:var(--muted);line-height:2}.about-links{display:flex;gap:30px;margin-top:30px;font-size:12px;font-weight:700}.about-links a{border-bottom:1px solid;padding-bottom:4px}.site-footer{background:#e8ebe4;padding:55px 8vw 25px}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:40px;border-bottom:1px solid #cbd2c7}.footer-top p{font-size:11px;color:var(--muted);margin:0}.footer-top>a{margin-left:auto;font-size:11px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:20px;color:#7b8878;font-size:10px;line-height:1.8}.footer-bottom p{max-width:700px;margin:0}dialog{border:0;padding:0;width:min(640px,calc(100% - 30px));max-height:90vh;box-shadow:0 25px 90px #16251b55;background:#fffefa;color:var(--ink)}dialog::backdrop{background:#1a291e99}.dialog-close{position:absolute;top:10px;right:17px;border:0;background:transparent;font-size:30px;color:#5d6a5e}.dialog-inner{padding:43px}.dialog-inner h2{font-family:'Noto Serif JP',serif;font-size:25px;font-weight:500;margin:0 0 6px;line-height:1.5}.dialog-model{font-size:11px;color:#7b897b}.dialog-measure{background:#eef0e9;display:flex;justify-content:space-around;gap:6px;padding:18px;margin:25px 0}.dialog-measure span{font-size:11px;color:#6f796e}.dialog-measure b{display:block;color:var(--deep);font-size:23px;margin-top:4px}.dialog-inner>p{font-size:13px;line-height:1.9;color:#556254}.dialog-source{font-size:11px!important;color:#7b8878!important}.dialog-inner .button{margin-top:8px}.dialog-hint{margin:22px 0 0!important;font-size:11px!important;color:#8a9389!important}
@media(max-width:1100px){.site-header nav{gap:15px}.hero-copy{padding-left:5vw}.finder-layout{gap:24px;grid-template-columns:280px 1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{height:70px;padding:0 20px}.brand{font-size:16px}.brand-mark{font-size:34px}.site-header nav{display:none}.header-cta{font-size:10px;padding:10px}.header-cta span{margin-left:5px}.hero{display:flex;flex-direction:column}.hero-copy{padding:69px 25px 55px}.hero h1{font-size:clamp(39px,10vw,64px)}.hero-lead{font-size:13px}.hero-art{min-height:430px}.art-cabinet{left:15%}.art-shelf{left:58%;width:24%}.art-dimension{left:47%;width:9%}.intro-strip{gap:10px;font-size:9px}.intro-strip b{margin-left:3px}.intro-strip i{width:15px}.section{padding:75px 22px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:14px;font-size:12px}.finder-layout{display:block}.filter-panel{max-width:none;margin-bottom:45px}.results-top{align-items:start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-visual{height:145px}.product-body{padding:14px 12px}.product-body h4{font-size:13px;min-height:60px}.product-body .note{font-size:10px;min-height:70px}.idea-grid{grid-template-columns:1fr}.idea-card{min-height:370px}.idea-drawing{left:37%;right:7%}.measure-section{grid-template-columns:1fr}.measure-copy{padding:75px 25px}.measure-copy li{grid-template-columns:115px 1fr}.measure-diagram{min-height:440px;padding:30px}.about-section{padding:75px 25px}.about-cols{grid-template-columns:1fr;gap:0}.about-links{flex-wrap:wrap}.site-footer{padding:50px 25px 20px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top p{width:100%}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:15px}.dialog-inner{padding:38px 23px 25px}}@media(max-width:390px){.hero-actions{gap:15px}.button{min-width:175px}.text-link{font-size:11px}.product-grid{grid-template-columns:1fr}.product-body h4,.product-body .note{min-height:0}}