@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/petrona-vietnamese-wght-normal.n1abOB1W.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/petrona-latin-ext-wght-normal.17VUQQVL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/petrona-latin-wght-normal.BDkDdjdU.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-vietnamese-400-normal.Dpl4UHAZ.woff2)format("woff2"),url(/_astro/barlow-vietnamese-400-normal.BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-ext-400-normal.HxX4XjxC.woff2)format("woff2"),url(/_astro/barlow-latin-ext-400-normal.CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2)format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#e9e3d7;--papier-2:#f2ede3;--ink:#23251f;--ink-60:#5f6057;--ink-40:#63635b;--line:#c9c0ae;--sliwa:#4c2e3a;--szalwia:#8e9c7c;--max:1320px;--gut:clamp(20px, 4.5vw, 64px);--sans:"Barlow", system-ui, sans-serif;--serif:"Petrona Variable", "Petrona", Georgia, serif;--sec:clamp(64px, 8vw, 116px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--papier);color:var(--ink);font-family:var(--serif);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--sliwa);color:var(--papier)}:focus-visible{outline:2px solid var(--sliwa);outline-offset:3px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gut);margin-inline:auto}.section{padding-block:var(--sec)}.section--tight{padding-block:clamp(30px,3.4vw,52px)}.rule{border:0;border-top:1px dashed var(--line);height:0;margin:0}.h1{font-family:var(--serif);letter-spacing:-.025em;max-width:15ch;margin:0;font-size:clamp(2.7rem,6.1vw,5.1rem);font-weight:400;line-height:.96}.h2{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:400;line-height:1.04}.lead{color:var(--ink-60);max-width:44ch;margin:0;font-size:clamp(1.08rem,1.35vw,1.32rem);line-height:1.6}.body{max-width:62ch;margin:0}.body+.body{margin-top:1em}.small{font-family:var(--sans);letter-spacing:.005em;color:var(--ink-60);font-size:.875rem;line-height:1.5}.num{font-variant-numeric:tabular-nums}.site-head{justify-content:space-between;align-items:baseline;gap:24px;padding-block:clamp(18px,2.4vw,30px);display:flex}.brand{font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;font-size:1.28rem}.brand span{color:var(--sliwa)}.nav{font-family:var(--sans);align-items:baseline;gap:clamp(14px,2vw,30px);font-size:.95rem;display:flex}.nav a{border-bottom:1px solid #0000;padding-bottom:2px}.nav a:hover{border-color:var(--ink-40)}.nav a[aria-current=page]{border-color:var(--sliwa)}.langs{font-family:var(--sans);letter-spacing:.06em;color:var(--ink-40);gap:10px;font-size:.82rem;display:flex}.langs a:hover,.langs a[aria-current=true]{color:var(--ink)}.langs a[aria-current=true]{text-underline-offset:3px;text-decoration:underline}.hero{padding-left:var(--gut);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:clamp(24px,4vw,56px);padding-bottom:0;display:grid}.hero__text{flex-direction:column;align-items:flex-start;gap:clamp(20px,2.4vw,30px);padding-block:clamp(8px,4vw,56px);display:flex}.hero__media{align-self:stretch;overflow:hidden}.hero__media img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:74vh}.actions{font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:26px;font-size:.95rem;display:flex}.link-arrow{border-bottom:1px solid var(--ink);padding-bottom:2px}.link-arrow:hover{color:var(--sliwa);border-color:var(--sliwa)}.button{border:1px solid var(--ink);padding:12px 22px;transition:background .18s,color .18s;display:inline-block}.button:hover{background:var(--ink);color:var(--papier)}.strip{height:clamp(44px,5vw,64px);display:flex;overflow:hidden}.strip>*{flex:1 1 0;min-width:4px;transition:transform .25s}.strip:hover>*{opacity:.92}.head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(26px,3vw,44px);display:flex}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,38px) clamp(16px,2.2vw,30px);display:grid}.card{display:block}.card__media{aspect-ratio:4/5;background:var(--papier-2);overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.card:hover .card__media img{transform:scale(1.025)}.card__name{font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 2px;font-size:1.02rem;line-height:1.35;display:-webkit-box;overflow:hidden}.card:hover .card__name{text-underline-offset:3px;text-decoration:underline 1px}.card__meta{font-family:var(--sans);color:var(--ink-40);letter-spacing:.02em;font-size:.78rem}.filters{font-family:var(--sans);flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,40px);font-size:.88rem;display:flex}.filters button{font:inherit;color:var(--ink-60);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;padding:7px 14px}.filters button:hover{border-color:var(--ink-40);color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--papier)}.groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,52px);display:grid}.group__title{font-family:var(--serif);margin:0 0 4px;font-size:1.35rem}.group__note{font-family:var(--sans);color:var(--ink-40);margin:0 0 18px;font-size:.82rem}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.swatches a{aspect-ratio:1;background:var(--papier-2);display:block}.swatches img{object-fit:cover;width:100%;height:100%}.swatches a:hover{outline:1px solid var(--ink);outline-offset:1px}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);display:grid}.projects img{aspect-ratio:4/3;object-fit:cover;width:100%}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:1px solid var(--ink);padding-top:14px}.steps li:before{content:counter(step, decimal-leading-zero);font-family:var(--sans);color:var(--ink-40);margin-bottom:10px;font-size:.78rem;display:block}.steps h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:1.22rem;font-weight:400}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.split img{aspect-ratio:4/3;object-fit:cover;width:100%}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,80px);display:grid}.facts{gap:22px;margin:0;display:grid}.facts dt{font-family:var(--sans);letter-spacing:.04em;color:var(--ink-40);margin-bottom:4px;font-size:.78rem}.facts dd{margin:0;font-size:1.15rem;line-height:1.5}.facts a{border-bottom:1px solid var(--line)}.facts a:hover{border-color:var(--ink)}.foot{background:var(--ink);color:#d8d2c5;margin-top:0;padding-block:clamp(40px,5vw,68px) 28px}.foot__grid{grid-template-columns:1.4fr 1fr 1fr;align-items:start;gap:clamp(24px,4vw,60px);display:grid}.foot__brand{font-family:var(--serif);color:#efe9dc;margin:0 0 10px;font-size:1.5rem}.foot h2{font-family:var(--serif);color:#efe9dc;margin:0 0 10px;font-size:1.5rem;font-weight:400}.foot p,.foot a{font-family:var(--sans);color:#b6b1a5;margin:0;font-size:.9rem;line-height:1.7}.foot a:hover{color:#efe9dc}.foot__end{font-family:var(--sans);color:#9a958a;border-top:1px solid #3a3c34;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:clamp(30px,4vw,54px);padding-top:20px;font-size:.78rem;display:flex}@media (prefers-reduced-motion:no-preference){.rise{animation:.85s cubic-bezier(.2,.7,.2,1) both rise}.rise--2{animation-delay:.12s}.rise--3{animation-delay:.22s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.reveal{animation:1.2s cubic-bezier(.2,.7,.2,1) both reveal}@keyframes reveal{0%{opacity:0;transform:scale(1.03)}}}@media (width<=980px){.hero{grid-template-columns:1fr;gap:26px;padding-left:0}.hero__text{padding-inline:var(--gut);order:2}.hero__media{order:1}.hero__media img{aspect-ratio:3/2;height:auto;max-height:none}.cards,.groups,.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.contact,.split,.foot__grid{grid-template-columns:1fr}.contact{align-items:start!important}}@media (width<=640px){.site-head{flex-wrap:wrap;gap:10px 20px}.nav{order:3;justify-content:space-between;width:100%;font-size:.9rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.groups,.projects,.steps{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.strip{height:40px}}
