.site-header:not(.site-header--sticky){background-color:#0000}.site-header.site-header--theme-light{background-color:var(--color-bg)}@media (width>=1280px){.site-header{background-color:#0000}}.project-page{background-position:50%;background-size:cover;background-attachment:fixed;min-height:100dvh;margin-top:-72px}@media (width>=1280px){.project-page{height:100dvh}}.project-page [data-theme=light]{color:#fff}.project-page [data-theme=light] h1,.project-page [data-theme=light] h2,.project-page [data-theme=light] h3,.project-page [data-theme=light] h4,.project-page [data-theme=light] h5,.project-page [data-theme=light] h6,.project-page [data-theme=light] figcaption{color:inherit}.project-page [data-theme=dark]{color:var(--color-text-dark)}.project-page [data-theme=dark] h1,.project-page [data-theme=dark] h2,.project-page [data-theme=dark] h3,.project-page [data-theme=dark] h4,.project-page [data-theme=dark] h5,.project-page [data-theme=dark] h6,.project-page [data-theme=dark] figcaption{color:inherit}.project-page__bg{pointer-events:none;z-index:0;width:100%;height:100%;transition:background-color .8s;display:block;position:fixed;top:0;left:0}.project-page__wrap{z-index:1;flex-direction:column;padding-top:100px;padding-bottom:15dvh;display:flex;position:relative}@media (width>=1280px){.project-page__wrap{flex-direction:row;height:100%;padding-top:120px;overflow:auto hidden}}.project-page__wrap{scrollbar-width:none;-ms-overflow-style:none}.project-page__wrap::-webkit-scrollbar{display:none}.project-page__sidebar{width:100%;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem}@media (width>=1280px){.project-page__sidebar{flex-shrink:0;width:27vw;margin-bottom:0;padding-right:0}}@media (width>=82rem){.project-page__sidebar{padding-left:calc(50vw - 39.5rem)}}@media (width>=1536px){.project-page__sidebar{padding-left:calc(50vw - 41rem)}}.project-page__nav-head{display:none}.project-page__nav-list{flex-direction:column;gap:4px;display:flex}.project-page__nav-item{align-items:center;display:flex}.project-page__nav-dot{opacity:0;background-color:#fff;border-radius:3px;width:6px;height:6px;transition:transform .3s,opacity .3s;display:block;transform:translate(-6px)}.project-page__nav-item--active .project-page__nav-dot{opacity:1;view-transition-name:project-nav-dot;transform:translate(0)}.project-page__nav-link{color:#fff;opacity:.7;justify-content:flex-start;align-items:center;padding:4px 8px;transition:opacity .3s;display:flex}.project-page__nav-link:hover{color:#fff;opacity:1}.project-page__main{flex-direction:column;display:flex}@media (width>=1280px){.project-page__main{flex-direction:row;flex-shrink:0}}.project-page__main:after{content:"";flex-shrink:0;width:1px;display:block}.project-page__sheet{width:100%;margin-bottom:4rem;padding-left:1.5rem;padding-right:1.5rem}@media (width>=1280px){.project-page__sheet{flex-shrink:0;max-width:82rem;margin-bottom:0;margin-right:1.5rem}}@media (width>=82rem){.project-page__sheet{margin-right:calc(50vw - 39.5rem)}}@media (width>=1536px){.project-page__sheet{margin-right:calc(50vw - 41rem);padding-left:0;padding-right:0}}@media (width>=1280px){.project-page__sheet:first-child{flex-shrink:0;width:73vw;padding-right:1.5rem}}@media (width>=82rem){.project-page__sheet:first-child{padding-right:calc(50vw - 39.5rem)}}@media (width>=1536px){.project-page__sheet:first-child{padding-right:calc(50vw - 41rem)}}.project-page__main{opacity:0;transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);transform:translateY(2rem)}.project-page__main--visible{opacity:1;transform:translateY(0)}.project-page__foot{z-index:5;backdrop-filter:blur(4px);opacity:0;justify-content:space-between;align-items:center;width:100vw;padding:1.25rem 1.5rem;transition:opacity .8s cubic-bezier(.25,1,.5,1) .3s,transform .8s cubic-bezier(.25,1,.5,1) .3s,color .3s .3s;display:flex;position:fixed;bottom:0;left:0;transform:translateY(1rem)}.project-page__foot--visible{opacity:1;transform:translateY(0)}@media (width>=82rem){.project-page__foot{padding-left:calc(50vw - 39.5rem);padding-right:calc(50vw - 39.5rem)}}@media (width>=1536px){.project-page__foot{padding-left:calc(50vw - 41rem);padding-right:calc(50vw - 41rem)}}.project-page__foot-title{color:#252726}.project-page__foot-theme-light .project-page__foot-title{color:#fff}.project-page__foot .btn--download span{display:none}@media (width>=1280px){.project-page__foot .btn--download span{display:inline}}.project-page__foot.project-page__foot-theme-light .btn--download{color:#fff}.project-page .cover{flex-direction:column;gap:24px;display:flex}@media (width>=1280px){.project-page .cover{flex-direction:row;gap:40px}}.project-page .cover__title{color:#fff;font-family:var(--font-family-suisse-intl);letter-spacing:-4px;margin-bottom:0;font-size:clamp(48px,6vw,115px);font-weight:700;line-height:1}.project-page .cover__desc{color:#fff;max-width:484px;font-size:14px;line-height:20px}.project-page .cover__img{object-fit:cover;object-position:center;width:100%;height:50dvh;display:block}@media (width>=1280px){.project-page .cover__img{height:70dvh}}.project-page .cover__left{flex-direction:column;gap:16px;display:flex}@media (width>=1280px){.project-page .cover__left{flex-shrink:0;justify-content:space-between;gap:0;width:35vw}}.project-page .intro{flex-direction:column;gap:24px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .intro{flex-direction:row;gap:32px}}.project-page .intro__desc{max-width:280px}.project-page .intro__head{align-items:flex-end;gap:24px;display:flex}.project-page .intro__title{flex:0 calc(50% - 12px);margin:0}.project-page .intro__subtitle{flex:0 calc(50% - 12px);font-size:14px;line-height:20px}@media (width>=1280px){.project-page .intro__left{flex-shrink:0;width:32%}}.project-page .intro__center{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=1280px){.project-page .intro__center{justify-content:space-between;gap:0}}.project-page .intro__right{align-items:flex-end;display:flex}@media (width>=1280px){.project-page .intro__right{flex-shrink:0;width:32%}}.project-page .intro__right>img{width:100%;max-width:none;display:block}@media (width>=1280px){.project-page .intro__right>img{width:calc(100% + 8vw);margin-bottom:-15dvh}}.project-page .type-tab{z-index:10;background-color:var(--color-bg);backdrop-filter:blur(4px);margin:-1rem -1.5rem 0;padding:.5rem 1.5rem;position:sticky;top:72px}.project-page__sheet[data-theme=light] .project-page .type-tab{background:#fff6}.project-page__sheet[data-theme=dark] .project-page .type-tab{background:#0006}@media (width>=1280px){.project-page .type-tab{-webkit-backdrop-filter:none;margin-top:0;padding-top:0;padding-bottom:0;position:static;background:0 0!important}}.project-page .type-tab__nav{gap:8px;display:flex}.project-page .type-tab__nav-item{align-items:center;display:flex;position:relative}.project-page .type-tab__nav-item:before{content:"";background:var(--color-text);opacity:0;border-radius:3px;width:6px;height:6px;transition:opacity .25s,transform .25s;display:block;transform:scale(0)}.project-page .type-tab__nav-item.type-tab__nav-item--active:before{opacity:1;transform:scale(1)}.project-page .type-tab__nav-item.type-tab__nav-item--active .type-tab__nav-btn{opacity:1}.project-page .type-tab__nav-btn{color:var(--color-text-dark);opacity:.7;padding:4px 8px;transition:opacity .25s}.project-page .type-tab__nav-btn:hover{opacity:1}.project-page .type-tab__content{height:100%;display:flex;position:relative}.project-page .type-tab__pane{width:100%;padding-top:32px;display:none}.project-page .type-tab__pane--active{animation:.4s forwards paneSlideTop;display:block}@keyframes paneSlideTop{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-page .type-info{flex-direction:column;gap:32px;height:100%;display:flex}@media (width>=1280px){.project-page .type-info{flex-direction:row}}.project-page .type-info__price{font-size:14px;line-height:20px}.project-page .type-info__price span,.project-page .type-info__price strong{display:block}.project-page .type-info__title{flex-direction:column;font-size:56px;line-height:1;display:flex}@media (width>=1280px){.project-page .type-info__title{font-size:78px}}.project-page .type-info__title span{display:flex}.project-page .type-info__title span.small{align-self:flex-end;width:180px;margin-left:16px;display:flex}@media (width>=1280px){.project-page .type-info__title span.small{width:250px;margin-left:40px}}.project-page .type-info__title span.small small{flex:1;font-size:14px;line-height:20px;display:block}@media (width>=1280px){.project-page .type-info__title span.small small{font-size:20px;line-height:28px}}.project-page .type-info__img{width:100%;height:auto;display:block}@media (width>=1280px){.project-page .type-info__img{width:48%}}.project-page .type-info__img--small{width:40%}@media (width>=1280px){.project-page .type-info__img--small{width:18%}}.project-page .type-info__list{margin-left:8px;padding-left:24px;font-size:14px;line-height:20px;list-style:outside}.project-page .type-info__left{flex-direction:column;gap:24px;display:flex}@media (width>=1280px){.project-page .type-info__left{justify-content:space-between;gap:0;width:45%}}.project-page .type-info__right{flex-direction:column;gap:16px;display:flex}@media (width>=1280px){.project-page .type-info__right{flex-direction:row;align-items:flex-start;width:55%}}.project-page .interior1{flex-direction:column;gap:32px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .interior1{flex-direction:row;gap:16px}}.project-page .interior1__left{width:100%}@media (width>=1280px){.project-page .interior1__left{width:30%}}.project-page .interior1__center{flex-direction:column;gap:24px;width:100%;display:flex}@media (width>=1280px){.project-page .interior1__center{justify-content:space-between;gap:0;width:30%;padding-right:40px}}.project-page .interior1__center-top{gap:16px;display:flex}.project-page .interior1__center-top figure{flex:1 0 50%;width:50%;max-width:50%}.project-page .interior1__center-top .interior1__list{flex:1 0 50%;width:50%;max-width:50%;font-size:14px;line-height:20px}.project-page .interior1__center-top .interior1__list ul{padding-left:24px;list-style:outside}.project-page .interior1__right{width:100%;position:relative}@media (width>=1280px){.project-page .interior1__right{width:40%}}.project-page .interior1__right img{width:100%;height:auto;display:block}@media (width>=1280px){.project-page .interior1__right img{z-index:1;object-fit:cover;object-position:center;width:calc(100% + 5vw);max-width:none;height:100dvh;position:absolute;top:-182px;right:-5vw}}.project-page .interior1__right figcaption{margin-top:8px}@media (width>=1280px){.project-page .interior1__right figcaption{z-index:2;color:#fff;justify-content:center;width:calc(100% + 5vw);margin-top:0;position:absolute;bottom:0;right:-5vw}}.project-page .interior2{flex-direction:column;gap:32px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .interior2{flex-direction:row;gap:16px}}.project-page .interior2__left{width:100%}@media (width>=1280px){.project-page .interior2__left{width:55%}}.project-page .interior2__left img{width:100%;height:auto;display:flex}@media (width>=1280px){.project-page .interior2__left img{object-fit:cover;object-position:center;height:calc(85dvh - 182px)}}.project-page .interior2__center{flex-direction:column;gap:24px;width:100%;display:flex}@media (width>=1280px){.project-page .interior2__center{justify-content:space-between;gap:0;width:25%;padding-right:8%}}.project-page .interior2__right{width:100%}@media (width>=1280px){.project-page .interior2__right{width:20%}}.project-page .interior2__right img{width:100%;height:auto;display:flex}@media (width>=1280px){.project-page .interior2__right img{object-fit:cover;object-position:center;height:calc(75dvh - 182px)}}.project-page .exterior{flex-direction:column;gap:32px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .exterior{flex-direction:row;gap:16px}}.project-page .exterior__left{flex-direction:column;width:100%;display:flex}@media (width>=1280px){.project-page .exterior__left{width:30%;padding-right:5%}}.project-page .exterior__left figure{margin-bottom:24px}.project-page .exterior__left img{width:100%;display:flex}@media (width>=1280px){.project-page .exterior__left img{object-fit:cover;object-position:center;width:40%}}.project-page .exterior__center{width:100%}@media (width>=1280px){.project-page .exterior__center{width:50%}}.project-page .exterior__center img{width:100%;height:auto;display:flex}@media (width>=1280px){.project-page .exterior__center img{object-fit:cover;object-position:center;height:calc(85dvh - 182px)}}.project-page .exterior__right{width:100%}@media (width>=1280px){.project-page .exterior__right{width:20%}}.project-page .exterior__right img{width:100%;height:auto;display:flex}@media (width>=1280px){.project-page .exterior__right img{object-fit:cover;object-position:center;height:calc(65dvh - 182px)}}.project-page .floorplan1{flex-direction:column;gap:32px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .floorplan1{flex-direction:row;gap:16px}}.project-page .floorplan1__left{width:100%}@media (width>=1280px){.project-page .floorplan1__left{width:36%}}.project-page .floorplan1__center{width:100%}@media (width>=1280px){.project-page .floorplan1__center{width:28%}}.project-page .floorplan1__right{width:100%}@media (width>=1280px){.project-page .floorplan1__right{width:36%}}.project-page .floorplan1__list{font-size:14px;line-height:20px}.project-page .floorplan1__list ol{column-count:2;padding-left:24px;list-style:numeric}.project-page .floorplan2{flex-direction:column;gap:32px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .floorplan2{flex-direction:row;gap:16px}}.project-page .floorplan2__left{flex-direction:column;gap:24px;width:100%;display:flex}@media (width>=1280px){.project-page .floorplan2__left{justify-content:space-between;gap:0;width:45%;padding-right:25%}}.project-page .floorplan2__center{width:100%}@media (width>=1280px){.project-page .floorplan2__center{width:40%}}.project-page .floorplan2__right{width:100%}@media (width>=1280px){.project-page .floorplan2__right{width:15%}}.project-page .floorplan2__list{font-size:14px;line-height:20px}.project-page .floorplan2__list ol{column-count:2;padding-left:24px;list-style:numeric}.project-page .appendix{flex-direction:column;gap:32px;width:100%;height:100%;display:flex}@media (width>=1280px){.project-page .appendix{flex-direction:row;gap:16px}}.project-page .appendix__outline{font-size:14px;line-height:20px}.project-page .appendix__title{font-size:56px;line-height:1}@media (width>=1280px){.project-page .appendix__title{font-size:78px}}.project-page .appendix__list{flex-direction:column;gap:32px;font-size:14px;line-height:20px;display:flex}@media (width>=1280px){.project-page .appendix__list{flex-direction:row;gap:16px}}.project-page .appendix__list-col{flex-direction:column;flex:1;gap:20px;display:flex}.project-page .appendix__list-col-title{font-size:18px;line-height:22px}.project-page .appendix__list-col ul{padding-left:24px;list-style:outside}.project-page .appendix__list-col ol{padding-left:24px;list-style:numeric}.project-page .appendix__list-group-title{font-weight:600}.project-page .appendix__head{flex-direction:column;gap:24px;width:100%;display:flex}@media (width>=1280px){.project-page .appendix__head{justify-content:space-between;gap:0;width:35%}}.project-page .appendix__list-wrap{width:100%}@media (width>=1280px){.project-page .appendix__list-wrap{width:65%}}.project-page .appendix__nearest{flex-direction:column;gap:24px;width:100%;display:flex}@media (width>=1280px){.project-page .appendix__nearest{justify-content:space-between;width:63%}}.project-page .appendix__map{width:100%}@media (width>=1280px){.project-page .appendix__map{width:37%}}.project-page .type-tab--theme-light .type-tab__nav-item:before{background-color:#d6be92}.project-page .type-tab--theme-light .type-tab__nav-btn{color:#d6be92;opacity:.2}.project-page .type-tab--theme-light .type-tab__nav-btn:hover{opacity:1}
