:root{--bg:#f5f2ec;--ink:#202321;--muted:#76766e;--line:#d5d0c5;--card:#fffdf8;--accent:#e16f5b;--font:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.shell{max-width:1210px;width:calc(100% - 80px);margin:auto}.site-head{border-bottom:1px solid var(--line);padding:0 max(40px,calc((100% - 1210px)/2));height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(245,242,236,.96)}
.wordmark{font-size:23px;letter-spacing:-1.4px;font-weight:900;white-space:nowrap}.wordmark:first-letter{color:#da725b}.wordmark span{vertical-align:middle}.site-head nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.site-head nav a:hover{text-decoration:underline;text-underline-offset:5px}
.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900}.intro{padding:66px 0 56px}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:30px}.intro h1{font-weight:900;letter-spacing:-.075em;line-height:1.04;font-size:clamp(48px,6.8vw,88px);margin:22px 0 0}.intro h1 span{color:#6c7066}.intro p{font-size:17px;line-height:1.75;color:#555951;max-width:430px;margin:0 0 8px}
.portfolio{padding:36px 0 100px}.section-line{border-top:2px solid var(--ink);padding:19px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-line h2{font-size:25px;margin:11px 0 0;letter-spacing:-.05em}.section-aside{font-size:13px;color:var(--muted);text-align:right}
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:42px}.filters button{border:1px solid #b9b6ad;background:transparent;border-radius:40px;padding:11px 19px;font-size:13px;font-weight:800;color:#353730}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filters button span{color:#e0fda2;margin-left:5px}
.collection-label{border-bottom:1px solid var(--line);padding:0 0 17px;margin:0 0 23px;display:flex;align-items:baseline;justify-content:space-between;font-size:20px;letter-spacing:-.04em}.collection-label span{font-size:12px;letter-spacing:.08em;color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:45px}.work-card{min-width:0;display:block}.work-art{height:auto;aspect-ratio:1.11;background:#e9e5db;border:1px solid #d1ccc0;position:relative;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .23s,box-shadow .23s}.work-card:hover .work-art{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.09)}.work-card:nth-child(6n+1) .work-art{background:#dcf2aa}.work-card:nth-child(6n+2) .work-art{background:#bce1dc}.work-card:nth-child(6n+3) .work-art{background:#262a2d;color:#f3f1e8}.work-card:nth-child(6n+4) .work-art{background:#efdbce}.work-card:nth-child(6n+5) .work-art{background:#3a413e;color:#fbf8eb}.work-card:nth-child(6n+6) .work-art{background:#ecf1c7}
.card-top,.art-foot{position:relative;z-index:1;font-size:10px;font-weight:900;letter-spacing:.12em;display:flex;justify-content:space-between}.card-top span:last-child{font-size:20px;line-height:13px}.art-center{position:absolute;inset:35px 22px 30px;display:grid;place-items:center}.art-center img{display:block;width:min(60%,202px);aspect-ratio:1;object-fit:cover;border-radius:23%;box-shadow:0 14px 22px rgba(0,0,0,.13)}.is-scene .art-center{inset:42px 14px 35px}.is-scene .art-center img{width:100%;height:100%;border-radius:10px;object-fit:cover}.monogram{font-family:Georgia,serif;font-size:110px;color:#72534a}.work-info{padding:17px 1px 5px}.name-row{display:flex;justify-content:space-between;align-items:start;gap:8px}.work-info h4{font-size:27px;letter-spacing:-.065em;line-height:1.25;margin:0}.right-arrow{font-size:22px}.work-info p{font-size:14px;color:#535751;margin:9px 0 16px;line-height:1.55}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{font-size:11px;color:#55594d;border:1px solid #d3cfc3;border-radius:40px;padding:6px 9px;background:rgba(255,255,255,.55)}.availability{margin-top:16px;font-size:12px;font-weight:750;color:#586052}.availability:before{content:'';display:inline-block;width:6px;height:6px;border-radius:100%;background:#92a67f;margin-right:7px;vertical-align:2px}
.more-works{margin-top:83px}.about{border-top:1px solid var(--line);padding:46px 0 75px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.about h2{font-size:40px;letter-spacing:-.06em;margin:12px 0}.about p{max-width:610px;margin:16px 0 0;font-size:15px;color:#545650;line-height:1.95}.footer{border-top:1px solid var(--line);max-width:1210px;width:calc(100% - 80px);margin:auto;padding:25px 0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.05em;font-weight:750}.footer a{text-decoration:underline;text-underline-offset:4px}
.no-results{padding:40px 0;color:var(--muted)}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell,.footer{width:calc(100% - 48px)}.site-head{padding:0 24px}.intro{padding:45px 0}.intro-grid{grid-template-columns:1fr}.intro p{font-size:15px}.about{grid-template-columns:1fr}}
@media(max-width:600px){.shell,.footer{width:calc(100% - 36px)}.site-head{height:61px;padding:0 18px}.wordmark{font-size:19px}.site-head nav{gap:15px;font-size:11px}.intro{padding:33px 0 36px}.intro h1{font-size:clamp(41px,11.7vw,65px);margin:14px 0}.intro-grid{gap:14px}.intro p{font-size:13px;line-height:1.7}.portfolio{padding:14px 0 80px}.section-line{display:block;padding-top:16px}.section-line h2{font-size:20px}.section-aside{display:block;text-align:left;font-size:11px;margin-top:13px}.filters{gap:6px;margin-bottom:27px}.filters button{padding:8px 12px;font-size:11px}.collection-label{font-size:16px;margin-bottom:13px}.collection-label span{font-size:10px}.project-grid{column-gap:11px;row-gap:29px}.work-art{padding:10px;border-radius:10px;aspect-ratio:1/1.1}.card-top,.art-foot{font-size:7px}.art-center{inset:23px 8px 20px}.art-center img{width:min(63%,96px)}.is-scene .art-center{inset:25px 7px 22px}.work-info{padding-top:10px}.work-info h4{font-size:clamp(17px,4.8vw,24px)}.work-info p{font-size:11px;margin:4px 0 9px}.right-arrow{font-size:18px}.chips span{font-size:9px;padding:5px 6px}.availability{font-size:10px;margin-top:10px}.monogram{font-size:66px}.more-works{margin-top:53px}.about{padding:35px 0 55px;gap:6px}.about h2{font-size:31px}.about p{font-size:13px}.footer{font-size:10px;padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
/* Entry point: editorial story preview before the in-depth product page */
.work-card .story-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #d6d2c7;font-size:12px;font-weight:850;letter-spacing:-.02em;color:#343f34}
.work-card .story-hint span{font-size:18px;transition:transform .18s ease}
.work-card:hover .story-hint span,.work-card:focus-visible .story-hint span{transform:translate(3px,-3px)}
@media(max-width:600px){.work-card .story-hint{font-size:10px;margin-top:10px;padding-top:8px}.work-card .story-hint span{font-size:14px}}

/* Versioned gallery posters with original card-news vivid color */
.work-art{aspect-ratio:4/5;border-radius:13px;padding:18px}
.work-card:nth-child(6n+1) .work-art{background:#ccff00;color:#193529}
.work-card:nth-child(6n+2) .work-art{background:#84d4ca;color:#194239}
.work-card:nth-child(6n+3) .work-art{background:#17221f;color:#f3d9ae}
.work-card:nth-child(6n+4) .work-art{background:#fbd9ba;color:#503c44}
.work-card:nth-child(6n+5) .work-art{background:#29372f;color:#f1d8a4}
.work-card:nth-child(6n+6) .work-art{background:#e9ee8a;color:#344d31}
.more-works .work-card:nth-child(1) .work-art{background:#303b48;color:#f3d7bf}
.more-works .work-card:nth-child(2) .work-art{background:#e3d6bc;color:#624a38}
.more-works .work-card:nth-child(3) .work-art{background:#e7b99c;color:#4f352d}
.work-art .art-center{inset:15% 8% 27%;display:grid;place-items:center}
.work-art .art-center img{width:min(57%,185px)}
.work-art.is-scene .art-center{inset:10% 8% 31%}
.work-art.is-scene .art-center img{max-width:100%;width:100%;height:100%;border-radius:10px}
.poster-label{position:absolute;left:18px;right:15px;bottom:16%;font-size:clamp(26px,2.85vw,44px);line-height:1.1;letter-spacing:-.06em;z-index:2;font-weight:950}
.art-foot{font-size:10px}.work-info{padding-top:13px}
@media(max-width:600px){.work-art{aspect-ratio:4/5;padding:10px}.work-art .art-center{inset:17% 6% 30%}.work-art .art-center img{width:min(65%,98px)}.work-art.is-scene .art-center{inset:12% 6% 31%}.poster-label{left:10px;right:8px;bottom:17%;font-size:clamp(16px,5vw,25px)}.art-foot{font-size:7px}}

/* First-screen editorial hierarchy: posters, not repeated introduction */
.intro{padding:42px 0 20px}
.intro-grid{display:flex;align-items:end;justify-content:space-between;gap:36px}
.intro h1{font-size:clamp(34px,4.2vw,57px);margin:12px 0 0;line-height:1.18;letter-spacing:-.065em;white-space:normal}
.intro h1 span{color:#6d766b}
.intro p{font-size:15px;max-width:390px}
.portfolio{padding-top:10px}
.section-line{padding:13px 0 18px}
.section-line h2{font-size:21px;margin-top:8px}
.filters{margin-bottom:24px}
.collection-label{margin-bottom:18px}
@media(max-width:900px){.intro-grid{display:block}.intro p{margin-top:12px}}
@media(max-width:600px){.intro{padding:24px 0 10px}.intro h1{font-size:clamp(28px,7.3vw,36px)}.intro p{font-size:12px;line-height:1.65;margin:8px 0 0}.portfolio{padding-top:8px}.section-line{padding:10px 0 12px}.section-line h2{font-size:17px}.section-aside{font-size:11px;margin-top:6px}.filters{margin-bottom:18px}.collection-label{margin-bottom:13px}}

.brand-mark{width:35px;height:35px;object-fit:contain;flex-shrink:0;display:block}
.wordmark{display:inline-flex;gap:8px;align-items:center}
.intro-copy{max-width:850px}
.hero-brand-logo{width:130px;height:165px;object-fit:contain;flex:0 0 auto;margin-right:26px}
.story-hint-direct{color:#175341!important;font-weight:950!important}
.story-hint-direct span{color:#d67563}
.work-card[href="/sinaloa/"] .story-hint-direct,.work-card[href="/satulinggo/"] .story-hint-direct{background:#e7f6ca;border:1px solid #a1c693;padding:10px 12px;border-radius:45px}
.work-card[href="/nangman/blue-christmas/"] .story-hint-direct{background:#25364b;color:#fff!important;border:1px solid #25364b;padding:10px 12px;border-radius:45px}
@media(max-width:600px){.brand-mark{width:28px;height:28px}.hero-brand-logo{width:78px;height:100px;margin:0 0 0 8px}.intro-grid{display:flex;align-items:center;gap:8px}.intro-copy{min-width:0}.intro h1{font-size:clamp(25px,7vw,34px)}.intro p{font-size:11px}.work-card[href="/sinaloa/"] .story-hint-direct,.work-card[href="/satulinggo/"] .story-hint-direct,.work-card[href="/nangman/blue-christmas/"] .story-hint-direct{padding:7px;font-size:10px}}

/* Satulingo remains clearly labeled as a test version until microphone recording/upload validation. */
.work-card[data-work="satulingo"] .work-art{position:relative}
.test-version-badge{position:absolute;z-index:5;top:47px;left:18px;display:inline-flex;align-items:center;background:#1e3024;color:#ecf8cc;border:1px solid #1e3024;border-radius:5px;padding:7px 10px;font-size:11px;font-weight:900;line-height:1.2;letter-spacing:-.01em;box-shadow:0 2px 7px rgba(0,0,0,.10)}
.work-card[data-work="satulingo"] .availability{color:#41522c;font-weight:900}
@media(max-width:600px){.test-version-badge{top:29px;left:10px;padding:4px 7px;font-size:9px;border-radius:4px}.work-card[data-work="satulingo"] .story-hint{font-size:9px}}