@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-vietnamese-standard-normal.Br4FGdAc.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;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-ext-standard-normal.qp-RdZgh.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;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-standard-normal.C5Lc8Qmc.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{--ink:#1d1a16;--paper:#f5efe4;--print:#fffdf8;--card:#ebe4d8;--grey:#776d62;--line:#d8cfc1;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .16 0 0 0 0 .1 .28 0 0 0 -.11'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--font:"Bricolage Grotesque Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--narrow:86%;--wide:100%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper)}::selection{background:var(--ink);color:var(--paper)}body{background:var(--paper) var(--grain);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;font-stretch:100%;line-height:1.5}main{overflow-x:clip}h1,h2,h3,p,ol,ul,figure,blockquote{margin:0;padding:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}@media (width>=700px){.wrap{padding:0 40px}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding-top:18px;padding-bottom:18px;display:flex}.mark{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:800;text-decoration:none}.nav{gap:clamp(12px,3vw,32px);margin:0;padding:0;list-style:none;display:flex}.nav a{background:linear-gradient(currentColor,currentColor) 0 calc(100% - 6px)/0 2px no-repeat;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:background-size .3s cubic-bezier(.16,1,.3,1);display:inline-block}.nav a:hover,.nav a[aria-current=page]{background-size:100% 2px}.hero{padding-top:1vh;padding-bottom:64px}.portrait.hero-photo{--tilt:-3deg;width:min(46vw,190px);margin:0 0 24px 4px;padding:8px 8px 26px}@media (width>=900px){.hero{grid-template-columns:1fr 340px;align-items:center;column-gap:56px;padding-top:2vh;display:grid}.portrait.hero-photo{--tilt:2.5deg;order:2;width:100%;margin:0;padding:12px 12px 42px}}h1{font-size:clamp(3.25rem,15.2vw,8.5rem);font-weight:800;font-stretch:var(--narrow);letter-spacing:-.035em;word-spacing:.06em;text-wrap:balance;max-width:9.5em;line-height:.95}.sub{text-wrap:pretty;color:#3b352e;max-width:28em;margin-top:clamp(20px,2.6vw,34px);font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.45}.btn{background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--ink);align-items:center;gap:.8em;margin-top:28px;padding:18px 22px 17px;font-size:13px;font-weight:700;font-stretch:100%;line-height:1.2;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn span{font-size:16px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.btn:hover{background:var(--paper);color:var(--ink)}.btn:hover span{transform:translate(5px)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.block,.cta{position:relative}.block{padding-top:72px;padding-bottom:72px}@media (width>=900px){.block{padding-top:104px;padding-bottom:104px}}.block:before,.cta:before{content:"";background:var(--ink);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.offer-block:before{display:none}.label{font-size:11.5px;font-weight:700;font-stretch:var(--wide);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:14px;margin-bottom:40px;line-height:1;display:flex}.label:before{content:"";transform-origin:0;background:currentColor;flex:none;width:28px;height:3px}.steps{list-style:none;display:grid}.steps li{border-bottom:1px solid var(--line);grid-template-columns:3.25rem 1fr;gap:10px;padding:24px 0;display:grid}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0}.num{font-size:12px;font-weight:700;font-stretch:var(--wide);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--grey);padding-top:.9em}.steps h3{font-size:clamp(2.1rem,9vw,3.1rem);font-weight:800;font-stretch:var(--narrow);letter-spacing:-.01em;word-spacing:.08em;line-height:.95}.steps p{color:#4a433b;margin-top:8px;font-size:17px}@media (width>=900px){.steps{grid-template-columns:repeat(4,1fr);gap:32px}.steps li{border-bottom:0;grid-template-columns:1fr;gap:14px;padding:0}.num{padding-top:0}}.offer-block{background:var(--ink);color:var(--paper)}.offer-block .label{color:#a99e90}.offer-name{font-size:clamp(1.9rem,7.5vw,3.4rem);font-weight:800;font-stretch:var(--narrow);letter-spacing:-.01em;word-spacing:.08em;max-width:13em;line-height:.98}.price{letter-spacing:-.025em;transform-origin:0 80%;margin:28px 0 36px;font-size:clamp(6rem,38vw,14.5rem);font-weight:900;font-stretch:75%;line-height:.82}.includes{border-top:1px solid #3d362f;list-style:none}.includes li{border-bottom:1px solid #3d362f;padding:15px 0;font-weight:500}@media (width>=900px){.offer{grid-template-columns:1.15fr 1fr;align-items:end;column-gap:56px;display:grid}.offer-name{grid-column:1/-1}.price{margin-bottom:0}}@property --pos{syntax:"<percentage>";inherits:true;initial-value:50%}.work-head{margin-bottom:clamp(64px,9vw,104px)}.work-intro{color:#3b352e;text-wrap:pretty;max-width:34em;margin:-12px 0 36px}.samples{gap:56px;display:grid}@media (width>=900px){.samples{gap:88px}}.ba{--pos:50%}.ba-frame{aspect-ratio:16/10;background:var(--card);border:1px solid var(--ink);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 24px 40px -28px #3024188c}.ba-frame:focus-within{outline:3px solid var(--ink);outline-offset:4px}.ba-img{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.ba-line{top:0;bottom:0;left:var(--pos);background:var(--paper);pointer-events:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #1d1a1659}.ba-knob{background:var(--ink);width:46px;height:46px;color:var(--paper);box-shadow:0 0 0 3px var(--paper);border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-tag{pointer-events:none;background:var(--ink);color:var(--paper);font-size:10.5px;font-weight:700;font-stretch:var(--wide);text-transform:uppercase;letter-spacing:.12em;padding:7px 10px 6px;position:absolute;top:12px}.ba-tag-before{left:12px}.ba-tag-after{background:var(--paper);color:var(--ink);right:12px}.ba-range{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ba-empty{color:#b0a493;font-size:44px;font-weight:200;font-stretch:var(--wide);cursor:default;box-shadow:none;border-style:dashed;place-items:center;display:grid}.ba-cap{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 14px;margin-top:18px;display:grid}.ba-num{font-size:12px;font-weight:700;font-stretch:var(--wide);letter-spacing:.08em;color:var(--grey);grid-row:span 3}.ba-name{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;font-stretch:var(--narrow);line-height:1}.ba-where{font-size:11px;font-weight:600;font-stretch:var(--wide);text-transform:uppercase;letter-spacing:.12em;color:var(--grey)}.ba-link{text-underline-offset:5px;justify-self:start;margin-top:8px;padding:6px 0;font-size:15px;font-weight:700;text-decoration:underline 2px}.ba-link span{transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-block}.ba-link:hover span{transform:translate(5px)}@media (width>=900px){.ba-cap{grid-template-columns:auto 1fr auto}.ba-num{grid-row:span 2}.ba-link{grid-area:1/3/span 2;align-self:center;margin-top:0}}.work-note{color:var(--grey);margin-top:48px;font-size:14px}.reviews{gap:40px;display:grid}.reviews blockquote{letter-spacing:-.01em;font-size:clamp(1.3rem,3.5vw,1.75rem);font-weight:500;font-stretch:90%;line-height:1.3}.reviews figcaption{font-size:11px;font-weight:600;font-stretch:var(--wide);text-transform:uppercase;letter-spacing:.12em;color:var(--grey);margin-top:14px}.about{gap:28px;display:grid}.portrait{--tilt:-2.5deg;aspect-ratio:4/5;object-fit:cover;background:var(--print);width:min(66%,300px);transform:rotate(var(--tilt));margin:8px 0 12px 6px;padding:10px 10px 36px;box-shadow:0 1px 2px #30241824,0 18px 34px -16px #30241873}.bio{letter-spacing:-.01em;word-spacing:.03em;max-width:30em;font-size:clamp(1.25rem,3.6vw,1.7rem);font-weight:450;font-stretch:94%;line-height:1.34}.bio p+p{margin-top:.85em}.cta{padding-top:96px;padding-bottom:96px}.cta-line{font-size:clamp(2.75rem,12vw,6.25rem);font-weight:800;font-stretch:var(--narrow);letter-spacing:-.015em;word-spacing:.08em;text-wrap:balance;max-width:10em;line-height:.95}.call{color:var(--grey);margin-top:20px}.call a{color:var(--ink);text-underline-offset:3px;font-weight:600}.foot{border-top:1px solid var(--line);gap:10px;padding-top:28px;padding-bottom:40px;font-size:14px;display:grid}.foot-name{font-weight:800;font-stretch:var(--wide);text-transform:uppercase;letter-spacing:.02em}.foot ul{color:var(--grey);flex-wrap:wrap;gap:6px 24px;list-style:none;display:flex}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}@media (width>=700px){.foot{grid-template-columns:auto 1fr}.foot ul{justify-content:flex-end}}.w{display:inline-block}@media (prefers-reduced-motion:no-preference){.motion{--fly:34px;--rise:36px;--dur:.8s;--snap:cubic-bezier(.16, 1, .3, 1);--stagger:80ms}.motion [data-reveal]{--delay:calc(var(--d,0s) + var(--bi,0) * var(--stagger));transition:opacity calc(var(--dur) * .6) ease-out var(--delay), transform var(--dur) var(--snap) var(--delay)}.motion [data-reveal=up]:not(.in){opacity:0;transform:translate3d(0, var(--rise), 0)}.motion [data-reveal=left]:not(.in){opacity:0;transform:translate3d(calc(var(--fly) * -1), 0, 0)}.motion [data-reveal=right]:not(.in){opacity:0;transform:translate3d(var(--fly), 0, 0)}.motion [data-reveal=rule]{transition:none}.motion [data-reveal=rule]:before{transition:transform 1.1s cubic-bezier(.65, 0, .35, 1) var(--delay)}.motion [data-reveal=rule]:not(.in):before{transform:scaleX(0)}.motion .label[data-reveal]:before{transition:transform .6s var(--snap) calc(var(--delay) + .25s)}.motion .label[data-reveal]:not(.in):before{transform:scaleX(0)}.motion [data-reveal=words]{transition:none}.motion [data-reveal=words] .w{transform-origin:0 100%;transition:opacity .45s ease-out calc(var(--delay) + var(--i) * 60ms), transform var(--dur) var(--snap) calc(var(--delay) + var(--i) * 60ms)}.motion [data-reveal=words]:not(.in) .w{opacity:0;transform:translateY(.32em)scaleX(1.55)}.motion [data-reveal=step]:not(.in){opacity:0;transform:translate3d(calc(var(--fly) * -1.5), 0, 0)}.motion [data-reveal=slam]{transition:opacity .2s linear var(--delay), transform .75s cubic-bezier(.3, 1.35, .5, 1) var(--delay)}.motion [data-reveal=slam]:not(.in){opacity:0;transform:scale(1.7)}.motion [data-reveal=compare]{transition:opacity .6s ease-out var(--delay), transform var(--dur) var(--snap) var(--delay), --pos 1.5s cubic-bezier(.65, 0, .35, 1) calc(var(--delay) + .35s)}.motion [data-reveal=compare]:not(.in){opacity:0;transform:translate3d(0, calc(var(--rise) * 1.6), 0);--pos:100%}.ba.dragging,.motion .ba.dragging{transition:none!important}.motion [data-reveal=print]{transition:opacity .5s ease-out var(--delay), transform 1.1s cubic-bezier(.2, 1.25, .4, 1) var(--delay)}.motion [data-reveal=print]:not(.in){opacity:0;transform:translate(-24px,70px)rotate(-11deg)scale(.92)}.motion .btn[data-reveal]{transition:opacity calc(var(--dur) * .6) ease-out var(--delay), transform var(--dur) var(--snap) var(--delay), background .15s, color .15s}.motion [data-reveal]:not(.in),.motion [data-reveal]:not(.in) .w,.motion [data-reveal]:not(.in):before{transition-duration:.45s!important;transition-delay:0s!important;transition-timing-function:cubic-bezier(.55,0,.7,.2)!important}}@media (prefers-reduced-motion:no-preference) and (width>=900px){.motion{--fly:80px;--rise:56px;--dur:1s}.motion [data-reveal=step]:not(.in){transform:translate3d(0, var(--rise), 0)}}
