:root{--paper: #f7f6f2;--ink: #191b18;--accent: #d7f36b;--line: #d9dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #526817;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);padding:16px;z-index:100}.skip:focus{top:10px}.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1.3px;font-weight:800}.logo-door{width:16px;height:22px;border:3px solid currentColor;border-bottom:0;transform:skewY(-8deg)}.logo-dot{font-size:10px;align-self:flex-start;margin-top:4px}.nav{display:flex;align-items:center;gap:42px}.nav a{font-size:14px;min-height:44px;display:flex;align-items:center;gap:8px}.nav a span{font-size:11px;color:#74766e}.nav .nav-contact{border-bottom:1px solid var(--ink);gap:36px}.nav-contact span{color:var(--ink)}.menu-toggle{display:none}.hero{padding:40px 5% 46px}.hero-meta{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:1.6px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#687b36;margin-right:8px}.hero h1{position:relative;font-size:clamp(64px,9.9vw,164px);letter-spacing:-.075em;line-height:.96;margin:48px 0 42px;max-width:1200px}.serif{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.hero-star{display:inline-block;font-size:.61em;color:#6c7d49;margin-left:.4em;vertical-align:middle;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:15px;line-height:1.9;letter-spacing:-.4px}.round-link{display:flex;align-items:center;gap:40px;font-size:13px}.round-link small{display:block;color:#74766e;margin-top:7px;font-size:11px}.round-link b{width:49px;height:49px;border:1px solid #b8bcb0;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400;transition:background .2s,transform .2s}.round-link:hover b{background:var(--accent);transform:translateY(3px)}.visual-stage{height:560px;margin:0 2%;background:#20281f;position:relative;overflow:hidden;color:#e6e8d8}.stage-grid{position:absolute;inset:0;background:linear-gradient(transparent 99%,#c5dca612 1%),linear-gradient(90deg,transparent 99%,#c5dca612 1%);background-size:72px 72px;-webkit-mask-image:linear-gradient(black,transparent);mask-image:linear-gradient(black,transparent)}.stage-caption{position:absolute;top:30px;left:3.2%;right:3.2%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#c6cdbb}.stage-title{position:absolute;left:6%;bottom:76px;font-size:clamp(42px,5.4vw,82px);line-height:1.03;letter-spacing:-.06em}.stage-title em{font-family:Georgia,serif;color:#d7f36b}.stage-note{position:absolute;bottom:28px;left:3.2%;font-size:8px;letter-spacing:1.5px;color:#a0aa98}.portal{position:absolute;right:16%;top:16%;height:76%;width:23%;perspective:1100px;filter:drop-shadow(0 0 60px #c8e87c30)}.portal-light{position:absolute;inset:0;background:linear-gradient(150deg,#e4f2b7,#a2b777);border:11px solid #7b8a57;box-shadow:0 0 2px 1px #d8eabc,inset 0 0 60px #f8ffc9}.portal-door{position:absolute;inset:0;background:linear-gradient(110deg,#627047,#303c28);border:2px solid #7f9061;transform-origin:left;transform:rotateY(-55deg);box-shadow:10px 10px 30px #0006}.portal-door:after{content:"";position:absolute;width:4px;height:34px;right:16px;top:53%;background:#bcc692}.section{padding:100px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:25px;font-weight:600}.section h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-2px;line-height:1.3}.text-link{font-size:13px;padding-bottom:8px;border-bottom:1px solid #a3a89b}.empty-work{padding:50px 4%;border:1px solid var(--line);display:grid;gap:18px;background:#eceee6;min-height:260px}.empty-number{font-size:10px;letter-spacing:2px;color:#6d755e}.empty-work h3{font-size:24px;letter-spacing:-1px}.empty-work p{font-size:14px;color:#73766d}.empty-work a{font-size:12px;justify-self:start;padding:10px 0;border-bottom:1px solid #7a8370}.about{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--line)}.big-asterisk{font-size:150px;color:#adb999;line-height:1.4}.muted{color:#82867a}.about-copy{font-size:15px;line-height:2;color:#64685e;margin:35px 0 50px}.disciplines>div{display:grid;grid-template-columns:25px 1fr auto;gap:12px;border-top:1px solid var(--line);padding:24px 0;align-items:center}.disciplines span{font-size:10px}.disciplines h3{font-size:23px;letter-spacing:-.7px}.disciplines p{grid-column:2;color:#777d70;font-size:12px}.disciplines b{grid-column:3;grid-row:1 / span 2;font-size:23px;font-weight:400}.site-footer{background:#d7f36b;padding:60px 5% 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:65px;gap:30px}.footer-top p{font-size:clamp(30px,4vw,58px);letter-spacing:-2px;line-height:1.3}.footer-link{font-size:20px;border-bottom:1px solid;padding:15px 0}.footer-link span{margin-left:55px}.footer-bottom{border-top:1px solid #849543;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:25px;font-size:9px;letter-spacing:.4px}.footer-bottom .wordmark{font-size:18px}.error-page{padding:120px 8%;min-height:65vh}.error-page h1{font-size:42px;margin-bottom:20px}.error-page p{line-height:1.8;margin-bottom:30px}.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:15px 23px;display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:48px;font-size:14px}.button.secondary{background:transparent;color:var(--ink)}@media(max-width:700px){.site-header{height:76px}.wordmark{font-size:20px}.menu-toggle{display:block;background:none;border:0;padding:12px;font-size:12px}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px 5%;z-index:10;border-bottom:1px solid var(--line)}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.hero{padding-top:28px}.hero-meta{font-size:8px;letter-spacing:.8px}.hero-meta>span:last-child{display:none}.hero h1{font-size:14.2vw;margin:38px 0 30px}.hero-star{margin-left:.25em}.hero-bottom{align-items:start;gap:20px}.hero-bottom p{font-size:11px}.round-link{gap:12px;font-size:10px}.round-link small{font-size:9px}.round-link b{width:36px;height:36px;font-size:18px}.visual-stage{height:440px;margin:0 3%}.portal{right:18%;top:16%;width:32%;height:60%}.stage-title{font-size:46px;bottom:65px;z-index:1}.stage-caption{font-size:7px}.section{padding:65px 6%}.section-heading{align-items:start;flex-direction:column;gap:20px}.section h2{letter-spacing:-1.4px}.empty-work{padding:30px 7%}.empty-work h3{font-size:20px}.about{grid-template-columns:1fr}.big-asterisk{display:none}.about-copy{font-size:13px}.footer-top{align-items:start;flex-direction:column;padding-bottom:40px}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>span:first-of-type{display:none}.footer-bottom .wordmark{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.works-page h1,.contact-page h1{font-size:clamp(48px,6.3vw,88px);line-height:1.15;letter-spacing:-.055em}.filter-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:40px 0 20px;margin-bottom:45px}.filter-row>span{font-size:10px;letter-spacing:1px}.filters{display:flex;gap:8px}.filters a{padding:12px 22px;border:1px solid var(--line);border-radius:30px;font-size:13px}.filters a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.work-image{aspect-ratio:4/3;background:#e5e7de;overflow:hidden;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.work-card:hover img{transform:scale(1.035)}.work-placeholder{height:100%;display:grid;place-items:center;color:#929b86;font-size:30px;letter-spacing:-2px}.work-arrow{position:absolute;right:18px;bottom:18px;background:var(--paper);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:20px}.work-caption{padding-top:20px;display:flex;justify-content:space-between;gap:20px}.work-caption h3{font-size:23px;letter-spacing:-.8px}.work-caption p{font-size:12px;color:#74796c;margin-top:8px}.work-caption>span{font-size:9px;white-space:nowrap;padding-top:7px;letter-spacing:1px}.project-view h1{font-size:clamp(40px,6vw,80px);letter-spacing:-.04em;overflow-wrap:anywhere}.project-summary{font-size:18px;color:#70766b;line-height:1.8;margin-top:24px}.project-info{display:flex;gap:70px;margin-top:45px}.project-info span{font-size:10px;color:#85897e;letter-spacing:1px}.project-info p{font-size:13px;line-height:1.8;white-space:pre-wrap;margin-top:10px}.webtoon-reader{max-width:800px;margin:auto}.webtoon-reader img{width:100%;height:auto}.video-view{background:#161b16;padding:40px 5%;color:var(--paper)}.video-view video{display:block;max-width:1200px;width:100%;margin:auto;max-height:80vh}.project-description{max-width:900px;margin:auto;white-space:pre-wrap;line-height:1.9}.admin-page{max-width:1200px;margin:auto}.admin-page h1{font-size:40px;letter-spacing:-1.5px}.actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.back-link{display:inline-block;font-size:13px;margin-bottom:30px;padding:12px 0}.admin-list>a{display:flex;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.admin-list strong{flex:1;font-weight:500}.admin-list>a>span:not(.badge){font-size:12px;color:#757e69}.badge{display:inline-block;font-size:10px;background:#e4e9d8;padding:7px 10px;border-radius:3px}.editor-form,label{display:grid;gap:10px}.editor-form{gap:25px}.editor-form label,.asset-editor label{font-size:12px;color:#636b59}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}input:not([type=checkbox]),textarea,select{padding:14px 15px;border:1px solid #c7cdbe;background:#fafbf6;width:100%;border-radius:0;min-width:0;color:var(--ink);font-size:16px}textarea{resize:vertical;line-height:1.7}.check-label{display:flex!important;gap:10px;align-items:center;font-size:13px!important;line-height:1.7}.check-label input{width:18px;height:18px}.field-error{font-size:13px;color:#963a29;line-height:1.6}.success{color:#416520;font-size:14px}.editor-form>.button{justify-self:start;min-width:180px}.asset-editor{border-top:1px solid var(--line);padding-top:45px;margin-top:65px}.asset-editor h2{font-size:28px}.asset-editor>p{font-size:13px;line-height:1.8;color:#68715d;margin:20px 0}.asset-list{padding:0;list-style:none}.asset-list li{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:20px 0}.asset-list img,.asset-icon{width:70px;height:80px;object-fit:cover;background:#e4e9d8}.asset-icon{display:grid;place-items:center}.asset-list li>div:not(.order-buttons){flex:1;min-width:0}.asset-list small{font-size:10px;margin-left:10px}.asset-list label{margin-top:10px}.asset-list button{padding:12px;border:1px solid var(--line);background:transparent;min-width:44px}.order-buttons{display:flex;gap:6px}.preview-banner{padding:18px 5%;background:var(--accent);font-size:13px}.upload-label input{font-size:12px}.upload-label{flex:1}@media(max-width:700px){.work-grid{grid-template-columns:1fr;gap:35px}.work-caption h3{font-size:20px}.work-caption>span{font-size:8px}.filters a{padding:12px 19px}.form-grid{grid-template-columns:1fr}.admin-page h1{font-size:32px}.asset-list{font-size:12px}.asset-list img,.asset-icon{width:45px;height:55px}.asset-list li{gap:10px}.order-buttons{flex-direction:column}.project-info{gap:35px}.project-info>div{flex:1}}.contact-page{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding-top:90px;padding-bottom:110px}.contact-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#6c7462;margin:30px 0}.contact-intro .serif{font-style:normal;font-family:inherit;color:#6c7d49}.contact-note{margin-top:75px}.contact-note>span{font-size:9px;letter-spacing:1.3px}.contact-note p{font-size:12px;color:#6c7462;line-height:1.9;margin-top:14px}.contact-form{display:grid;gap:32px}.contact-form label{font-size:12px;position:relative}.contact-form label>span:not(:last-child){position:absolute;right:0}.contact-form fieldset{border:0;padding:0;margin:0}.contact-form legend{font-size:12px;margin-bottom:18px}.category-options{display:flex;gap:8px;flex-wrap:wrap}.category-options label{cursor:pointer;position:relative}.category-options input{position:absolute;opacity:0;width:1px}.category-options span{border:1px solid var(--line);border-radius:40px;padding:14px 22px;display:block;font-size:12px}.category-options input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.category-options input:focus-visible+span{outline:3px solid #526817;outline-offset:4px}.contact-form .button{width:100%;justify-content:space-between}.form-note{font-size:12px;line-height:1.8;color:#737c67}.contact-success{padding:60px 5%;background:#e9eddc;display:grid;align-content:center;gap:25px}.contact-success>span{font-size:60px}.contact-success h2{font-size:30px}.contact-success p{font-size:14px;line-height:1.9}.privacy-page{max-width:850px;margin:auto}.privacy-page h1{font-size:40px;letter-spacing:-2px}.privacy-page h2{font-size:22px;margin:45px 0 15px}.privacy-page p{font-size:15px;line-height:1.9;color:#626b57}.inquiry-card{padding:30px 0;border-bottom:1px solid var(--line)}.inquiry-card h2{font-size:25px;margin:18px 0 8px}.inquiry-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:20px 0}.inquiry-card .actions{font-size:12px}@media(max-width:850px){.contact-page{grid-template-columns:1fr;gap:50px}.contact-note{margin-top:25px}.contact-form .form-grid{gap:25px}.contact-success h2{font-size:26px}}.conflict-banner{padding:20px;background:#f4e9cf;margin-bottom:24px;font-size:13px;line-height:1.8;display:grid;gap:15px}.conflict-banner button{justify-self:start}