@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-vietnamese-wght-normal.CtlIRbEm.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-ext-wght-normal.MQgHevqp.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-wght-normal.DdeTHZLK.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}:root{--canvas:#e8ebed;--surface:#d6dce0;--ink:#161b20;--muted:#46515b;--deep:#26343f;--corten:#c4440e;--corten-d:#9e3509;--spark:#f2a33a;--focus:#26343f;--font-display:"Bricolage Grotesque Variable", "Arial Narrow", Arial, sans-serif;--font-body:"Public Sans Variable", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--cut:28px;--header-h:68px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);overflow-wrap:normal;hyphens:none;margin:0;padding-bottom:88px;font-size:1.0625rem;font-weight:400;line-height:1.6}@media (width>=900px){body{padding-bottom:0}}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:2px}a:hover{color:var(--corten-d)}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}p{text-wrap:pretty;max-width:62ch}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:normal;hyphens:none;font-weight:800;line-height:1.02}h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.35rem;font-weight:700;line-height:1.1}h4{font-size:1.1rem;font-weight:700;line-height:1.15}@media (width>=640px){h1{font-size:clamp(2.6rem,6.2vw,3.6rem)}h2{font-size:clamp(2.1rem,4.2vw,3.6rem)}h3{font-size:clamp(1.4rem,2.2vw,1.9rem)}h4{font-size:1.2rem}}.lead{font-size:1.1rem;font-weight:500;line-height:1.55}@media (width>=640px){.lead{font-size:1.2rem}}.small{font-size:.9375rem}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.on-dark{--focus:#fff}.on-dark a:hover{color:var(--spark)}.skip-link{z-index:100;background:var(--deep);color:#fff;padding:12px 20px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{color:#fff;outline-color:var(--corten);top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,3vw,32px)}.section{padding-block:72px}@media (width>=900px){.section{padding-block:96px}}@media (width>=1200px){.section{padding-block:128px}}.section--surface{background:var(--surface)}.section--deep{background:var(--deep);color:#fff;--focus:#fff}.section--deep a:hover{color:var(--spark)}.section--tight{padding-block:48px}@media (width>=900px){.section--tight{padding-block:72px}}.stack>*+*{margin-top:16px}.stack-lg>*+*{margin-top:24px}.grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}}.plate{--cut:20px;background:var(--surface);max-width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:6px;position:relative}@media (width>=640px){.plate{--cut:28px;padding:8px}}.plate--hero{--cut:36px}.plate--deep{background:var(--deep);color:#fff}.plate img{aspect-ratio:4/3;object-fit:cover;background:var(--surface);width:100%;height:auto}.plate--wide img,.plate--pano img{aspect-ratio:16/9}@media (width>=640px){.plate--pano img{aspect-ratio:3}}.plate--tall img{aspect-ratio:4/5}.plate--hole:before,.plate--hero:before{content:"";z-index:3;top:calc(var(--cut) * .75);right:calc(var(--cut) * .75);border:3px solid var(--ink);background:var(--canvas);border-radius:50%;width:20px;height:20px;position:absolute}.plate--deep.plate--hole:before{background:var(--deep);border-color:#fff}.laser{z-index:2;pointer-events:none;position:absolute;inset:0}.laser:before{content:"";height:2px;width:calc(100% - var(--cut) - 1.24px);background:var(--corten);transform-origin:0;position:absolute;top:3px;left:0}.laser i{right:3px;top:calc(var(--cut) + .24px);height:2px;width:calc((var(--cut) - 1.76px) * 1.4142);background:var(--corten);transform-origin:100%;position:absolute;transform:rotate(45deg)}.laser b{right:0;top:calc(var(--cut) - 5px);background:var(--corten);border-radius:50%;width:10px;height:10px;position:absolute}.plate--deep .laser b,.section--deep .laser b,.on-dark .laser b{background:var(--spark)}@media (prefers-reduced-motion:no-preference){.plate--hero .laser:before{animation:.7s ease-out both draw-line}.plate--hero .laser i{animation:.22s ease-out .7s both fade-in}.plate--hero .laser b{animation:.22s ease-out .9s both fade-in}}@keyframes draw-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn{--cut:14px;--btn-bg:var(--corten);--btn-bg-hover:var(--corten-d);--btn-fill:transparent;isolation:isolate;min-height:52px;font-family:var(--font-body);color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;max-width:100%;padding:0 24px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:before,.btn:after{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);position:absolute}.btn:before{background:var(--btn-bg);transition:background-color .16s;inset:0}.btn:hover:before{background:var(--btn-bg-hover)}.btn:hover{color:#fff}.btn:active{transform:translateY(1px)}.btn:active:before{background:var(--corten-d)}.btn--ghost{color:var(--ink);--btn-bg:var(--ink);--btn-bg-hover:var(--ink);--btn-fill:var(--canvas)}.btn--ghost:after{background:var(--btn-fill);--cut:12.6px;transition:background-color .16s;inset:2px}.btn--ghost:hover{color:var(--ink);--btn-fill:var(--surface)}.btn--ghost:active:before{background:var(--ink)}.section--surface .btn--ghost{--btn-fill:var(--surface)}.section--surface .btn--ghost:hover{--btn-fill:var(--canvas)}.on-dark .btn--ghost,.section--deep .btn--ghost,.btn--light{color:#fff;--btn-bg:#fff;--btn-bg-hover:#fff;--btn-fill:var(--deep)}.on-dark .btn--ghost:hover,.section--deep .btn--ghost:hover,.btn--light:hover{color:#fff;--btn-fill:#34465a}.on-dark .btn--ghost:active:before,.section--deep .btn--ghost:active:before,.btn--light:active:before{background:#fff}.on-dark .btn{--focus:#fff}.band-corten .btn--light{--btn-fill:var(--corten)}.band-corten .btn--light:hover{color:#fff;--btn-fill:var(--corten-d)}.btn--block{width:100%}.btn svg{flex:none}.btn-row{flex-wrap:wrap;gap:12px 16px;display:flex}.link-arrow{align-items:center;gap:8px;min-height:44px;font-weight:600;display:inline-flex}.site-header{background:var(--canvas);z-index:40;position:sticky;top:0}@media (width>=900px){.site-header{position:relative}}.header-bar{min-height:var(--header-h);align-items:center;gap:24px;display:flex}@media (width>=900px){.header-bar{min-height:80px}}.brand{flex-direction:column;margin-right:auto;line-height:1.1;text-decoration:none;display:flex}.brand:hover{color:inherit}.brand strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}@media (width>=900px){.brand strong{font-size:1.5rem}}.brand span{color:var(--muted);font-size:.9rem;font-weight:500}.nav-desktop,.header-call{display:none}@media (width>=900px){.nav-desktop{margin-left:auto;margin-right:auto;display:block}.nav-desktop>ul{align-items:center;gap:8px;display:flex}.header-call{display:inline-flex}}.nav-link{align-items:center;min-height:44px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";background:0 0;height:3px;transition:background-color .16s;position:absolute;bottom:6px;left:12px;right:12px}.nav-link:hover{color:var(--ink)}.nav-link:hover:after,.nav-link[aria-current=page]:after,.nav-link.is-current:after{background:var(--corten)}.nav-link:active{transform:translateY(1px)}.has-sub{align-items:center;display:flex;position:relative}.sub-toggle{width:36px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:-10px;padding:0;display:inline-flex}.sub-toggle svg{transition:transform .16s}.sub-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.sub-toggle:hover{color:var(--corten-d)}.sub-panel{--cut:20px;z-index:50;background:var(--surface);min-width:240px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);filter:drop-shadow(0 12px 32px #161b202e);padding:8px 0;display:none;position:absolute;top:100%;left:0}.has-sub.is-open .sub-panel,html:not(.js) .has-sub:focus-within .sub-panel,html:not(.js) .has-sub:hover .sub-panel{display:block}.sub-panel a{min-height:44px;padding:12px 24px;font-weight:500;text-decoration:none;display:block}.sub-panel a:hover,.sub-panel a:focus-visible{background:var(--corten);color:#fff;outline-offset:-3px;--focus:#fff}.sub-panel a:active{background:var(--corten-d)}.menu-btn{--cut:14px;width:56px;height:52px;color:var(--ink);cursor:pointer;font-family:var(--font-body);isolation:isolate;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.menu-btn:before,.menu-btn:after{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);position:absolute}.menu-btn:before{background:var(--ink);inset:0}.menu-btn:after{background:var(--canvas);--cut:12.6px;transition:background-color .16s;inset:2px}.menu-btn:hover:after{background:var(--surface)}.menu-btn:active{transform:translateY(1px)}.menu-btn .glyph-close,.is-menu-open .menu-btn .glyph-open{display:none}.is-menu-open .menu-btn .glyph-close{display:block}@media (width>=900px){.menu-btn{display:none}}html:not(.js) .menu-btn,.menu-panel{display:none}@media (width<=899.98px){.is-menu-open .menu-panel,html:not(.js) .menu-panel{background:var(--canvas);display:block}.is-menu-open .menu-panel{z-index:45;left:0;right:0;top:var(--header-h);flex-direction:column;gap:0;padding:24px clamp(20px,5vw,32px) 32px;display:flex;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 12px 32px #161b202e}html:not(.js) .menu-panel{padding:8px clamp(20px,5vw,32px) 24px}html:not(.js) .menu-panel .menu-links a{padding:8px 0;font-size:1.25rem}}.menu-links a{font-family:var(--font-display);letter-spacing:-.025em;min-height:44px;padding:10px 0;font-size:2rem;font-weight:800;line-height:1.1;text-decoration:none;display:block}.menu-links .sub a{padding-left:24px;font-size:1.5rem;font-weight:700}.menu-links a:hover{color:var(--corten-d)}.menu-links a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--corten);text-underline-offset:8px;text-decoration-thickness:3px}.menu-panel .btn{margin-top:auto}.menu-links{margin-bottom:24px}@media (width>=900px){.menu-panel{display:none!important}}.action-bar{z-index:35;background:var(--canvas);grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;display:grid;position:fixed;bottom:0;left:0;right:0}.action-bar .btn{padding-inline:12px}@media (width>=900px){.action-bar{display:none}}.crumbs{margin-bottom:20px;font-size:.9375rem}.crumbs ol{flex-wrap:wrap;align-items:center;gap:0 8px;display:flex}.crumbs [aria-current]{padding-block:8px;display:inline-block}.crumbs li+li:before{content:"/";opacity:.7;margin-right:8px}.crumbs a{padding-block:8px;text-decoration:none;display:inline-block}.crumbs a:hover{text-decoration:underline}.crumbs [aria-current]{font-weight:600}.banner{padding-block:40px 56px}@media (width>=900px){.banner{padding-block:56px 72px}}.banner-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;display:grid}@media (width>=900px){.banner-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}.banner h1{font-size:2.6rem}@media (width>=640px){.banner h1{font-size:clamp(2.6rem,4.6vw,4.2rem)}}.banner h1+p{margin-top:16px}.banner--text{padding-block:40px 48px}@media (width>=900px){.banner--text{padding-block:56px 64px}}.hero{padding-block:12px 32px}@media (width>=900px){.hero{padding-block:24px 56px}}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:minmax(0,52fr) minmax(0,48fr);align-items:start;gap:40px}}.hero h1{letter-spacing:-.025em;font-size:2.6rem;font-weight:800;line-height:1}@media (width>=640px){.hero h1{font-size:clamp(2.6rem,4.1vw,5.4rem)}}@media (width>=640px) and (width<=899.98px){.hero h1{font-size:clamp(3rem,7.4vw,3.6rem)}}.hero .lead{margin-top:12px}.hero .btn-row{margin-top:16px}.hero .muted{margin-top:12px}@media (width>=900px){.hero .lead{margin-top:16px}.hero .btn-row{margin-top:24px}.hero .muted{margin-top:20px}}.hero-photo{justify-self:end;width:100%;max-width:760px}.hero-photo img{object-position:60% 50%}@media (width<=899.98px){.hero-photo img{aspect-ratio:4/3}}@media (width<=639.98px){.hero .btn-row{flex-flow:column;align-items:stretch}.hero .btn-row .btn{white-space:normal;width:100%}}.rows{margin-top:32px}@media (width>=900px){.rows--2col{columns:2;column-gap:24px}}.row{break-inside:avoid;min-height:64px;font-family:var(--font-display);letter-spacing:-.01em;background:var(--canvas);justify-content:space-between;align-items:center;gap:16px;padding:14px 0 14px 20px;font-size:1.35rem;font-weight:700;line-height:1.15;transition:background-color .16s;display:flex;position:relative}.rows>:nth-child(2n) .row,.rows>.row:nth-child(2n),.section--surface .rows>.row:nth-child(odd){background:var(--surface)}.section--surface .rows>.row:nth-child(2n){background:var(--canvas)}.row:hover{background:#c6cdd2!important}.row .tab{background:var(--corten);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);transform-origin:100%;flex:none;width:24px;height:20px;margin-right:0;transition:transform .16s}.row:hover .tab{transform:scaleX(1.67)}.row-more{display:none}@media (width<=899.98px){.rows .row-extra{display:none}.row-more{margin-top:16px;display:inline-flex}.rows.is-all .row-extra{display:flex}}html:not(.js) .rows .row-extra{display:flex}html:not(.js) .row-more{display:none}.split{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width>=900px){.split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}.split--rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.section-head{max-width:760px}.section-head p{margin-top:16px}.section-head h2+p{margin-top:20px}.mosaic-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=900px){.mosaic-six{gap:12px}}.pergola-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px;display:grid}@media (width>=900px){.pergola-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:24px}}.strip-wrap{margin-top:48px}.strip-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.strip-nav{gap:8px;display:none}html.js .strip-nav{display:flex}.strip{scroll-snap-type:x mandatory;scrollbar-color:var(--deep) var(--surface);gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.strip>li{scroll-snap-align:start;flex:0 0 min(78%,340px)}@media (width>=900px){.strip>li{flex-basis:300px}}.strip .plate{--cut:16px;padding:4px}.strip:focus-visible{outline-offset:2px}.sq-btn{--cut:12px;background:var(--ink);color:#fff;cursor:pointer;width:48px;height:48px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);border:0;justify-content:center;align-items:center;padding:0;transition:background-color .16s;display:inline-flex;position:relative}.sq-btn:hover{background:var(--corten-d)}.sq-btn:active{background:var(--corten);transform:translateY(1px)}.sq-btn:focus-visible{outline-offset:3px;clip-path:none}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px;display:grid}.mosaic>:first-child{grid-column:1/-1}@media (width>=900px){.mosaic{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.mosaic>:first-child{grid-area:1/1/span 2/span 6}.mosaic>:nth-child(n+2){grid-column:span 3}}.mosaic .plate,.mosaic-six .plate{--cut:16px;padding:4px}.mosaic>:first-child{--cut:28px}.mosaic .plate{background:var(--surface)}.mosaic .plate--big{height:100%}.after-mosaic{flex-wrap:wrap;align-items:center;gap:16px;margin-top:40px;display:flex}.contact-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width>=900px){.contact-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px}}.phone-display{font-family:var(--font-display);letter-spacing:-.025em;color:var(--corten);font-variant-numeric:tabular-nums;white-space:nowrap;padding-block:6px;font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.05;text-decoration:none;display:block}.phone-display:hover{color:var(--corten-d);text-decoration:underline 3px}.address{font-style:normal}.address strong{font-weight:600}.contact-plate{--cut:28px;background:var(--surface);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:28px 24px;position:relative}@media (width>=640px){.contact-plate{--cut:36px;padding:40px}}.contact-plate h2,.contact-plate h3{margin-bottom:16px}.contact-plate .phone-display{margin-block:16px 20px}.contact-plate .btn-row{margin-top:20px}.contact-plate .mail{word-break:break-word;margin-top:20px;padding-block:6px;font-weight:600;display:inline-block}.contact-field{background:var(--corten);color:#fff;--focus:#fff;padding-block:56px}@media (width>=900px){.contact-field{padding-block:80px}}.contact-field .contact-grid{align-items:center}@media (width>=900px){.contact-field .contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}}.contact-field a:hover{color:#fff}.contact-field .address h2{font-size:clamp(2.4rem,5.4vw,4.6rem)}.contact-field .address p{font-size:1.15rem;font-weight:500;line-height:1.5}.contact-field .mail{word-break:break-word;padding-block:8px;font-weight:700;display:inline-block}.contact-field .contact-plate{background:var(--canvas);color:var(--ink);--focus:var(--deep);flex-direction:column;align-items:flex-start;gap:16px;padding:28px 24px 24px;display:flex}@media (width>=640px){.contact-field .contact-plate{padding:40px 40px 32px}}.contact-field .plate-label{color:var(--muted);font-weight:600}.contact-field .phone-display{color:var(--corten-d);margin:-8px 0 4px}.contact-field .contact-plate a:hover{color:var(--corten-d)}.contact-field .contact-plate .btn{color:#fff}.contact-field .contact-plate .btn--ghost{color:var(--ink);--btn-bg:var(--ink);--btn-fill:var(--canvas)}.contact-field .contact-plate .btn--ghost:hover{color:var(--ink);--btn-fill:var(--surface)}.contact-field .contact-plate .btn-row{margin-top:0}@media (width<=639.98px){.contact-field .contact-plate .btn-row,.contact-field .contact-plate .btn{width:100%}.contact-field .contact-plate .btn-row{flex-direction:column}.contact-field .contact-plate .btn{white-space:normal}}.section--atelier{padding-block:56px}@media (width>=900px){.section--atelier{padding-block:96px}}.atelier-head{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.atelier-head p{opacity:.92;max-width:46ch;font-size:.9375rem}@media (width>=900px){.atelier-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:28px}}.plate-panel{--cut:28px;background:var(--surface);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:28px 24px}@media (width>=640px){.plate-panel{padding:40px}}.plate-panel p{margin-top:12px}.plate-panel .btn{margin-top:24px}.section--surface .contact-plate,.section--surface .plate-panel{background:var(--canvas)}.materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}@media (width>=900px){.materials{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.material{--cut:20px;background:var(--deep);color:#fff;min-height:140px;font-family:var(--font-display);letter-spacing:-.025em;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);align-items:flex-end;padding:56px 20px 20px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1;display:flex}.materials--light .material{background:var(--surface);color:var(--ink)}.materials--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=900px){.materials--two{grid-template-columns:repeat(2,minmax(0,320px))}}.cards{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.cards>:first-child{grid-column:span 7}.cards>:nth-child(2){grid-column:span 5}.cards>:nth-child(3){grid-column:1/-1}}.card{--cut:28px;background:var(--surface);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);flex-direction:column;display:flex;position:relative}.card--deep{background:var(--deep);color:#fff;--focus:#fff}.card-body{flex-direction:column;flex:1;align-items:flex-start;gap:16px;padding:24px 20px 28px;display:flex}@media (width>=640px){.card-body{padding:32px}}.card-photo{padding:8px}.card-photo img{aspect-ratio:16/9;object-fit:cover;width:100%}.card--deep .card-photo img{aspect-ratio:4/3}.card--slim{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.card--slim{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}.card--slim .card-photo{order:2}.card--slim .card-photo img{aspect-ratio:16/9}}.card .card-body .btn{margin-top:auto}.tabs{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tab-link{--cut:10px;color:#fff;min-height:44px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);background:#ffffff24;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;transition:background-color .16s;display:inline-flex;position:relative}.tab-link:hover{color:#fff;background:#ffffff42}.tab-link:active{transform:translateY(1px)}.tab-link[aria-current=page]{background:var(--corten)}.tab-link:focus-visible{clip-path:none;outline-offset:3px}.project{padding-block:56px}@media (width>=900px){.project{padding-block:72px}}.project:nth-of-type(2n){background:var(--surface)}.project h2{max-width:18ch;margin-bottom:28px;font-size:2rem}@media (width>=640px){.project h2{max-width:22ch;font-size:clamp(2rem,3.4vw,3rem)}}.project-count{color:var(--muted);margin-top:12px;font-size:.9375rem}.gallery{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.gallery-stage .plate{max-width:760px}.gallery-stage .plate img{aspect-ratio:var(--ratio,4 / 3)}.gallery-stage .plate.is-contain img{object-fit:contain;background:var(--surface)}.gallery-ctrl{flex-wrap:wrap;align-items:center;gap:8px;max-width:760px;margin-top:12px;display:none}html.js .gallery-ctrl{display:flex}.gallery-dots{flex-wrap:wrap;gap:6px;display:flex}.dot-btn{background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;font-family:var(--font-body);border:0;padding:0;font-size:.9375rem;font-weight:600;transition:background-color .16s,color .16s}.project:nth-of-type(2n) .dot-btn{background:var(--canvas)}.dot-btn:hover{background:#c6cdd2}.dot-btn[aria-current=true]{background:var(--corten);color:#fff}.gallery-dots-label{color:var(--muted);margin-left:auto;padding-inline:8px;font-size:.9375rem}.gallery-thumbs{scrollbar-color:var(--deep) var(--surface);gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.gallery-thumbs li{flex:0 0 96px}.gallery-thumb{--cut:12px;background:var(--surface);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:4px;transition:background-color .16s;display:block;position:relative}.project:nth-of-type(2n) .gallery-thumb{background:var(--canvas)}.gallery-thumb img{aspect-ratio:4/3;object-fit:cover;object-position:center 30%;width:100%}.gallery-thumbs a,.gallery-thumbs button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;text-decoration:none;display:block}.gallery-thumbs a:hover .gallery-thumb,.gallery-thumbs button:hover .gallery-thumb,.gallery-thumbs [aria-current=true] .gallery-thumb{background:var(--corten)}.gallery-thumbs a:focus-visible,.gallery-thumbs button:focus-visible{outline-offset:2px}html:not(.js) .gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;overflow:visible}html:not(.js) .gallery-thumbs li{flex:initial}html:not(.js) .gallery-stage{display:none}@media (width>=1024px){.gallery{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:32px}.gallery--few{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;max-height:520px;padding:0 8px 0 0;display:grid;overflow:hidden auto}.gallery-thumbs li{flex:initial}}.gallery-ctrl .sq-btn{--cut:12px}.feature{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;display:grid}@media (width>=900px){.feature{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}}.feature-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}@media (width>=900px){.feature-row{grid-template-columns:repeat(2,minmax(0,7fr));max-width:calc(58.33% - 12px)}}.feature-row .plate{--cut:16px;padding:4px}.feature .plate img{aspect-ratio:16/9}.plain-row{background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:760px;padding:20px 20px 22px;display:flex}.plain-row p{font-weight:600}.projects-list{margin-top:0}.projects-list .row{padding-block:20px;letter-spacing:-.02em;min-height:88px;padding-left:20px;font-size:clamp(1.4rem,2.6vw,2.2rem)}.projects-list .row .tab{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);width:32px;height:26px;margin-right:20px}.projects-list .row h2,.projects-list .row h3{font-size:inherit;line-height:inherit}.call-plate{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;margin-top:48px;display:grid}@media (width>=900px){.call-plate{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;margin-top:72px}}.call-plate-body p{font-family:var(--font-display);letter-spacing:-.02em;max-width:24ch;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;line-height:1.15}.call-plate-body .btn{margin-top:24px}.plate--deep img{background:var(--deep)}.band-corten{background:var(--corten);color:#fff;--focus:#fff;padding-block:48px}@media (width>=900px){.band-corten{padding-block:64px}}.band-corten .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;display:flex}.band-corten h3{color:#fff}.band-corten p{margin-top:8px;font-size:1.1rem;font-weight:500}.band-corten a:hover{color:#fff}.site-footer{--cut:48px;background:var(--deep);color:#fff;--focus:#fff;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding-block:64px 40px}@media (width<=639.98px){.site-footer{--cut:28px}}.footer-grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (width>=900px){.footer-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.footer-brand strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:2rem;font-weight:800;line-height:1.05;display:block}.footer-brand .sub{opacity:.85;margin-bottom:16px;font-weight:500}.footer-brand p{max-width:none}.footer-brand a{padding-block:4px;display:inline-block}.footer-links{align-content:start;gap:0;display:grid}.footer-links a{min-height:44px;padding:8px 0;font-weight:500;text-decoration:none;display:block}.footer-links a:hover{color:var(--spark);text-decoration:underline}.footer-links a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--spark);text-decoration-thickness:3px}.footer-copy{opacity:.85;margin-top:40px;font-size:.9375rem}.site-footer a:hover{color:var(--spark)}.prose{max-width:62ch}.prose h2{margin-top:40px;margin-bottom:12px;font-size:clamp(1.5rem,2.6vw,2rem)}.prose h2:first-child{margin-top:0}.prose p+p{margin-top:12px}.prose a{font-weight:600}.nf{padding-block:72px 96px}.nf p{margin-top:20px}.nf .btn-row,.mt-32{margin-top:32px}.mt-24{margin-top:24px}@media (width<=380px){.btn{white-space:normal;text-align:center;padding-inline:14px}}.call-plate{--cut:28px;background:var(--deep);color:#fff;--focus:#fff;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:8px}.call-plate .plate{background:var(--deep)}.call-plate-body{padding:8px 16px 20px}@media (width>=900px){.call-plate-body{padding:16px 24px 16px 32px}}.call-plate .btn--ghost,.call-plate .btn{--focus:#fff}.call-plate a:hover{color:#fff}
