:root{--bg:#f4f2ed;--fg:#111;--muted:#76736d;--line:rgba(17,17,17,.3);--pad:clamp(24px,3.4vw,64px);--gap:clamp(24px,3vw,56px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Averta PE',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:300}
a{color:inherit;text-decoration:none}
.shell{padding:0 var(--pad)}
.top{position:fixed;z-index:30;top:0;left:0;right:0;height:52px;pointer-events:none}
.top-center{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;gap:30px;pointer-events:auto;white-space:nowrap}
.top a,.mini-label,.showcase-meta,.footer,.footer *,.case-kicker,.case-meta,.case-section>.label,.section-top,.timeline-row{font-family:'Averta PE',sans-serif;font-weight:400!important}
.top a{font-size:13px}
.mini-label{font-size:13px;line-height:1.2;margin:0 0 28px;text-transform:none}
.light-ui{color:#8c8c8c}

.hero-sequence{height:205vh;position:relative;margin:0 calc(-1*var(--pad))}
.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--bg);padding:84px var(--pad) 32px}
.hero-state{position:absolute;inset:84px var(--pad) 42px;display:flex;flex-direction:column;justify-content:center;will-change:transform,opacity}
.hero-state-quote{opacity:1}
.hero-state-definition,.hero-state-subtractive{opacity:0;pointer-events:none}
.hero-state-subtractive{transform:translateY(10vh)}
.hero-quote,.subtractive-title{font-family:'Averta PE',sans-serif;font-weight:300!important;text-transform:uppercase;letter-spacing:normal}
.hero-quote{font-size:clamp(43px,6.15vw,106px);line-height:.91;max-width:1500px}
.hero-quote>span,.subtractive-title>span{display:block;overflow:hidden}
.fill-char{display:inline-block;color:rgba(17,17,17,.05)}
.subtractive-title{font-size:clamp(72px,12vw,210px);line-height:.79}
.subtractive-korean{margin:26px 0 0;font-family:Pretendard,sans-serif;font-weight:300;font-size:clamp(17px,1.6vw,26px);line-height:1.3}
.subtractive-korean p{margin:0}
.subtractive-korean .fill-line{color:rgba(17,17,17,.05)}

.intro-block{padding:clamp(12px,1.5vh,24px) 0 clamp(92px,7vh,130px);display:grid;grid-template-columns:1fr 2.2fr;gap:var(--gap);align-items:start}
.philosophy-statements{grid-column:2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:100;font-size:clamp(24px,3vw,48px);line-height:.84;letter-spacing:-.02em;word-break:keep-all}
.philosophy-statements p{margin:0 0 .28em}
.philosophy-statements p:last-child{margin-bottom:0}
.philosophy-statements .fill-char{color:rgba(17,17,17,.05)}

.principles-section{margin:0 calc(-1*var(--pad));padding:calc(clamp(96px,6vh,150px) + 50px) var(--pad);background:#111;color:#fff}
.principles-head{display:grid;grid-template-columns:1fr 2.2fr;gap:var(--gap);margin-bottom:clamp(75px,7vh,120px)}
.principles-intro{grid-column:2;margin:0;font-family:'Averta PE',sans-serif;font-weight:300!important;font-size:clamp(42px,6vw,96px);line-height:.9;white-space:pre-line;min-height:2.7em}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,56px)}
.principle-card{padding-top:16px;border-top:1px solid rgba(255,255,255,.3)}
.principle-no{display:block;font-family:'Averta PE',sans-serif;font-weight:400;font-size:14px;color:#777;margin-bottom:44px}
.principle-card h3,.principle-en{font-family:'Averta PE',sans-serif;font-weight:300!important}
.principle-card h3{font-size:clamp(36px,3.35vw,60px);line-height:.92;margin:0 0 28px;min-height:1.84em}
.principle-en{font-size:14px;line-height:1.2;color:#9a9a9a;margin:0 0 42px;white-space:nowrap}
.principle-card>p:last-child{font-family:Pretendard,sans-serif;font-weight:300;font-size:16px;line-height:1.55;color:#bdbdbd;max-width:430px;margin:0}

.selected-work{padding:clamp(76px,7vh,120px) 0 80px}
.selected-work-header{margin-bottom:clamp(32px,4vh,58px)}
.showcase-project{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2.2fr);gap:clamp(34px,5vw,88px);min-height:108vh;padding:56px 0 104px;border-top:1px solid var(--line);position:relative}
.showcase-project:first-child{border-top:none;padding-top:18px}
.project-copy{position:sticky;top:14vh;align-self:start;height:fit-content}
.project-title-link{display:block}
.showcase-project h3{font-family:'Averta PE',sans-serif;font-weight:300!important;font-size:clamp(27px,3.04vw,53px);line-height:.95;letter-spacing:normal;margin:0 0 28px}
.showcase-meta{font-size:12px;color:var(--muted)}
.project-visual{display:block;align-self:start}
.placeholder{position:relative;width:100%;aspect-ratio:16/10;border:1px solid rgba(17,17,17,.35);background:transparent}
.placeholder:before,.placeholder:after{content:"";position:absolute;left:50%;top:50%;width:140%;height:1px;background:rgba(17,17,17,.25);transform-origin:center}
.placeholder:before{transform:translate(-50%,-50%) rotate(32deg)}
.placeholder:after{transform:translate(-50%,-50%) rotate(-32deg)}
.showcase-project:hover .placeholder{background:#e9e6df}

.archive-list{border-top:1px solid rgba(17,17,17,.3)}
.archive-row{position:relative;display:block;padding:19px 0;border-bottom:1px solid rgba(17,17,17,.3);font-size:17px;line-height:1.25;text-transform:none}
.archive-row:after{content:none!important}
.archive-row:hover:after{content:none!important}

/* Shared case/about typography and layout */.case-hero,.about-hero{padding:clamp(140px,18vh,240px) 0 clamp(80px,10vh,140px)}
.case-kicker{font-size:13px;margin-bottom:30px}
.case-title,.about-hero h1,.case-copy h2,.intro-copy,.section-top h2{font-family:'Averta PE',sans-serif;font-weight:300!important;letter-spacing:normal}
.case-title{font-size:clamp(54px,8vw,132px);line-height:.88;margin:0 0 54px}
.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);font-size:13px;line-height:1.45}
.case-meta b{font-weight:400}
.case-section{display:grid;grid-template-columns:1fr 2.2fr;gap:var(--gap);padding:110px 0;border-top:1px solid var(--line)}
.case-section>.label{font-size:13px}
.case-copy h2{font-size:clamp(38px,5vw,76px);line-height:.98;margin:0 0 36px}
.case-copy p{font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:300;font-size:17px;line-height:1.65;max-width:900px}
.case-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:60px}
.case-stats strong{display:block;font-family:'Averta PE',sans-serif;font-weight:300;font-size:clamp(30px,4vw,62px)}
.case-stats span{font-family:'Averta PE',sans-serif;font-weight:400;font-size:12px}
.about-hero h1{font-size:clamp(52px,7.8vw,128px);line-height:.9;margin:0}
.timeline{padding:100px 0}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}
.section-top h2{font-size:clamp(32px,4vw,58px);margin:0}
.timeline-row{display:grid;grid-template-columns:160px 1fr 2fr;gap:var(--gap);padding:22px 0;border-top:1px solid var(--line);font-size:14px}
.timeline-row .desc{font-family:Pretendard,sans-serif;font-weight:300}
.work-section{padding:100px 0}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.project{grid-column:span 4}
.project-meta,.project-title{font-family:'Averta PE',sans-serif}
.project-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;font-weight:400}
.project-title{font-weight:300;font-size:28px;line-height:1.05;margin-top:18px}

.filip-footer,.footer{padding:110px 0 30px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}
.footer-contact-only .footer-grid{grid-template-columns:1fr}
.filip-footer h3,.footer h3{font-size:13px;margin:0 0 22px}
.filip-footer a,.filip-footer p,.footer a,.footer p{font-size:13px;line-height:1.7;margin:0}
.footer,.footer *{font-weight:400!important}
.foot-name{display:none!important}

@media(max-width:850px){.top-center{top:18px}
.hero-sequence{height:185vh}
.hero-sticky{padding:78px var(--pad) 26px}
.hero-state{inset:78px var(--pad) 40px}
.hero-quote{font-size:clamp(30px,8.4vw,58px);line-height:.95}
.subtractive-title{font-size:clamp(60px,17vw,112px)}
.intro-block{display:block;padding:10px 0 84px}
.intro-block>.mini-label{margin-bottom:28px}
.philosophy-statements{font-size:clamp(23px,6.2vw,38px);line-height:.9}
.principles-section{padding-block:140px}
.principles-head{display:block;margin-bottom:70px}
.principles-intro{font-size:clamp(40px,11vw,68px);margin-top:30px}
.principles-grid{grid-template-columns:1fr;gap:70px}
.principle-card h3{min-height:auto}
.principle-en{white-space:normal}
.showcase-project{grid-template-columns:1fr;min-height:auto;padding:54px 0 86px}
.project-copy{position:static;grid-row:2}
.project-visual{grid-row:1}
.showcase-project h3{font-size:clamp(30px,7.5vw,48px)}
.footer-grid{grid-template-columns:1fr;gap:44px}
.case-meta{grid-template-columns:repeat(2,1fr)}
.case-section{grid-template-columns:1fr;padding:72px 0}
.timeline-row{grid-template-columns:1fr;gap:8px}
.project{grid-column:span 12}
}

@media(prefers-reduced-motion:reduce){.principles-intro{white-space:normal}}