:root{--paper:#eae8e1;--ink:#282b29;--muted:#6a6d66;--line:#bfc2b7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif}html{scroll-behavior:smooth;scroll-padding-top:85px}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ac6946;outline-offset:4px}.wrap{width:min(1320px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-70px;background:white;padding:12px;z-index:40}.skip:focus{top:10px}header{padding:26px 0;border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:24px;font-weight:650;letter-spacing:5px}.logo span{font:10px monospace;letter-spacing:1px;display:inline-block;margin-left:20px;color:var(--muted)}nav{display:flex;gap:26px;font-size:12px}.lead{display:grid;grid-template-columns:1fr 1fr;padding:45px 0 32px;gap:50px;align-items:end}.lead h1{font-size:clamp(32px,3.6vw,48px);font-weight:450;line-height:1.35;letter-spacing:-2px;margin:0}.lead p{color:var(--muted);font-size:14px;max-width:500px;margin:0}.hero-photo{margin:0}.hero-photo img{display:block;width:100%;height:clamp(310px,49vw,610px);object-fit:cover}.hero-photo figcaption{display:flex;justify-content:space-between;gap:25px;padding:14px 0;font-size:11px;color:var(--muted)}.index{padding:65px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:0}.section-head h2{font-size:26px;font-weight:500;margin:0;letter-spacing:-1px}.section-head span{font:10px monospace;color:var(--muted)}.project{border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 1fr 1.1fr 130px;gap:24px;padding:25px 0;align-items:center}.project .number{font:11px monospace}.project h3{font-size:22px;font-weight:450;margin:0}.project p{font-size:13px;margin:0;color:var(--muted)}.text-button{padding:12px 0;border:0;background:none;color:var(--ink);text-align:right;font-size:12px}.approach{display:grid;grid-template-columns:1fr 2fr;gap:65px;border-top:1px solid var(--line);padding:45px 0 70px}.approach h2{font-size:25px;font-weight:450;margin:0}.approach p{font-size:15px;line-height:1.9;margin:0 0 22px;color:var(--muted);max-width:720px}.approach ul{padding:0;list-style:none;margin:0}.approach li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.approach li span{color:var(--muted);font-size:11px}.inquiry{background:#d9dcd2;padding:50px 0}.inquiry .wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px}.inquiry h2{font-size:26px;font-weight:450;margin:0 0 18px}.inquiry p{font-size:13px;color:var(--muted)}.inquiry label{display:block;font-size:12px;margin-bottom:9px}.inquiry select{display:block;width:100%;padding:12px;background:var(--paper);border:1px solid #a4aa9c;color:var(--ink);margin-bottom:20px}.button{border:1px solid var(--ink);background:var(--ink);color:white;padding:12px 22px;min-height:46px;font-size:13px}.button.secondary{background:none;color:var(--ink)}.status{font-size:12px;white-space:pre-line}footer{padding:30px 0;font-size:11px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:40px}footer p{max-width:760px;margin:0 0 12px}footer details{font-size:10px}footer details a{display:inline-block;text-decoration:underline;margin-right:16px}dialog{width:min(1060px,calc(100% - 38px));max-height:92vh;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#172018c4}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid var(--line)}.dialog-top h2{font-size:23px;font-weight:450;margin:0}.close{font-size:13px;padding:8px 12px;border:1px solid #9ea699;background:transparent}.project-detail{padding:28px;display:grid;grid-template-columns:1.35fr 1fr;gap:32px}.project-detail img{display:block;width:100%;max-height:420px;object-fit:contain;background:#deded6}.project-detail figure{margin:0}.project-detail figcaption{font-size:11px;color:var(--muted);margin-top:10px}.project-detail h3{font-size:15px;font-weight:600;margin:0 0 13px}.project-detail p{font-size:13px;color:var(--muted);line-height:1.9}.study-plan{width:100%;height:170px;margin:10px 0;border:1px solid var(--line)}.files{padding:0;list-style:none;margin:20px 0}.files li{font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.logo{font-size:20px}.logo span{display:none}nav{gap:17px;font-size:11px}.lead{grid-template-columns:1fr;gap:22px;padding-top:34px}.lead h1{font-size:36px}.lead p{font-size:13px}.hero-photo img{height:330px}.hero-photo figcaption{display:block;font-size:10px}.hero-photo figcaption span{display:block;margin-bottom:5px}.index{padding:42px 0}.project{grid-template-columns:32px 1fr 80px;gap:12px;padding:21px 0}.project h3{font-size:20px}.project p{grid-row:2;grid-column:2/4;font-size:12px}.project .text-button{grid-column:3;grid-row:1}.section-head h2{font-size:23px}.approach,.inquiry .wrap{grid-template-columns:1fr;gap:24px}.approach{padding:30px 0 45px}.project-detail{grid-template-columns:1fr;padding:20px;gap:23px}.dialog-top{padding:16px 20px}.dialog-top h2{font-size:19px}.foot{display:block}.foot>a{display:block;margin-top:20px}.project-detail img{max-height:310px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
