@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f5f3ed;--ink:#232b28;--muted:#64716a;--accent:#e15e35;--line:#d7dad0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',system-ui,sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-60px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:0}header{max-width:1440px;margin:auto;padding:27px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:900;letter-spacing:-.6px}.brand>.orange{margin-left:-8px}.mark{font:italic 24px Georgia,serif;border:1px solid var(--ink);border-radius:50%;padding:3px 8px;letter-spacing:-3px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:var(--accent)}.hero{max-width:1440px;margin:auto;padding:70px 6% 0;display:grid;grid-template-columns:1.13fr 1fr;gap:35px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.8}.hero .eyebrow{color:#617054}h1{font-size:clamp(38px,4.7vw,68px);line-height:1.32;letter-spacing:-3px;margin:28px 0}.orange{color:var(--accent)}.lead{font-size:15px;color:var(--muted);line-height:2}.button{display:inline-flex;padding:17px 23px;margin-top:25px;align-items:center;gap:40px;font-size:12px;background:var(--ink);color:white}.button:hover{background:#43594b}.art{height:450px;background:#e7ebde;position:relative;overflow:hidden}.art:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#3f50331c .7px,transparent .7px);background-size:6px 6px;pointer-events:none}.art-note{position:absolute;top:28px;left:28px;font:italic 21px Georgia,serif;color:#4c5f50}.orbit{width:300px;height:300px;border:1px solid #84967a;position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-35deg) scaleX(.63)}.second{transform:translate(-50%,-50%) rotate(35deg) scaleX(.63);width:370px;height:370px}.core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-12deg);font:italic 155px Georgia,serif;color:#264f38;letter-spacing:-15px;text-shadow:4px 6px 0 #bdc9ae}.core span{font-size:85px;color:var(--accent);vertical-align:top;letter-spacing:-5px}.star{position:absolute;right:40px;top:90px;color:var(--accent);font-size:64px}.art-label{position:absolute;bottom:68px;left:30px;font-size:10px;letter-spacing:2px;border:1px solid #87977a;border-radius:40px;padding:9px 15px;transform:rotate(-8deg)}.art-bottom{position:absolute;bottom:24px;left:28px;font-size:9px;letter-spacing:1.2px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:30px 0;font-size:10px;color:var(--muted)}.section{max-width:1440px;margin:auto;padding:85px 6%}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;margin-top:28px}h2{font-size:clamp(27px,3vw,42px);line-height:1.5;letter-spacing:-1.7px;margin:0}.large{font-size:24px;line-height:1.8;margin:0 0 26px;letter-spacing:-.7px}.muted{font-size:14px;line-height:2;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.principles span{font-size:10px;color:var(--accent)}.principles h3{font-size:15px}.principles p{font-size:11px;line-height:1.9;color:var(--muted)}.projects{background:#eceee5}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading>.muted{font-size:12px}#project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.visual{height:280px;position:relative;overflow:hidden;transition:transform .3s;display:grid;place-items:center}.project:hover .visual{transform:translateY(-5px)}.bot{background:#d5dfc8}.visual:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #ffffff60;border-radius:50%;right:-85px;top:-75px}.face{height:132px;width:160px;background:#284e36;border-radius:38px;position:relative;transform:rotate(-8deg);box-shadow:12px 14px 0 #a9bd97}.face:before{content:'';position:absolute;width:8px;height:30px;background:#284e36;top:-28px;left:75px}.face:after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#e15e35;top:-36px;left:72px}.face i{position:absolute;background:#d5dfc8;width:14px;height:21px;border-radius:8px;top:42px;left:44px}.face i+i{left:101px}.face b{position:absolute;border-bottom:4px solid #d5dfc8;border-radius:50%;height:20px;width:39px;left:61px;bottom:30px}.caption{position:absolute;bottom:20px;left:22px;font-size:9px;letter-spacing:1.5px}.salon{background:#574539;color:#eee7db}.salon-word{font-size:53px;line-height:1.1;font-weight:700;letter-spacing:-3px;border:1px solid #b6a490;padding:20px 37px;transform:rotate(-6deg)}.salon-word small{display:block;font-size:11px;letter-spacing:8px;margin-top:12px}.project-info{padding:25px 0 12px}.project-info h3{font-size:26px;margin:9px 0 13px;display:flex;justify-content:space-between}.project-info h3 span{font-weight:400}.project-info p{font-size:13px;color:var(--muted);line-height:1.9}.link-label{font-size:11px;display:inline-block;margin-top:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.next{margin-top:35px;border-top:1px solid #ccd2c3;padding-top:26px;display:flex;gap:20px;align-items:center}.next>span{font-size:35px;color:#7a8874}.next h3{font-size:16px;margin:0 0 7px}.next p{font-size:12px;color:var(--muted);margin:0}.next small{margin-left:auto;font-size:9px;color:var(--muted);letter-spacing:1px}.closing{text-align:center;padding:90px 24px}.closing h2{margin:22px 0}.closing .muted{font-size:13px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:30px 6%;font-size:10px;color:var(--muted);max-width:1440px;margin:auto}footer small{margin-left:auto;font-size:9px}footer .brand{color:var(--ink);font-size:13px}@media(max-width:850px){.hero{padding-top:45px;gap:22px}.art{height:370px}h1{font-size:41px;letter-spacing:-2px}.lead{font-size:13px}.core{font-size:115px}.core span{font-size:60px}.orbit{width:240px;height:240px}.second{width:300px;height:300px}.about-grid{gap:35px}.large{font-size:20px}.principles{gap:12px}.visual{height:235px}footer{flex-wrap:wrap;gap:15px}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:12px;gap:8px}.mark{font-size:21px}nav{gap:17px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:30px;gap:32px}h1{font-size:43px}.art{height:320px}.hero-bottom{padding:0 0 22px;font-size:8px;gap:15px}.section{padding:60px 6%}.about-grid{grid-template-columns:1fr;gap:30px}h2{font-size:30px}.large{font-size:21px}.principles{gap:15px}.principles h3{font-size:13px}.principles p{font-size:10px}.section-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:24px}.section-heading>p br{display:none}#project-list{grid-template-columns:1fr;gap:35px}.visual{height:270px}.next small{display:none}.next h3{font-size:14px}.next p{font-size:11px}.closing{padding:65px 6%}.closing h2{font-size:27px}footer{justify-content:space-between}footer>span{width:100%;order:3}footer small{margin-left:0}footer>a:last-child{order:4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual{transition:none}}

.company-logo{width:74px;height:74px;object-fit:contain;flex-shrink:0}header{padding-top:15px;padding-bottom:15px}@media(max-width:600px){.company-logo{width:52px;height:52px}}
.logo-film{background:#eeeee5;display:flex;align-items:center;justify-content:center}.logo-film:after{display:none}.logo-writing{width:100%;height:100%;max-width:520px;overflow:visible}.film-caption{position:absolute;bottom:20px;left:24px;font:italic 12px Georgia,serif;color:#64716a}.drawing-pen{opacity:0;pointer-events:none}.ink-stroke{stroke-dasharray:var(--length);stroke-dashoffset:var(--length)}@media(prefers-reduced-motion:reduce){.drawing-pen{display:none}.ink-stroke{stroke-dashoffset:0!important}}
.logo-writing{width:92%;height:92%;overflow:visible}.logo-film{overflow:visible}.drawing-pen{filter:drop-shadow(3px 5px 3px #17251e20)}
.visual.bot{background:#e6f2fc}.bumbot-project-logo{height:100%;width:100%;object-fit:contain}.visual.bot:before{display:none}

/* DYC Photo project promotion */
.project[href='/DYC/'] .visual{background:linear-gradient(135deg,#eee5ff,#ddd0fa);color:#6f31db}.project[href='/DYC/'] .salon-word{border:0;transform:none;letter-spacing:-2px;font-size:clamp(32px,4vw,58px);padding:24px;text-align:center}.project[href='/DYC/'] .visual:before{display:block;border-color:#ffffff85}.project[href='/DYC/']:hover .visual{transform:translateY(-5px)}@media(prefers-reduced-motion:reduce){.project[href='/DYC/']:hover .visual{transform:none}}
/* Shared Nanum Gothic typography */
@font-face{font-family:'Nanum Gothic';src:url('/fonts/NanumGothic.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Nanum Gothic';src:url('/fonts/NanumGothic-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Nanum Gothic';src:url('/fonts/NanumGothic-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
html,body,body *,body *::before,body *::after{font-family:'Nanum Gothic',sans-serif!important}