:root{--accent:#30382d;--nav-bg:#fafaf6;--nav-ink:#2e332c}body{background:#fafaf7;color:#32362f}.arch-header{padding:32px 5%;position:relative;z-index:30;border-bottom:1px solid #d7dbd2}.arch-logo{display:flex;align-items:center;gap:17px}.arch-logo>span{font-family:'Noto Serif JP',serif;font-weight:500;font-size:31px;letter-spacing:.18em}.arch-logo small{font:8px/1.7 'DM Sans',sans-serif;letter-spacing:.12em;border-left:1px solid #bbc2b3;padding-left:15px}.arch-header nav>a{font-size:11px}.arch-header nav>button{background:transparent;border:0;border-bottom:1px solid #444;padding:8px 0;font-size:12px;min-width:80px;display:flex;justify-content:space-between}.arch-hero{padding:50px 5% 0}.arch-hero-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.arch-hero .label{font-size:9px;letter-spacing:.16em}.arch-hero h1{font-family:'Noto Serif JP',serif;font-size:clamp(39px,4.2vw,67px);line-height:1.65;letter-spacing:.06em;font-weight:400;margin:26px 0 0}.arch-hero h1 span{padding-left:2em}.arch-hero-head>p{font-size:13px;line-height:2.2;letter-spacing:.07em;margin:0 25px 10px 0}.arch-hero-photo{position:relative;margin-left:15%;height:480px}.arch-hero-photo>img{width:100%;height:100%;object-fit:cover}.arch-vertical{position:absolute;writing-mode:vertical-rl;left:-65px;top:0;font-size:13px;letter-spacing:.2em}.arch-photo-caption{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font:9px 'DM Sans',sans-serif;letter-spacing:.12em}.arch-photo-caption a>span{font-size:18px;margin-left:20px}.arch-philosophy{padding:145px 0 110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-bottom:1px solid #c5cbbd}.arch-statement{font-family:'Noto Serif JP',serif;font-size:36px;line-height:1.9;letter-spacing:.06em;margin:35px 0 0}.arch-philosophy-copy{padding-top:40px}.arch-philosophy-copy p{font-size:14px;line-height:2.4;margin:0 0 28px;letter-spacing:.03em}.arch-works{padding:95px 0}.arch-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.arch-section-head h2{font-family:'Noto Serif JP',serif;font-size:30px;font-weight:400;letter-spacing:.1em;margin:0}.arch-section-head .label{font-size:9px}.project-stack{position:relative}.arch-project{position:sticky;top:30px;background:#fafaf7;padding:15px 0 45px;box-shadow:0 -20px 30px #fafaf7}.arch-project+ .arch-project{margin-top:70px}.project-top{display:grid;grid-template-columns:65px 1fr 200px;align-items:center;gap:25px;margin-bottom:22px;border-top:1px solid #959d8c;padding-top:20px}.project-top>span{font:30px 'DM Serif Display',serif}.project-top h3{font-family:'Noto Serif JP',serif;font-size:24px;font-weight:400;letter-spacing:.08em;margin:0}.project-top small{font:9px 'DM Sans',sans-serif;letter-spacing:.12em;justify-self:end}.project-visual{position:relative;height:520px}.project-visual>img{width:100%;height:100%;object-fit:cover}.project-button{position:absolute;bottom:25px;right:25px;width:65px;height:65px;border-radius:50%;background:#fafaf7;border:0;font-size:27px}.project-button:hover{background:#333c2d;color:white}.project-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:18px}.project-bottom>span{font:9px 'DM Sans',sans-serif;letter-spacing:.12em;color:#7c8573}.arch-works .sample-note{margin-top:30px}.arch-process{padding:50px 0 110px;display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.arch-process-title h2{font-family:'Noto Serif JP',serif;font-size:35px;font-weight:400;line-height:1.8;margin-top:28px}.arch-steps details{border-top:1px solid #bfc5b7;padding:22px 0}.arch-steps details:last-child{border-bottom:1px solid #bfc5b7}.arch-steps summary{list-style:none;display:flex;gap:25px;font-family:'Noto Serif JP',serif;font-size:22px;cursor:pointer;align-items:center}.arch-steps summary::-webkit-details-marker{display:none}.arch-steps summary>span{font:12px 'DM Sans',sans-serif;color:#86917c}.arch-steps summary>b{margin-left:auto;font-family:'DM Sans',sans-serif;font-size:20px;font-weight:400;transition:transform .3s}.arch-steps details[open] summary>b{transform:rotate(45deg)}.arch-steps details p{font-size:13px;line-height:2.3;padding-left:42px;color:#737d68;animation:word-in .4s}.arch-contact{background:#e1e5da;padding:75px 6%;display:flex;justify-content:space-between;align-items:end;gap:40px}.arch-contact h2{font-family:'Noto Serif JP',serif;font-weight:400;font-size:34px;line-height:1.7;margin:25px 0 0}.arch-contact button{border:1px solid #647158;background:transparent;padding:24px 30px;font-size:14px;display:flex;align-items:center;gap:65px}.arch-contact button>span{font-size:25px}.arch-contact button:hover{background:#35412d;color:white}.arch-footer{display:flex;gap:35px;align-items:center;padding:45px 5%;flex-wrap:wrap}.arch-footer>a:last-child{margin-left:auto;font-size:12px}@media(max-width:1100px){.arch-header nav{gap:18px}.arch-hero-head>p{margin-right:0}.arch-philosophy{gap:45px}.arch-process{gap:45px}.arch-header nav>a{font-size:10px}}@media(max-width:760px){.arch-header{padding:23px 6%}.arch-logo{gap:12px}.arch-logo>span{font-size:27px}.arch-logo small{font-size:7px;padding-left:10px}.arch-hero{padding:35px 6% 0}.arch-hero-head{display:block;margin-bottom:30px}.arch-hero .label{font-size:8px}.arch-hero h1{font-size:clamp(29px,8.3vw,47px);line-height:1.8;margin-top:23px;letter-spacing:.03em}.arch-hero h1 span{padding-left:1.6em}.arch-hero-head>p{font-size:11px;line-height:2.2;margin:25px 0 0 18%}.arch-hero-photo{height:340px;margin-left:12%;margin-right:-6.8%}.arch-vertical{left:-31px;font-size:10px;letter-spacing:.15em}.arch-photo-caption{font-size:7px;line-height:1.7;gap:15px;margin-right:15px}.arch-photo-caption a{white-space:nowrap}.arch-photo-caption a>span{font-size:14px;margin-left:8px}.arch-philosophy{display:block;padding:100px 0 55px}.arch-statement{font-size:28px;margin-top:25px}.arch-philosophy-copy{padding-top:30px}.arch-philosophy-copy p{font-size:12px;line-height:2.3;margin-bottom:20px}.arch-works{padding:55px 0}.arch-section-head{display:block;margin-bottom:28px}.arch-section-head h2{font-size:25px;margin-bottom:17px}.arch-section-head .label{font-size:8px}.arch-project{top:15px;padding-bottom:25px}.arch-project+ .arch-project{margin-top:38px}.project-top{grid-template-columns:35px 1fr;gap:15px;padding-top:17px;margin-bottom:17px}.project-top>span{font-size:24px}.project-top h3{font-size:21px}.project-top small{grid-column:2;justify-self:start;font-size:8px}.project-visual{height:360px}.project-visual>img{object-position:50% center}.project-button{width:50px;height:50px;font-size:24px;bottom:17px;right:17px}.project-bottom{display:block;font-size:11px;margin-top:15px}.project-bottom p{margin-bottom:9px}.project-bottom>span{font-size:8px}.arch-works .sample-note{font-size:10px;line-height:1.8;margin-top:20px}.arch-process{display:block;padding:20px 0 65px}.arch-process-title h2{font-size:29px;margin:23px 0 28px}.arch-process-title h2 br{display:none}.arch-steps summary{font-size:20px;gap:20px}.arch-steps details p{font-size:12px;padding-left:34px}.arch-contact{display:block;padding:55px 6%}.arch-contact h2{font-size:28px}.arch-contact button{font-size:13px;padding:19px 23px;width:100%;justify-content:space-between;margin-top:30px}.arch-footer{gap:22px;padding:30px 6%}.arch-footer .sample-note{width:100%;order:3;font-size:10px;margin:0}.arch-footer>a:last-child{font-size:10px}.arch-footer .arch-logo small{display:none}}@media(prefers-reduced-motion:reduce){.arch-project{position:relative;top:auto}}