:root{--paper:#f6f2e8;--ink:#242321;--muted:#67625c;--rule:#cbc4b7;--red:#b53b29;--accent:#df452d}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:#edb4a8;color:var(--ink)}.wrap{width:min(100% - 96px,1344px);margin-inline:auto}.skip-link{position:fixed;z-index:10;top:12px;left:12px;padding:12px 16px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid var(--rule)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-name{display:inline-flex;align-items:center;min-height:44px;font-family:"DM Sans",sans-serif;font-weight:600;font-size:19px;letter-spacing:-.04em;white-space:nowrap}.site-name span,.red-dot{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:clamp(8px,2.4vw,38px)}.site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;white-space:nowrap;transition:color 150ms ease}.site-nav a:hover,.site-footer a:hover{color:var(--red)}
.hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);align-items:center;min-height:710px;padding-top:70px;position:relative}.hero-copy{align-self:center;padding-bottom:20px;position:relative;z-index:1}.eyebrow,.section-index,.hero-footnote,.project-index,.project-overline{font-family:"DM Sans","Noto Sans KR",sans-serif}.eyebrow{margin:0 0 34px;color:var(--red);font-size:12px;font-weight:600;letter-spacing:.06em}.hero h1,.section-heading h2,.about-heading h2,.contact-inner h2{font-family:"Gaegu",cursive;font-weight:700;letter-spacing:-.035em;word-break:keep-all}.hero h1{margin:0;font-size:clamp(86px,7.4vw,112px);line-height:1.04}.hero h1 em{font-style:normal}.hero-intro{max-width:490px;margin:37px 0 31px;color:var(--muted);line-height:1.95;word-break:keep-all}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:44px;border-bottom:1px solid var(--ink);font-weight:600;font-size:14px;transition:color 150ms ease,border-color 150ms ease}.text-link:hover{color:var(--red);border-color:var(--red)}.hero-art{min-width:0;align-self:center;transform:translate(2.5%,-1%)}.hero-art img{width:100%;height:auto}.hero-footnote{grid-column:1/-1;display:flex;justify-content:space-between;align-self:end;gap:20px;padding:18px 0 22px;border-top:1px solid var(--rule);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.14em}
.work-section{padding:116px 0 139px;border-bottom:1px solid var(--rule)}.section-heading{display:grid;grid-template-columns:180px 1fr auto;align-items:end;gap:28px;padding-bottom:43px}.section-index{color:var(--red);font-size:12px;font-weight:600;letter-spacing:.13em;white-space:nowrap}.section-heading .section-index{align-self:start;padding-top:16px}.section-heading h2,.about-heading h2{margin:0;font-size:clamp(70px,6.2vw,88px);line-height:1.08}.section-heading p{margin:0 0 9px;color:var(--muted);font-size:14px;line-height:1.75;word-break:keep-all}.project-list{border-top:1px solid var(--ink)}.project{display:grid;grid-template-columns:42px 260px minmax(0,1fr) 142px;align-items:center;gap:32px;min-height:255px;padding:28px 0;border-bottom:1px solid var(--rule)}.project-index{align-self:start;padding-top:4px;color:var(--red);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.project-visual{width:260px;height:188px;overflow:hidden;background:#e8e2d4;outline:1px solid rgb(0 0 0 / 10%)}.project-visual img{width:100%;height:100%;object-fit:cover}.visual-ohaeng{background:#17171f}.visual-ohaeng img,.visual-playbuns img{object-fit:contain}.visual-layary img{object-position:center 44%}.visual-playbuns{background:#e6e9df}.project-content{align-self:center}.project-overline{display:flex;gap:18px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.07em}.project-overline span:last-child{letter-spacing:0}.project-content h3{margin:12px 0 10px;font-family:"Noto Sans KR",sans-serif;font-size:29px;font-weight:600;letter-spacing:-.05em;line-height:1.3}.project-content h3 small{margin-left:8px;color:var(--muted);font-family:"Noto Sans KR",sans-serif;font-size:13px;font-weight:400;letter-spacing:-.03em;white-space:nowrap}.project-content p{max-width:480px;margin:0;color:var(--muted);font-size:.875rem;line-height:1.85;word-break:keep-all}.project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:600;white-space:nowrap;transition:color 150ms ease,border-color 150ms ease}.project-link:hover{color:var(--red);border-color:var(--red)}.project-link span{font-size:18px;font-weight:400}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:152px;padding-bottom:158px;border-bottom:1px solid var(--rule)}.about-heading h2{margin-top:35px}.about-copy{padding-top:45px}.about-copy p{margin:0 0 27px;font-size:1.125rem;line-height:2;word-break:keep-all}.about-copy .about-signature{margin:52px 0 0;color:var(--red);font-size:13px;font-weight:600;letter-spacing:.01em}
.contact-section{padding:130px 0 151px}.contact-inner{max-width:1344px}.contact-inner h2{margin:32px 0 31px;font-size:clamp(84px,8.5vw,124px);line-height:1.03}.contact-inner p{margin:0 0 43px;color:var(--muted);font-size:1.0625rem;line-height:1.9}.contact-link{display:inline-flex;align-items:center;gap:clamp(18px,5vw,72px);min-height:48px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-family:"DM Sans",sans-serif;font-size:clamp(23px,3.3vw,43px);letter-spacing:-.04em;transition:color 150ms ease,border-color 150ms ease}.contact-link:hover{color:var(--red);border-color:var(--red)}.contact-link span{font-family:"Noto Sans KR",sans-serif;font-size:.67em}.site-footer{border-top:1px solid var(--ink)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;color:var(--muted);font-size:11px}.footer-inner a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:12px;transition:color 150ms ease}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);min-height:650px}.hero h1{font-size:clamp(74px,7vw,98px)}.section-heading{grid-template-columns:125px 1fr}.section-heading p{grid-column:2}.project{grid-template-columns:32px 220px minmax(0,1fr);gap:24px}.project-visual{width:220px;height:160px}.project-link{grid-column:3;justify-self:start;margin-top:-10px}}
@media(max-width:720px){.wrap{width:min(100% - 40px,560px)}.header-inner{min-height:70px}.site-name{font-size:17px}.site-nav{gap:8px}.site-nav a{padding-inline:4px;font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:65px}.hero-copy{padding-bottom:0}.eyebrow{margin-bottom:25px;font-size:11px}.hero h1{font-size:clamp(60px,12vw,82px);line-height:1.08}.hero-intro{margin:28px 0 16px;font-size:1rem;line-height:1.9}.hero-art{width:min(100%,420px);align-self:center;margin:-12px 0 -17px;transform:none}.hero-footnote{width:100%;padding:15px 0 18px;font-size:9px}.work-section{padding:83px 0 100px}.section-heading{display:block;padding-bottom:29px}.section-heading h2,.about-heading h2{margin-top:22px;font-size:70px}.section-heading p{margin-top:15px;font-size:14px}.project{grid-template-columns:28px minmax(0,1fr);gap:15px 10px;padding:27px 0 35px}.project-index{grid-column:1;grid-row:1}.project-visual{grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:1.55}.project-content{grid-column:2}.project-content h3{font-size:29px}.project-content p{font-size:1rem}.project-link{grid-column:2;margin-top:0}.about-section{display:block;padding-top:103px;padding-bottom:110px}.about-copy{padding-top:34px}.about-copy p{font-size:1rem;line-height:1.95}.about-copy .about-signature{margin-top:40px;font-size:12px}.contact-section{padding:100px 0 111px}.contact-inner h2{font-size:clamp(78px,16vw,108px)}.contact-inner p{font-size:15px}.contact-link{font-size:clamp(22px,5.5vw,34px);gap:20px}.footer-inner{flex-wrap:wrap;padding-block:15px;gap:0 16px}.footer-inner span:nth-child(2){display:none}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.header-inner{gap:2px;align-items:stretch;flex-direction:column;padding-block:7px}.site-name{font-size:16px}.site-nav{justify-content:space-between;gap:8px}.site-nav a{font-size:14px}.hero h1{font-size:60px}.hero-footnote span:last-child{letter-spacing:.06em}.contact-link{gap:12px;font-size:18px}.contact-inner h2{font-size:clamp(66px,18vw,70px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}