@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f5f4ee;--ink:#262e28;--muted:#6b736b;--line:#d9ddd3;--green:#234b39;--lime:#d8edaa;--orange:#bd4f33}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e79543;outline-offset:5px}.top,main,footer{max-width:1180px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:27px 32px;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:800;letter-spacing:-.04em}.wordmark>span{color:var(--orange)}.header-note{font-size:11px;letter-spacing:.19em;color:var(--muted)}main{padding:50px 32px 70px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.2em;font-weight:700;margin:0 0 16px}h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.05em;margin:0;font-weight:760}.intro-note{color:var(--muted);font-size:15px;line-height:1.8;margin:0 5px 5px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;position:relative;min-height:480px;transition:transform .2s}.project:hover{transform:translateY(-5px)}.studio-project{background:#e8e4d8;color:#563b2a}.vocab-project{background:#fff1eb;color:#2c2925}.room-fish{width:140px;height:140px;object-fit:contain;max-width:40%}.vocab-project .word-art em{color:#e63b25}.card-top{display:flex;align-items:center;justify-content:space-between;padding:22px 26px}.tag{font-size:12px;border:1px solid currentColor;border-radius:100px;padding:7px 12px}.launch{font-size:24px}.project-art{height:200px;margin:0 26px;position:relative;display:flex;align-items:center}.frames{gap:9px;align-items:flex-start;padding-top:28px}.frames>span{font-variant-numeric:tabular-nums;font-size:clamp(40px,5.2vw,72px);line-height:1;border-top:2px solid #bbab91;border-bottom:2px solid #bbab91;padding:12px 13px;color:#b6a78e;font-weight:600;transform:rotate(-5deg)}.frames>span:nth-child(2){background:#b95035;border-color:#b95035;color:#fff4dc;transform:rotate(2deg) translateY(7px)}.frames>span:nth-child(3){transform:rotate(7deg)}.timeline{display:flex;gap:7px;position:absolute;bottom:10px;left:0;right:0;padding-top:12px;border-top:1px solid #c3b8a6}.timeline i{height:7px;flex:1;background:#cec3b0;border-radius:2px}.timeline i:nth-child(3){background:#b95035}.word-art{justify-content:space-between;align-items:flex-start;padding-top:15px}.word-art strong{font-size:48px;line-height:1.03;letter-spacing:-.04em;font-weight:650}.word-art em{font-style:normal;color:var(--lime)}.day-stamp{writing-mode:vertical-rl;font-size:10px;letter-spacing:.16em;order:2;border-left:1px solid #66856b;padding-left:12px;margin-top:4px}.card-bottom{padding:26px;margin-top:auto}.project-code{font-size:10px;letter-spacing:.16em;opacity:.65;margin:0 0 10px}.card-bottom h2{font-size:31px;letter-spacing:-.04em;margin:0 0 10px;font-weight:750}.card-bottom>p:not(.project-code){font-size:14px;line-height:1.5;opacity:.8;margin:0 0 25px}.enter{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid #b8a88c;font-size:13px;font-weight:650}.vocab-project .enter{border-color:#66856b}.enter b{font-size:21px;font-weight:400}footer{padding:22px 32px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.back{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;min-height:44px}.tools{margin-top:38px;border-top:1px solid var(--line)}.tool{display:flex;align-items:center;gap:24px;padding:30px 6px;border-bottom:1px solid var(--line)}.tool-number{font-size:13px;color:var(--muted);width:45px}.tool h2{font-size:26px;margin:0 0 9px;letter-spacing:-.03em}.tool p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.tool-arrow{margin-left:auto;font-size:26px}.tool:hover h2{color:var(--orange)}.section-label{color:var(--orange)}
@media(max-width:680px){.top{padding:21px}.header-note{font-size:9px}main{padding:32px 21px 45px}.intro{display:block;margin-bottom:28px}.intro-note{margin-top:18px;font-size:13px}.projects{grid-template-columns:1fr;gap:16px}.project{min-height:420px}.project-art{height:170px}.frames>span{font-size:clamp(38px,12vw,60px);padding:12px 10px}.frames{gap:7px}.word-art strong{font-size:45px}.card-bottom h2{font-size:28px}footer{padding:20px 21px;font-size:11px}.tool{gap:12px}.tool-number{width:25px}.tool h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}