.project-navigation summary{list-style:none;cursor:pointer;color:#4f574d;display:flex;align-items:center;gap:7px;font-size:inherit}
.project-navigation summary::-webkit-details-marker{display:none}
.project-navigation summary:after{content:'⌄';font-size:13px;color:#8c775c;transition:transform .15s}
.project-navigation[open] summary:after{transform:rotate(180deg)}
.project-navigation summary:hover{color:#a64c29}
.project-navigation summary:focus-visible{outline:2px solid #a34d2c;outline-offset:6px}
.project-menu{color:var(--ink);background:#fffef8;border:1px solid #c5c8b8;box-shadow:0 15px 35px #353d291a}
.project-navigation-desktop .project-menu{position:absolute;top:100%;left:48px;right:48px;max-height:calc(100svh - 130px);overflow:auto;padding:26px 30px 22px}
.project-menu-top{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #d8d9cb;padding-bottom:17px;margin-bottom:20px;font-size:13px}
.project-menu-top>span{color:#78816d;font-size:11px}
.project-menu-grid{display:grid;grid-template-columns:1.35fr .95fr 1fr 1.1fr;gap:28px}
.project-menu-group h2{font-size:12px;font-weight:650;color:#936343;letter-spacing:0;margin:0 0 10px}
.project-menu-group ul{list-style:none;padding:0;margin:0}
.project-menu-group li+li{margin-top:2px}
.desktop-nav .project-menu a{color:var(--ink);display:block;padding:9px 5px;font-size:13px;line-height:1.6;border-radius:2px;overflow-wrap:anywhere}
.desktop-nav .project-menu a:hover,.desktop-nav .project-menu a[aria-current=page]{background:#eceee3;color:#934628}
.desktop-nav .project-menu-top a{padding:0;font-size:13px;color:#8e4426}
.mobile-nav{max-height:calc(100svh - 112px);overflow:auto;overscroll-behavior:contain}
.project-navigation-mobile{border-bottom:1px solid #d7d5c9}
.project-navigation-mobile summary{padding:12px 0;font-size:15px}
.project-navigation-mobile .project-menu{padding:14px 0 20px;border:0;background:transparent;box-shadow:none}
.project-navigation-mobile .project-menu-top{padding-bottom:12px;margin-bottom:15px;align-items:flex-start;flex-wrap:wrap}
.project-navigation-mobile .project-menu-grid{grid-template-columns:1fr;gap:18px}
.project-navigation-mobile .project-menu a{font-size:13px;padding:9px 8px;border:0;line-height:1.6;overflow-wrap:anywhere}
.project-navigation-mobile .project-menu a:hover,.project-navigation-mobile .project-menu a[aria-current=page]{background:#e8ebdd}
.project-page{background:#f5f2ea}
.project-page .site-header{position:relative;background:#f5f2ea}
.project-page-main{padding-block:44px 80px}
.project-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#777f6c;margin-bottom:40px}
.project-breadcrumb a{color:#8f4c30}
.project-page-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:50px}
.project-page-category{font-size:12px;color:#926343;margin-bottom:18px}
.project-page-main h1{font-size:clamp(30px,3.2vw,47px);line-height:1.4;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;font-weight:700}
.project-page-summary{font-size:18px;line-height:1.75;color:#647057;margin-top:18px;word-break:keep-all}
.project-page-status{display:inline-block;font-size:11px;background:#e6e9da;color:#63724e;padding:5px 9px;margin-top:21px;border:1px solid #cbd1bf}
.project-page figure{margin:0;min-width:0}
.project-page-media{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:8/5;padding:12px;border:1px solid #c7ccb9;background:#e7e8df}
.project-page-media a{display:block;min-width:0;width:100%;height:100%}
.project-page-media img{display:block;width:100%;height:100%;object-fit:contain;max-height:400px}
.project-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:auto}
.project-media-pair img{height:400px}
.project-page figcaption{color:#838975;font-size:11px;margin-top:11px}
.project-page-body{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding-top:42px}
.project-page-main h2{font-size:21px;line-height:1.4;letter-spacing:-.025em;margin-bottom:19px}
.project-page-description{font-size:17px;color:#5f6b54;line-height:1.95;word-break:keep-all}
.project-page .detail-note{margin-top:24px;border-left:2px solid #bcc4ab;padding:14px 18px;background:#eeeee3}
.project-page-features{list-style:none;padding:0;margin:0}
.project-page-features li{padding:15px 0;border-top:1px solid #ced2c1;font-size:15px;line-height:1.65;color:#59684c}
.project-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
.project-page-back{display:inline-block;margin-top:45px;font-size:13px;color:#8e4426}
@media(max-width:1100px){.project-navigation-desktop .project-menu{left:32px;right:32px;padding:23px}.project-menu-grid{gap:20px}.project-page-hero{gap:35px}.project-page-body{gap:40px}}
@media(max-width:950px){.project-page-hero{grid-template-columns:1fr;gap:28px}.project-page-hero figure{max-width:650px}.project-page-body{gap:32px}}
@media(max-width:600px){.project-page-main{padding-block:28px 55px}.project-breadcrumb{margin-bottom:28px;font-size:11px;gap:8px}.project-page-hero{padding-bottom:32px}.project-page-main h1{font-size:29px}.project-page-category{font-size:11px;margin-bottom:14px}.project-page-summary{font-size:16px;margin-top:16px}.project-page-body{grid-template-columns:1fr;gap:30px;padding-top:30px}.project-page-description{font-size:16px}.project-page-media{padding:8px}.project-media-pair{gap:8px}.project-media-pair img{height:285px}.project-page-actions .button{font-size:13px}.project-page-main h2{font-size:20px}.project-page-features li{font-size:14px}.project-page-back{margin-top:33px}}