@font-face{font-family:Pretendard;font-weight:100;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-Thin.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:200;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-ExtraLight.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:300;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-Light.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-Regular.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-Medium.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-SemiBold.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-Bold.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-ExtraBold.otf) format("opentype")}@font-face{font-family:Pretendard;font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/pretendard/Pretendard-Black.otf) format("opentype")}:root{--surface:#fcf9f5;--surface-dim:#dcdad6;--surface-bright:#fcf9f5;--surface-container-lowest:#fff;--surface-container-low:#f6f3ef;--surface-container:#f0ede9;--surface-container-high:#ebe8e4;--surface-container-highest:#e5e2de;--on-surface:#1c1c19;--on-surface-variant:#464740;--inverse-surface:#31302e;--inverse-on-surface:#f3f0ec;--outline:#77786f;--outline-variant:#c7c7bd;--surface-tint:#5c614d;--primary:#535845;--on-primary:#fff;--primary-container:#6b705c;--on-primary-container:#eff4db;--inverse-primary:#c4c9b1;--secondary:#5f604b;--on-secondary:#fff;--secondary-container:#e2e1c7;--on-secondary-container:#63644f;--tertiary:#894025;--on-tertiary:#fff;--tertiary-container:#a8573b;--on-tertiary-container:#ffeee9;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--primary-fixed:#e0e5cc;--primary-fixed-dim:#c4c9b1;--on-primary-fixed:#191d0e;--on-primary-fixed-variant:#444937;--secondary-fixed:#e5e4ca;--secondary-fixed-dim:#c8c8af;--on-secondary-fixed:#1c1d0c;--on-secondary-fixed-variant:#474835;--tertiary-fixed:#ffdbcf;--tertiary-fixed-dim:#ffb59c;--on-tertiary-fixed:#390c00;--on-tertiary-fixed-variant:#773219;--background:#fcf9f5;--on-background:#1c1c19;--surface-variant:#e5e2de;--font-display:"Libre Caslon Text","Pretendard",serif;--font-body:"Source Sans 3","Pretendard",sans-serif;--font-label:"Hanken Grotesk","Pretendard",sans-serif;--unit:4px;--gutter:24px;--margin-mobile:20px;--margin-desktop:64px;--max-width:1280px;--stack-sm:8px;--stack-md:24px;--section-gap:120px;--radius-sm:0.125rem;--radius:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}img,video{max-width:100%;height:auto;display:block;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.collage-img-interactive{cursor:pointer;transition:transform .4s ease,filter .4s ease}.collage-img-interactive:hover{transform:scale(1.02);filter:brightness(1.05)}.lightbox-overlay{position:fixed;inset:0;background-color:rgba(28,28,25,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-header{position:absolute;top:0;left:0;right:0;justify-content:space-between;padding:var(--stack-md) var(--margin-desktop);z-index:1010}.lightbox-close-btn,.lightbox-header,.lightbox-nav-btn{display:flex;align-items:center;color:var(--inverse-on-surface)}.lightbox-close-btn,.lightbox-nav-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:48px;height:48px;justify-content:center;transition:all .25s ease;cursor:pointer}.lightbox-close-btn:hover,.lightbox-nav-btn:hover{background:var(--tertiary);border-color:var(--tertiary);color:#fff;transform:scale(1.08)}.lightbox-body,.lightbox-img-wrapper{position:relative;max-width:90vw;max-height:82vh;display:flex;align-items:center;justify-content:center}.lightbox-img-wrapper{overflow:hidden;border-radius:var(--radius-sm)}.lightbox-img{max-width:90vw;max-height:82vh;object-fit:contain;box-shadow:0 20px 40px rgba(0,0,0,.5);pointer-events:auto}.lightbox-shield{position:absolute;inset:0;z-index:1005;background:transparent}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.font-display-lg{font-family:var(--font-display);font-size:64px;font-weight:400;line-height:1.1;letter-spacing:-.02em}@media (max-width:768px){.font-display-lg{font-size:40px;line-height:1.15;letter-spacing:-.01em}}.font-headline-lg{font-family:var(--font-display);font-size:36px;font-weight:400;line-height:1.2}@media (max-width:768px){.font-headline-lg{font-size:28px}}.font-headline-md{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1.3}.font-body-lg{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.6}.font-label-md{font-family:var(--font-label);font-size:12px;font-weight:600;line-height:1;letter-spacing:.08em}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-nav{letter-spacing:.2em}.tracking-tighter{letter-spacing:-.05em}.container{width:100%;max-width:1600px;margin:0 auto;padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}@media (min-width:768px){.container{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}.border-outline{border-color:var(--outline)}.navbar{background-color:var(--surface);color:var(--primary-container);width:100%;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:50;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;align-items:center;padding:var(--stack-md) var(--margin-mobile)}@media (min-width:768px){.navbar{padding:var(--stack-md) var(--margin-desktop)}}.nav-links{display:none;align-items:center;gap:2rem}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--outline);transition:color .3s ease;position:relative}.nav-link:hover{color:var(--tertiary)}.nav-link.active{color:var(--primary-container);border-bottom:1px solid var(--primary-container);padding-bottom:4px}.nav-link.active:hover{border-bottom-color:var(--tertiary)}.mobile-menu-btn{display:flex;color:var(--primary-container);transition:color .3s ease}.mobile-menu-btn:hover{color:var(--tertiary)}@media (min-width:768px){.mobile-menu-btn{display:none}}.main-content{flex-grow:1;padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.filter-tags{display:flex;gap:2rem;color:var(--outline);margin-bottom:var(--stack-md);flex-wrap:wrap}.filter-tag{cursor:pointer;transition:color .3s ease}.filter-tag:hover{color:var(--tertiary)}.filter-tag.active{color:var(--primary-container);border-bottom:1px solid var(--primary-container);padding-bottom:4px}.projects-grid{display:grid;grid-template-columns:1fr;grid-row-gap:var(--section-gap);row-gap:var(--section-gap);margin-bottom:var(--section-gap)}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}}.project-item{border-bottom:1px solid var(--outline);padding-bottom:var(--stack-md);cursor:pointer}.project-item.full-width{grid-column:span 1}@media (min-width:768px){.project-item.full-width{grid-column:span 12}}.project-image-wrapper{position:relative;width:100%;background-color:var(--surface-container-high);margin-bottom:var(--stack-md);overflow:hidden;border-radius:var(--radius-sm)}.aspect-landscape{aspect-ratio:21/9}.aspect-portrait{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}.aspect-4-3{aspect-ratio:4/3}.aspect-3-4{aspect-ratio:3/4}.project-image,.project-video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) sepia(30%);transition:all .7s ease-in-out}.project-item:hover .project-image,.project-item:hover .project-video{filter:grayscale(0) sepia(0);transform:scale(1.02)}.project-image-overlay{position:absolute;inset:0;background-color:rgba(107,112,92,.1);transition:background-color .5s ease}.project-item:hover .project-image-overlay{background-color:transparent}.project-meta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}@media (min-width:768px){.project-meta.row-layout{flex-direction:row;align-items:flex-end}}.project-title{color:var(--primary-container);margin-bottom:var(--unit);transition:color .3s ease}.project-item:hover .project-title{color:var(--tertiary)}.project-tags,.project-year{color:var(--outline)}.project-tags{display:flex;gap:1rem;margin-top:1rem}@media (min-width:768px){.project-tags{margin-top:0;text-align:right}}.split-section{grid-column:span 1;display:grid;grid-template-columns:1fr;grid-row-gap:var(--stack-md);row-gap:var(--stack-md);border-bottom:1px solid var(--outline);padding-bottom:var(--stack-md)}@media (min-width:768px){.split-section{grid-column:span 12;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}}.split-left{grid-column:span 1}@media (min-width:768px){.split-left{grid-column:span 5}}.split-right{grid-column:span 1}@media (min-width:768px){.split-right{grid-column:span 7}}.cta-section{margin-top:var(--section-gap);padding-top:var(--section-gap);border-top:1px solid var(--outline);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cta-title{color:var(--primary-container);margin-bottom:var(--stack-md);line-height:1}.text-huge{font-size:clamp(36px,5vw,64px)}.cta-details{display:flex;flex-direction:column;width:100%;max-width:56rem;margin-top:var(--stack-md);text-align:left;color:var(--outline)}@media (min-width:768px){.cta-details{flex-direction:row;justify-content:space-between}}.cta-details-left p{margin-bottom:var(--unit)}.cta-details-right{margin-top:1rem;max-width:200px}@media (min-width:768px){.cta-details-right{margin-top:0}}.cta-btn{margin-top:var(--section-gap);width:96px;height:96px;border-radius:50%;border:1px solid var(--primary-container);display:flex;align-items:center;justify-content:center;color:var(--primary-container);transition:all .3s ease}.cta-btn:hover{background-color:var(--tertiary);border-color:var(--tertiary);color:#fff}.cta-btn .material-symbols-outlined{transform:rotate(-45deg);transition:transform .3s ease}.cta-btn:hover .material-symbols-outlined{transform:rotate(0deg)}.footer{background-color:var(--primary-container);color:var(--on-primary);width:100%;margin-top:var(--section-gap);border-top:1px solid var(--outline);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--margin-desktop);text-align:center}.footer-brand,.footer-links{margin-bottom:var(--stack-md)}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-link{color:var(--primary-fixed-dim);transition:color .3s ease;cursor:pointer}.footer-link:hover{color:var(--tertiary)}.footer-copy{color:var(--primary-fixed-dim);margin-top:var(--stack-md)}.mobile-nav-overlay{display:none;position:fixed;inset:0;background-color:var(--surface);z-index:40;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay .nav-link{font-size:24px}.collage-grid{display:flex;flex-direction:column;gap:var(--stack-md);margin-bottom:var(--section-gap)}@media (min-width:768px){.collage-grid{flex-direction:row;gap:var(--gutter);align-items:flex-start}}.collage-col{display:flex;flex-direction:column;gap:var(--stack-md);flex:1 1}.collage-item{width:100%}.collage-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.collage-divider{display:none}@media (min-width:768px){.collage-divider{display:block;width:1px;background-color:var(--outline);align-self:stretch;margin:0 1rem}}