:root{--ink:#303730;--accent:#778264;--paper:#fff;--tint:#f4f3ef;--line:#dcded6;--body:'Noto Sans JP',sans-serif;--en:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--body);-webkit-font-smoothing:antialiased}body.menu-open,body.dialog-open{overflow:hidden}p,h1,h2,h3,figure{margin:0}p{line-height:2.1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,video{display:block;object-fit:cover;width:100%}h1,h2,h3{font-weight:500}h2{font-size:32px;line-height:1.85;letter-spacing:.08em}h3{font-size:20px;line-height:1.8}.section{padding:110px max(6%,calc((100vw - 1200px)/2))}.eyebrow{font:11px/1.6 var(--en);letter-spacing:.11em;color:#68715f;margin-bottom:22px}.skip{position:fixed;top:-100px;left:16px;z-index:150;background:white;padding:14px}.skip:focus{top:16px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4%;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid transparent;z-index:30;transition:border-color .2s ease-out}.header.scrolled{border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:.1em;font-weight:600;white-space:nowrap}.brand small{display:block;font:7px var(--en);letter-spacing:.16em;margin-top:6px}.brand-mark,.opening-symbol{display:block;width:30px;height:30px;border:2px solid var(--accent);position:relative;transform:rotate(45deg);margin:0 5px}.brand-mark:after,.opening-symbol:after{content:'';position:absolute;width:13px;height:13px;border:2px solid var(--accent);background:white;right:-8px;bottom:-8px}.nav{display:flex;align-items:center;gap:28px;font-size:11px}.nav>a{padding:10px 0}.nav>a:hover{color:var(--accent)}.nav-contact{display:flex;align-items:center;gap:22px;border:1px solid var(--line);padding:14px 18px;font-size:11px}.nav-contact:hover{background:var(--tint)}.menu-toggle{display:none}.hero{padding:42px 4% 0}.hero-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 2% 42px;gap:40px}.hero-heading .eyebrow{margin-bottom:16px}.hero h1{font-size:40px;letter-spacing:.08em;line-height:1.75}.mobile-break{display:none}.hero-note{font-size:12px;line-height:2.25;padding-bottom:6px;margin-right:4%}.hero-photos{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:end}.hero-photos figure{position:relative;overflow:hidden}.hero-family{height:400px}.hero-house{height:465px}.hero-photos img{height:112%;margin-top:-4%}.hero-photos figcaption{position:absolute;left:20px;bottom:20px;color:white;font-size:11px;letter-spacing:.05em;text-shadow:0 1px 5px #0008;z-index:1}.hero-photos figure:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0005)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;height:70px;margin:0 2%;border-bottom:1px solid var(--line);font-size:10px}.hero-bottom a{font:9px var(--en);letter-spacing:.07em}.hero-bottom span{margin-left:30px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.about-body{padding-top:4px}.about-body .lead{font-size:19px;line-height:2.1;margin-bottom:25px}.about-body>p+p{font-size:13px;margin-top:23px;line-height:2.3}.text-link{display:flex;align-items:center;justify-content:space-between;gap:50px;width:fit-content;min-width:225px;border-bottom:1px solid var(--ink);padding:14px 0;font-size:12px;margin-top:30px;text-align:left}.text-link span{font-size:20px;transition:transform .2s ease-out}.text-link:hover span{transform:translate(3px,-3px)}.spaces{background:var(--tint)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading>p{font-size:12px;line-height:2.1;padding-bottom:7px}.spaces-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:48px}.space-photo{aspect-ratio:1.4;overflow:hidden}.space-photo img{height:112%;margin-top:-5%}.space-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.space-caption .eyebrow{font-size:9px;margin-bottom:10px}.space-caption p:last-child{font-size:12px;margin-top:8px}.circle-button{border:1px solid #969d8e;width:42px;height:42px;flex-shrink:0;border-radius:50%;font-size:22px;transition:background .2s ease-out}.circle-button:hover{background:#e2e5db}.image-note{font-size:10px;color:#777d72;margin-top:32px}.nature-film{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;align-items:center}.film-copy>p:last-child{font-size:13px;margin-top:25px}.video-frame{position:relative;overflow:hidden}.nature-film .video-frame{height:410px}.video-frame video{height:100%;object-fit:cover}.video-toggle{position:absolute;bottom:20px;right:20px;z-index:3;background:#fffffff0;color:var(--ink);display:flex;gap:25px;align-items:center;padding:12px 17px;font-size:10px}.video-toggle span{font-size:14px}.people{padding-top:0;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.people-media{height:470px;overflow:hidden}.people-media img{height:112%;margin-top:-5%;object-position:50% 40%}.people-copy>p:not(.eyebrow){font-size:13px;margin-top:25px;line-height:2.3}.service{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;background:var(--tint)}.service-intro>p:last-child{font-size:13px;margin-top:25px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:25px 28px 25px 0}summary::-webkit-details-marker{display:none}summary i{position:absolute;right:0;top:50%;width:14px;height:14px;transform:translateY(-50%)}summary i:before,summary i:after{content:'';position:absolute;left:0;top:6px;width:14px;height:1px;background:var(--ink)}summary i:after{transform:rotate(90deg);transition:transform .2s ease-out}details[open] summary i:after{transform:rotate(0)}.service-list summary span{font:9px var(--en);letter-spacing:.07em;color:#70796a}.service-list h3{font-size:20px;margin-top:10px}.service-list details>div{padding:0 25px 25px 0;font-size:12px;line-height:2.2}.service-list ul{padding-left:18px;line-height:2.2;margin:15px 0 0}.process-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:45px 0 0}.process-list li{border-top:1px solid var(--line);padding-top:23px}.process-list li>span{font:24px var(--en);font-weight:400;color:#6a765e}.process-list h3{font-size:17px;margin-top:22px}.process-list p{font-size:12px;margin-top:14px;line-height:2.1}.closing-film{height:435px;position:relative}.closing-film .video-frame{height:100%}.closing-film .video-frame:after{content:'';position:absolute;inset:0;background:#13261830;pointer-events:none}.closing-film>p{font-family:'Noto Serif JP',serif;font-size:31px;letter-spacing:.1em;line-height:2;position:absolute;top:50%;left:10%;transform:translateY(-50%);color:white;pointer-events:none}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:10%}.faq h2{font-size:28px}.faq summary{font-size:13px;line-height:1.8;padding-top:23px;padding-bottom:23px}.faq details>p{font-size:12px;padding:0 25px 23px 0}.contact{background:var(--tint);display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:75px;padding-bottom:75px}.contact h2{font-size:29px;line-height:1.9}.contact p:not(.eyebrow){margin-top:18px;font-size:12px}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:70px;padding:25px 30px;border:1px solid #9aa38d;background:white;font-size:13px}.contact-button span{font-size:22px}.contact-button:hover{background:#e9edde}.footer{padding-top:52px;padding-bottom:25px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-links{display:flex;gap:25px;font-size:10px}.top-link{font:9px var(--en)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:42px;padding-top:23px;font-size:8px;color:#72766c}.footer-bottom span{font:8px var(--en);white-space:nowrap}dialog{border:0;padding:42px;width:min(590px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--ink);background:white}dialog::backdrop{background:#26302680;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:15px 0 20px}.dialog-close{position:absolute;top:10px;right:15px;font-size:28px}.dialog-note{font-size:11px;background:var(--tint);padding:15px}.dialog-note+form{margin-top:25px}form label{display:block;font-size:12px;margin-bottom:18px}input,textarea,select{display:block;border:1px solid var(--line);padding:12px;width:100%;margin-top:8px;background:white}textarea{resize:vertical}.form-button{display:flex;justify-content:space-between;width:100%;background:#617050;color:white;padding:17px 20px;font-size:12px}.form-result{font-size:12px;margin-top:16px}.detail-body{font-size:13px;line-height:2.2;margin-bottom:28px}.opening{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;background:#f9f9f6;animation:opening-out .3s ease-out 1s forwards}.js .opening{display:flex}.opening.gone{display:none}.opening-symbol{margin-bottom:30px}.opening>p{font-size:24px;letter-spacing:.15em}.opening>small{font-size:10px;letter-spacing:.1em;margin-top:10px}.opening>button{position:absolute;bottom:35px;right:5%;font-size:11px}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out}.js .reveal.visible{opacity:1;transform:none}@keyframes opening-out{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(min-width:1600px){.hero-family{height:480px}.hero-house{height:550px}.hero-heading{padding-bottom:50px}.hero h1{font-size:44px}}
@media(max-width:1100px){.nav{gap:18px;font-size:10px}.nav-contact{font-size:10px;padding:12px}.brand{font-size:21px;gap:9px}.hero-note{margin-right:0}.hero h1{font-size:36px}.hero-family{height:330px}.hero-house{height:390px}.section{padding-top:90px;padding-bottom:90px}.people{padding-top:0}.people-media{height:420px}.people-copy>p:not(.eyebrow) br{display:none}.footer-links{gap:15px}.footer-main{flex-wrap:wrap}.footer-bottom{align-items:flex-end}h2{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:80px}.header{height:74px;padding:0 6%}.brand{font-size:20px;gap:9px}.brand small{font-size:6px;margin-top:5px}.brand-mark{width:24px;height:24px}.brand-mark:after{width:10px;height:10px;right:-6px;bottom:-6px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:38px;height:44px;padding:0}.menu-toggle>span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s ease-out}.menu-toggle b{font:7px var(--en)}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.nav{display:none;position:absolute;top:74px;left:0;right:0;height:calc(100dvh - 74px);background:white;padding:30px 8%;flex-direction:column;align-items:stretch;overflow:auto;gap:0}.nav.open{display:flex}.nav>a{padding:22px 0;font-size:16px;border-bottom:1px solid var(--line)}.nav-contact{justify-content:space-between;margin-top:28px;padding:20px;font-size:12px}.hero{padding:30px 6% 0}.hero-heading{display:block;padding:0 0 28px}.hero-heading .eyebrow{font-size:9px;margin-bottom:15px}.hero h1{font-size:28px;line-height:1.8;letter-spacing:.065em}.mobile-break{display:block}.hero-note{font-size:11px;margin-top:20px;line-height:2.1}.hero-note br:first-child{display:none}.hero-photos{display:block;height:325px;position:relative}.hero-family{height:245px;width:100%}.hero-house{height:160px;width:49%;position:absolute!important;right:0;bottom:0;border-top:8px solid white;border-left:8px solid white}.hero-photos img{object-position:52% 50%}.hero-family img{object-position:50% 50%}.hero-photos figcaption{display:none}.hero-bottom{height:66px;margin:0;font-size:8px;gap:15px}.hero-bottom>p{max-width:240px;line-height:1.8}.hero-bottom a{font-size:7px;white-space:nowrap}.hero-bottom span{margin-left:10px}.section{padding:65px 7%}h2{font-size:26px;line-height:1.9}.eyebrow{font-size:9px;margin-bottom:17px}.about,.people,.service,.faq{display:block}.about-body{margin-top:28px}.about-body .lead{font-size:16px}.about-body>p+p{font-size:12px;margin-top:21px}.about-body>p br{display:none}.about-body>.lead br{display:block}.text-link{font-size:11px;margin-top:25px;padding:12px 0;min-width:210px}.section-heading{display:block}.section-heading>p{font-size:11px;margin-top:19px;padding:0}.spaces-grid{display:block;margin-top:30px}.space+.space{margin-top:35px}.space-photo{aspect-ratio:1.3}.space-caption{margin-top:19px;gap:15px}.space-caption .eyebrow{font-size:8px;margin-bottom:8px}.space-caption h3{font-size:18px}.space-caption p:last-child{font-size:10px;margin-top:6px}.circle-button{height:36px;width:36px;font-size:20px}.image-note{font-size:9px;line-height:1.9;margin-top:28px}.nature-film{display:block}.film-copy>p:last-child{font-size:12px;margin-top:20px}.nature-film .video-frame{height:275px;margin-top:30px}.video-toggle{font-size:9px;gap:20px;padding:11px 13px;bottom:15px;right:15px}.people{padding-top:0}.people-media{height:290px}.people-copy{margin-top:32px}.people-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.service-intro>p:last-child{font-size:12px;margin-top:20px}.service-list{margin-top:30px}.service-list summary{padding-top:24px;padding-bottom:24px}.service-list summary span{font-size:8px}.service-list h3{font-size:18px}.service-list details>div{font-size:11px;padding-right:15px}.process-list{grid-template-columns:1fr 1fr;gap:30px 23px;margin-top:30px}.process-list li{padding-top:20px}.process-list li>span{font-size:22px}.process-list h3{font-size:15px;margin-top:15px}.process-list p{font-size:11px;line-height:2;margin-top:10px}.closing-film{height:350px}.closing-film>p{font-size:26px;left:8%}.faq h2{font-size:26px}.faq-list{margin-top:25px}.faq summary{font-size:12px;line-height:1.9}.faq details>p{font-size:11px;padding-right:15px}.contact{display:block}.contact h2{font-size:25px}.contact p:not(.eyebrow){font-size:11px}.contact-button{margin-top:30px;width:100%;padding:21px;font-size:12px;gap:20px}.footer{padding-top:40px;padding-bottom:23px}.footer-main{display:flex;gap:25px}.footer-links{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.top-link{margin-left:auto;font-size:7px}.footer-bottom{display:block;margin-top:30px;padding-top:20px}.footer-bottom p{font-size:8px;line-height:1.9}.footer-bottom span{display:block;margin-top:18px;font-size:7px}dialog{padding:35px 23px}dialog h2{font-size:22px}.dialog-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .opening{display:none}.js .reveal{opacity:1;transform:none}[data-parallax]{transform:none!important}}