.development-detail{background:#f8f7f4;padding-bottom:125px}.development-detail-nav{letter-spacing:.04em;color:#67665f;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;font-size:13px;font-weight:600;display:flex}.development-detail-nav a{border-bottom:1px solid;padding-bottom:5px}.development-detail-nav a:hover{color:var(--accent)}.development-detail-nav span{letter-spacing:.13em;font-size:12px}.development-detail-heading{grid-template-columns:1fr .42fr;align-items:end;gap:6%;padding-top:88px;padding-bottom:72px;display:grid}.development-detail-heading .eyebrow{margin-bottom:26px}.development-detail-heading h1{margin:0;font-size:clamp(80px,10vw,158px);line-height:.95}.development-detail-heading>p{color:#555851;max-width:380px;margin:0 0 9px;font-size:clamp(18px,1.55vw,22px);line-height:1.5}.development-detail-grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.82fr);align-items:stretch;gap:0;display:grid}.development-detail-visual{background:#454a42;min-height:760px;position:relative;overflow:hidden}.development-detail-visual img{object-fit:cover;object-position:53% center;width:100%;height:100%;position:absolute;inset:0}.development-detail-image-caption{color:#fff;letter-spacing:.14em;background:linear-gradient(#0000,#0a110f99);justify-content:space-between;gap:20px;padding:46px 36px 30px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.development-detail-contact{background:#eeede8;padding:53px clamp(28px,4vw,65px) 60px}.development-detail-contact>.eyebrow{margin:0 0 18px}.development-detail-contact h2{margin:0 0 18px;font-size:clamp(48px,4.2vw,70px)}.development-detail-contact>p:not(.eyebrow){color:#565c55;max-width:500px;margin:0 0 32px;font-size:16px;line-height:1.6}.development-detail-contact .inquiry-form{background:#fff;padding:30px}.development-detail-contact .form-context{margin-top:0}.development-detail-contact .form-row{gap:14px}.development-detail-contact textarea{min-height:112px}.development-detail-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;margin-top:78px;padding-top:36px;display:flex}.development-detail-bottom .eyebrow{margin:0 0 8px;display:block}.development-detail-bottom p{color:#5f635b;max-width:510px;margin:0;font-size:16px}.development-detail-bottom>a{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:38px;min-width:250px;padding:13px 0;font-size:15px;font-weight:700;display:flex}.development-detail-bottom>a:hover{color:var(--accent)}@media (max-width:1100px){.development-detail-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr)}.development-detail-visual{min-height:700px}.development-detail-contact{padding:42px 28px}.development-detail-contact .inquiry-form{padding:25px}}@media (max-width:800px){.development-detail-heading{padding-top:70px;padding-bottom:50px;display:block}.development-detail-heading>p{margin-top:22px}.development-detail-grid{grid-template-columns:1fr}.development-detail-visual{aspect-ratio:16/10;min-height:0}.development-detail-contact{padding:48px clamp(26px,6vw,60px)}.development-detail-bottom{margin-top:65px}.development-detail-mytna .development-detail-visual,.development-detail-garden .development-detail-visual{aspect-ratio:4/5;max-height:760px}}@media (max-width:600px){.development-detail{padding-bottom:85px}.development-detail-nav span{display:none}.development-detail-heading{padding-top:58px;padding-bottom:42px}.development-detail-heading h1{font-size:clamp(70px,17vw,100px)}.development-detail-heading>p{font-size:17px}.development-detail-visual{aspect-ratio:4/3}.development-detail-image-caption{padding:40px 18px 18px;font-size:10px}.development-detail-contact{padding:42px 20px}.development-detail-contact h2{font-size:clamp(44px,10vw,60px)}.development-detail-contact .inquiry-form{padding:22px}.development-detail-bottom{margin-top:53px;display:block}.development-detail-bottom>a{max-width:330px;margin-top:25px}}.development-detail-garden .development-detail-heading h1{font-size:clamp(65px,7vw,110px);line-height:1}.development-detail-garden .development-detail-visual img{object-position:52% center}@media (max-width:600px){.development-detail-garden .development-detail-heading h1{font-size:clamp(55px,12vw,76px)}}
