@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-cyrillic-ext-400-normal.BHxv52bw.woff2)format("woff2"),url(/_astro/roboto-mono-cyrillic-ext-400-normal.W26xs1TL.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-cyrillic-400-normal.C-_K-ZCn.woff2)format("woff2"),url(/_astro/roboto-mono-cyrillic-400-normal.B3hIXASd.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-greek-400-normal.CH_u3Aru.woff2)format("woff2"),url(/_astro/roboto-mono-greek-400-normal.P8xe1gs1.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-vietnamese-400-normal.yYTFiTTs.woff2)format("woff2"),url(/_astro/roboto-mono-vietnamese-400-normal.CzWHQABp.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:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-latin-ext-400-normal.DLAV9S_w.woff2)format("woff2"),url(/_astro/roboto-mono-latin-ext-400-normal.BwLXVYNz.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:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-latin-400-normal.GekRknry.woff2)format("woff2"),url(/_astro/roboto-mono-latin-400-normal.DBZPkcnn.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}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/roboto-mono-cyrillic-ext-500-normal.DC57U9n8.woff2)format("woff2"),url(/_astro/roboto-mono-cyrillic-ext-500-normal.6xdwlG7p.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/roboto-mono-cyrillic-500-normal.DGZ7-lUP.woff2)format("woff2"),url(/_astro/roboto-mono-cyrillic-500-normal.NpUJFYX7.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/roboto-mono-greek-500-normal.DpRFkptA.woff2)format("woff2"),url(/_astro/roboto-mono-greek-500-normal.C2M8jX6G.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/roboto-mono-vietnamese-500-normal.Cq-quQMu.woff2)format("woff2"),url(/_astro/roboto-mono-vietnamese-500-normal.IxzxMIj7.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:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/roboto-mono-latin-ext-500-normal.Db3ge6Oe.woff2)format("woff2"),url(/_astro/roboto-mono-latin-ext-500-normal.B1IjfbhL.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:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/roboto-mono-latin-500-normal.pxIOXZmA.woff2)format("woff2"),url(/_astro/roboto-mono-latin-500-normal.D6j6AMzd.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}@font-face{font-family:Turret Road;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/turret-road-latin-ext-700-normal.PWdw-Xa7.woff2)format("woff2"),url(/_astro/turret-road-latin-ext-700-normal.D3szn_Et.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:Turret Road;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/turret-road-latin-700-normal.CbvBFBhU.woff2)format("woff2"),url(/_astro/turret-road-latin-700-normal.BDY5zHr_.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}@font-face{font-family:Turret Road;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/turret-road-latin-ext-800-normal.BY8YFq4o.woff2)format("woff2"),url(/_astro/turret-road-latin-ext-800-normal.DPQ_T8pW.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:Turret Road;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/turret-road-latin-800-normal.CU85cDGn.woff2)format("woff2"),url(/_astro/turret-road-latin-800-normal.DF21LEE2.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{--page:#e4e4e4;--panel:#f4f4f4;--line:#bdbdbd;--ink:#111;--dim:#6b6b6b;--yellow:#fbe141;--on-yellow:#111;--mono:"Roboto Mono", ui-monospace, "Consolas", monospace;--title:"Turret Road", "Roboto Mono", sans-serif;--max:1320px;--cut:12px;--pad:clamp(18px, 2vw, 28px);color-scheme:light}:root[data-theme=dark]{--page:#141414;--panel:#1e1e1e;--line:#3a3a3a;--ink:#ececec;--dim:#9b9b9b;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#141414;--panel:#1e1e1e;--line:#3a3a3a;--ink:#ececec;--dim:#9b9b9b;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--page);color:var(--ink);font-family:var(--mono);margin:0;font-size:15px;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--yellow);color:var(--on-yellow)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--yellow);padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.sheet{max-width:var(--max);border-inline:1px solid var(--line);background-image:repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--line) calc(25% - 1px) 25%);margin-inline:auto}.row{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cell{padding:var(--pad);min-width:0}.panel{background:var(--panel);box-shadow:0 0 0 1px var(--line);position:relative}.cell.span-2,.cell.span-3,.cell.span-4{background-color:var(--page)}.cell.panel{background-color:var(--panel)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}@media (width<=900px){.sheet{background-image:repeating-linear-gradient(90deg, transparent 0 calc(50% - 1px), var(--line) calc(50% - 1px) 50%)}.row{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4{grid-column:span 2}}@media (width<=560px){.sheet{background-image:none}.row{grid-template-columns:minmax(0,1fr)}.span-2,.span-3,.span-4{grid-column:auto}}.corners:before,.corners:after,.corners>.corners__b:before,.corners>.corners__b:after{content:"";border:0 solid var(--ink);pointer-events:none;width:8px;height:8px;position:absolute}.corners:before{border-top-width:1px;border-left-width:1px;top:12px;left:12px}.corners:after{border-top-width:1px;border-right-width:1px;top:12px;right:12px}.corners>.corners__b:before{border-bottom-width:1px;border-left-width:1px;bottom:12px;left:12px}.corners>.corners__b:after{border-bottom-width:1px;border-right-width:1px;bottom:12px;right:12px}.title{font-family:var(--title);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(3rem,8.5vw,7.5rem);font-weight:800;line-height:.86}.title--md{font-size:clamp(2.2rem,4.6vw,4rem)}.label{letter-spacing:.02em;align-items:baseline;gap:10px;margin:0;font-size:clamp(1rem,1.4vw,1.3rem);display:flex}.label:before{content:"";background:var(--ink);flex:none;width:9px;height:9px;translate:0 -.15em}.sub{color:var(--dim);margin:8px 0 0 19px;font-size:.9rem}.lede{max-width:34ch;margin:0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.55}.body p{max-width:62ch;margin:0 0 1em}.btn{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--on-yellow);background:var(--yellow);cursor:pointer;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);border:0;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:.85rem;text-decoration:none;transition:background-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--ink);color:var(--page)}.btn--line{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);clip-path:none;background:0 0}.btn--line:hover{background:var(--ink);color:var(--panel)}.arrow-box{background:var(--ink);width:44px;height:44px;color:var(--panel);place-items:center;text-decoration:none;display:grid}.arrow-box svg{width:18px;height:18px}.bar{z-index:50;background:var(--page);border-bottom:1px solid var(--line);position:sticky;top:0}.bar__inner{max-width:var(--max);min-height:80px;padding-inline:var(--pad);border-inline:1px solid var(--line);align-items:center;gap:28px;margin-inline:auto;display:flex}.bar__mark{align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:inline-flex}.bar__word{line-height:1.1;display:grid}.bar__name{font-family:var(--title);letter-spacing:.01em;font-size:1.25rem;font-weight:800}.bar__sub{color:var(--dim);font-size:.75rem}.nav{gap:28px;display:flex}.nav a{font-size:.9rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.bug{aspect-ratio:29/19;background:var(--ink);width:46px;display:inline-block;mask:url(/brand/hp_bug_brackets.svg) 50%/contain no-repeat}.theme-switch{width:44px;height:44px;color:var(--ink);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;place-items:center;padding:0;display:grid}.theme-switch:hover{box-shadow:inset 0 0 0 1px var(--ink)}.theme-switch svg{width:20px;height:20px}.theme-switch .moon,:root[data-theme=dark] .theme-switch .sun{display:none}:root[data-theme=dark] .theme-switch .moon{display:block}@media (width<=720px){.nav,.bar__sub{display:none}.bar .btn{padding:11px 16px}}.hero .title{font-size:clamp(3.2rem,9.6vw,8.6rem)}.hero__head{padding-block:clamp(28px,4vw,48px) clamp(20px,3vw,32px)}.hero__marks{align-items:center;gap:16px;margin-top:18px;font-size:.85rem;display:flex}.hero__marks i{background:var(--yellow);width:10px;height:10px;box-shadow:0 0 0 1px var(--ink)}.hero__intro{flex-direction:column;justify-content:space-between;gap:32px;min-height:340px;display:flex}.hero__mascot{--px:17px;min-height:calc(24 * var(--px));background:var(--yellow);box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden}.hero__mascot:after{content:"";left:calc(50% - 7.5 * var(--px) - 40 * var(--px));top:calc(50% - 9 * var(--px) - 40 * var(--px));width:calc(95 * var(--px));height:calc(98 * var(--px));background-image:linear-gradient(#1111111a 1px,#0000 1px),linear-gradient(90deg,#1111111a 1px,#0000 1px);background-size:var(--px) var(--px);pointer-events:none;position:absolute}.hero__bug{left:calc(50% - 7.5 * var(--px));top:calc(50% - 9 * var(--px));width:calc(15 * var(--px));height:calc(18 * var(--px));color:var(--on-yellow);position:absolute}@media (width<=560px){.hero__mascot{--px:13px}}.hero__count{flex-direction:column;justify-content:space-between;gap:20px;display:flex}.hero__count-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.hero__count-num{font-family:var(--title);font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:.9}.hero__note{color:var(--dim);margin:0;font-size:.85rem}.hero__note b{color:var(--ink);font-weight:500}.tools{grid-template-columns:repeat(6,minmax(0,1fr))}.tools .cell{min-height:96px;font-family:var(--title);background:var(--panel);box-shadow:0 0 0 1px var(--line);place-items:center;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:700;display:grid}.tools__label{color:var(--dim);grid-column:span 6;padding-block:12px;background:var(--page)!important;box-shadow:none!important;min-height:0!important;font-size:.8rem!important;font-family:var(--mono)!important;place-items:start!important;font-weight:400!important}@media (width<=900px){.tools{grid-template-columns:repeat(3,minmax(0,1fr))}.tools__label{grid-column:span 3}}.make-head{flex-direction:column;justify-content:space-between;gap:22px;min-height:220px;display:flex}.card-num{flex-direction:column;gap:18px;min-height:260px;display:flex}.card-num__top{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.card-num__top i{background:var(--ink);width:7px;height:7px}.card-num h3{font-family:var(--title);margin:auto 0 0;font-size:1.6rem;font-weight:700;line-height:1}.card-num p{color:var(--dim);margin:0;font-size:.88rem}.card-num__glyph{background:var(--page);width:96px;height:96px;box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);place-items:center;display:grid}.card-num__glyph svg{width:54px;height:54px;stroke:var(--ink);fill:none;stroke-width:1.2px}.work-head{flex-direction:column;justify-content:space-between;gap:32px;min-height:300px;display:flex}.work-count{margin:var(--pad);place-self:start end;display:flex}.work-count__box{background:var(--panel);box-shadow:0 0 0 1px var(--line);padding:10px 18px}.work-count__box span{font-size:.85rem;display:block}.work-count__box b{font-family:var(--title);font-size:2.6rem;font-weight:800;line-height:1}.project{margin:var(--pad);background:var(--panel);box-shadow:0 0 0 1px var(--line);flex-direction:column;text-decoration:none;display:flex}.project__tab{box-shadow:0 0 0 1px var(--line);background:var(--panel);align-self:flex-start;padding:4px 12px;font-size:.78rem}.project__name{padding:28px var(--pad) 10px;text-align:center;font-family:var(--title);margin:0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:800;line-height:1}.project__tagline{padding:0 var(--pad) 22px;text-align:center;color:var(--dim);margin:0;font-size:.88rem}.project__shot{padding:0 var(--pad) var(--pad)}.project__shot img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;box-shadow:0 0 0 1px var(--line)}.project__stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project__stats div{padding:12px var(--pad);border-right:1px solid var(--line)}.project__stats div:last-child{border-right:0}.project__stats b{font-family:var(--title);font-size:1.25rem;font-weight:700;line-height:1.1;display:block}.project__stats span{color:var(--dim);font-size:.75rem}.project__links{border-top:1px solid var(--line);display:flex}.project__links a{padding:14px var(--pad);text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:.82rem;text-decoration:none}.project__links a+a{border-left:1px solid var(--line)}.project__links a:first-child{background:var(--yellow);color:var(--on-yellow)}.project__links a:hover{background:var(--ink);color:var(--page)}.about-strip{flex-direction:column;justify-content:center;gap:22px;min-height:240px;display:flex}.case-title{flex-direction:column;justify-content:space-between;gap:22px;padding-block:clamp(32px,5vw,64px);display:flex}.case-title .title{font-size:clamp(2.6rem,7vw,6.4rem)}.case-tagline{max-width:34ch;margin:0;font-size:clamp(1rem,1.4vw,1.2rem)}.spec{margin:0;display:grid}.spec div{border-bottom:1px solid var(--line);padding:12px 0}.spec div:first-child{padding-top:0}.spec dt{color:var(--dim);font-size:.75rem}.spec dd{margin:0}.shot{margin:var(--pad);background:var(--panel);box-shadow:0 0 0 1px var(--line);padding:34px;position:relative}.shot img{width:100%;box-shadow:0 0 0 1px var(--line)}.shot--tall img{width:auto;max-height:78vh;margin-inline:auto}.shot figcaption{color:var(--dim);margin-top:14px;font-size:.8rem}.features{margin:0;padding:0;list-style:none}.features li{border-bottom:1px solid var(--line);gap:12px;padding:10px 0;display:flex}.features li:before{content:"";background:var(--ink);flex:none;width:7px;height:7px;margin-top:9px}.next{justify-content:space-between;align-items:center;gap:20px;text-decoration:none;display:flex}.next:hover .title{text-underline-offset:10px;text-decoration:underline 4px}.form{gap:14px;display:grid}.form label{gap:6px;display:grid}.form label span{color:var(--dim);font-size:.78rem}.form input,.form textarea,.form select{width:100%;font:inherit;color:var(--ink);background:var(--page);border:1px solid var(--line);border-radius:0;padding:12px 14px}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--ink);outline:none}.form textarea{resize:vertical;min-height:160px}.form .trap{position:absolute;left:-9999px}.form__status{min-height:1.5em;margin:0;font-size:.85rem}.form__status[data-state=error]{color:#b42318}.foot .title{font-size:clamp(2.6rem,9vw,8rem)}.foot__row{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:.8rem;display:flex}.project__shot--phones .phones{aspect-ratio:16/10;background:var(--page);box-shadow:0 0 0 1px var(--line);justify-content:center;gap:4%;padding:22px 6%;display:flex;overflow:hidden}.project__shot--phones img{aspect-ratio:auto;object-fit:contain;border-radius:14px;align-self:flex-start;width:28%;height:auto;box-shadow:0 0 0 4px #000}@media (width<=560px){.cell:empty{display:none}.hero__intro{min-height:260px}.work-head,.make-head,.about-strip{min-height:0}.work-count{display:none}}.person{background:var(--panel);box-shadow:0 0 0 1px var(--line);margin:0;display:flow-root;position:relative}.person__head{padding:14px var(--pad);text-align:center;border-bottom:1px solid var(--line);gap:2px;display:grid}.person__name{font-size:1rem}.person__role{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:.75rem}.person__photo{width:calc(100% - 2 * var(--pad));max-width:256px;height:auto;margin:var(--pad) auto calc(var(--pad) + 20px);image-rendering:pixelated;box-shadow:0 0 0 1px var(--line)}.about-text{padding-block:clamp(32px,4vw,56px)}