.iondo{color:#171714;background:#d8d4cb;min-height:100svh;font-family:Gowun Batang,serif}.iondo-landing-studio{grid-template-columns:1.2fr .8fr;align-items:end;gap:7vw;min-height:82svh;padding:8vw;display:grid}.iondo-landing-studio h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:1}.iondo-landing-studio p{line-height:2}.iondo-landing-projects{grid-template-columns:1.2fr .8fr 1fr;display:grid}.iondo-landing-projects a{height:78svh;position:relative;overflow:hidden}.iondo-landing-projects a:nth-child(2){align-self:end;height:58svh}.iondo-landing-projects img{object-fit:cover;width:100%;height:100%}.iondo-landing-projects h2{background:#d8d4cb;padding:.4rem;position:absolute;bottom:1rem;left:1rem}.iondo-close{color:#fff;background:#28392e;justify-content:space-between;align-items:center;min-height:42svh;padding:6vw;display:flex}.iondo-close p{font-size:2rem}.iondo-close a{gap:1rem;display:flex}@media (width<=700px){.iondo-landing-studio{grid-template-columns:1fr;padding:5rem 1.2rem}.iondo-landing-studio h2{font-size:3rem}.iondo-landing-projects{grid-template-columns:1fr}.iondo-landing-projects a,.iondo-landing-projects a:nth-child(2){height:62svh}.iondo-close{flex-direction:column;align-items:flex-start;padding:4rem 1.2rem}.iondo-close p{font-size:1.5rem}}.iondo--walk>header{z-index:5;background:#171714;position:sticky;top:0}.iondo.iondo--walk>main{z-index:0;align-self:start;position:sticky;top:64px}.iondo--walk>section{z-index:1;position:relative}.iondo--walk>main>img{transform:scale(calc(1.08 - (var(--page-progress) * .08)))}.iondo--walk .iondo-intro{opacity:calc(1 - (var(--page-progress) * 5));transform:translateY(calc(var(--page-progress) * -8vh))}.iondo--walk .iondo-shade{transform:translateX(calc(var(--page-progress) * -16vw))}.iondo--walk .iondo-landing-studio{color:#171714;background:#d8d4cb;align-content:center;min-height:112svh}.iondo--walk .iondo-landing-studio h2{transform:translateY(calc(14vh - (var(--scene-progress) * 14vh)))}.iondo--walk .iondo-landing-projects{background:#d8d4cb;align-items:center;gap:4vw;min-height:125svh;padding:7vw;overflow:hidden}.iondo--walk .iondo-landing-projects a{height:80svh;transform:translateY(calc(20vh - (var(--scene-progress) * 20vh)))}.iondo--walk .iondo-landing-projects a:nth-of-type(2){height:58svh;transform:translateY(calc(-12vh + (var(--scene-progress) * 12vh)))}.iondo--walk .iondo-landing-projects a:nth-of-type(3){height:72svh;transform:translateY(calc(28vh - (var(--scene-progress) * 28vh)))}.iondo--walk .iondo-close{background:#18382a;align-items:center;min-height:100svh}.iondo--walk .iondo-close h2{width:42%;font-size:clamp(3rem,6vw,6rem)}.iondo--walk .iondo-close .landing-conversion-form{background:#18382a;border:1px solid #d8d4cb;width:50%;padding:3rem}.iondo--walk .iondo-close .landing-conversion-form button{color:#18382a;background:#d8d4cb}@media (width<=700px){.iondo.iondo--walk>main{position:sticky;top:64px}.iondo--walk .iondo-landing-studio{min-height:100svh}.iondo--walk .iondo-landing-projects{min-height:auto;padding:4rem 1.2rem}.iondo--walk .iondo-landing-projects a,.iondo--walk .iondo-landing-projects a:nth-of-type(n){height:68svh;transform:translateY(calc(10vh - (var(--scene-progress) * 10vh)))}.iondo--walk .iondo-close h2,.iondo--walk .iondo-close .landing-conversion-form{width:100%}.iondo--walk .iondo-close .landing-conversion-form{padding:1.2rem}}.iondo a{color:inherit;text-decoration:none}.iondo>header{z-index:3;justify-content:space-between;align-items:center;height:64px;padding:0 3vw;display:flex;position:relative}.iondo nav{gap:2rem;font-size:.7rem;display:flex}.iondo--walk{color:#f5f1e8;background:#171714}.iondo--walk main{height:calc(100svh - 64px);position:relative;overflow:hidden}.iondo-intro{z-index:2;color:#171714;background:#d8d4cbe6;max-width:32rem;padding:1rem;display:grid;position:absolute;top:3vh;left:3vw}.iondo-intro span{font-size:.65rem}.iondo-intro h1{margin-top:.5rem;font-size:1.8rem}.iondo--walk main>img{object-fit:cover;width:100%;height:100%;transition:all .6s}.iondo-shade{background:linear-gradient(90deg,#17171499,#0000 60%);position:absolute;inset:0}.iondo--walk main>section{position:absolute;bottom:6vh;left:5vw}.iondo--walk main>section h2{margin:.4rem 0;font-size:4rem}.iondo--walk main>aside{color:#171714;background:#d8d4cb;width:360px;padding:1rem;position:absolute;bottom:4vh;right:3vw}.iondo-mini-plan{grid-template-columns:1fr 1fr;height:180px;display:grid}.iondo-mini-plan button{background:0 0;border:1px solid #859189}.iondo-mini-plan button.is-active{color:#fff;background:#28392e}.iondo--walk main>aside>div:last-child{justify-content:flex-end;display:flex}.iondo--walk main>aside>div:last-child button{background:0 0;border:0;width:48px;height:48px}.iondo--drawing main{grid-template-columns:1.4fr .6fr;min-height:calc(100svh - 64px);display:grid}.iondo-plan{background:#e8e5df;border:1px solid;margin:4vw;position:relative}.iondo-plan:before,.iondo-plan:after{content:"";background:#28392e;position:absolute}.iondo-plan:before{height:1px;top:48%;left:8%;right:8%}.iondo-plan:after{width:1px;top:8%;bottom:8%;left:48%}.iondo-plan button{background:#d8d4cb;border:1px solid;position:absolute}.iondo-plan button:first-of-type{top:35%;left:38%}.iondo-plan button:nth-of-type(2){top:15%;right:16%}.iondo-plan button:nth-of-type(3){bottom:18%;right:20%}.iondo-plan button:nth-of-type(4){bottom:20%;left:16%}.iondo--drawing aside{color:#fff;background:#28392e;align-content:end;padding:4vw;display:grid}.iondo--drawing h1{font-size:3rem}.iondo--drawing dl div{border-top:1px solid;padding:1rem 0}.iondo--note main{grid-template-columns:1fr 1fr;min-height:calc(100svh - 64px);display:grid}.iondo--project main{grid-template-columns:1.45fr .55fr;min-height:calc(100svh - 64px);display:grid}.iondo--project main>img{object-fit:cover;width:100%;height:calc(100svh - 64px)}.iondo--project main>aside{background:#e8e5df;align-content:end;padding:4vw;display:grid}.iondo--project h1{font-size:3.2rem}.iondo--project dl div{border-top:1px solid;padding:1rem 0}.iondo-site{border:1px solid;margin:4vw;position:relative}.iondo-site i{border:1px solid #a45b3e;position:absolute}.iondo-site i:first-child{inset:10% 40% 50% 12%}.iondo-site i:nth-child(2){inset:45% 12% 12% 45%}.iondo-form{align-content:center;padding:5vw;display:grid}.iondo-form label{border-bottom:1px solid;padding:1rem 0;display:grid}.iondo-form input,.iondo-form textarea{background:0 0;border:0}.iondo-form button{color:#fff;background:#28392e;border:0;min-height:54px}@media (width<=700px){.iondo nav{display:none}.iondo--walk main>aside{width:auto;bottom:12px;left:12px;right:12px}.iondo--walk main>section{bottom:240px}.iondo--drawing main,.iondo--note main{grid-template-columns:1fr}.iondo-plan,.iondo-site{min-height:55svh}.iondo--drawing aside{min-height:35svh}.iondo-form{padding:2rem 1rem}.iondo--project main{grid-template-columns:1fr}.iondo--project main>img{height:62svh}.iondo--project main>aside{min-height:38svh}}