/* Editorial art direction inspired by the supplied Japanese housing magazine spreads. */
:root{--ink:#292c2e;--muted:#606361;--accent:#8c462e;--blue:#f2f1ed;--line:#d6d4cd}body{background:#fffefb}.section{padding-top:100px;padding-bottom:100px}.button{border-radius:0;background:#85432d;font-weight:400;letter-spacing:.045em}.button:hover{background:#633321}header{background:#fffefbf2;border-color:#dbd9d2;height:88px}.brand-mark{color:#756446;border-color:#ad9c7d}.brand small{letter-spacing:.07em}.brand b{letter-spacing:.1em}.brand-english{font-family:'Cormorant Garamond',serif;font-size:13px}.section-heading{border-top:1px solid var(--ink);padding-top:24px;align-items:start}.section-heading h2{font-size:clamp(29px,3.5vw,48px);line-height:1.6;letter-spacing:.08em}.section-heading>p{padding-top:45px;font-size:15px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#6c604f;font-weight:400}.editorial-cover{max-width:1600px;margin:auto;padding:26px 4vw 0}.masthead{text-align:center}.masthead>p{font-family:'Zen Old Mincho',serif;font-size:15px;letter-spacing:.4em}.masthead>span{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(80px,13.2vw,195px);letter-spacing:.095em;line-height:.98;margin:8px 0 15px;padding-left:.09em}.edition{display:flex;justify-content:space-between;border-top:1px solid #292c2e;border-bottom:1px solid #292c2e;padding:9px 0;font-size:11px;letter-spacing:.16em;margin-bottom:22px}.cover-layout{display:grid;grid-template-columns:1.75fr 1fr;gap:32px}.cover-main{position:relative;min-width:0;height:720px;overflow:hidden}.cover-main>img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.cover-main:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(13,24,30,.76));pointer-events:none}.cover-title{position:absolute;z-index:1;bottom:57px;left:6%;right:4%;color:white}.cover-title>p{font-size:15px;letter-spacing:.15em;margin-bottom:20px}.cover-title h1{font-size:clamp(32px,3.6vw,54px);line-height:1.7;font-weight:500;letter-spacing:.06em;text-shadow:0 1px 8px #0003}.cover-main>figcaption{position:absolute;bottom:18px;left:6%;z-index:1;color:#fff;font-size:11px;letter-spacing:.1em}.cover-side{display:grid;grid-template-rows:auto 1fr;gap:27px}.cover-editorial{padding:20px 0 3px 6px}.cover-editorial .eyebrow{font-size:12px;margin-bottom:16px}.cover-editorial h2{font-size:clamp(25px,2.45vw,36px);line-height:1.75}.cover-editorial>p:not(.eyebrow){font-size:15px;line-height:2.2;color:var(--muted);margin-top:23px}.cover-editorial .underlink{margin-top:19px;font-size:13px}.cover-detail{position:relative;overflow:hidden;min-height:230px}.cover-detail img{width:100%;height:100%;max-height:333px;object-fit:cover;object-position:center 50%}.cover-detail figcaption{position:absolute;bottom:0;left:0;right:0;background:#fffefbf0;padding:10px 12px;font-size:12px}.cover-detail figcaption>span{font-family:'Cormorant Garamond',serif;font-size:24px;margin-right:12px;line-height:1}.cover-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--ink)}.cover-footer>p{font-size:14px;letter-spacing:.06em}.cover-footer .button{font-size:14px;padding:15px 24px}.concept{padding-top:85px;padding-bottom:85px}.concept h2{font-size:34px}.concern-grid>a{padding:30px 25px}.concern-grid>a:hover{background:#f5f3ee}.concern-grid h3{font-family:'Zen Old Mincho',serif;font-size:22px}.concern-grid span{font-size:11px;color:#76694f}.concern-grid p{font-size:14px}.concern-grid b{font-size:13px}.works{background:#f3f1ec}.editorial-case{padding:42px 0 50px;border-bottom:1px solid #c5c2b9}.editorial-case:first-child{padding-top:0}.case-heading{display:flex;align-items:center;gap:24px;margin-bottom:28px}.case-number{font-family:'Cormorant Garamond',serif;font-size:76px;line-height:1;color:#988974}.case-heading .eyebrow{font-size:10px;margin-bottom:7px}.case-heading h3{font-family:'Zen Old Mincho',serif;font-size:clamp(23px,2.5vw,34px);letter-spacing:.065em;line-height:1.7}.work-photos{max-width:none;grid-template-columns:.7fr 1.3fr;gap:25px;align-items:end}.work-photos figure:first-child{padding-bottom:28px}.work-photos a{border-radius:0;background:none}.work-photos img{height:560px;object-fit:contain;background:#e9e6df}.work-photos figure:first-child img{height:330px}.work-photos figcaption{background:transparent;border-top:1px solid var(--ink);margin-top:12px;text-align:left;padding:10px 0;font-size:12px}.work-photos figcaption span{font-size:13px;font-family:'Cormorant Garamond',serif;letter-spacing:.16em;margin-right:15px}.case-note{max-width:620px;margin:22px 0 0 auto;font-size:15px;color:#545754;line-height:2}.work-detail{border-radius:0;background:transparent;border-left:0;border-right:0;border-color:#c5c2b9}.work-detail .work-photos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.work-detail .work-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.work-detail .work-photos img{height:340px}.work-detail .work-photos figure:first-child{padding:0}.work-detail summary{padding-left:0;letter-spacing:.05em}.promise-grid h3{font-family:'Zen Old Mincho',serif;font-size:24px}.number{color:#99886f}.exterior{background:#e9e5dc}.exterior-photo img{height:740px}.exterior-photo>span{border-radius:0;background:#fffefbf2}.exterior-copy h2{letter-spacing:.12em}.exterior-copy .eyebrow{font-size:11px}.text-link{border-color:#9a8c78}.flow h2{letter-spacing:.1em}.steps article>span{color:#93836d}.steps h3{font-family:'Zen Old Mincho',serif;font-size:23px}.faq{background:#f3f1ec}.faq summary{font-family:'Zen Old Mincho',serif;font-size:20px}.introduction{background:#fffefb}.movie-grid video{border-radius:0}.movie-grid{gap:38px}.movie-grid figcaption{border-bottom:1px solid var(--line);padding-bottom:16px}.services{background:#fffefb}.service-grid{gap:32px}.service-card{background:none;border-radius:0}.service-card>img{height:320px}.service-text{padding:22px 0;border-bottom:1px solid var(--line)}.service-text h3{font-family:'Zen Old Mincho',serif;font-size:26px}.interior{background:#f3f1ec}.kitchen-project{background:#e7e2d8}.kitchen-project img{height:480px}.kitchen-project figcaption{padding:50px}.kitchen-project h3{line-height:1.8}.coverage{background:#edeae3}.area-city-card{border-color:#bdb6a8}.area-city-card h3{font-family:'Zen Old Mincho',serif;font-size:32px}.area-city-card small{font-family:'Cormorant Garamond',serif;font-size:14px}.company-data .eyebrow{border-top:1px solid var(--ink);padding-top:18px}.related-business article{background:#f3f1ec}.related-business h3{font-family:'Zen Old Mincho',serif;font-size:25px}.related-business .button{border-color:#b4aa99}.contact{background:#e8e2d7;border-top:1px solid #b9ad99}.contact h2{letter-spacing:.07em}.phone span{font-family:'Cormorant Garamond',serif;font-size:41px}footer{background:#fffefb}.mobile-contact a{border-radius:0;border-color:#9f9484}.mobile-contact a:last-child{background:#85432d;border-color:#85432d}.film-toggle{border-radius:0}.story-image img{background:#f3f1ec}
@media(min-width:1600px){.editorial-cover{padding-left:5vw;padding-right:5vw}}
@media(max-width:1100px){.cover-layout{grid-template-columns:1.5fr 1fr;gap:25px}.cover-main{height:650px}.cover-title h1{font-size:35px}.cover-editorial h2{font-size:28px}.cover-editorial>p:not(.eyebrow){font-size:14px}.cover-detail img{max-height:270px}}
@media(max-width:800px){header{height:79px}.editorial-cover{padding:22px 20px 0}.masthead>p{font-size:12px;letter-spacing:.24em}.masthead>span{font-size:14.5vw;letter-spacing:.06em;margin:10px 0 13px;line-height:1.05}.edition{font-size:9px;letter-spacing:.09em;padding:8px 0;margin-bottom:16px}.cover-layout{display:block}.cover-main{height:530px}.cover-title{left:7%;bottom:52px}.cover-title h1{font-size:clamp(27px,7.25vw,43px);letter-spacing:.045em;line-height:1.8}.cover-title>p{font-size:12px;margin-bottom:15px}.cover-main>figcaption{left:7%;font-size:10px;bottom:19px}.cover-main>img{object-position:center 48%}.cover-side{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto;gap:19px;margin-top:24px;align-items:start}.cover-editorial{padding:0}.cover-editorial .eyebrow{font-size:10px;letter-spacing:.035em;margin-bottom:9px}.cover-editorial h2{font-size:20px;letter-spacing:.03em}.cover-editorial>p:not(.eyebrow){font-size:12px;line-height:2.1;margin-top:14px}.cover-editorial .underlink{font-size:12px;margin-top:17px}.cover-detail{min-height:0;height:280px}.cover-detail img{height:225px;max-height:none;object-fit:cover}.cover-detail figcaption{position:static;font-size:10px;line-height:1.6;padding:8px 0;background:none}.cover-detail figcaption>span{font-size:17px;margin-right:4px}.cover-footer{display:block;padding:22px 0}.cover-footer>p{font-size:12px;text-align:center;margin-bottom:15px}.cover-footer .button{width:100%;font-size:14px;padding:16px 10px}.section{padding-top:60px;padding-bottom:60px}.section-heading{padding-top:19px;margin-bottom:30px}.section-heading h2{font-size:29px;line-height:1.65}.section-heading>p{padding-top:0;font-size:14px}.eyebrow{font-size:11px}.concept h2{font-size:27px}.concern-grid h3{font-size:23px}.concern-grid>a{padding:25px 0}.concern-grid b{font-size:13px}.editorial-case{padding:30px 0 34px}.case-heading{gap:15px;margin-bottom:22px;align-items:start}.case-number{font-size:58px}.case-heading h3{font-size:22px}.case-heading .eyebrow{font-size:9px;margin-top:4px;margin-bottom:6px}.work-photos{grid-template-columns:.68fr 1.32fr;gap:13px}.work-photos img{height:330px;background:#e9e6df}.work-photos figure:first-child img{height:190px}.work-photos figure:first-child{padding-bottom:26px}.work-photos figcaption{font-size:11px;margin-top:9px;padding:8px 0}.work-photos figcaption span{font-size:12px;display:block;margin:0}.case-note{font-size:14px;margin-top:17px;line-height:1.9}.work-detail .work-photos img{height:220px}.work-detail .work-count-3{grid-template-columns:1fr 1fr}.work-detail .work-photos figure:first-child img{height:220px}.work-detail .work-photos figcaption{font-size:12px}.work-detail summary{font-size:15px}.promise-grid h3{font-size:22px}.exterior-photo img{height:460px}.exterior-copy{padding:40px 24px}.exterior-copy h2{font-size:30px}.steps h3{font-size:22px}.faq summary{font-size:18px;line-height:1.9}.movie-grid{gap:28px}.service-grid{display:block}.service-card{display:block;margin-top:30px}.service-card>img{height:350px;object-position:center 48%}.service-text{padding:16px 0 22px}.service-text>span{font-size:11px}.service-text h3{font-size:25px}.service-text p{font-size:14px}.kitchen-project img{height:370px}.kitchen-project figcaption{padding:30px}.kitchen-project h3{font-size:28px}.related-business h3{font-size:24px}.contact h2{font-size:26px;line-height:1.8}.phone span{font-size:39px}.supporting-detail{padding-top:23px;padding-bottom:23px}.area-city-card h3{font-size:28px}}
@media(max-width:380px){.editorial-cover{padding-left:16px;padding-right:16px}.cover-main{height:460px}.cover-title h1{font-size:26px}.cover-side{gap:13px}.cover-editorial h2{font-size:18px}.cover-editorial>p:not(.eyebrow){font-size:12px}.cover-detail{height:260px}.cover-detail img{height:200px}.work-photos img{height:285px}.work-photos figure:first-child img{height:170px}.case-heading h3{font-size:20px}}

@media(max-width:800px){.cover-editorial>p:not(.eyebrow){font-size:14px}.cover-editorial .underlink{font-size:14px}.cover-detail{height:auto}.cover-side{align-items:start}.cover-editorial h2{line-height:1.8}}
