:root{--color-black: #000000;--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #e0e0e0;--color-gray-300: #c0c0c0;--color-gray-500: #808080;--color-gray-700: #404040;--color-gray-900: #1a1a1a;--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 5rem;--text-6xl: 7rem;--text-display: clamp(3.5rem, 8vw, 10rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--space-16: 8rem;--space-20: 10rem;--max-width: 1400px;--gutter: clamp(1.5rem, 4vw, 4rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-base: .4s;--duration-slow: .8s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:400;color:var(--color-black);background-color:var(--color-white);line-height:1.5;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}*,*:before,*:after{border-radius:0!important}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.label{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;font-weight:500;color:var(--color-gray-500)}.label--dark{color:var(--color-black)}.section{padding:var(--space-16) 0}.divider{width:100%;height:1px;background-color:var(--color-black);border:none}.divider--light{background-color:var(--color-gray-200)}::selection{background-color:var(--color-black);color:var(--color-white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-white)}::-webkit-scrollbar-thumb{background:var(--color-gray-300)}::-webkit-scrollbar-thumb:hover{background:var(--color-black)}@media(max-width:768px){:root{--text-display: clamp(2.5rem, 12vw, 5rem)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-5) 0;transition:background-color var(--duration-base) var(--ease-out),padding var(--duration-base) var(--ease-out);background-color:#fff0}.navbar--scrolled{background-color:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:var(--text-xs);letter-spacing:.2em;font-weight:500;text-transform:uppercase}.navbar__links{display:flex;gap:var(--space-8)}.navbar__link{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;font-weight:500;position:relative;padding-bottom:2px}.navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-black);transition:width var(--duration-base) var(--ease-out)}.navbar__link:hover:after{width:100%}.navbar__burger{display:none;flex-direction:column;gap:6px;width:24px;padding:4px 0}.navbar__burger span{display:block;width:100%;height:1px;background-color:var(--color-black);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.navbar__burger--open span:first-child{transform:translateY(3.5px) rotate(45deg)}.navbar__burger--open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:99;background-color:var(--color-white);display:flex;align-items:center;justify-content:center}.mobile-menu__inner{display:flex;flex-direction:column;gap:var(--space-8)}.mobile-menu__link{font-size:var(--text-4xl);font-weight:300;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:baseline;gap:var(--space-4)}.mobile-menu__link-number{font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-gray-500)}@media(max-width:768px){.navbar__links{display:none}.navbar__burger{display:flex}.mobile-menu__link{font-size:var(--text-3xl)}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--space-10);position:relative}.hero__inner{display:flex;flex-direction:column;gap:var(--space-12)}.hero__content{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-20)}.hero__label{color:var(--color-gray-500)}.hero__title{font-size:var(--text-display);font-weight:700;line-height:.92;letter-spacing:-.03em}.hero__subtitle{font-size:var(--text-md);font-weight:400;max-width:480px;line-height:1.6;color:var(--color-gray-700)}.hero__meta{display:flex;gap:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-black)}.hero__meta-item{display:flex;flex-direction:column;gap:var(--space-2)}.hero__meta-value{font-size:var(--text-sm);font-weight:400}.hero__scroll-indicator{position:absolute;bottom:var(--space-10);right:var(--gutter);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hero__scroll-line{width:1px;height:48px;background-color:var(--color-black);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.3}}@media(max-width:1024px){.hero__meta{flex-wrap:wrap;gap:var(--space-6)}}@media(max-width:768px){.hero{min-height:100svh;padding-bottom:var(--space-8)}.hero__content{padding-top:var(--space-16)}.hero__meta{flex-direction:column;gap:var(--space-4)}.hero__scroll-indicator{display:none}}.logo-strip{padding:var(--space-12) 0}.logo-strip__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) 0;gap:var(--space-8)}.logo-strip__label{flex-shrink:0;min-width:180px}.logo-strip__grid{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-10);flex-wrap:wrap}.logo-placeholder{opacity:.5;filter:grayscale(100%);transition:opacity var(--duration-base) var(--ease-out)}.logo-placeholder:hover{opacity:.8}@media(max-width:1024px){.logo-strip__inner{flex-direction:column;align-items:flex-start;gap:var(--space-6)}.logo-strip__grid{justify-content:flex-start;gap:var(--space-8)}}@media(max-width:768px){.logo-strip{padding:var(--space-8) 0}.logo-strip__grid{gap:var(--space-6)}}.skills{padding:var(--space-16) 0;background-color:var(--color-black);color:var(--color-white)}.skills__header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-12)}.skills__title{font-size:clamp(2.5rem,5vw,var(--text-5xl));font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--color-white)}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);border-top:1px solid var(--color-gray-700);padding-top:var(--space-8)}.skills__category{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-700)}.skills__category-title{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:var(--space-4);color:var(--color-gray-500)}.skills__list{display:flex;flex-direction:column;gap:var(--space-2)}.skills__item{font-size:var(--text-base);font-weight:400;line-height:1.5;color:var(--color-gray-200);transition:color var(--duration-fast) var(--ease-out)}.skills__item:hover{color:var(--color-white)}@media(max-width:1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills{padding:var(--space-10) 0}.skills__grid{grid-template-columns:1fr;gap:var(--space-6)}.skills__header{margin-bottom:var(--space-8)}}.portfolio{padding:var(--space-16) 0}.portfolio__header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-12)}.portfolio__title{font-size:clamp(2.5rem,5vw,var(--text-5xl));font-weight:700;line-height:.95;letter-spacing:-.02em}.portfolio__list{display:flex;flex-direction:column}.portfolio__item-link{color:inherit;text-decoration:none}.portfolio__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;border-top:1px solid var(--color-gray-200);transition:all var(--duration-base) var(--ease-out);cursor:pointer;gap:var(--space-6)}.portfolio__item:last-child{border-bottom:1px solid var(--color-gray-200)}.portfolio__item:hover{padding-left:var(--space-4);border-top-color:var(--color-black)}.portfolio__item:hover{border-top-color:var(--color-black)}.portfolio__item-left{display:flex;align-items:flex-start;gap:var(--space-6)}.portfolio__item-number{font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-gray-500);padding-top:6px;flex-shrink:0}.portfolio__item-info{display:flex;flex-direction:column;gap:var(--space-1)}.portfolio__item-title{font-size:var(--text-2xl);font-weight:400;letter-spacing:-.01em;transition:letter-spacing var(--duration-base) var(--ease-out)}.portfolio__item:hover .portfolio__item-title{letter-spacing:.02em}.portfolio__item-tagline{font-size:var(--text-sm);color:var(--color-gray-500)}.portfolio__item-right{display:flex;align-items:center;gap:var(--space-6);flex-shrink:0}.portfolio__item-category{color:var(--color-gray-500)}.portfolio__item-year{font-size:var(--text-sm);color:var(--color-gray-700);min-width:80px}.portfolio__item-arrow{font-size:var(--text-lg);transition:transform var(--duration-base) var(--ease-out);opacity:0}.portfolio__item:hover .portfolio__item-arrow{opacity:1;transform:translate(4px)}@media(max-width:1024px){.portfolio__item-category{display:none}}@media(max-width:768px){.portfolio{padding:var(--space-10) 0}.portfolio__item{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) 0}.portfolio__item-title{font-size:var(--text-xl)}.portfolio__item-right{padding-left:calc(var(--space-6) + 24px)}.portfolio__item-arrow{display:none}.portfolio__header{margin-bottom:var(--space-8)}}.contact{padding:var(--space-16) 0 var(--space-8);background-color:var(--color-black);color:var(--color-white)}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.contact__header{display:flex;flex-direction:column;gap:var(--space-4)}.contact__header .label{color:var(--color-gray-500)}.contact__title{font-size:clamp(2.5rem,5vw,var(--text-5xl));font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--color-white)}.contact__links{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8)}.contact__link{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-700);transition:border-color var(--duration-base) var(--ease-out)}.contact__link:hover{border-color:var(--color-white)}.contact__link .label{color:var(--color-gray-500)}.contact__link-value{font-size:var(--text-md);font-weight:400;color:var(--color-white)}.contact .divider{background-color:var(--color-gray-700)}.contact__footer{display:flex;justify-content:space-between;padding:var(--space-6) 0}.contact__footer .label{color:var(--color-gray-500)}@media(max-width:768px){.contact{padding:var(--space-10) 0 var(--space-6)}.contact__inner{grid-template-columns:1fr;gap:var(--space-8)}.contact__footer{flex-direction:column;gap:var(--space-2)}}.project-detail{padding-bottom:var(--space-16)}.project-detail__back{padding-top:calc(var(--space-16) + var(--space-4));padding-bottom:var(--space-6)}.project-detail__back-btn{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;font-weight:500;color:var(--color-gray-500);transition:color var(--duration-fast) var(--ease-out)}.project-detail__back-btn:hover{color:var(--color-black)}.project-detail__hero{padding-bottom:var(--space-10)}.project-detail__hero-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:var(--space-4);max-width:720px;margin-bottom:var(--space-6)}.project-detail__hero-meta-text{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--color-gray-500);line-height:1.4}.project-detail__hero-meta-year{text-align:right;white-space:nowrap}.project-detail__title{font-size:clamp(2.5rem,6vw,var(--text-6xl));font-weight:700;line-height:.92;letter-spacing:-.03em;margin-bottom:var(--space-4)}.project-detail__tagline{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px}.project-detail__gallery-img{width:100%;height:auto;display:block;border:1px solid var(--color-gray-200);background-color:var(--color-gray-100)}.project-detail__info{padding:var(--space-8) 0}.project-detail__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.project-detail__info-item{display:flex;flex-direction:column;gap:var(--space-2)}.project-detail__info-item p{font-size:var(--text-base);font-weight:400}.project-detail__section{padding:var(--space-10) var(--gutter)}.project-detail__section .label{display:block;margin-bottom:var(--space-4)}.project-detail__text{font-size:var(--text-md);line-height:1.7;max-width:720px;color:var(--color-gray-700)}.project-detail__text--large{font-size:var(--text-lg);line-height:1.6;color:var(--color-black);font-weight:400}.project-detail__list{display:flex;flex-direction:column;gap:var(--space-3);max-width:720px}.project-detail__list-item{font-size:var(--text-base);line-height:1.6;color:var(--color-gray-700);padding-left:var(--space-4);position:relative}.project-detail__list-item:before{content:"—";position:absolute;left:0;color:var(--color-gray-300)}.project-detail__process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.project-detail__process-item{padding:var(--space-6);border:1px solid var(--color-gray-200);transition:border-color var(--duration-base) var(--ease-out)}.project-detail__process-item:hover{border-color:var(--color-black)}.project-detail__process-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.project-detail__process-number{font-size:var(--text-xs);color:var(--color-gray-300);letter-spacing:.1em}.project-detail__process-title{font-size:var(--text-md);font-weight:500;letter-spacing:.05em}.project-detail__process-desc{font-size:var(--text-sm);line-height:1.6;color:var(--color-gray-500)}.project-detail__gallery{padding:var(--space-10) var(--gutter)}.project-detail__gallery-grid{display:flex;flex-direction:column;gap:var(--space-6)}.project-detail__gallery-item{width:100%}.project-detail__next{padding:var(--space-12) var(--gutter) var(--space-16)}.project-detail__next .label{display:block;margin-bottom:var(--space-4)}.project-detail__next-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);transition:padding var(--duration-base) var(--ease-out)}.project-detail__next-link:hover{padding-left:var(--space-4)}.project-detail__next-title{font-size:clamp(1.5rem,4vw,var(--text-4xl));font-weight:700;letter-spacing:-.01em}.project-detail__next-arrow{font-size:var(--text-2xl);transition:transform var(--duration-base) var(--ease-out)}.project-detail__next-link:hover .project-detail__next-arrow{transform:translate(8px)}@media(max-width:1024px){.project-detail__info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.project-detail__info-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.project-detail__process-grid{grid-template-columns:1fr}.project-detail__gallery-grid{gap:var(--space-4)}}