/* Portfolio editorial system: clear hierarchy, restrained surfaces, readable detail. */
:root{--bg:#171717;--panel:#262626;--ink:#efefef;--muted:#c0c0c0;--accent:#c0c0c0;--line:#d5d5d529}html{scroll-padding-top:105px}body{font-size:16px;line-height:1.75}.wrap{width:100%;max-width:1440px;padding:0 5%}main{min-width:0}header{height:92px}header nav{position:static;transform:none;inset:auto;opacity:1;visibility:visible;width:auto}header .brand-name{display:block;font-size:17px}h1,h2,h3{overflow-wrap:normal}h1 em,h2 em,h3 em{color:var(--accent)!important}h1{font-size:clamp(44px,5.8vw,78px)!important;line-height:1.08!important;letter-spacing:-.045em!important}h2{font-size:clamp(32px,3.7vw,50px);line-height:1.16;letter-spacing:-.035em}.page-hero{padding:72px 0 45px;max-width:100%;min-height:0}.page-hero>p{max-width:740px;font-size:18px;line-height:1.8}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent)}.section{padding:68px 0;border-top:1px solid var(--line)}.section-head{align-items:start;gap:45px;margin-bottom:34px}.section-head>p{font-size:16px;max-width:440px}.section-head h2{font-size:clamp(32px,3.7vw,50px)}.recruiter-hero{display:grid;grid-template-columns:1.35fr .75fr;gap:9%;align-items:center;padding:65px 0}.recruiter-hero h1{margin:25px 0}.recruiter-hero p{max-width:630px}.profile-title{font-size:20px;color:var(--accent)}.recruiter-hero figure{margin:0}.recruiter-hero figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:3px;filter:none!important}.recruiter-hero figcaption{display:flex;justify-content:space-between;font-size:11px;padding-top:14px;color:var(--muted)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:28px 0}.profile-facts{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;padding-top:22px;border-top:1px solid var(--line)}.profile-facts span{color:var(--muted)}.audience-routes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:12px 0 50px}.audience-routes>a{display:block;background:#262626;padding:28px 32px;transition:background .2s}.audience-routes>a:hover{background:#343434}.audience-routes span{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1.6px}.audience-routes h3{font-size:23px;margin:12px 0}.audience-routes p{font-size:14px;max-width:470px;margin:0}.work-directory,.case-navigation,.portfolio-index{position:static;display:flex;flex-wrap:wrap;width:auto;transform:none;gap:8px;border-radius:0;background:transparent;padding:18px 0;margin-bottom:28px;box-shadow:none}.work-directory a,.case-navigation a,.portfolio-index a{font-size:13px;padding:9px 14px;border:1px solid var(--line);border-radius:3px}.company-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.company-logo-grid figure{padding:12px;background:#252525;border:1px solid var(--line);border-radius:4px}.logo-surface{height:124px;padding:24px;background:#f1f1f1}.logo-surface.dark{background:#333333}.logo-surface img{display:block;width:auto;max-width:100%;max-height:76px;object-fit:contain;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}.company-logo-grid figcaption{font-size:14px;color:var(--ink);min-height:54px}.company-logo-grid small{color:#c0c0c0;font-size:11px}.shinchat-spotlight{padding:44px!important;gap:60px;margin:20px 0 65px;background:linear-gradient(115deg,#383838,#262626)}.shinchat-intro h2{font-size:70px}.collection-art{height:215px}.typographic-cover{padding:28px}.typographic-cover>span{font-size:36px}.collection-caption h3{font-size:20px}.collection-caption{padding:17px 0 8px}.collection-grid{gap:28px}.work-category .section-head{margin-bottom:28px}.project-meta{background:#292929;border:1px solid var(--line);padding:28px;gap:30px}.project-meta p{font-size:16px;color:var(--ink)}.case-intro{padding:60px 0;max-width:950px}.case-intro h2{font-size:36px}.case-intro p{max-width:830px;font-size:18px}.feature{padding:45px 0;gap:55px;border-top:1px solid var(--line)}.feature h3{font-size:32px}.feature p,.approach li{font-size:16px;line-height:1.85}.depth-grid{gap:30px}.depth-grid h3{font-size:26px}.depth-grid p{font-size:16px}.case-focus{padding:45px;background:#2d2d2d;margin:30px 0}.case-focus h2{font-size:32px;max-width:850px}.record-grid figcaption{padding:25px}.record-grid{gap:25px}.journey-opening{padding:60px 0;gap:7%}.journey-opening h1{font-size:64px!important}.chapter-story h3{font-size:38px}.career-chapter{gap:40px;padding:35px 0}.parallel-grid h3{font-size:31px}.service-offers article,.lesson-card{background:#262626;padding:32px}.service-offers h2,.lesson-card h3{font-size:31px}.service-offers p,.lesson-card p{font-size:16px}.statement{padding:60px 0}.statement h2{font-size:clamp(36px,4.5vw,60px)}.footer-wordmark{font-size:clamp(45px,9vw,125px);margin:35px 0 15px;opacity:.45}.skip-link{position:absolute;left:20px;top:-100px}.skip-link:focus{top:12px;z-index:100}.section,.feature,.company-logo-grid figure{scroll-margin-top:100px}
@media(max-width:1000px){header .brand-name{display:none}.company-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recruiter-hero{gap:5%;grid-template-columns:1.2fr .8fr}.shinchat-spotlight{gap:30px;padding:32px!important}.recruiter-hero h1{font-size:52px!important}}
@media(max-width:650px){.wrap{padding:0 22px}header{height:76px}header .brand-name{display:block}header nav{position:absolute;top:76px;left:0;right:0;display:none;width:100%;padding:15px;background:#262626;border:1px solid var(--line)}header nav.open{display:flex;flex-direction:column;visibility:visible;opacity:1;transform:none}header .contact-link{display:none}.recruiter-hero{grid-template-columns:1fr;padding:40px 0;gap:30px}.recruiter-hero h1{font-size:44px!important}.recruiter-hero figure{max-width:390px;width:100%;margin:auto}.recruiter-hero figure img{aspect-ratio:5/4;object-position:center 25%}.recruiter-hero figcaption{gap:12px}.profile-title{font-size:18px}.hero-actions{gap:20px}.audience-routes{grid-template-columns:1fr;margin-bottom:35px}.audience-routes>a{padding:23px}.audience-routes h3{font-size:21px}.page-hero{padding:40px 0 25px}.page-hero>p{font-size:16px}.section{padding:42px 0}.section-head{display:block}.section-head>p{margin-top:20px}.company-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-logo-grid figure{padding:8px}.logo-surface{height:105px;padding:14px}.logo-surface img{max-height:64px}.company-logo-grid figcaption{font-size:12px;line-height:1.45}.company-logo-grid small{font-size:10px}.shinchat-spotlight{padding:26px!important;grid-template-columns:1fr;margin-bottom:40px}.shinchat-intro h2{font-size:58px}.collection-grid,.depth-grid,.project-meta{grid-template-columns:1fr}.collection-art{height:210px}.typographic-cover>span{font-size:33px}.feature{grid-template-columns:1fr;padding:32px 0;gap:20px}.case-intro{padding:35px 0}.case-intro h2{font-size:29px}.case-intro p{font-size:16px}.case-focus{padding:25px}.case-focus h2{font-size:27px}.project-meta{padding:24px;gap:20px}.journey-opening h1{font-size:46px!important}.chapter-story h3{font-size:29px}.service-offers article,.lesson-card{padding:26px}.record-grid{grid-template-columns:1fr}.footer-wordmark{font-size:12vw}footer{gap:15px;flex-wrap:wrap}.statement{padding:40px 0}}
.campaign-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.campaign-visual-grid article{border:1px solid var(--line);background:var(--panel);overflow:hidden;border-radius:4px}.campaign-visual-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:none!important}.campaign-visual-grid article>div{padding:26px}.campaign-visual-grid h3{font-size:30px;line-height:1.2;margin:16px 0 12px}.campaign-visual-grid p{font-size:15px}.campaign-visual-grid .text-link{font-size:13px}.campaign-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:35px 0}.campaign-detail-grid article{padding-top:24px;border-top:1px solid var(--line)}.campaign-detail-grid h3{font-size:25px;margin:15px 0}.campaign-detail-grid p{font-size:15px}.venue-photo{margin:35px 0}.venue-photo img{width:100%;max-height:520px;object-fit:cover}.venue-photo figcaption{font-size:12px;color:var(--muted);padding:15px 0}@media(max-width:850px){.campaign-visual-grid{grid-template-columns:1fr 1fr}.campaign-detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.campaign-visual-grid{grid-template-columns:1fr}.campaign-visual-grid article>div{padding:23px}.campaign-visual-grid h3{font-size:28px}}