:root{font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#203e35;background:#f3f0e7;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #da8d4f;outline-offset:3px}.site-shell{overflow:hidden}.site-header,.hero,.intro-strip,.preview-section,.site-footer{max-width:1440px;margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid #cccec2}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.15em}.brand em{font-style:normal;color:#7d9488}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#244b3c;color:#f6f1e7;font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.12em}.brand-mark span{color:#d7a26b}.header-note{font-size:12px;color:#668074}.hero{min-height:630px;display:grid;grid-template-columns:1fr .83fr;gap:clamp(32px,6vw,96px);align-items:center;padding:64px clamp(24px,5vw,72px) 88px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#6c8878}.tiny-square{display:inline-block;width:7px;height:7px;background:#bc8350;vertical-align:middle;margin-right:8px}.hero h1,.preview-intro h2,.content-heading h3,.project-detail h4{font-family:Iowan Old Style,Baskerville,Nanum Myeongjo,Georgia,serif;font-weight:500;letter-spacing:-.075em}.hero h1{font-size:clamp(54px,6vw,91px);line-height:1.15;margin:31px 0}.hero h1 em{font-style:normal;color:#6a8b72}.hero-description{font-size:18px;line-height:1.9;max-width:490px;color:#58675d;word-break:keep-all}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:#234b3c;color:#fff;text-decoration:none;padding:20px 23px;margin-top:25px;font-size:14px;font-weight:700;min-width:246px;transition:background .2s,transform .2s}.primary-link:hover{background:#386e54;transform:translateY(-3px)}.primary-link span{font-size:19px;font-weight:400}.hero-footnote{font-size:12px;color:#819087;margin-top:22px}.hero-art{min-width:0;aspect-ratio:.87;background:#cfddc8;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:24px 25px #e2e5d7;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #829d83;border-radius:50%;width:108%;aspect-ratio:1;left:24%;top:2%}.hero-art:after{width:75%;left:40%;top:18%}.art-top,.art-bottom{display:flex;justify-content:space-between;position:relative;z-index:1;font-size:10px;font-weight:700;letter-spacing:.12em;color:#476953}.art-orbit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.art-center{position:relative;z-index:2;border-radius:50%;width:42%;aspect-ratio:1;background:#244b3c;color:#e4eddc;display:grid;place-items:center;text-align:center;font-family:Iowan Old Style,Nanum Myeongjo,serif;font-size:clamp(21px,2.9vw,40px);line-height:1.4;letter-spacing:-.07em;box-shadow:0 0 0 20px #f4f9ed38}.orbit-dot{position:absolute;border-radius:50%;background:#c87b46}.dot-one{width:24px;height:24px;top:21%;left:16%}.dot-two{width:14px;height:14px;right:12%;bottom:23%;background:#f5f1e4}.dot-three{width:8px;height:8px;left:22%;bottom:13%;background:#547c5f}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#244b3c;color:#e7eee6;padding:0 clamp(24px,5vw,72px)}.intro-strip p{padding:28px 0;margin:0;border-right:1px solid #527261;font-size:14px}.intro-strip p+p{padding-left:40px}.intro-strip p:last-child{border:0}.intro-strip span{font-family:Georgia,serif;color:#9fc4a4;margin-right:20px}.preview-section{padding:112px clamp(24px,5vw,72px) 90px}.preview-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.preview-intro h2{font-size:clamp(37px,4vw,55px);margin:14px 0 0}.preview-intro>p{max-width:375px;font-size:14px;line-height:1.8;color:#6d7e70;word-break:keep-all}.demo-frame{border:1px solid #c8d1c3;background:#fcfbf6;box-shadow:0 26px 70px #2241311a}.frame-top{min-height:86px;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid #dce1d7}.frame-title{display:flex;gap:13px;align-items:center}.frame-icon{display:grid;place-items:center;width:39px;height:39px;background:#244b3c;color:#fff;font-family:Georgia,serif;font-size:23px}.frame-title strong,.frame-title small{display:block}.frame-title strong{font-size:15px}.frame-title small{font-size:9px;letter-spacing:.15em;color:#86988b;margin-top:4px}.demo-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #a7bea9;background:#edf4e9;color:#345c40;padding:10px 14px;font-size:12px;font-weight:800;white-space:nowrap}.demo-badge span{font-size:8px;color:#52906b}.frame-body{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:600px}.demo-nav{padding:28px 16px;border-right:1px solid #dce1d7;background:#f5f6ee}.nav-item{border:0;background:transparent;color:#658071;width:100%;display:flex;align-items:center;gap:12px;padding:15px 13px;text-align:left;font-size:14px;font-weight:700;transition:background .2s,color .2s}.nav-item:hover{background:#e5ede2}.nav-item.selected{background:#dcebdd;color:#244b3c}.nav-number{font:11px Georgia,serif;opacity:.65}.nav-arrow{margin-left:auto;opacity:0}.selected .nav-arrow{opacity:1}.demo-content{padding:clamp(26px,3.6vw,53px);min-width:0}.content-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #ccd7c9;padding-bottom:24px}.content-heading h3{font-size:clamp(32px,3.7vw,50px);margin:8px 0 0}.content-heading time,.heading-aside{font-size:12px;color:#728879}.section-kicker{margin:0}.section-lead{font-size:14px;line-height:1.8;color:#708073;margin:22px 0 35px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;margin-top:36px}.stat-card{background:#edf1e7;padding:22px;min-height:178px;display:flex;flex-direction:column;align-items:start}.stat-card span{font-size:12px;color:#667c6b}.stat-card strong{font:54px Georgia,serif;letter-spacing:-.06em;color:#2a5742;margin-top:auto}.stat-card small{font-size:11px;color:#849588}.stat-feature{background:#dce9d7}.stat-feature strong{font-family:Iowan Old Style,Nanum Myeongjo,serif;font-size:clamp(23px,2.1vw,33px);white-space:nowrap}.note-card{display:flex;gap:22px;align-items:center;background:#f7f3e8;border:1px solid #e8e2d3;margin-top:23px;padding:24px}.note-spark{font-size:32px;color:#be895b}.note-card strong{font-size:14px}.note-card p{font-size:12px;color:#849084;margin:7px 0 0}.project-layout{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:20px;margin-top:27px}.project-list{border-top:1px solid #d6ddd2}.project-button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-bottom:1px solid #d6ddd2;padding:16px 12px;background:transparent;color:#355444;font-weight:700;min-height:61px}.project-button:hover,.project-button.active{background:#e8f0e5}.project-button small{margin-left:auto;color:#889b8a;font-size:10px;font-weight:500;white-space:nowrap}.project-index{font:12px Georgia,serif;color:#9baa9b}.project-chevron{font-size:14px;margin-left:6px}.project-detail{background:#e9f0e5;padding:30px;min-width:0}.project-detail h4{font-size:32px;margin:12px 0}.project-value{font-size:15px;line-height:1.7;margin:0}.project-review{font-size:12px;line-height:1.7;color:#6c806f;margin:8px 0 25px}.detail-group{border-top:1px solid #c8d5c5;padding:16px 0;display:grid;gap:9px;font-size:13px;line-height:1.5}.detail-label{font-size:10px;letter-spacing:.08em;font-weight:800;color:#78917c}.detail-group a{display:flex;justify-content:space-between;max-width:280px;text-decoration-thickness:1px;text-underline-offset:3px}.detail-group a:hover{color:#ac7547}.detail-line{display:flex;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.detail-line strong{white-space:nowrap;font-size:12px}.detail-line small{white-space:nowrap;color:#78917c}.ledger-list{list-style:none;margin:0;padding:0;border-top:1px solid #d6ddd2}.ledger-row{display:flex;gap:18px;align-items:center;justify-content:space-between;border-bottom:1px solid #d6ddd2;padding:20px 4px}.row-main{min-width:0}.row-main strong,.row-main small,.row-aside strong,.row-aside small{display:block}.row-main strong{font-size:15px}.row-main small,.row-aside small{font-size:11px;color:#849588;margin-top:8px}.row-aside{text-align:right;white-space:nowrap}.row-aside strong{font-size:14px}.task-mark{font-size:23px;color:#789a7d}.task-row .row-main{flex:1}.status{white-space:nowrap;font-size:11px;color:#587664;background:#e9f1e6;padding:7px 10px}.status-done{color:#8b947f;background:#eff1e8}.status-deferred{color:#9b7958;background:#f5ebdd}.preview-caption{text-align:right;color:#899789;font-size:11px;margin-top:18px}.site-footer{border-top:1px solid #d0d8ca;padding:35px clamp(24px,5vw,72px) 60px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#819181;font-size:11px}.footer-brand{font-size:12px;font-weight:800;letter-spacing:.14em;color:#244b3c}.footer-brand span{color:#8ca38e}.site-footer p{margin:0}@media(max-width:900px){.hero{grid-template-columns:1fr .7fr;min-height:530px}.hero h1{font-size:clamp(48px,6.3vw,68px)}.hero-art{aspect-ratio:.75}.stat-grid{grid-template-columns:1fr 1fr}.stat-feature{grid-column:1/-1;min-height:115px}.project-layout{grid-template-columns:1fr}.project-list{display:grid;grid-template-columns:1fr 1fr}.project-button:nth-child(odd){border-right:1px solid #d6ddd2}}@media(max-width:680px){.site-header{height:68px}.header-note{display:none}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:65px;gap:45px}.hero h1{font-size:clamp(47px,11vw,70px)}.hero-description{font-size:16px}.hero-art{aspect-ratio:1.3;box-shadow:12px 12px #e2e5d7}.art-center{width:30%;font-size:clamp(20px,5vw,30px)}.intro-strip{display:block;padding-top:8px;padding-bottom:8px}.intro-strip p,.intro-strip p+p{padding:17px 0;border-right:0;border-bottom:1px solid #527261}.intro-strip p:last-child{border:0}.preview-section{padding-top:70px}.preview-intro{display:block}.preview-intro>p{margin-top:20px}.frame-top{padding:14px 17px;gap:12px}.frame-body{display:block;min-height:0}.demo-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border-right:0;border-bottom:1px solid #dce1d7;padding:8px;background:#f5f6ee}.nav-item{display:block;text-align:center;padding:10px 2px;font-size:11px;white-space:nowrap}.nav-number,.nav-arrow{display:none}.demo-content{padding:24px 18px;min-height:470px}.content-heading{align-items:start}.content-heading time,.heading-aside{font-size:10px;text-align:right}.stat-card{padding:17px;min-height:140px}.stat-card strong{font-size:43px}.project-list{grid-template-columns:1fr}.project-button:nth-child(odd){border-right:0}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}@media(max-width:400px){.demo-badge{font-size:10px;padding:8px}.frame-title strong{font-size:12px}.frame-title small{font-size:7px}.frame-icon{width:31px;height:31px;font-size:19px}.content-heading h3{font-size:32px}.row-aside strong{font-size:12px}.row-main strong{font-size:13px}.cost-row{gap:8px}.project-detail{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link,.nav-item{transition:none}}@media(max-width:400px){.frame-top{flex-wrap:wrap}.demo-badge{max-width:100%;white-space:normal}}