@font-face{font-family: "Space Grotesk";font-style: normal;font-weight: 600;font-display: swap;src: url("../assets/fonts/space-grotesk-600-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Space Grotesk";font-style: normal;font-weight: 600;font-display: swap;src: url("../assets/fonts/space-grotesk-600-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Space Grotesk";font-style: normal;font-weight: 600;font-display: swap;src: url("../assets/fonts/space-grotesk-600-vietnamese.woff2") format("woff2");unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--color-bg: #ffffff;--color-bg-alt: #f7f7f7;--color-text: #111111;--color-text-dim: #6b6b6b;--color-border: #e6e6e6;--color-accent: #e8e4dc;--font-display: "Space Grotesk","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body: "Space Grotesk","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--tracking-wide: 0.12em;--tracking-wider: 0.2em;--nav-height: 84px;--container-max: 1400px;--gutter: 40px;--transition-fast: 180ms ease;--transition-med: 400ms cubic-bezier(0.2,0.8,0.2,1)}*{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;margin: 0}body{margin: 0;background: #efefee;color: var(--color-text);font-family: var(--font-body);font-size: 16px;font-weight: 600;line-height: 1.5;-webkit-font-smoothing: antialiased;overflow-x: hidden}img{display: block;max-width: 100%;height: auto}a{color: inherit;text-decoration: none}ul{list-style: none}button{font-family: inherit;cursor: pointer;border: none;background: none;color: inherit}h1,h2,h3,h4{font-family: var(--font-display);font-weight: 600;line-height: 1.1}.container{max-width: var(--container-max);margin: 0 auto;padding: 0 var(--gutter)}.eyebrow{display: block;font-size: 0.75rem;letter-spacing: var(--tracking-wider);text-transform: uppercase;color: var(--color-text-dim);margin-bottom: 14px}.section-heading{font-size: clamp(1.8rem,4vw,3rem);letter-spacing: -0.01em}.btn{display: inline-block;padding: 14px 32px;border: 1px solid var(--color-text);font-size: 0.8rem;letter-spacing: var(--tracking-wider);text-transform: uppercase;transition: background var(--transition-fast),color var(--transition-fast)}.btn:hover{background: var(--color-text);color: var(--color-bg)}.skip-link{position: absolute;left: -9999px;top: 0;background: var(--color-text);color: var(--color-bg);padding: 12px 20px;z-index: 999}.skip-link:focus{left: 20px}.site-header{position: fixed;top: 0;left: 0;width: 100%;height: var(--nav-height);display: flex;align-items: center;z-index: 100;background: var(--color-bg);box-shadow: 0 6px 18px rgba(15,15,15,0.06);transition: background var(--transition-med),box-shadow var(--transition-med)}.site-header.is-scrolled{background: rgba(255,255,255,0.98);backdrop-filter: none;border-bottom: none;box-shadow: 0 8px 22px rgba(15,15,15,0.08)}.site-header .container{display: flex;align-items: center;justify-content: space-between;width: 100%}.logo img{max-height: 68px;height: auto;width: auto}.main-nav{display: flex;align-items: center;flex-shrink: 0;gap: 36px}.main-nav a{font-size: 0.78rem;letter-spacing: var(--tracking-wide);text-transform: uppercase;padding: 6px 0;position: relative}.nav-dropdown{position: relative}.nav-dropdown-toggle{display: inline-flex;align-items: center;gap: 8px;border: 0;background: none;color: inherit;cursor: pointer;font: inherit;font-size: 0.78rem;letter-spacing: var(--tracking-wide);padding: 6px 0;text-transform: uppercase}.mobile-event-toggle::after{content: "";width: 7px;height: 7px;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: rotate(45deg) translateY(-2px);transition: transform var(--transition-fast)}.mobile-event-menu.is-open .mobile-event-toggle::after,.mobile-event-toggle[aria-expanded="true"]::after{transform: rotate(225deg) translate(-1px,-1px)}.nav-dropdown-menu{position: absolute;top: 100%;left: 50%;z-index: 10;display: grid;min-width: 220px;padding: 12px;border: 1px solid rgba(0,0,0,0.08);background: rgba(255,255,255,0.98);box-shadow: 0 18px 36px rgba(0,0,0,0.18);opacity: 0;pointer-events: none;transform: translate(-50%,-6px);transition: opacity var(--transition-fast),transform var(--transition-fast)}.nav-dropdown-menu::before{content: "";position: absolute;top: -12px;left: 0;right: 0;height: 12px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity: 1;pointer-events: auto;transform: translate(-50%,0)}.nav-dropdown-menu a{padding: 12px 10px;color: var(--color-text);font-size: 0.78rem;letter-spacing: 0.12em;white-space: nowrap}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background: rgba(0,0,0,0.06)}.nav-dropdown-menu a::after{display: none}.main-nav a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--color-text);transition: width var(--transition-fast)}.main-nav a:hover::after,.main-nav a.is-active::after{width: 100%}.header-actions{display: flex;align-items: center;gap: 24px}.social-icons{display: flex;gap: 16px}.social-icons a{width: 18px;height: 18px;opacity: 0.75;transition: opacity var(--transition-fast)}.social-icons a:hover{opacity: 1}.social-icons svg{width: 100%;height: 100%;fill: currentColor}.nav-toggle{display: none;position: relative;width: 28px;height: 18px;padding: 0;border: 0;background: transparent;cursor: pointer;justify-content: center;align-items: center}.nav-toggle span{position: absolute;left: 0;width: 100%;height: 2px;border-radius: 999px;background: var(--color-text);transition: transform var(--transition-fast),opacity var(--transition-fast),top var(--transition-fast)}.nav-toggle span:nth-child(1){top: 0}.nav-toggle span:nth-child(2){top: 8px}.nav-toggle span:nth-child(3){top: 16px}.nav-toggle.is-open span:nth-child(1){top: 8px;transform: rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity: 0;transform: scaleX(0.1)}.nav-toggle.is-open span:nth-child(3){top: 8px;transform: rotate(-45deg)}.hero{position: relative;height: 100svh;min-height: 560px;display: flex;align-items: flex-end;overflow: hidden}.hero-media{position: absolute;inset: 0;z-index: -1}.hero-media picture{display: block;width: 100%;height: 100%}.hero-media img{width: 100%;height: 100%;object-fit: cover;object-position: center top;display: block}.hero-media::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.15) 55%,rgba(0,0,0,0.35) 100%)}.hero-content{padding: 0 var(--gutter) 80px;width: 100%}.hero-content h1{font-size: clamp(2.5rem,7vw,5.5rem);letter-spacing: -0.02em;color: #ffffff}.hero-content p{margin-top: 10px;font-size: 1rem;letter-spacing: var(--tracking-wide);text-transform: uppercase;color: rgba(255,255,255,0.8)}.hero-hint{position: absolute;bottom: 28px;right: var(--gutter);font-size: 0.7rem;letter-spacing: var(--tracking-wider);text-transform: uppercase;color: rgba(255,255,255,0.8)}.portfolio-gallery{padding: 18px 14px 24px}.gallery-shell{max-width: 1500px;margin: 0 auto;background: #f3f3f1;border: none;border-radius: 0;padding: 8px 12px 14px}.gallery-header{border: none;background: rgba(255,255,255,0.15);color: #111111;text-align: center;font-size: clamp(0.82rem,1vw,1.08rem);font-weight: 700;letter-spacing: 0.14em;line-height: 1.5;text-transform: uppercase;padding: 16px 20px;margin: 0 auto 18px}.gallery-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 22px;align-items: stretch}.category-tile{position: relative;display: block;min-height: 580px;overflow: hidden;background: #d8d5d0}.category-tile img{width: 100%;height: 100%;object-fit: cover;transition: transform 900ms cubic-bezier(0.2,0.8,0.2,1);filter: grayscale(0.15) contrast(1.02)}.category-tile:hover img{transform: scale(1.04)}.category-tile::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,0.18),rgba(0,0,0,0.02) 35%,rgba(0,0,0,0.08))}.category-label{position: absolute;left: 50%;bottom: 26px;transform: translateX(-50%);z-index: 1;color: #ffffff;font-size: clamp(2.1rem,2.6vw,4rem);line-height: 0.9;font-weight: 700;letter-spacing: -0.06em;text-transform: uppercase;text-align: center;text-shadow: 0 2px 12px rgba(0,0,0,0.28);white-space: nowrap}.portrait-gallery-wrap{padding-top: var(--nav-height);background: #efefee}.gallery-page-heading{max-width: var(--container-max);margin: 0 auto;padding: 56px var(--gutter) 28px}.gallery-page-heading h1{font-size: clamp(2rem,4vw,4rem);letter-spacing: 0;text-transform: uppercase}.portrait-masonry{column-count: 3;column-gap: 8px;max-width: var(--container-max);margin: 0 auto;padding: 0 var(--gutter)}.portrait-card{position: relative;display: block;width: 100%;margin: 0 0 8px;padding: 0;background: transparent;border: 0;break-inside: avoid;overflow: hidden;cursor: pointer;opacity: 0;transform: translateY(28px);transition: opacity 700ms ease,transform 700ms ease}.portrait-card.is-loading{background: linear-gradient(110deg,#dededb 8%,#f2f2ef 18%,#dededb 33%);background-size: 200% 100%;animation: image-skeleton 1.4s linear infinite}.portrait-card.is-loading img{opacity: 0}.portrait-card:not(.is-loading) img{opacity: 1;transition: opacity 350ms ease,transform 900ms cubic-bezier(0.2,0.8,0.2,1)}@keyframes image-skeleton{to{background-position: -200% 0}}.portrait-card.is-visible{opacity: 1;transform: translateY(0)}.portrait-card img{display: block;width: 100%;height: auto;border: 0;outline: 0;object-fit: cover;transition: transform 900ms cubic-bezier(0.2,0.8,0.2,1)}.portrait-card:hover img{transform: scale(1.02)}@media (max-width: 980px){.gallery-grid{grid-template-columns: 1fr}.category-tile{min-height: 460px}.portrait-masonry{column-count: 2}}@media (max-width: 640px){.portrait-masonry{column-count: 1;padding: 0 16px}.portrait-gallery-wrap{padding-top: var(--nav-height)}}.about-section{padding: calc(var(--nav-height) + 60px) 0 100px}.about-grid{display: grid;grid-template-columns: 0.9fr 1.1fr;gap: 64px;align-items: center}.about-photo{overflow: hidden}.about-copy .eyebrow{margin-bottom: 8px}.about-copy h2{font-size: clamp(1.8rem,3.4vw,2.6rem);margin-bottom: 24px}.about-copy p{color: var(--color-text-dim);margin-bottom: 18px;max-width: 46ch;font-size: 1.02rem}.about-copy .btn{margin-top: 12px}.contact-hero{padding-top: var(--nav-height)}.contact-video{display: block;width: 100%;height: auto;max-width: min(100%,46vh);margin: 0 auto;background: #000}.contact-intro{padding: 90px 0 60px;text-align: center}.contact-intro h1{font-size: clamp(2.2rem,6vw,4rem)}.contact-form-section{padding: 0 0 120px}.contact-form{max-width: 720px;margin: 0 auto;display: grid;gap: 24px}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.form-field{display: flex;flex-direction: column;gap: 8px}.form-field label{font-size: 0.75rem;letter-spacing: var(--tracking-wide);text-transform: uppercase;color: var(--color-text-dim)}.form-field input,.form-field textarea,.form-field select{background: transparent;border: none;border-bottom: 1px solid var(--color-border);color: var(--color-text);font-size: 1rem;padding: 10px 2px;font-family: inherit;transition: border-color var(--transition-fast)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline: none;border-color: var(--color-text)}.form-field textarea{resize: vertical;min-height: 120px}.form-status{font-size: 0.85rem;color: var(--color-text-dim);min-height: 1.2em}.form-submit{justify-self: start}.site-footer{padding: 18px 0 30px;text-align: center;background: #efefee}.site-footer-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px}.footer-signature{display: flex;justify-content: center;align-items: center;width: 100%}.footer-signature img{display: block;width: clamp(56px,6vw,88px);height: auto;max-width: 100%;filter: grayscale(1) contrast(1.1)}.footer-links{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 26px;margin: 0}.footer-links a{font-size: 0.72rem;letter-spacing: 0.18em;text-transform: uppercase;color: var(--color-text);font-weight: 700}.footer-socials{display: flex;justify-content: center;align-items: center;gap: 16px;margin-top: 2px}.footer-socials a{display: inline-flex;justify-content: center;align-items: center;width: 18px;height: 18px;color: var(--color-text)}.footer-socials svg{width: 100%;height: 100%;fill: currentColor}.footer-copyright{margin-top: 6px;font-size: 0.72rem;letter-spacing: 0.02em;color: var(--color-text);line-height: 1.5}.footer-meta,.footer-meta span,.footer-socials .social-icons,.footer-socials .social-icons a,.footer-socials .social-icons svg{display: none !important}.tag-label{display: inline-block;font-size: 0.7rem;letter-spacing: var(--tracking-wider);text-transform: uppercase;border: 1px solid var(--color-border);padding: 6px 14px;border-radius: 999px;color: var(--color-text-dim)}.card{position: relative;overflow: hidden;background: var(--color-bg-alt);border: 1px solid var(--color-border)}.card img{width: 100%;height: auto;display: block}.card-caption{padding: 16px 18px;display: flex;justify-content: space-between;align-items: center}.card-caption h4{font-size: 0.95rem}.card-caption span{font-size: 0.75rem;color: var(--color-text-dim)}.lightbox{position: fixed;inset: 0;background: rgba(0,0,0,0.92);display: none;align-items: center;justify-content: center;z-index: 200;padding: 40px}.lightbox.is-open{display: flex}.lightbox img{max-width: 90vw;max-height: 85vh;object-fit: contain}.lightbox-close{position: absolute;top: 28px;right: 32px;font-size: 1.05rem;letter-spacing: var(--tracking-wide);text-transform: uppercase;color: var(--color-text)}.toast{position: fixed;left: 50%;bottom: 32px;transform: translate(-50%,12px);background: var(--color-text);color: var(--color-bg);padding: 12px 22px;font-size: 0.85rem;letter-spacing: 0.02em;border-radius: 4px;opacity: 0;pointer-events: none;transition: opacity var(--transition-fast),transform var(--transition-fast);z-index: 300}.toast.is-visible{opacity: 1;transform: translate(-50%,0);pointer-events: auto}.mobile-nav{position: fixed;inset: 0;background: var(--color-bg);z-index: 90;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 88px 40px 72px;gap: 30px;transform: translateY(-100%);transition: transform var(--transition-med)}.mobile-nav.is-open{transform: translateY(0)}.mobile-nav a{font-size: 1.6rem;letter-spacing: 0.04em;text-transform: uppercase}.mobile-nav .mobile-nav-header{position: absolute;top: 12px;left: 0;right: 0;display: flex;align-items: center;justify-content: space-between;padding: 14px var(--gutter)}.mobile-nav .mobile-nav-header .logo img{max-height: 60px;height: auto}.mobile-nav .nav-close{background: none;border: none;font-size: 22px;line-height: 1;cursor: pointer;color: var(--color-text)}.mobile-nav .mobile-nav-list{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 18px;width: fit-content;max-width: calc(100% - 56px);margin: 0 auto;text-align: center}.mobile-nav .mobile-nav-list a{font-size: clamp(1.7rem,4.5vw,2.2rem);font-weight: 600;letter-spacing: 0.08em;line-height: 1.25;padding: 4px 0;margin: 0 24px}.mobile-nav .mobile-event-menu{display: grid;justify-items: center;gap: 8px;width: 220px}.mobile-nav .mobile-event-toggle{display: inline-flex;align-items: center;justify-content: center;gap: 12px;width: 100%;padding: 10px 18px;border: 1px solid rgba(0,0,0,0.18);background: rgba(255,255,255,0.08);transition: background var(--transition-fast),border-color var(--transition-fast)}.mobile-nav .mobile-event-toggle:hover,.mobile-nav .mobile-event-toggle:focus-visible,.mobile-nav .mobile-event-menu.is-open .mobile-event-toggle{border-color: currentColor;background: rgba(0,0,0,0.06)}.mobile-nav .mobile-event-toggle{color: inherit;cursor: pointer;font: inherit;font-size: clamp(1.7rem,4.5vw,2.2rem);font-weight: 600;letter-spacing: 0.08em;line-height: 1.25;text-transform: uppercase}.mobile-nav .mobile-event-links{display: none;gap: 6px;width: 100%}.mobile-nav .mobile-event-menu.is-open .mobile-event-links{display: grid}.mobile-nav .mobile-event-links a{font-size: 1rem;letter-spacing: 0.05em;margin: 0;padding: 8px 12px;text-align: center}.mobile-nav .social-icons{margin-top: auto;margin-bottom: 28px;display: flex;gap: 18px;align-items: center;justify-content: center}.mobile-nav .social-icons a{width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;background: var(--color-bg-alt);border: 1px solid var(--color-border);color: var(--color-text);box-shadow: 0 2px 6px rgba(15,15,15,0.06)}.mobile-nav .social-icons a svg{width: 18px;height: 18px;fill: currentColor}.mobile-nav .social-icons{margin-top: 20px}.reveal{opacity: 0;transform: translateY(28px);transition: opacity 700ms ease,transform 700ms ease}.reveal.is-visible{opacity: 1;transform: translateY(0)}.form-status[data-state="success"]{color: #8fd6a3}.form-status[data-state="error"]{color: #e08b8b}.btn[disabled]{opacity: 0.5;cursor: not-allowed}.placeholder-note{position: absolute;top: 10px;left: 10px;font-size: 0.62rem;letter-spacing: 0.05em;text-transform: uppercase;background: rgba(0,0,0,0.55);padding: 4px 8px;color: var(--color-text-dim);z-index: 1}@media (max-width: 1024px){:root{--gutter: 28px}.gallery-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.about-grid{gap: 40px}.main-nav{gap: 24px}}@media (max-width: 860px){.main-nav{display: none}.nav-toggle{display: flex}.portfolio-gallery{padding-left: 0;padding-right: 0}.gallery-shell{width: min(100%,520px);margin: 0 auto}.gallery-grid{grid-template-columns: 1fr;width: 100%;max-width: 440px;margin: 0 auto}.about-grid{grid-template-columns: 1fr}.about-photo{max-width: 420px;margin: 0 auto}.site-header .social-icons{display: none}.form-row{grid-template-columns: 1fr}}@media (max-width: 640px){:root{--gutter: 20px;--nav-height: 68px}.hero{min-height: 440px;height: 70svh}.gallery-shell{width: min(100%,460px)}.category-grid,.gallery-grid{grid-template-columns: 1fr}.category-tile,.gallery-grid .category-tile{min-height: 380px;aspect-ratio: 4 / 3;width: 100%}.hero-content{padding-bottom: 56px}.hero-hint{display: none}.about-section{padding-top: calc(var(--nav-height) + 36px)}.footer-nav{gap: 18px 22px}}@media (max-width: 400px){.hero-content h1{font-size: 2.1rem}.category-label{font-size: 1.8rem}.gallery-header{font-size: 0.72rem;letter-spacing: 0.08em}.logo img{max-height: 56px;height: auto}.btn{padding: 12px 24px;width: 100%;text-align: center}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}