@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#d8191f;--ink:#191b20;--paper:#fafaf8;--line:#d7d7d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.header{height:110px;margin:0 5.2%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-symbol{background:var(--blue);color:white;width:39px;height:39px;display:grid;place-items:center;font-size:29px;line-height:1}.brand-en{font-size:10px;letter-spacing:.5px;line-height:1.35;margin-left:9px;font-weight:600}nav{display:flex;gap:38px;font-size:14px;font-weight:500}nav a:hover{color:var(--blue)}nav span{margin-left:12px}.hero{padding:44px 5.2% 46px}.eyebrow{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:1.4px}h1{font-size:clamp(42px,6.1vw,92px);font-weight:700;line-height:1.3;letter-spacing:-.065em;margin:54px 0 32px}h1 em{font-style:normal;color:var(--blue)}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:16px;line-height:1.9;margin:0;color:#53555a;letter-spacing:-.35px}.round-link{display:grid;place-items:center;border:1px solid #adadb0;border-radius:50%;width:56px;height:56px;font-size:26px;transition:background .2s}.round-link:hover{background:var(--blue);color:white;border-color:var(--blue)}.visual{margin:0 5.2%}.image-wrap{background:#e3e5e8;height:clamp(300px,49vw,710px);overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover}.caption{display:flex;justify-content:space-between;padding:16px 0;font-size:12px;color:#62636b}.caption span:last-child{font-size:11px;letter-spacing:.6px}.section{margin:0 5.2%;padding:102px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:9px;letter-spacing:1px;font-size:12px;font-weight:600}.dot{height:7px;width:7px;background:var(--blue);border-radius:50%}.number{margin-left:auto;color:#777}.about{display:grid;grid-template-columns:1fr 2fr;gap:8%}.about .section-label{align-self:start}.about .number{display:none}h2{font-size:clamp(30px,3.2vw,49px);line-height:1.5;letter-spacing:-.055em;font-weight:600;margin:0}.about-content p{font-size:17px;line-height:1.95;max-width:620px;color:#62636b;word-break:keep-all;margin:30px 0 0}.services-heading{display:flex;align-items:end;justify-content:space-between;margin:40px 0 50px}.services-heading p{font-size:15px;color:#62636b}.service{display:grid;grid-template-columns:28% 1fr auto;border-top:1px solid var(--line);padding:40px 0;gap:20px}.service-index{font-size:12px;letter-spacing:1px;padding-top:12px;color:var(--blue);font-weight:600}h3{margin:0;font-size:30px;letter-spacing:-1px;font-weight:600}.service p{font-size:16px;line-height:1.9;color:#62636b;margin:18px 0 22px}.tags{display:flex;gap:8px}.tags span{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:6px 12px;color:#62636b}.service-mark{font-size:32px}.approach h2{margin:40px 0 50px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.principles article{border-top:1px solid var(--line);padding-top:24px}.principles article>span{font-size:12px;color:var(--blue)}.principles h3{font-size:21px;margin-top:25px}.principles p{font-size:16px;line-height:1.9;color:#62636b;word-break:keep-all}.closing{background:var(--blue);color:white;padding:62px 5.2% 40px;margin-top:90px}.closing>p{font-size:12px;letter-spacing:1.5px}.closing h2{font-size:clamp(40px,5vw,74px);line-height:1.4;margin:45px 0 65px}.closing-bottom{border-top:1px solid #ffffff55;padding-top:25px;display:flex;justify-content:space-between;font-size:14px}.closing-bottom span:last-child{font-weight:700;font-size:20px}footer{padding:37px 5.2%;display:flex;align-items:center;gap:30px;font-size:12px;color:#707077}.footer-brand{font-size:19px;color:var(--ink);font-weight:700}footer>a:last-child{margin-left:auto} @media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:700px){.header{height:84px}.brand{font-size:21px;gap:9px}.brand-symbol{width:31px;height:31px;font-size:23px}.brand-en{display:none}nav{gap:16px;font-size:12px}nav a:last-child{display:none}.hero{padding-top:28px}.eyebrow{font-size:10px;letter-spacing:.8px}.eyebrow span:last-child{display:none}h1{margin:39px 0 26px;line-height:1.42;font-size:clamp(36px,8vw,55px)}.hero-bottom p{font-size:14px;line-height:1.9;max-width:85%}.round-link{width:38px;height:38px;font-size:20px;flex-shrink:0}.image-wrap{height:350px}.caption{gap:15px;font-size:10px}.caption span:last-child{font-size:9px;text-align:right}.section{padding:65px 0}.about{display:block}.about-content{margin-top:32px}.about-content p{font-size:16px}.services-heading{display:block;margin:32px 0}.services-heading p{line-height:1.7;margin-top:20px}.service{grid-template-columns:1fr auto;gap:18px;padding:30px 0}.service-index{grid-column:1/-1;padding:0}.service h3{font-size:26px}.service p{font-size:15px;word-break:keep-all}.service p br{display:none}.principles{grid-template-columns:1fr;gap:24px}.principles h3{margin-top:12px}.principles p{margin-bottom:0}.approach h2{margin:30px 0}.closing{margin-top:55px;padding-top:40px}.closing h2{margin:35px 0 50px}footer{flex-wrap:wrap;gap:16px}footer span{font-size:10px}.closing-bottom{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.binder-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}.binder-gallery figure{margin:0;min-width:0}.binder-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e3e5e8}.binder-gallery figcaption{display:flex;justify-content:space-between;gap:12px;margin:18px 0;font-size:14px}.binder-gallery figcaption span{font-size:12px;color:#707077}.custom-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:42px}.custom-options article{border-top:1px solid var(--line);padding-top:25px}.custom-options article>span{font-size:12px;color:var(--blue);letter-spacing:.7px}.custom-options h3{font-size:22px;margin:18px 0}.custom-options p{font-size:16px;color:#62636b;line-height:1.9;word-break:keep-all}.paper .services-heading p{line-height:1.9}.paper-list article{display:grid;grid-template-columns:50px 1fr 240px;align-items:center;gap:28px;border-top:1px solid var(--line);padding:30px 0}.paper-no{font-size:14px;color:var(--blue);align-self:start;padding-top:8px}.paper-list h3{font-size:25px}.paper-list p{font-size:16px;line-height:1.85;color:#62636b;margin:10px 0 0;word-break:keep-all}.paper-use{font-size:14px;text-align:right;color:#62636b}.paper-note{padding:22px 26px;background:#eeefed;margin-top:20px}.paper-note p{font-size:14px;line-height:1.8;margin:0 0 10px}.paper-note>span{font-size:12px;color:#62636b}.paper-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){nav{gap:20px}.binder-gallery figcaption{flex-direction:column;gap:6px}.paper-list article{grid-template-columns:30px 1fr;gap:18px}.paper-use{grid-column:2;text-align:left}.custom-options{gap:4%}.custom-options h3{font-size:20px}}@media(max-width:700px){.header{height:auto;min-height:92px;flex-wrap:wrap;gap:16px;padding:20px 0}nav{width:100%;justify-content:space-between;font-size:14px;gap:8px}nav a:last-child{display:block}.binder-gallery{grid-template-columns:1fr;gap:24px}.binder-gallery figcaption{flex-direction:row;flex-wrap:wrap}.custom-options{grid-template-columns:1fr;gap:24px;margin-top:28px}.custom-options h3{font-size:22px;margin:12px 0}.custom-options p{margin-bottom:0}.paper-note{padding:20px}.paper-note>span{line-height:1.9}}
.carousel{user-select:none}.carousel-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.carousel-top p{margin:0}.carousel-current{color:var(--blue);font-weight:700}.carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;background:#e3e5e8}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-viewport:active,.carousel-viewport.is-dragging{cursor:grabbing}.carousel-viewport:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.carousel-track{display:flex}.carousel-slide{position:relative;flex:0 0 100%;height:clamp(300px,49vw,710px);margin:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.carousel-slide img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.carousel-slide figcaption{position:absolute;left:18px;bottom:18px;background:rgba(25,27,32,.86);color:#fff;padding:9px 12px;font-size:12px;letter-spacing:.02em}.carousel-bottom{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:24px;padding:15px 0;border-bottom:1px solid var(--line)}.carousel-progress{height:2px;background:var(--line);overflow:hidden}.carousel-progress span{display:block;height:100%;width:25%;background:var(--blue);transform:translateX(0);transition:transform .25s ease}.carousel-bottom p{margin:0;color:#62636b;font-size:12px}.carousel-buttons{display:flex;gap:8px}.carousel-buttons button{width:42px;height:42px;border:1px solid #aaa;background:transparent;border-radius:50%;font:inherit;font-size:18px;cursor:pointer}.carousel-buttons button:hover,.carousel-buttons button:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff}.carousel-buttons button:focus-visible{outline:3px solid #f29b9e;outline-offset:2px}@media(max-width:700px){.carousel-slide{height:350px}.carousel-slide img{object-position:center}.carousel-bottom{grid-template-columns:1fr auto;gap:14px}.carousel-bottom p{display:none}.carousel-slide figcaption{left:12px;bottom:12px;font-size:11px}.carousel-buttons button{width:38px;height:38px}}

.service-link{position:relative;transition:background .2s}.service-link:hover{background:#d8191f08}.service-link:hover h3,.service-link:hover .service-mark{color:var(--blue)}.service-link-label{display:inline-block;margin-top:12px;font-size:14px;color:var(--blue)}.portfolio{margin:0 5.2%;padding:36px 0 64px;border-bottom:1px solid var(--line)}.back-link{display:inline-block;font-size:14px;color:#53555a;padding:8px 0}.back-link:hover{color:var(--blue)}.portfolio-heading{padding:40px 0 36px}.portfolio-heading h1{font-size:clamp(36px,5vw,68px);margin:20px 0;line-height:1.3}.portfolio-heading h1 span{color:var(--blue)}.portfolio-heading p{font-size:16px;line-height:1.8;word-break:keep-all;color:#53555a}.portfolio-heading .portfolio-note{font-size:14px;margin-top:18px}.portfolio-grid{row-gap:30px}.portfolio-grid figcaption strong{font-size:18px;font-weight:600}.portfolio-grid figcaption span{font-size:14px}@media(max-width:700px){.portfolio{padding-top:24px}.portfolio-heading{padding-top:28px}.portfolio-grid{gap:24px}.portfolio-grid figcaption{margin:14px 0}}