@font-face{font-family:Pretendard;src:url('./assets/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:optional}@font-face{font-family:Space;src:url('./font.ttf') format('truetype');font-display:optional}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#f8f8f5;color:#20211f;font-family:var(--font-Space,Space),var(--font-Pretendard,Pretendard),'Malgun Gothic',sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}a,button{touch-action:manipulation}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400;word-break:keep-all}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.25;letter-spacing:-.04em}h2{font-size:38px;line-height:1.4;letter-spacing:-.04em}h3{font-size:20px;letter-spacing:-.025em}p{color:#686a65;word-break:keep-all}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4}::selection{background:#d8dfcb}:focus-visible{outline:2px solid #59704b;outline-offset:5px}[hidden]{display:none!important}.section{max-width:1220px;margin-left:auto;margin-right:auto}.site-header{height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.2px}.brand svg{width:30px;height:30px}.public-nav{display:flex;gap:38px;position:absolute;left:50%;transform:translateX(-50%);font-size:14px}.public-nav a{color:#747670;padding:12px 0}.public-nav a[aria-current]{color:#20211f}.public-nav a[aria-current]:after{content:'';display:block;background:currentColor;height:3px;width:3px;margin:3px auto -6px;border-radius:50%}.header-actions{display:flex;align-items:center;gap:25px;font-size:13px}.account-menu{position:relative}.account-menu summary{list-style:none;border:1px solid #d8dad2;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.account-menu summary::-webkit-details-marker{display:none}.account-menu>div{position:absolute;right:0;top:54px;width:210px;padding:8px;background:#fff;border:1px solid #e4e4dd;border-radius:12px;box-shadow:0 12px 28px #20211f0c}.account-menu a{display:flex;justify-content:space-between;padding:12px;border-radius:6px}.account-menu a:hover{background:#f2f3ed}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;border:1px solid #252622;border-radius:100px;background:#252622;color:#fff;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#41433b;transform:translateY(-2px)}.button.light{background:transparent;color:#252622;border-color:#d8dad2}.button.light:hover{background:#eeefe8}.actions{display:flex;justify-content:center;gap:10px}.hero{text-align:center;padding:75px 24px 50px}.hero-brand{font-size:14px;margin-bottom:25px;color:#53564e}.hero h1{font-size:clamp(50px,5.9vw,86px);line-height:1.17;letter-spacing:-.04em}.intro{margin:25px 0 28px;font-size:16px;line-height:1.85}.compatibility{display:block;font-size:11px;color:#73766d;margin-top:22px}.gallery{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:22px;align-items:center;margin:10px 40px 0}.gallery figure{min-width:0}.gallery img{border-radius:8px;height:auto}.gallery-left img{aspect-ratio:1/1.08}.gallery-center img{aspect-ratio:1.5}.gallery-right img{aspect-ratio:1/1.15}.gallery-left{padding-top:50px}.gallery-right{padding-top:95px}figcaption{font-size:11px;color:#71756b;margin-top:12px}.statement{text-align:center;padding:155px 20px 90px}.small-label{font-size:12px;color:#707569;display:block;margin-bottom:19px}.statement h2{font-size:60px;line-height:1.3;margin-bottom:28px}.statement>p:last-child{line-height:1.9}.workflow{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center;padding:20px 0 130px}.workflow-image{height:640px;position:relative}.workflow-image img{border-radius:9px;object-position:43%}.image-caption{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;background:#f8f8f5e6;padding:14px 16px;font-size:11px;border-radius:4px}.workflow-copy ol{padding:0;margin:34px 0;list-style:none}.workflow-copy li{display:flex;gap:24px;margin:25px 0}.workflow-copy li>span{font-size:11px;color:#71766a;padding-top:6px}.workflow-copy h3{font-size:17px;margin-bottom:9px}.workflow-copy p{font-size:14px;line-height:1.9}.text-link{font-size:14px;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #b8bcb0;padding:8px 0}.closing{text-align:center;background:#edefe7;padding:105px 20px 110px}.closing p{font-size:13px;margin-bottom:25px}.closing h2{font-size:60px;line-height:1.3;margin-bottom:30px}.page-heading{padding:75px 24px 78px}.centered{text-align:center}.page-heading p:last-child{margin-top:25px;line-height:1.9}.about-image{height:620px;margin-bottom:115px}.about-image img{border-radius:8px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:100px}.large-copy{font-size:21px;line-height:1.9;margin-bottom:40px}.principle{border-top:1px solid #dcded5;padding:24px 0}.principle p{font-size:14px;margin-top:10px}.billing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding:30px 0 100px}.plan-feature{background:#eceedf;padding:46px;border-radius:10px}.plan-feature>p{margin:22px 0}.plan-placeholder{border-top:1px solid #cdd1c0;border-bottom:1px solid #cdd1c0;display:flex;align-items:center;justify-content:space-between;padding:25px 0;margin:32px 0}.plan-placeholder strong{font-weight:400;font-size:28px}.billing-side{padding-top:35px}.billing-side h2{font-size:28px}.billing-side>p{margin:22px 0 28px}.receipt{border-top:1px solid #dcded5;margin-top:50px;padding-top:30px}.receipt p{margin:18px 0 10px}.fine{font-size:12px;color:#707568}.faq{max-width:900px;padding:0 0 120px}.faq h2{font-size:30px;margin-bottom:30px}.faq details{border-bottom:1px solid #dcded5;padding:20px 0}.faq summary{list-style:none;display:flex;justify-content:space-between}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{padding:18px 0 3px}.workspace-nav{display:flex;gap:30px;border-bottom:1px solid #e1e3d9;padding:0 max(30px,calc((100% - 1220px)/2));margin-top:15px}.workspace-nav a{font-size:13px;padding:15px 0;color:#707568}.workspace-nav a[aria-current]{border-bottom:2px solid #272922;color:#272922}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:60px 0 50px}.workspace-heading h1{font-size:52px}.workspace-heading p:last-child{margin-top:20px;font-size:14px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section-top h2,.activity-layout h2,.account-block h2{font-size:23px}.count{font-size:13px;color:#707568;vertical-align:top;margin-left:6px}.search{position:relative}.search input{width:250px;padding:12px 42px 12px 18px;border:1px solid #d7dacd;border-radius:30px;background:transparent;font-size:13px}.search>.icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project summary{list-style:none}.project summary::-webkit-details-marker{display:none}.project img{aspect-ratio:1.65;height:auto;border-radius:8px;transition:filter .2s}.project summary:hover img{filter:brightness(.95)}.project-title{display:flex;align-items:center;justify-content:space-between;margin:17px 0 4px}.project-title span{font-size:24px}.project[open] .project-title span{transform:rotate(45deg)}.project p{font-size:12px}.file-list{list-style:none;margin:15px 0 0;padding:0;border-top:1px solid #ddd}.file-list li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ddd;font-size:13px}.file-list span{color:#707568;font-size:11px}.activity-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;padding:65px 0 100px}.activity-layout h2{margin-bottom:22px}.activity-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-top:1px solid #dcded5;padding:18px 0}.activity-row>span:nth-child(2){color:#707568}.activity-layout aside p{font-size:13px;margin-bottom:18px}.account-layout{display:grid;grid-template-columns:1fr 2fr;gap:100px;padding:20px 0 100px}.avatar{width:90px;height:90px;border-radius:50%;background:#e7eade;display:grid;place-items:center;font-size:36px;margin-bottom:25px}.account-identity h2{font-size:22px}.account-identity p{margin:12px 0}.account-block{border-top:1px solid #dcded5;padding:30px 0 40px}.account-block dl{margin:20px 0 0}.account-block dl>div{display:flex;justify-content:space-between;padding:12px 0;font-size:14px}.account-block dd{color:#707568}.account-block>p{margin:16px 0;font-size:14px}.account-block .button{margin-top:15px}.status{font-size:11px;padding:5px 10px;background:#e9ecdf;border-radius:20px}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;max-width:1350px;margin:25px auto 95px;padding:0 25px;align-items:center}.auth-visual{height:760px;position:relative}.auth-visual img{border-radius:10px}.auth-visual>div{position:absolute;bottom:35px;left:35px;right:35px;background:#f8f8f5eb;padding:24px;border-radius:5px}.auth-visual p{font-size:11px;margin-bottom:12px}.auth-visual h2{font-size:28px}.auth-form{max-width:390px;width:100%}.back-link{font-size:12px;color:#707568;display:inline-block;margin-bottom:35px}.auth-form h1{font-size:32px;line-height:1.4}.auth-form>p{font-size:13px;margin:15px 0 30px}.auth-form form label{display:block;font-size:13px;margin-bottom:18px}.auth-form input{display:block;background:transparent;width:100%;margin-top:8px;border:1px solid #d4d8cb;border-radius:5px;padding:13px 14px;font-size:13px}.auth-form form>.button{width:100%;margin-top:20px}.auth-switch a{text-decoration:underline;color:#20211f;margin-left:6px}#form-feedback{font-size:13px;margin-top:15px}.auth-form .text-link{font-size:12px}footer{padding:65px 48px 50px;background:#f8f8f5;border-top:1px solid #e1e4d8}.footer-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.footer-wordmark{display:block;font-size:clamp(62px,16.5vw,260px);letter-spacing:-.04em;line-height:1.35;margin:25px 0 20px}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#707568}.preview-badge{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:20;background:#fffef6eb;border:1px solid #dddccf;border-radius:20px;padding:6px 13px;font-size:9px;color:#616450;white-space:nowrap;box-shadow:0 2px 12px #00000006}.skip-link{position:fixed;left:10px;top:-100px;z-index:99;background:white;padding:10px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.gallery{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:1280px){.section{margin-left:40px;margin-right:40px}.workflow{gap:45px}.auth-layout{gap:45px}.account-layout{gap:60px}.activity-layout{gap:50px}}
@media(max-width:760px){.site-header{height:80px;padding:0 20px}.brand{font-size:20px}.brand svg{width:24px}.public-nav{position:static;transform:none;gap:16px;font-size:12px}.header-actions{gap:0}.login-link{display:none}.account-menu summary{width:36px;height:36px}.brand span{display:none}.hero{padding:55px 20px 28px}.hero-brand{font-size:11px;margin-bottom:23px}.hero h1{font-size:53px}.intro{font-size:13px;margin:25px 0}.button{font-size:12px;padding:11px 18px;min-height:45px;gap:15px}.compatibility{font-size:9px}.gallery{margin:10px 16px 0;gap:9px;grid-template-columns:1fr 1.8fr}.gallery-right{display:none}.gallery-left{padding-top:30px}.gallery-center img{aspect-ratio:.85}.gallery-left img{aspect-ratio:.65}.gallery figcaption{font-size:8px;margin-top:8px}.section{margin-left:24px;margin-right:24px}.statement{padding:85px 0 55px}.statement h2{font-size:41px}.statement>p:last-child{font-size:12px}.small-label{font-size:10px}.workflow{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.workflow-image{height:390px}.workflow-copy h2{font-size:32px}.workflow-copy ol{margin:25px 0}.workflow-copy p{font-size:13px}.image-caption{left:12px;right:12px;bottom:12px;padding:12px;font-size:9px}.closing{padding:70px 20px}.closing h2{font-size:42px}.closing p{font-size:10px}.page-heading{padding:55px 20px}.page-heading h1{font-size:39px}.page-heading p:last-child{font-size:13px}.about-image{height:350px;margin-bottom:65px}.about-image figcaption{font-size:9px}.editorial{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.editorial h2{font-size:32px}.large-copy{font-size:17px}.billing-grid{grid-template-columns:1fr;gap:30px;padding:0 0 65px}.plan-feature{padding:28px}.plan-feature h2{font-size:32px}.plan-feature>p{font-size:13px}.billing-side{padding:10px 0}.billing-side h2{font-size:25px}.billing-side>p{font-size:13px}.faq{padding-bottom:65px}.faq h2{font-size:24px}.faq summary,.faq details p{font-size:13px}.workspace-nav{padding:0 24px;margin-top:0}.workspace-heading{padding:40px 0 35px;display:block}.workspace-heading h1{font-size:40px}.workspace-heading p:last-child{font-size:13px}.workspace-heading>.text-link{margin-top:20px}.section-top{align-items:flex-start;flex-direction:column;gap:18px}.search,.search input{width:100%}.project-grid{grid-template-columns:1fr;gap:28px}.project img{aspect-ratio:1.5}.activity-layout{grid-template-columns:1fr;gap:40px;padding:45px 0 65px}.activity-row{font-size:10px}.account-layout{grid-template-columns:1fr;gap:35px;padding:0 0 55px}.account-identity{padding-bottom:10px}.avatar{width:65px;height:65px;font-size:28px;margin-bottom:18px}.account-block .section-top{flex-direction:row;align-items:center}.account-block dl>div{font-size:12px}.auth-layout{grid-template-columns:1fr;gap:35px;padding:0 24px;margin:15px 0 65px}.auth-visual{height:220px}.auth-visual>div{bottom:15px;left:15px;right:15px;padding:16px}.auth-visual h2{font-size:21px}.auth-visual p{font-size:9px;margin-bottom:6px}.auth-form{max-width:none}.auth-form h1{font-size:29px}.back-link{margin-bottom:20px}footer{padding:35px 24px 60px}.footer-top{font-size:9px}.footer-wordmark{font-size:16vw;margin:25px 0;letter-spacing:-.04em}.footer-bottom{flex-direction:column;gap:8px;font-size:9px}.preview-badge{font-size:8px}.preview-badge span{font-size:8px}}
.preview-badge{position:absolute;top:5px;bottom:auto;border:0;background:transparent;box-shadow:none;padding:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.back-link{display:inline-flex;align-items:center;gap:8px}.project[open] .project-title .icon{transform:rotate(45deg)}
/* Editorial typography: Korean prose, geometric UI, and literary display. */
@font-face{font-family:Pretendard;src:url('./assets/Pretendard-SemiBold.woff2') format('woff2');font-weight:600;font-display:optional}
@font-face{font-family:Newsreader;src:url('./assets/Newsreader.ttf') format('truetype');font-weight:200 800;font-display:optional}
body{font-family:var(--font-Pretendard,Pretendard),var(--font-Space,Space),'Malgun Gothic',sans-serif;font-size:16px;color:#20211f;caret-color:#59704b}
.brand,.public-nav,.footer-wordmark,.price,.pro-options{font-family:var(--font-Space,Space),var(--font-Pretendard,Pretendard),sans-serif}
h1,h2{font-weight:600;text-wrap:balance;letter-spacing:-.035em}h3{font-weight:600;letter-spacing:-.02em}
p{color:#565b50}.fine{color:#606657}.workflow-copy p{font-size:16px;line-height:1.85;max-width:54ch}.workflow-copy h3{font-size:18px}.workflow-copy li{gap:22px;margin:28px 0}.workflow-copy li>span{font-size:12px;color:#62695b}.workflow-copy li>div{min-width:0}.workflow{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px}.workflow-image{height:660px;overflow:hidden;border-radius:12px}.image-caption{z-index:1}.intro{font-size:18px}.principle p,.faq details p{font-size:16px;line-height:1.85}.compatibility{font-size:12px;color:#62695b}.gallery figure{overflow:hidden}.gallery img,.about-image img,.auth-visual img,.project img{transition:transform 500ms cubic-bezier(.16,1,.3,1)}.gallery img{transform-origin:50% 65%}.gallery-left img{transform-origin:25% 50%}.gallery-right img{transform-origin:75% 45%}
.pricing{padding-bottom:80px}.pricing-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{border:1px solid #d3d7ca;border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;min-width:0}.price-card.featured{background:#eceedf;border-color:#c6ceaf}.price-card h2{font-family:var(--font-Newsreader,Newsreader),serif;font-size:38px;font-weight:450;line-height:1.2;letter-spacing:-.02em}.plan-description{font-size:14px;margin-top:16px;min-height:48px}.price-card .price{color:#20211f;font-size:44px;letter-spacing:-.04em;line-height:1.3;margin:24px 0;white-space:nowrap}.price-period{font-family:var(--font-Pretendard,Pretendard),sans-serif;font-size:13px;color:#565b50;letter-spacing:0}.price-card .pending-price{font-family:var(--font-Pretendard,Pretendard),sans-serif;font-size:30px;min-height:57px;display:flex;align-items:center}.plan-detail,.pro-options{min-height:56px;margin:0 0 24px;font-size:14px}.price-card .button{padding:12px 16px;font-size:13px;gap:12px;width:100%;margin-top:auto}.price-card>.fine{margin-top:16px;font-size:12px;line-height:1.65}.button:disabled{cursor:not-allowed;opacity:.65;transform:none;background:transparent}.pro-options{padding:0;border:0;display:flex;gap:6px;align-items:flex-start}.pro-options label{position:relative;flex:1;cursor:pointer}.pro-options input{position:absolute;opacity:0;width:1px;height:1px}.pro-options span{display:block;border:1px solid #cbd0c2;border-radius:7px;padding:9px 3px;text-align:center;font-size:11px;white-space:nowrap}.pro-options input:checked+span{background:#252622;color:#fff;border-color:#252622}.pro-options input:focus-visible+span{outline:2px solid #59704b;outline-offset:3px}.pricing-note{font-size:13px;margin-top:24px;line-height:1.8;max-width:85ch}.billing-account{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:40px 0 80px;border-top:1px solid #d3d7ca}.billing-account h2{font-size:28px}.billing-account p{margin:18px 0 24px}.billing-account .receipt{margin:0;padding:0;border:0}
.workspace-showcase{padding:10px 0 100px}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:38px}.showcase-heading h2{font-family:var(--font-Newsreader,Newsreader),serif;font-size:58px;font-weight:450;letter-spacing:-.025em;line-height:1.1}.showcase-heading p{font-size:15px;line-height:1.8}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.capture-wide{grid-column:1/-1}.capture-media{height:auto;aspect-ratio:16/9;background:#eeefe8;border:1px solid #d3d7ca;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative}.capture-wide .capture-media{aspect-ratio:2.2}.capture-media>span{text-align:center;font-size:13px;color:#62695b;line-height:2.4}.capture-media strong{font-size:20px;font-weight:400;color:#30352b}.capture-slot figcaption{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#565b50}.capture-media img{position:absolute;inset:0;object-fit:contain}.capture-media:has(img)>span{display:none}.capture-media:after{content:'';position:absolute;inset:12px;border:1px solid #d4d9ca;border-radius:5px;pointer-events:none;transition:inset 400ms cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.gallery figure:hover img,.about-image:hover img,.project summary:hover img{transform:scale(1.025)}.capture-slot:hover .capture-media:after{inset:20px}}
@media(max-width:1100px){.pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow{gap:38px}.showcase-heading{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:760px){.hero h1{font-size:clamp(42px,12vw,53px)}.intro{font-size:16px}.workflow{grid-template-columns:1fr;gap:32px}.workflow-image{height:390px}.workflow-copy p{font-size:16px}.workflow-copy h3{font-size:18px}.statement>p:last-child{font-size:15px}.compatibility{font-size:10px}.principle p,.faq details p{font-size:15px}.pricing-cards{grid-template-columns:1fr;gap:18px}.price-card{padding:28px}.plan-description{min-height:0}.price-card .price{margin:22px 0}.price-card .button{font-size:14px}.price-card .plan-detail,.pro-options{min-height:0}.pro-options{margin-bottom:24px;max-width:260px;width:100%}.pro-options span{font-size:12px}.pricing{padding-bottom:50px}.billing-account{grid-template-columns:1fr;gap:40px;padding:30px 0 60px}.workspace-showcase{padding:0 0 65px}.showcase-heading h2{font-size:42px}.capture-grid{grid-template-columns:1fr;gap:28px}.capture-wide{grid-column:auto}.capture-wide .capture-media,.capture-media{aspect-ratio:4/3}.capture-slot figcaption{font-size:11px}.showcase-heading p{font-size:15px}}
