.nature-page{--nature-ink:#263e32;--nature-muted:#506256;color:var(--nature-ink)}
.nature-page figure{margin:0}.nature-page img{display:block;width:100%;height:auto}.nature-page figcaption{font-size:16px;line-height:1.8;color:var(--nature-muted);padding-top:14px}.nature-page small{font-size:16px}.nature-page .eyebrow{font-family:Arial,sans-serif;letter-spacing:.19em;font-weight:400}
.nature-hero{position:relative;isolation:isolate;height:calc(100svh - 98px);min-height:610px;max-height:1000px;background:#172a25;color:#fff;overflow:hidden}.nature-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2}.nature-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,22,16,.85),rgba(8,22,16,.18) 58%,rgba(8,22,16,.28)),linear-gradient(90deg,rgba(8,22,16,.23),transparent 62%)}
.nature-hero-top,.nature-hero-bottom,.nature-hero-foot{position:absolute;left:5.55%;right:5.55%;display:flex;justify-content:space-between;gap:26px}.nature-hero-top{top:35px;align-items:flex-start}.nature-hero h1{font-size:24px;line-height:1.6;letter-spacing:.09em;font-weight:500;margin-top:10px}.nature-image-label{font-size:16px;line-height:1.6;border:1px solid #ffffff70;padding:7px 12px;background:#14271b55}.nature-hero-bottom{bottom:98px;align-items:flex-end}.nature-hero-line{font-size:clamp(48px,5.8vw,88px);line-height:1.35;letter-spacing:.07em}.nature-hero-line span{display:block}.nature-hero-sub{font-size:18px;line-height:1.9;margin-top:24px}.nature-hero-foot{bottom:28px;font-size:16px;line-height:1.7;border-top:1px solid #ffffff55;padding-top:17px}.nature-scroll{display:flex;align-items:center;gap:24px;color:inherit;font-size:16px;white-space:nowrap;padding:14px 0}.nature-scroll>span:last-child{font-size:32px}
.nature-intro{padding-block:105px 75px;text-align:center;scroll-margin-top:105px}.nature-intro h2{font-size:clamp(34px,3.4vw,52px);line-height:1.65;font-weight:500;margin:20px 0 28px}.nature-intro>p:not(.eyebrow){font-size:22px;line-height:2.05}.nature-intro>p.nature-intro-description{font-size:18px;line-height:2.1;margin-top:25px}
.nature-architecture{padding-bottom:105px}.nature-mosaic{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;align-items:start}.nature-mosaic-main img{aspect-ratio:1.4;object-fit:cover}.nature-mosaic-side{padding-top:100px}.nature-mosaic-side img{aspect-ratio:1;object-fit:cover;object-position:47% center}.nature-mosaic figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.nature-mosaic figcaption>span{font-size:20px;color:var(--nature-ink)}.nature-mosaic figcaption>small{color:var(--nature-muted)}
.nature-moments{background:#eef0e9;padding-block:85px 100px}.nature-moments-head{padding-bottom:60px}.nature-moments h2{font-size:clamp(34px,3.5vw,52px);font-weight:500;line-height:1.65;margin-top:18px}.nature-note{font-size:16px;line-height:1.9;color:var(--nature-muted);margin-top:25px}.nature-moment{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:center}.nature-moment+ .nature-moment{margin-top:85px}.nature-moment img{aspect-ratio:1.35;object-fit:cover}.nature-moment-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.7;font-weight:500;margin:20px 0 26px}.nature-moment-copy>p:last-child{font-size:18px;line-height:2.1}.nature-moment-reverse{grid-template-columns:1fr 1.6fr}.nature-moment-reverse figure{order:2}.nature-moment-reverse .nature-moment-copy{order:1}
.nature-wide-scene{background:#18332b;color:#f5f5e9}.nature-wide-scene>figure img{aspect-ratio:2.15;object-fit:cover;object-position:center 58%}.nature-wide-scene figcaption{color:#e0e7df;font-size:16px;margin-inline:5.55%;padding-top:17px}.nature-scene-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:10px 8%;padding-block:50px 80px}.nature-scene-copy>.eyebrow{grid-column:1/-1;margin-bottom:15px}.nature-scene-copy h2{font-size:clamp(32px,3.3vw,48px);font-weight:500;line-height:1.7}.nature-scene-copy>p:last-child{font-size:18px;line-height:2.1;align-self:center}
.nature-place{padding-block:100px 85px}.nature-section-top{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:40px}.nature-section-top h2,.nature-progress h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.65;margin-top:15px}.nature-copy{font-size:18px;line-height:2.1}.nature-copy p+p{margin-top:24px}.nature-real-label{display:inline-block;background:#edf0e9;padding:7px 14px;font-size:16px;line-height:1.6;margin-top:20px}.nature-real-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px}.nature-real-photos img{aspect-ratio:1.65;object-fit:cover}.nature-films{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px}.nature-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#17251d}.nature-film figcaption{font-size:20px}.nature-film figcaption span{display:block;font-size:16px;margin-top:5px}
.nature-progress{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;padding-block:65px 85px;border-top:1px solid #c5cec4}.nature-status{display:inline-block;font-size:16px;line-height:1.5;border:1px solid #93a595;padding:8px 14px;margin-top:18px}.nature-progress .facts{margin-block:30px}.nature-progress .facts>div{grid-template-columns:140px 1fr}.nature-progress .text-link{font-size:18px}.nature-page .related-business{border-top:1px solid #c5cec4}
@media(max-width:900px){.nature-hero{min-height:580px}.nature-hero-top{top:25px}.nature-hero-bottom{bottom:100px}.nature-mosaic{gap:22px}.nature-mosaic-side{padding-top:70px}.nature-moment{gap:5%}.nature-moment-copy h3{font-size:30px}.nature-moment-copy>p:last-child{font-size:16px}}
@media(max-width:760px){.nature-hero{height:calc(100svh - 82px);min-height:580px;max-height:850px}.nature-hero>img{object-position:53% 40%}.nature-hero:after{background:linear-gradient(0deg,rgba(8,22,16,.94),rgba(8,22,16,.05) 72%,rgba(8,22,16,.4))}.nature-hero-top,.nature-hero-bottom,.nature-hero-foot{left:24px;right:24px}.nature-hero-top{gap:8px}.nature-hero h1{font-size:20px}.nature-image-label{font-size:16px;padding:5px 7px}.nature-hero-top .eyebrow{font-size:10px}.nature-hero-bottom{bottom:113px;display:block}.nature-hero-line{font-size:43px;letter-spacing:.03em;line-height:1.5}.nature-hero-sub{font-size:16px;line-height:1.9;margin-top:15px;max-width:20em}.nature-scroll{display:none}.nature-hero-foot{font-size:16px;line-height:1.7;bottom:23px;display:block;padding-top:15px}.nature-hero-foot span{display:block}.nature-intro{padding-block:58px 38px;scroll-margin-top:85px}.nature-intro h2{font-size:30px;margin:15px 0 22px}.nature-intro>p:not(.eyebrow){font-size:18px;line-height:2}.nature-intro>p.nature-intro-description{font-size:16px;text-align:left;line-height:2}.nature-intro-description br{display:none}.nature-architecture{padding-bottom:55px}.nature-mosaic{grid-template-columns:1fr;gap:30px}.nature-mosaic-side{padding-top:0;width:84%;justify-self:end}.nature-mosaic-side img{aspect-ratio:1.2}.nature-mosaic figcaption>span{font-size:18px}.nature-mosaic figcaption{gap:2px}.nature-moments{padding-block:52px 58px}.nature-moments h2{font-size:30px}.nature-moments-head{padding-bottom:30px}.nature-moment,.nature-moment-reverse{grid-template-columns:1fr;gap:22px}.nature-moment+ .nature-moment{margin-top:48px}.nature-moment-reverse figure,.nature-moment-reverse .nature-moment-copy{order:initial}.nature-moment img{aspect-ratio:1.25}.nature-moment-copy h3{font-size:30px;margin:13px 0 17px}.nature-moment-copy h3 br{display:none}.nature-wide-scene>figure img{aspect-ratio:1.12;object-position:48% center}.nature-wide-scene figcaption{margin-inline:24px}.nature-scene-copy{grid-template-columns:1fr;gap:18px;padding-block:32px 48px}.nature-scene-copy>.eyebrow{margin-bottom:0}.nature-scene-copy h2{font-size:30px}.nature-scene-copy>p:last-child{font-size:16px}.nature-scene-copy>p:last-child br{display:none}.nature-place{padding-block:55px}.nature-section-top{grid-template-columns:1fr;gap:25px;margin-bottom:27px}.nature-section-top h2,.nature-progress h2{font-size:29px}.nature-copy{font-size:16px;line-height:2.1}.nature-real-photos,.nature-films{grid-template-columns:1fr;gap:25px}.nature-films{margin-top:27px}.nature-film figcaption{font-size:18px}.nature-progress{grid-template-columns:1fr;gap:26px;padding-block:43px 55px}.nature-progress .facts>div{grid-template-columns:95px 1fr}}
@media(max-width:359px){.nature-hero-top,.nature-hero-bottom,.nature-hero-foot{left:20px;right:20px}.nature-hero h1{font-size:18px}.nature-image-label{padding:5px;font-size:16px}.nature-hero-top{flex-wrap:wrap}.nature-hero-line{font-size:36px}.nature-intro h2,.nature-moments h2{font-size:27px}.nature-progress .facts>div{grid-template-columns:1fr;gap:7px}.nature-moment-copy h3{font-size:27px}}

.nature-hero-sub span{display:inline-block;white-space:nowrap}

/* Selected initial concept: keep both buildings visible in inline images. */
.nature-mosaic-main img,.nature-mosaic-side img,.nature-wide-scene>figure img{aspect-ratio:1672/941;object-fit:contain}
@media(max-width:760px){.nature-hero{height:690px;min-height:690px}.nature-hero>img{top:108px;bottom:auto;height:auto;aspect-ratio:1672/941;object-fit:contain}.nature-hero:after{background:linear-gradient(0deg,rgba(8,22,16,.3),transparent 75%)}}

/* Nature project presentation: September 27 review. */
.nature-hero-line,.nature-intro h2,.nature-project-head h2,.nature-site-heading h3,.nature-moments h2,.nature-moment-copy h3,.nature-section-top h2,.nature-progress h2{font-family:var(--serif);font-weight:400;font-feature-settings:"palt"}
.nature-hero-line{letter-spacing:.11em;line-height:1.5;font-weight:300}
.nature-hero-bottom{bottom:60px}
.nature-project-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;padding-top:35px;border-top:1px solid #c5cec4}
.nature-project-head h2{font-size:clamp(30px,3.4vw,46px);line-height:1.7;margin-top:15px;letter-spacing:.04em}.nature-project-head h2 span{font-size:20px;display:inline-block}
.nature-opening{font-size:18px;white-space:nowrap;letter-spacing:.06em;margin:0}.nature-opening>span{font-family:Georgia,serif;font-size:54px;line-height:1.1;letter-spacing:.02em;margin-right:8px}
.nature-mosaic{grid-template-columns:1fr 1fr;gap:28px}.nature-mosaic-side{padding-top:0;width:auto}.nature-mosaic figcaption{font-size:16px}
.nature-site-photos{margin-top:70px;padding-top:35px;border-top:1px solid #c5cec4}.nature-site-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.nature-site-heading h3{font-size:30px}.nature-site-heading p{font-size:16px}
.nature-films{grid-template-columns:1fr;margin-top:0}.nature-film figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.nature-film figcaption span{margin-top:0}
@media(max-width:900px){.nature-project-head{align-items:flex-start;flex-direction:column;gap:24px}.nature-opening>span{font-size:44px}}
@media(max-width:760px){.nature-hero{height:610px;min-height:610px}.nature-hero>img{top:94px}.nature-hero-bottom{bottom:40px}.nature-hero-line{font-size:40px;letter-spacing:.08em;line-height:1.55}.nature-project-head{padding-top:28px;margin-bottom:28px}.nature-project-head h2{font-size:30px}.nature-project-head h2 span{font-size:18px}.nature-mosaic{grid-template-columns:1fr;gap:28px}.nature-mosaic-side{width:100%}.nature-site-photos{margin-top:42px;padding-top:27px}.nature-site-heading{display:block}.nature-site-heading h3{font-size:26px}.nature-site-heading p{margin-top:8px}.nature-film figcaption{display:block}.nature-film figcaption span{margin-top:5px}}
@media(max-width:359px){.nature-hero-line{font-size:34px}.nature-project-head h2{font-size:27px}.nature-opening{font-size:16px}.nature-opening>span{font-size:40px}}

.nature-project-overview{margin-bottom:32px!important}.nature-project-overview img{aspect-ratio:1672/941;object-fit:contain}.nature-site-photos>.nature-films{margin-top:36px}
@media(max-width:760px){.nature-project-overview{margin-bottom:28px!important}.nature-site-photos>.nature-films{margin-top:28px}}

/* Closing invitation and landscape order. */
.nature-site-photos>.nature-films{margin-top:0;margin-bottom:36px}
.nature-opening-scene{position:relative;isolation:isolate;display:grid;place-items:center;min-height:570px;padding:90px 24px;color:#fff;text-align:center;overflow:hidden;background:#18332b}
.nature-opening-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.nature-opening-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#081b1840,#081b1860 50%,#081b1880);z-index:-1}
.nature-opening-message{max-width:900px;text-shadow:0 2px 18px #07160e55}
.nature-opening-year{font-size:18px;letter-spacing:.14em}
.nature-opening-message h2{font-family:var(--serif);font-size:clamp(34px,4.3vw,60px);font-weight:400;line-height:1.7;letter-spacing:.1em;margin:27px 0 24px;font-feature-settings:"palt"}.nature-opening-message h2 span{display:block}
.nature-opening-message>p:last-child{font-size:18px;line-height:2;letter-spacing:.05em}
@media(max-width:760px){.nature-site-photos>.nature-films{margin-top:0;margin-bottom:28px}.nature-opening-scene{min-height:470px;padding:65px 24px}.nature-opening-message h2{font-size:34px;letter-spacing:.05em}.nature-opening-year,.nature-opening-message>p:last-child{font-size:16px}.nature-opening-message>p:last-child{max-width:19em;margin-inline:auto}}
@media(max-width:359px){.nature-opening-message h2{font-size:29px}}
.nature-opening-message>p:last-child span{display:inline-block}

/* Keep the overview and aerial film visible within a short browser window. */
.nature-page .nature-project-overview,.nature-page .nature-film{width:min(100%,960px,calc((100svh - var(--header) - 100px)*1.777));margin-inline:auto}
.nature-film video{object-fit:contain}

/* Five experiences, in the order of a stay. */
.nature-moments{scroll-margin-top:var(--header)}
.nature-moment{max-width:1160px}
.nature-moment img{aspect-ratio:1672/941;object-fit:contain}
.nature-moment-copy h3{font-size:clamp(28px,2.5vw,38px)}
@media(max-width:760px){.nature-moment-copy h3{font-size:29px}.nature-moment-copy h3 br{display:initial}.nature-moment+.nature-moment{margin-top:52px}}
@media(max-width:359px){.nature-moment-copy h3{font-size:26px}}

/* Quiet inline playback, with an always-available pause control. */
.nature-film-stage{position:relative}
.nature-film-toggle{position:absolute;right:16px;bottom:16px;min-height:44px;padding:8px 18px;border:1px solid #ffffffb3;border-radius:0;background:#10231ed9;color:#fff;font:inherit;font-size:16px;line-height:1.5;cursor:pointer;display:flex;align-items:center;gap:10px}
.nature-film-toggle[hidden]{display:none}
.nature-film-toggle:before{content:"▶";font-size:12px}
.nature-film-toggle[data-playing="true"]:before{content:"Ⅱ";font-size:18px}
.nature-film-toggle:hover{background:#10231e}
.nature-film-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.nature-film-toggle{right:10px;bottom:10px;padding:7px 12px}}

/* Let the opening photograph fill the hero, as on the real-estate page. */
.nature-hero{height:calc(100svh - var(--header));min-height:540px;max-height:1000px}
.nature-hero>img{inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 47%}
@media(max-width:760px){
 .nature-hero{height:calc(100svh - var(--header));min-height:540px;max-height:850px}
 .nature-hero:after{background:linear-gradient(0deg,rgba(8,22,16,.8),rgba(8,22,16,.06) 58%,rgba(8,22,16,.35))}
}
body:has(.nature-visual) .site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;color:#fff;text-shadow:0 1px 8px #0008}
body:has(.nature-visual) .site-header .brand{background:url('../media/misaki-wordmark-white.svg') center / contain no-repeat}
body:has(.nature-visual) .site-header .brand img{visibility:hidden}
body:has(.nature-visual) .site-header .desktop-nav>a:after{background:currentColor}
body:has(.nature-visual) .site-header .header-contact{border-color:#ffffff80}
body:has(.nature-visual) .site-header .header-contact:hover{background:#ffffff20}
body:has(.nature-visual) .mobile-menu{background:#172a25;color:#fff;text-shadow:none}
body:has(.nature-visual) .mobile-menu .text-link{border-color:#ffffff30}
.nature-hero{height:100svh}
.nature-hero-top{top:calc(var(--header) + 25px)}
@media(max-width:760px){.nature-hero{height:100svh}.nature-hero>img{object-position:42% 47%}}

/* Readability review: keep phrases together and give tablet copy enough room. */
.nature-intro-sentence{display:block}
.nature-intro-sentence>span{display:inline-block}
.nature-intro>p.nature-intro-description{max-width:48em;margin-inline:auto;line-height:1.95}
.nature-intro-description>span{display:block}
.nature-moment-copy>p:last-child{font-size:18px;line-height:1.95}
.nature-moment-copy h3{line-height:1.6}
.nature-page .related-business a{display:flex;align-items:center;min-height:44px}
@media(min-width:761px) and (max-width:900px){
 .nature-moment,.nature-moment-reverse{grid-template-columns:1fr;max-width:680px;gap:26px}
 .nature-moment-reverse figure,.nature-moment-reverse .nature-moment-copy{order:initial}
 .nature-moment-copy{max-width:34em}
 .nature-moment+.nature-moment{margin-top:64px}
 .nature-moment-copy h3{margin:16px 0 20px}
}
@media(max-width:760px){
 .nature-intro>p.nature-intro-description{font-size:18px;line-height:1.95}
 .nature-intro-description>span+span{margin-top:14px}
 .nature-moment-copy>p:last-child{font-size:18px;line-height:1.95}
 .nature-hero-top .eyebrow{font-size:12px}
}
body:has(.nature-visual) .mobile-menu{max-height:calc(100svh - var(--header));overflow-y:auto;overscroll-behavior:contain}
@media(min-width:600px) and (max-height:500px){
 .nature-hero{height:100svh;min-height:360px}
 .nature-hero-top{top:calc(var(--header) + 12px)}
 .nature-hero-bottom{bottom:24px}
 .nature-hero-line{display:flex;flex-wrap:wrap;gap:0 .22em;line-height:1.35}
}

/* Keep the closing sentence from leaving a lone Japanese suffix. */
.nature-moment-copy .nature-phrase{display:inline-block;max-width:100%}

/* Reference comparison: reveal the cabin and align the experience sequence. */
.nature-hero:after{background:linear-gradient(0deg,rgba(8,22,16,.72),rgba(8,22,16,.02) 58%,rgba(8,22,16,.24)),linear-gradient(90deg,rgba(8,22,16,.08),transparent 62%)}
.nature-moments-head{max-width:1160px}
@media(max-width:760px){
 .nature-hero>img{object-position:24% 47%}
 .nature-hero:after{background:linear-gradient(0deg,rgba(8,22,16,.76),transparent 58%,rgba(8,22,16,.3))}
}
@media(min-width:761px) and (max-width:900px){.nature-moments-head{max-width:680px}}
body:has(.nature-visual) .menu-toggle[aria-expanded=true] .menu-lines{position:relative;border:0;transform:none}
body:has(.nature-visual) .menu-toggle[aria-expanded=true] .menu-lines:before,
body:has(.nature-visual) .menu-toggle[aria-expanded=true] .menu-lines:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:currentColor;transform:rotate(45deg)}
body:has(.nature-visual) .menu-toggle[aria-expanded=true] .menu-lines:after{transform:rotate(-45deg)}