:root{--ink: #393939;--ink-2: #505050;--ink-3: #888888;--paper: #ffffff;--subtle: #f3f3f3;--accent: #9cb721;--disabled: #b8b8b8;--hairline: #e6e6e6;--danger: #c0392b;--danger-text: #902b20;--shadow-1: 0 12px 28px rgba(0,0,0,.1);--shadow-2: 0 8px 24px rgba(0,0,0,.14);--shadow-3: -16px 0 40px rgba(0,0,0,.08);--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--rail-w: 32%;--gap: 1px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}img{max-width:100%;display:block;border:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-weight:300;font-size:14px;line-height:1.5;letter-spacing:.4px;color:var(--ink);background:var(--paper)}[lang=vi],body[data-lang=vi] [lang=en]{display:none}body[data-lang=vi] [lang=vi]{display:block}.site{min-height:100vh}.rail{position:fixed;top:0;left:0;width:var(--rail-w);height:100vh;padding:3.4vw 2.5vw 2.5vw 3vw;display:flex;flex-direction:column;background:var(--paper);z-index:5}.rail-logo{display:block;margin-bottom:3vw}.rail-logo img{width:78%;max-width:280px;height:auto}.main{margin-left:var(--rail-w);min-height:100vh}.rail-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.rail-burger,.rail-backdrop{display:none}.rail-nav{display:flex;flex-direction:column}.nav-h1{font-size:16px;font-weight:500;letter-spacing:.3px;color:var(--ink);padding:8px 0;display:block;transition:color .2s ease}.nav-h1:hover,.nav-h1.is-active{color:var(--accent)}.filters{display:flex;flex-direction:column;align-items:flex-start;margin:4px 0 32px}.filter{font-size:15px;font-weight:300;letter-spacing:.3px;color:var(--ink);padding:5px 0;text-align:left;transition:color .2s ease}.filter:hover,.filter.is-active{color:var(--accent)}.rail-social{margin-top:auto;display:flex;align-items:center;gap:14px;padding-top:24px}.rail-social a{display:inline-flex;color:var(--ink);transition:color .2s ease}.rail-social a:hover{color:var(--accent)}.rail-social svg{width:18px;height:18px;display:block}.rail-social .divider{width:1px;height:16px;background:var(--ink);opacity:.5}.lang-switch{display:inline-flex;align-items:center;gap:7px;font-size:13px}.lang-switch button{font-weight:300;letter-spacing:.4px;color:var(--disabled);transition:color .2s ease}.lang-switch button.active{color:var(--ink);font-weight:400}.lang-switch button:hover{color:var(--accent)}.lang-switch .lang-sep{color:var(--hairline)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.tile{position:relative;display:block;overflow:hidden;background:var(--subtle)}.tile picture{display:block;width:100%;aspect-ratio:1 / 1}.tile-img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;transition:transform .5s ease,filter .4s ease}.tile:hover .tile-img{transform:scale(1.03);filter:brightness(.78)}.tile-hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px 16px 18%;text-align:center;color:var(--paper);background:linear-gradient(180deg,#0000 35%,#00000059);opacity:0;transition:opacity .3s ease}.tile:hover .tile-hover,.tile:focus-visible .tile-hover{opacity:1}.tile-title{font-size:clamp(20px,2.1vw,28px);font-weight:400;line-height:1.18}.tile-meta{font-size:clamp(13px,1.2vw,17px);font-weight:300;margin-top:6px;color:#ffffffd1}.empty-state{grid-column:1 / -1;padding:96px 0;text-align:center;color:var(--disabled)}.back-link{font-size:14px;font-weight:400;color:var(--ink);margin-bottom:2.5vw;display:inline-block;transition:color .2s ease}.back-link:hover{color:var(--accent)}.proj-info{margin-bottom:28px}.proj-title{font-size:20px;font-weight:500;letter-spacing:.3px;margin:0 0 8px;line-height:1.2}.proj-meta{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:300;color:var(--ink)}.proj-meta .rule{flex:1;height:1px;background:var(--hairline);max-width:60px}.proj-desc{font-size:14px;font-weight:300;line-height:1.7;white-space:pre-line;overflow-y:auto;flex:1;padding-right:6px}.proj-desc :where(p){margin:0 0 .8em}.proj-desc :where(strong){font-weight:500}.lang-toggle{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:22px}.lang-toggle button{font-weight:300;letter-spacing:.3px;color:var(--disabled);transition:color .2s ease}.lang-toggle button.active{color:var(--ink);font-weight:400}.lang-toggle button:hover{color:var(--accent)}.lang-toggle .sep{color:var(--hairline)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row;gap:1px}.gallery figure{margin:0;cursor:zoom-in;background-repeat:no-repeat;background-position:center;aspect-ratio:1 / 1;overflow:hidden}.gallery figure.big{grid-column:span 2;grid-row:span 2}.gallery figure picture{display:block;width:100%;height:100%}.gallery figure img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}dialog.lightbox{border:0;padding:0;max-width:100vw;max-height:100vh;width:100%;height:100%;background:#000000eb}dialog.lightbox::backdrop{background:#000000eb}dialog.lightbox picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4vw}dialog.lightbox img{max-width:92vw;max-height:92vh;width:auto;height:auto;object-fit:contain}dialog.lightbox .close{position:absolute;top:18px;right:22px;font-size:22px;color:var(--paper);z-index:2;line-height:1}.content-page .main{padding:3.4vw 3vw 4vw}.page-body{max-width:680px}.page-title{font-size:22px;font-weight:500;letter-spacing:.3px;margin:0 0 18px;line-height:1.2}.page-subtitle{font-size:16px;font-weight:400;margin:0 0 14px;color:var(--ink)}.page-figure{margin:0 0 24px;aspect-ratio:1 / 1;overflow:hidden}.page-figure img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.page-prose{font-size:14px;font-weight:300;line-height:1.8;white-space:pre-line}.page-prose :where(p){margin:0 0 1em}.page-body.about,.page-body.contact{max-width:1000px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.page-head .page-title{margin:0}.page-head .lang-toggle{margin-bottom:0;flex:none;margin-left:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.page-body.about .page-prose{max-width:660px}.about-figure{margin:40px 0 0;max-width:480px;overflow:hidden;background:var(--subtle)}.about-figure img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block}.contact-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:4vw;align-items:start}.contact-figure{margin:0}.contact-figure img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--subtle)}.contact-caption{margin-top:12px;font-size:13px;font-weight:300;font-style:italic;color:var(--disabled);text-align:center}.contact-info{padding-top:4px}.contact-cta{display:inline-block;margin:26px 0 8px;padding:12px 26px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:14px;font-weight:400;letter-spacing:.3px;transition:background .2s ease,border-color .2s ease}.contact-cta:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.contact-details{margin:0 0 22px;display:flex;flex-direction:column;gap:4px;font-weight:300}.contact-details div{display:block}.contact-details dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.contact-details dd{margin:0}.contact-details a{transition:color .2s ease}.contact-details a:hover{color:var(--accent)}.contact-form-wrap{margin-top:48px;padding-top:36px;border-top:1px solid var(--hairline);padding-bottom:96px}.contact-form{display:block}.cf-step{margin:0;padding:0;border:0;min-width:0}.cf-step.is-locked .cf-fields{display:none}.cf-step.is-locked .cf-legend{color:var(--disabled)}.cf-step.is-locked .cf-step-no{border-color:var(--disabled);color:var(--disabled)}.cf-step:not(.is-locked) .cf-fields{animation:cf-reveal .4s ease both}@keyframes cf-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cf-legend{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 20px;font-size:14px;font-weight:500;letter-spacing:.3px}.cf-step-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--ink);border-radius:50%;font-size:12px;font-weight:400;transition:background .2s ease,color .2s ease,border-color .2s ease}.cf-check{width:13px;height:13px;display:none}.cf-step.is-done .cf-step-no{background:var(--accent);border-color:var(--accent);color:var(--paper)}.cf-step.is-done .cf-step-no .cf-check{display:block}.cf-step.is-done .cf-step-no .cf-num{display:none}.cf-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding-bottom:40px}.cf-field{display:flex;flex-direction:column;gap:7px;min-width:0}.cf-field.cf-wide{grid-column:1 / -1}.cf-label{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap;font-size:12px;font-weight:500;letter-spacing:.3px;color:var(--ink)}.cf-label .req{color:var(--danger-text)}.cf-field input,.cf-field textarea{font:inherit;font-size:14px;font-weight:400;color:var(--ink);width:100%;min-height:44px;padding:10px 12px;background:var(--paper);border:1px solid var(--hairline);border-radius:0;transition:border-color .2s ease}.cf-field textarea{resize:vertical;min-height:84px}.cf-field input::placeholder,.cf-field textarea::placeholder{color:var(--ink-3)}.cf-field input:focus,.cf-field textarea:focus{outline:none;border-color:var(--ink)}.cf-select{position:relative}.cf-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:14px;font-weight:400;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);cursor:pointer;transition:border-color .2s ease}.cf-select-trigger:focus{outline:none}.cf-select.is-open .cf-select-trigger{border-color:var(--ink)}.cf-select-value.is-placeholder{color:var(--ink-3)}.cf-caret{width:12px;height:8px;flex:none;transition:transform .2s ease}.cf-select.is-open .cf-caret{transform:rotate(180deg)}.cf-select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:8;margin:0;padding:4px 0;list-style:none;background:var(--paper);border:1px solid var(--ink);max-height:260px;overflow-y:auto;box-shadow:var(--shadow-1);display:none}.cf-select.is-open .cf-select-panel{display:block}.cf-option{padding:10px 12px;font-size:14px;font-weight:400;color:var(--ink);cursor:pointer}.cf-option:hover,.cf-option:focus{background:var(--subtle);outline:none}.cf-option[aria-selected=true]{color:var(--accent)}.cf-unit{position:relative;display:block}.cf-unit input{padding-right:46px}.cf-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;color:var(--ink-2);pointer-events:none}.cf-money{position:relative;display:flex;align-items:stretch}.cf-money input{flex:1 1 auto;min-width:0;padding-right:8px}.cf-currency{flex:none;display:inline-flex;border:1px solid var(--hairline);border-left:0}.cf-currency button{font:inherit;font-size:12px;font-weight:400;letter-spacing:.3px;padding:0 12px;min-width:48px;color:var(--ink-2);background:var(--paper);cursor:pointer;transition:background .2s ease,color .2s ease}.cf-currency button+button{border-left:1px solid var(--hairline)}.cf-currency button.active{background:var(--ink);color:var(--paper)}.cf-currency button:focus{outline:none}.cf-select-search .cf-select-panel-wrap{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:8;background:var(--paper);border:1px solid var(--ink);box-shadow:var(--shadow-1);display:none}.cf-select-search.is-open .cf-select-panel-wrap{display:block}.cf-select.cf-select-search .cf-select-panel{position:static;display:block;border:0;box-shadow:none;max-height:180px}.cf-search-input{display:block;width:100%;padding:8px 12px;border:0;border-bottom:1px solid var(--hairline);font:inherit;font-size:14px;color:var(--ink);background:var(--subtle)}.cf-search-input::placeholder{color:var(--ink-3)}.cf-search-input:focus{outline:none}.cf-option[hidden]{display:none}.cf-ward-input{display:block;width:100%;min-height:44px;padding:10px 12px;margin-top:8px;font:inherit;font-size:14px;color:var(--ink);border:1px solid var(--hairline);background:var(--paper);transition:border-color .2s ease}.cf-ward-input:focus{outline:none;border-color:var(--ink)}.cf-ward-input:disabled{color:var(--ink-3);background:var(--subtle)}.cf-support{font-size:12px;color:var(--ink-2);min-height:16px}.cf-error{display:none;font-size:12px;font-weight:400;color:var(--danger-text)}.cf-field.invalid .cf-error{display:block}.cf-field.invalid input,.cf-field.invalid textarea,.cf-field.invalid .cf-select-trigger,.cf-field.invalid .cf-ward-input{border-color:var(--danger)}.cf-branch{display:none}.cf-branch.is-active{display:contents}.cf-field[hidden]{display:none}.cf-send-wrap{display:flex;align-items:center;gap:16px;padding:8px 0 0}.cf-send{margin:0}.cf-send:disabled{opacity:.4;cursor:default}.cf-status{margin:0;font-size:13px;font-weight:400;color:var(--accent);max-width:320px}.cf-status.cf-error{color:var(--danger-text)}.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:720px){.cf-fields{grid-template-columns:1fr}}@media(max-width:640px){.cf-send{margin-left:auto}}@media(prefers-reduced-motion:reduce){.cf-field input,.cf-field textarea,.cf-select-trigger,.cf-step:not(.is-locked),.cf-caret{animation:none;transition:none}}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-hover{align-items:flex-start;justify-content:flex-end;text-align:left;padding:18px 20px;background:linear-gradient(to top,#0000008c,#00000026 55%,#0000)}.blog-hover .tile-title{font-size:17px}.blog-hover .tile-meta{font-size:12px;margin-top:2px;color:#fffc}.blog-hover-excerpt{font-size:12px;font-weight:300;line-height:1.5;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-date{font-size:12px;font-weight:300;color:var(--disabled)}.post-pending{color:var(--disabled);font-style:italic}.post-page{max-width:1100px;margin:0 auto;padding:3.4vw 5vw 6vw}.post-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:6vw}.post-logo img{width:200px;height:auto}.post-back{font-size:14px;font-weight:300;letter-spacing:.3px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.post-back span{font-size:16px}.post-back:hover{color:var(--accent)}.post-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:5vw;align-items:start}.post-aside{position:sticky;top:3vw}.post-h1{font-size:22px;font-weight:400;line-height:1.35;margin:0;color:var(--ink)}.post-sub{margin:8px 0 0;font-size:13px;font-weight:300;color:var(--disabled)}.post-thumb{margin:22px 0 0;overflow:hidden;background:var(--subtle)}.post-thumb img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block}.post-main{padding-top:2px}.post-prose{max-width:640px}.post-social{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:24px;border-top:1px solid var(--hairline);font-size:13px;font-weight:300;color:var(--disabled)}.post-social a{display:inline-flex;color:var(--ink);transition:color .2s ease}.post-social a:hover{color:var(--accent)}.post-social svg{width:20px;height:20px}@media(max-width:991px){:root{--rail-w: 38%}.rail-logo img{width:90%}.grid{grid-template-columns:repeat(2,1fr)}.nav-h1{font-size:15px}}@media(max-width:640px){.rail{position:sticky;top:0;width:100%;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:5vw 6vw;border-bottom:1px solid var(--hairline);z-index:20}.rail-logo{margin-bottom:0}.rail-logo img{width:auto;max-width:190px}.rail-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;margin:-10px}.rail-burger span{display:block;height:1.5px;width:24px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}.rail-burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.rail-burger.is-open span:nth-child(2){opacity:0}.rail-burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.rail-panel{position:fixed;top:0;right:0;bottom:0;width:min(80vw,320px);background:var(--paper);box-shadow:var(--shadow-3);padding:22vw 9vw 9vw;transform:translate(100%);transition:transform .3s ease;z-index:31;flex:0 0 auto;overflow-y:auto}.rail-panel.is-open{transform:translate(0)}.rail-backdrop{display:block;position:fixed;inset:0;background:#00000052;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:30}.rail-backdrop.is-open{opacity:1;visibility:visible}.rail-nav{gap:2px}.rail-social{margin-top:40px;padding-top:22px;border-top:1px solid var(--hairline)}body.menu-open{overflow:hidden}.main{margin-left:0}.grid,.gallery{grid-template-columns:repeat(2,1fr)}.gallery figure.big{grid-column:span 2;grid-row:span 2}.filters{margin-bottom:24px}.contact-grid{grid-template-columns:1fr;gap:28px}.page-head{flex-wrap:wrap;gap:12px}.post-layout{grid-template-columns:1fr;gap:28px}.post-aside{position:static}.post-thumb{max-width:320px}.post-logo img{width:150px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}