@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");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}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");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}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#222533;background:#f7f4ef;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #5d801e;outline-offset:5px}.wrap{width:min(1360px,calc(100% - 96px));margin:auto}.header{border-bottom:1px solid #d6d9cd}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:800;letter-spacing:-1.1px}.brand-light{font-weight:500}.brand-dot,.footer-brand span{color:#5278e5}.brand-mark{display:grid;gap:4px;width:28px;transform:skew(-27deg)}.brand-mark i{display:block;width:28px;height:6px;background:#222533}.brand-mark i:last-child{width:20px}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.nav-link{border:1px solid #bec4b8;padding:13px 18px;border-radius:3px}.nav-link span{margin-left:20px}.hero{padding-top:49px}.hero-top,.hero-bottom,.product-meta{display:flex;justify-content:space-between;align-items:center}.eyebrow,.hero-index,.hero-bottom span,.product-meta,.product-num,.product-cta,.visual-top,.visual-caption,.principles article>span{font-size:10px;font-weight:800;letter-spacing:.12em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5278e5;margin-right:8px}.hero-index{color:#8d9688}.hero-main{display:grid;grid-template-columns:1fr 270px;align-items:end;gap:40px;padding:100px 0 88px}.hero h1,.section-heading h2,.approach h2,.closing h2{font-size:clamp(68px,9vw,144px);line-height:.88;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 em,.section-heading h2 em,.approach h2 em,.closing h2 em{font-style:normal;color:#3d60c8}.hero-aside{padding-bottom:4px}.asterisk{font-size:45px;color:#5278e5}.hero-aside p,.hero-bottom p,.section-heading p,.approach-header>p,.closing p{font-size:17px;line-height:1.5}.text-link{display:inline-flex;justify-content:space-between;gap:34px;border-bottom:1px solid #87947d;padding:12px 0;font-size:10px;letter-spacing:.1em;font-weight:800}.hero-bottom{border-top:1px solid #cbd0c4;padding:20px 0 33px;gap:30px}.hero-bottom p{max-width:440px;margin:0}.hero-bottom span{color:#889183}.work-section{background:#e6eaf3;padding:110px 0 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:40px}.section-heading h2,.approach h2,.closing h2{font-size:clamp(60px,7vw,100px);margin-top:26px}.section-heading p{max-width:250px;margin:0}.product{display:grid;grid-template-columns:1fr 1.1fr;min-height:480px;background:#fff;transition:transform .2s}.product:hover{transform:translateY(-4px)}.product-copy{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.product-meta{color:#75806e}.product-title{padding:45px 0}.product-num{color:#859279}.product-title h3{font-size:clamp(55px,6vw,88px);letter-spacing:-.045em;margin:12px 0}.product-title h3 span{font-size:30px;vertical-align:top;margin-left:15px;color:#5278e5}.product-title p{max-width:340px;font-size:17px;line-height:1.5;color:#626e60}.product-cta{border-top:1px solid #d8ddd1;padding-top:22px;display:flex;justify-content:space-between}.product-visual{background:#cdd9f7;padding:25px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;overflow:hidden}.visual-top{display:flex;justify-content:space-between}.visual-top span:last-child{font-size:25px}.product-visual img{width:100%;height:300px;object-fit:cover;object-position:center;border:1px solid #aebfe8;box-shadow:0 20px 40px #586d3c33}.visual-caption{align-self:end}.approach{padding:125px 0}.approach-header>p{max-width:410px;color:#657061;margin:30px 0 75px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbc4b3}.principles article{padding:25px 36px 0 0}.principles article+article{border-left:1px solid #cbd2c5;padding-left:35px}.principles article>span{color:#7c8a71}.principles h3{font-size:27px;letter-spacing:-.04em;margin:56px 0 14px}.principles p{color:#64705f;line-height:1.6;max-width:320px}.closing{background:#22283c;color:#f4f5ea;padding:95px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.closing h2 em{color:#a5bcff}.closing p{max-width:300px;color:#bbc7b7}.button{display:inline-flex;align-items:center;gap:30px;background:#b8caff;color:#1a231a;padding:20px 24px;font-size:10px;font-weight:800;letter-spacing:.08em;margin-top:15px}.button span{font-size:18px}footer{background:#22283c;color:#eff2e8;border-top:1px solid #495248}.footer-inner{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:40px 0}.footer-brand{font-size:23px;font-weight:800;letter-spacing:-1px}.footer-inner p,.footer-links{font-size:12px;line-height:1.6;color:#a9b5a5}.footer-links{display:flex;gap:25px}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}.brand{font-size:19px}nav{gap:12px}nav a:not(.nav-link){display:none}.nav-link{font-size:11px;padding:10px}.nav-link span{margin-left:5px}.hero-index{display:none}.hero-main{grid-template-columns:1fr;padding:75px 0 55px;gap:25px}.hero h1{font-size:clamp(62px,13vw,100px)}.hero-aside{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-aside p{margin:0}.hero-bottom span{display:none}.work-section{padding:80px 0}.section-heading{display:block}.section-heading p{margin-top:25px}.product{grid-template-columns:1fr}.product-copy{min-height:350px}.product-visual img{height:230px}.approach{padding:85px 0}.approach-header>p{margin-bottom:45px}.principles{grid-template-columns:1fr}.principles article,.principles article+article{border-left:0;border-bottom:1px solid #cbd2c5;padding:25px 0}.principles h3{margin:25px 0 12px}.closing-inner,.footer-inner{display:block}.closing p{margin-top:35px}.footer-inner p{margin:20px 0}.footer-links{justify-content:space-between}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.product{transition:none}}:root{--page:#f7f4ef;--ink:#242229;--wash:#f0e3df;--accent:#db3c35;--visual:#f2c5b9;--night:#2c2022;--night-accent:#ffaaa0;--button:#ffb7a9}:root[data-palette=cyber]{--page:#14141f;--ink:#f5f3ff;--wash:#242035;--accent:#ed62d7;--visual:#49416c;--night:#090912;--night-accent:#7ff3ed;--button:#7ff3ed}:root[data-palette=signal]{--page:#f8f5ed;--ink:#25241f;--wash:#eee9da;--accent:#e56625;--visual:#f3c590;--night:#292723;--night-accent:#ffbb81;--button:#ffb577}:root,body{background:var(--page);color:var(--ink)}.hero h1 em,.section-heading h2 em,.approach h2 em,.brand-dot,.footer-brand span,.asterisk,.product-title h3 span{color:var(--accent)}.status-dot{background:var(--accent)}.brand-mark i{background:var(--ink)}.work-section{background:var(--wash)}.product-visual{background:var(--visual)}.closing,footer{background:var(--night)}.closing h2 em{color:var(--night-accent)}.button{background:var(--button);color:#181922}:root[data-palette=cyber] .product{background:#302c42;color:#f5f3ff}:root[data-palette=cyber] .product-title p,:root[data-palette=cyber] .approach-header>p,:root[data-palette=cyber] .principles p{color:#c6c2d2}:root[data-palette=cyber] .hero-index,:root[data-palette=cyber] .hero-bottom span,:root[data-palette=cyber] .product-meta,:root[data-palette=cyber] .product-num,:root[data-palette=cyber] .principles article>span{color:#bdb5ce}.theme-picker{position:fixed;bottom:18px;right:18px;z-index:50;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;color:#222;border:1px solid #b6b6b6;box-shadow:0 4px 20px #0003;font:600 12px system-ui;border-radius:6px}.theme-picker select{font:inherit;padding:7px;border:1px solid #999;border-radius:4px;background:#fff;color:#222}:root[data-palette=cyber]{--wash:#47336f}:root[data-palette=signal]{--wash:#f7ad68}:root[data-palette=synthwave]{--page:#262335;--ink:#f7f2fc;--wash:#49336c;--accent:#ff7edb;--visual:#673c86;--night:#171520;--night-accent:#03edf9;--button:#ff8b39}:root[data-palette=synthwave] .product{background:#34294f;color:#fff}:root[data-palette=synthwave] .product-title p,:root[data-palette=synthwave] .approach-header>p,:root[data-palette=synthwave] .principles p{color:#ded6ec}:root[data-palette=synthwave] .hero-index,:root[data-palette=synthwave] .hero-bottom span,:root[data-palette=synthwave] .product-meta,:root[data-palette=synthwave] .product-num,:root[data-palette=synthwave] .principles article>span{color:#d4c8e4}:root[data-palette=synthwave] .product-visual{background:linear-gradient(145deg,#673c86,#c04495)}:root[data-palette=synthwave] .visual-top,:root[data-palette=synthwave] .visual-caption{color:#fff}:root[data-palette=synthwave] .asterisk{color:#03edf9}:root[data-palette=synthwave] .product-title h3 span{color:#ff8b39}:root[data-palette=synthwave] a:focus-visible{outline-color:#03edf9}:root[data-palette=ayu]{--page:#1f2430;--ink:#e6e1cf;--wash:#344052;--accent:#ffcc66;--visual:#4a6170;--night:#171b24;--night-accent:#ffcc66;--button:#ffcc66}:root[data-palette=ayu] .product{background:#2c3443;color:#e6e1cf}:root[data-palette=ayu] .product-title p,:root[data-palette=ayu] .approach-header>p,:root[data-palette=ayu] .principles p{color:#c6c6bd}:root[data-palette=ayu] .hero-index,:root[data-palette=ayu] .hero-bottom span,:root[data-palette=ayu] .product-meta,:root[data-palette=ayu] .product-num,:root[data-palette=ayu] .principles article>span{color:#b8c3cc}:root[data-palette=ayu] .visual-top,:root[data-palette=ayu] .visual-caption{color:#f5f1df}:root[data-palette=ayu] .asterisk{color:#73d0ff}:root[data-palette=ayu] a:focus-visible{outline-color:#fc6}:root[data-palette=ayu]{--wash:#334d61;--accent:#ffad66;--visual:#416b78;--night-accent:#ffad66;--button:#ffad66}:root[data-palette=ayu] .product-visual{background:linear-gradient(145deg,#3c6574,#527f83)}:root[data-palette=ayu] .product-title h3 span{color:#ffad66}:root[data-palette=ayu] .status-dot{box-shadow:0 0 12px #ffad6677}@media(prefers-reduced-motion:no-preference){@keyframes hero-arrive{0%{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mark-sweep{0%{opacity:0;transform:translate3d(-22px,0,0) scaleX(.6)}to{opacity:1;transform:translateZ(0) scaleX(1)}}.hero h1{animation:hero-arrive .55s cubic-bezier(.2,.75,.25,1) both}.hero h1 em{display:inline-block;animation:hero-arrive .55s .12s cubic-bezier(.2,.75,.25,1) both}.brand-mark i{transform-origin:left center;animation:mark-sweep .45s .08s cubic-bezier(.2,.75,.25,1) both}.brand-mark i:last-child{animation-delay:.17s}.product-visual img{transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease}.product-title h3 span,.product-cta span{display:inline-block;transition:transform .25s ease}.product:hover .product-visual img,.product:focus-visible .product-visual img{transform:scale(1.025);box-shadow:0 24px 48px #171b244d}.product:hover .product-title h3 span,.product:focus-visible .product-title h3 span,.product:hover .product-cta span,.product:focus-visible .product-cta span{transform:translate(4px,-4px)}}:root[data-palette=ayu] .product-visual{background:#292e39}:root[data-palette=ayu] .product-visual img{border-color:#71564b}:root[data-palette=ayu] .product-visual{background:#ffad66}:root[data-palette=ayu] .visual-top,:root[data-palette=ayu] .visual-caption{color:#1f2430}:root[data-palette=ayu] .product-visual img{border-color:#c1783c}:root[data-palette=ayu] .product-visual{background:#c8753f}:root[data-palette=ayu] .product-visual{background:transparent}:root[data-palette=ayu] .visual-top,:root[data-palette=ayu] .visual-caption{color:#e6e1cf}:root[data-palette=ayu] .product-visual img{border-color:#536070}:root[data-palette=ayu] .product-visual{background:#252c38;border-left:3px solid #ffad66}:root[data-palette=ayu] .visual-top{color:#ffad66}:root[data-palette=ayu] .visual-caption{color:#c6c6bd}:root[data-palette=ayu] .product-visual img{border:1px solid #657281;box-shadow:0 12px 28px #10141c55}@media(max-width:760px){:root[data-palette=ayu] .product-visual{border-left:0;border-top:3px solid #ffad66}}
