@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f7f7f0;--ink:#292f26;--muted:#74796e;--orange:#e76534;--line:#dddfd3;--green:#456542;--cream:#ecebdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:12px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand-mark{font-size:38px;font-weight:400;margin-right:11px;color:var(--orange)}.brand-dot{color:var(--orange)}nav{display:flex;gap:36px;font-size:13px;font-weight:600}nav a:hover{color:var(--orange)}nav span{margin-left:7px;color:var(--muted)}.hero{padding-block:90px 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;margin:0 0 25px}.green-dot,.status.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(32px,3.5vw,48px);font-weight:800;letter-spacing:-2.8px;line-height:1.45;margin:0 0 24px}h1>span{color:var(--green)}.hero-description{font-size:14px;line-height:1.95;color:#72776c;letter-spacing:-.3px;margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;gap:40px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;padding:17px 22px;border-radius:4px;transition:background .2s,transform .2s}.primary-link:hover{background:var(--green);transform:translateY(-2px)}.primary-link span{font-size:21px;line-height:1}.hero-caption{font-size:11px;color:var(--muted);margin-top:22px;display:flex;align-items:center;gap:9px}.hand-arrow{font-size:25px;transform:rotate(15deg)}.workbench{height:354px;position:relative;background:#eeeee5;border:1px solid #e5e6db;border-radius:8px;background-image:radial-gradient(#cbd0bf .75px,transparent .75px);background-size:17px 17px}.bench-label{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:2px;color:#808673}.grid-paper{position:absolute;left:43px;top:56px;width:248px;height:229px;transform:rotate(-8deg);padding:23px;background-color:#fcfcf6;background-image:linear-gradient(#e8ebdf 1px,transparent 1px),linear-gradient(90deg,#e8ebdf 1px,transparent 1px);background-size:19px 19px;box-shadow:0 6px 15px #30332112;border:1px solid #e2e3d6}.paper-number{font-size:9px;color:var(--muted);letter-spacing:1.1px}.grid-paper b{display:block;font-size:22px;line-height:1.65;letter-spacing:-1px;margin-top:26px;position:relative;z-index:1}.idea-circle{position:absolute;left:14px;top:91px;width:199px;height:48px;border:2px solid var(--orange);border-radius:50%;transform:rotate(4deg)}.paper-bottom{position:absolute;bottom:20px;left:23px;font-size:10px;color:var(--muted)}.orange-tile{position:absolute;right:24px;top:37px;background:var(--orange);width:111px;height:111px;display:grid;place-items:center;color:#fff6da;font-size:97px;line-height:1;transform:rotate(12deg);border-radius:6px;box-shadow:3px 6px 0 #c3ba9c44}.green-tile{position:absolute;bottom:58px;right:19px;width:141px;height:117px;background:#cad5b1;border:1px solid #b8c69f;transform:rotate(7deg);padding:18px;color:#3e5733;box-shadow:3px 6px 10px #343f2910}.green-tile span{font-size:19px;font-weight:700;letter-spacing:-.8px;line-height:1.5}.green-tile i{position:absolute;right:13px;bottom:8px;font-size:35px;font-style:normal}.floating-label{position:absolute;bottom:25px;left:48px;background:var(--paper);padding:8px 14px;transform:rotate(-3deg);border:1px solid var(--line);font-size:11px}.floating-label span{color:var(--orange);font-size:18px;margin-left:8px}.bench-coordinate{position:absolute;bottom:12px;right:12px;font-size:7px;letter-spacing:.8px;color:var(--muted)}.ticker{border-block:1px solid var(--line);background:#f0f0e6}.ticker>div{display:flex;justify-content:space-between;align-items:center;height:51px;gap:18px;overflow:hidden;white-space:nowrap}.ticker span{font-size:11px;letter-spacing:2px;font-weight:600}.ticker i{color:var(--orange);font-style:normal;font-size:23px}.projects{padding-top:78px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:29px;letter-spacing:-1.4px;line-height:1.5;margin:0}.count{font-size:13px;display:inline-block;vertical-align:top;margin:1px 0 0 10px;color:var(--orange);font-weight:500}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 7px}.project-tools{display:flex;justify-content:space-between;align-items:center;margin:32px 0 24px}.filters{display:flex;gap:7px}.filters button{font-size:11px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:8px 14px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.filters button span{font-size:10px;opacity:.65;margin-left:5px}.project-count{font-size:11px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fbfbf5}.project-art{display:block;height:280px;position:relative;overflow:hidden}.project-art.books{background:#e9ecdb}.project-art.short-stories{background:#efe4d5}.art-index{position:absolute;top:21px;left:24px;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#737b61}.art-note{position:absolute;bottom:20px;left:24px;font-size:11px;color:#6b725f}.art-arrow{position:absolute;bottom:15px;right:20px;border:1px solid #9b9f8770;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;transition:background .2s}.project-art:hover .art-arrow{background:#ffffff90}.book-display{position:absolute;left:50%;top:44px;width:190px;height:196px;transform:translateX(-50%) rotate(-8deg);transition:transform .3s}.project-art:hover .book-display{transform:translateX(-50%) rotate(-3deg)}.book-cover{position:absolute;inset:0 0 0 20px;background:#3e593e;border:1px solid #344d36;color:#f0eddb;padding:15px 18px;box-shadow:9px 10px 0 #d3d8c2,13px 14px 17px #29382922;z-index:1}.book-cover>span{font-size:8px;letter-spacing:1px;opacity:.7}.book-cover strong{display:block;font-size:38px;font-weight:600;line-height:1.25;letter-spacing:1px;margin-top:19px}.book-cover small{position:absolute;bottom:16px;left:18px;font-size:6px;letter-spacing:1.4px}.book-star{position:absolute;right:15px;bottom:47px;font-size:37px;color:#d4dfb7}.book-spine{position:absolute;left:0;top:0;width:20px;height:196px;background:#2e452e;border-right:1px solid #70806b;color:#bbc7ab;font-size:10px;writing-mode:vertical-rl;padding:18px 4px}.story-art{position:absolute;inset:0}.story-paper{position:absolute;top:45px;left:50%;transform:translateX(-50%) rotate(5deg);width:220px;height:189px;background:#fffaf0;box-shadow:4px 7px 0 #ded1bc;padding:16px}.story-paper>span{font-size:8px;letter-spacing:1.8px;color:#877a67}.scene{height:81px;background:#d9d4c2;margin:12px 0;position:relative;overflow:hidden}.scene i{position:absolute;display:block;width:120px;height:90px;background:#a5ad91;border-radius:50%;bottom:-64px;left:-12px;transform:rotate(-25deg)}.scene i:nth-child(2){left:65px;bottom:-53px;background:#7f9378;width:160px;transform:rotate(25deg)}.scene i:nth-child(3){width:18px;height:18px;left:143px;top:11px;background:#ece8d1;bottom:auto}.story-paper b{font-size:11px;color:#73684f}.paper-lines{margin-top:8px;width:87%;height:2px;background:#e2dbce;box-shadow:0 6px #e2dbce}.pause-sticker{position:absolute;right:53px;bottom:48px;background:#efd27f;border-radius:50%;width:84px;height:84px;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);font-size:15px;font-weight:700;color:#745a32;line-height:1.5;border:1px solid #debf67}.project-body{padding:25px 28px 26px}.project-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.status{display:flex;align-items:center;gap:5px}.status.live{color:var(--green)}.status.live i{width:5px;height:5px}h3{font-size:23px;letter-spacing:-.8px;margin:18px 0 6px}.project-subtitle{font-size:12px;color:#727768;margin:0 0 15px}.project-description{font-size:12px;line-height:1.9;color:var(--muted);max-width:390px;min-height:47px;margin:0}.tags{list-style:none;display:flex;gap:7px;padding:0;margin:19px 0 24px;flex-wrap:wrap}.tags li{font-size:9px;color:#767b6b;background:#eeefe6;padding:5px 8px;border-radius:3px}.project-link{font-size:12px;font-weight:600;display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line)}.project-link:hover{color:var(--orange)}.project-link span{font-size:17px}.next-project{margin-top:28px;border:1px dashed #c8cdbb;border-radius:6px;padding:26px 31px;display:flex;align-items:center;gap:24px}.next-symbol{font-size:37px;color:#a5ad97;font-weight:400}.next-project h3{font-size:15px;margin:0 0 8px;letter-spacing:-.4px}.next-project p{font-size:11px;line-height:1.9;margin:0;color:var(--muted)}.next-note{font-size:13px;color:#929a7d;line-height:1.5;transform:rotate(-6deg);margin-left:auto}.about{padding-block:55px 66px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.about .eyebrow{font-size:9px;margin-bottom:18px}.about h2{font-size:26px}.about-copy p{font-size:12px;line-height:2;color:var(--muted);margin:0 0 15px}.signature{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600;margin-top:24px}.signature span{font-size:26px;color:var(--orange)}.site-footer{border-top:1px solid var(--line);padding-block:27px 32px;display:flex;align-items:center;gap:22px}.site-footer .brand{font-size:23px}.site-footer p{font-size:10px;color:var(--muted)}.site-footer>div{margin-left:auto;display:flex;gap:21px;font-size:10px;color:var(--muted)}.site-footer small{font-size:10px;color:var(--muted)}.document{max-width:740px;padding-block:70px 100px;min-height:65vh}.document h1{font-size:37px}.document h2{font-size:21px;margin-top:35px}.document p,.document li{font-size:14px;line-height:2;color:#69705f}.document a.text-link{color:var(--green);text-decoration:underline;text-underline-offset:4px}.document .back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:36px}.document .note-box{padding:20px 25px;background:var(--cream);border-radius:6px;margin-top:30px}.document .primary-link{color:white;margin-top:25px}.document .doc-date{font-size:11px;color:var(--muted);letter-spacing:1px}.document ul{padding-left:20px}@media(min-width:1500px){.hero{padding-block:110px}.workbench{height:375px}.grid-paper{left:56px;top:68px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:25px;padding-block:65px}.hero h1{font-size:34px;letter-spacing:-1.8px}.workbench{height:310px}.grid-paper{width:205px;height:210px;left:25px;top:50px;padding:18px}.grid-paper b{font-size:18px}.idea-circle{width:170px;top:85px}.orange-tile{width:85px;height:85px;font-size:77px;right:15px;top:33px}.green-tile{width:108px;height:100px;right:10px;bottom:50px;padding:12px}.green-tile span{font-size:16px}.floating-label{left:20px;bottom:19px;font-size:9px}.bench-coordinate{display:none}.project-art{height:265px}.pause-sticker{right:20px}.site-footer{flex-wrap:wrap}.site-footer small{width:100%}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:81px}.brand{font-size:25px}.brand-mark{font-size:30px;margin-right:7px}nav{gap:19px;font-size:11px}nav span{display:none}.hero{grid-template-columns:1fr;padding-block:48px;gap:40px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:23px}.hero h1{font-size:clamp(28px,7.8vw,43px);letter-spacing:-1.8px}.hero-description{font-size:12px}.hero-caption{font-size:10px}.workbench{width:min(100%,440px);height:316px;margin-inline:auto}.grid-paper{width:225px;left:35px;top:53px}.grid-paper b{font-size:20px}.orange-tile{width:98px;height:98px;font-size:87px;right:23px;top:32px}.green-tile{width:121px;height:103px;right:18px}.green-tile span{font-size:17px}.floating-label{left:35px;bottom:20px}.ticker>div{height:43px;gap:22px}.ticker span{font-size:9px;letter-spacing:1.3px}.ticker i{font-size:19px}.projects{padding-block:47px}.section-heading{display:block}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:24px}.section-heading>p{font-size:11px;margin:12px 0 0}.project-tools{margin-top:24px;gap:8px;flex-wrap:wrap}.filters{gap:5px}.filters button{font-size:10px;padding:8px 12px}.project-count{font-size:9px}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{height:280px}.project-body{padding:23px}.book-display{top:47px}.pause-sticker{right:35px}.next-project{gap:14px;padding:22px 17px}.next-project p{font-size:10px}.next-symbol{font-size:28px}.next-note{display:none}.about{grid-template-columns:1fr;gap:25px;padding-block:39px}.about h2{font-size:25px}.about-copy p{font-size:12px}.site-footer{gap:10px 18px;padding-block:24px}.site-footer>div{margin-left:0;width:100%;margin-top:10px}.site-footer small{margin-top:7px}.document{padding-block:45px 70px}.document h1{font-size:29px;letter-spacing:-1.5px}.document p,.document li{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}