@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/bc75a5ef649fd533-s.2_b3eyou4d_rz.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/0d0795e2b42a3c22-s.1g5k3we4sts10.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/ced9be41fbb50af4-s.3b7k9poh_lfgp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/9721f9d4df761ffd-s.p.1dxjg4ufbxory.woff2)format("woff2");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:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.martian_mono_5306af89-module__GfTx1q__className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.martian_mono_5306af89-module__GfTx1q__variable{--font-martian:"Martian Mono", "Martian Mono Fallback"}
@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8de525a68f60098-s.0lxf-4l1bq37s.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ee92d7a8cebd98ad-s.3lnm9e0v87gwp.woff2)format("woff2");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:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b668c80b59113d61-s.1kss_mdnz9il3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab22887673eeec10-s.2cmyltwzd58e8.woff2)format("woff2");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:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.hanken_grotesk_188f35f9-module__1Vz-NG__className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal;font-weight:400}.hanken_grotesk_188f35f9-module__1Vz-NG__variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--u:80px;--g:9px}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px;overflow-x:clip}body{background:var(--mat) url(../media/felt-256.176iyuvc2udlk.webp) 0 0 / 256px 256px repeat;color:var(--ink);font:400 1.0625rem/1.75rem var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}body{transition:background-color .24s linear}}::selection{background:var(--ink);color:var(--mat)}html[data-rechrome] body{transition:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:.42s cubic-bezier(.3,0,.2,1) both kl-rechrome}@keyframes kl-rechrome{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,50%))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,50%))}}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}a:not(.cap){text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){a:not(.cap):hover{text-decoration-thickness:2px}}@media print{body:after{content:"© 2026 HVNF STUDIOS — PORTFOLIO SAMPLE — DO NOT REDISTRIBUTE";font:600 28px/1 var(--font-ui);letter-spacing:0;color:#71717a59;white-space:nowrap;pointer-events:none;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-30deg)}}}@layer components{.page{container-type:inline-size}.page>*{--u:calc(100cqi / 17.884);--g:calc(var(--u) * .1158)}:root{--u:calc(100vw / 17.884);--g:calc(var(--u) * .1158)}.ug{grid-template-columns:repeat(16, calc(var(--u) - var(--g)));column-gap:var(--g);padding-inline:var(--u);display:grid}.sub{grid-template-columns:subgrid;display:grid}@media (max-width:1023px){:root{--u:calc((100vw - 48px) / 15.884)}.page>*{--u:calc((100cqi - 48px) / 15.884)}.ug{padding-inline:24px}}@media (max-width:639px){:root{--u:calc((100vw - 32px) / 7.884)}.page>*{--u:calc((100cqi - 32px) / 7.884)}.ug{grid-template-columns:repeat(8, calc(var(--u) - var(--g)));padding-inline:16px}.page{padding-bottom:calc(86px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom))}}.seam{height:var(--g);background:var(--mat-deep)}#sound,#specs,#build,.page>footer{content-visibility:auto}#sound{contain-intrinsic-size:auto calc(var(--u) * 11)}#specs{contain-intrinsic-size:auto calc(var(--u) * 20)}#build{contain-intrinsic-size:auto calc(var(--u) * 18.5)}.page>footer{contain-intrinsic-size:auto calc(var(--u) * 10.5)}@media (max-width:1023px){#sound{contain-intrinsic-size:auto calc(var(--u) * 20)}#specs{contain-intrinsic-size:auto calc(var(--u) * 29)}#build{contain-intrinsic-size:auto calc(var(--u) * 42)}.page>footer{contain-intrinsic-size:auto calc(var(--u) * 15)}}html:not(.fx) #inside{content-visibility:auto;contain-intrinsic-size:auto calc(var(--u) * 11)}@media (max-width:1023px){html:not(.fx) #inside{contain-intrinsic-size:auto calc(var(--u) * 21.5)}}@media (max-width:639px){html:not(.fx) #inside{contain-intrinsic-size:auto calc(var(--u) * 18.5)}#sound{contain-intrinsic-size:auto calc(var(--u) * 22.5)}#specs{contain-intrinsic-size:auto calc(var(--u) * 39)}#build{contain-intrinsic-size:auto calc(var(--u) * 49.5)}.page>footer{contain-intrinsic-size:auto calc(var(--u) * 19.5)}}.t-h1,.t-h2,.t-fig{font-family:var(--kroma-display);font-stretch:75%}.t-h1{text-transform:lowercase;letter-spacing:-.045em;font-weight:780;line-height:.92;font-size:clamp(2.75rem, calc(var(--u) * .822), 7.25rem)}.t-h2{text-transform:lowercase;letter-spacing:-.03em;font-weight:720;line-height:.95;font-size:clamp(2rem, calc(var(--u) * .715), 4.5rem)}.t-fig{letter-spacing:-.04em;font-weight:780;line-height:.9;font-size:clamp(3rem, calc(var(--u) * 1.35), 9rem)}.t-ui,.t-ui-sm,.t-ui-lg{font-family:var(--font-ui);letter-spacing:0;text-transform:lowercase;font-size:.875rem;font-weight:560;font-stretch:100%;line-height:1.25}.t-ui-sm{font-size:.8125rem}.t-ui-lg{font-size:.9375rem}.t-body{font-family:var(--font-text);max-width:60ch;font-size:1.0625rem;line-height:1.75rem}.t-lede{font-family:var(--font-ui);letter-spacing:0;max-width:56ch;font-size:.9375rem;font-weight:430;font-stretch:100%;line-height:1.6}.t-em{font-family:var(--font-ui);font-size:.82em;font-weight:560;font-stretch:100%}.t-fine{font-family:var(--font-ui);letter-spacing:0;font-size:12px;font-stretch:100%;line-height:1.4}.t-keep{text-transform:none}.explain{transition:opacity .18s cubic-bezier(.23,1,.32,1)}@starting-style{.explain{opacity:0}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cap{--face:var(--cap);--skirt:var(--cap-skirt);--fg:var(--legend);--d:4px;--ps:0;background:linear-gradient(to bottom, rgb(0 0 0/var(--ps)), #0000 55%), linear-gradient(to bottom, #fff3, #fff0 42%, #0000000d 100%), var(--face);min-width:44px;min-height:44px;color:var(--fg);cursor:pointer;font:560 .8125rem/1.1 var(--font-ui);text-transform:lowercase;box-shadow:inset 0 1px 0 #ffffff80, inset 1px 0 0 #ffffff24, inset -1px 0 0 #00000014, 0 calc(var(--d) * .5) 0 0 var(--skirt), 0 var(--d) 0 0 var(--skirt), 0 calc(var(--d) + 1px) 0 0 #00000029, 0 calc(var(--d) + 2px) 0 0 #00000014, 0 calc(var(--d) * 1.25 + 3px) 0 -1px #0001, 0 calc(var(--d) * 1.5 + 4px) 0 -2px #0000000b, 0 calc(var(--d) * 1.75 + 5px) 0 -3px #00000008;border:0;border-radius:8px;align-content:space-between;justify-items:start;padding:6px 10px 7px;font-stretch:100%;text-decoration:none;display:inline-grid;position:relative}@supports (color:color-mix(in lab, red, red)){.cap{box-shadow:inset 0 1px 0 #ffffff80, inset 1px 0 0 #ffffff24, inset -1px 0 0 #00000014, 0 calc(var(--d) * .5) 0 0 color-mix(in oklab, var(--skirt) 74%, white), 0 var(--d) 0 0 var(--skirt), 0 calc(var(--d) + 1px) 0 0 #00000029, 0 calc(var(--d) + 2px) 0 0 #00000014, 0 calc(var(--d) * 1.25 + 3px) 0 -1px #0001, 0 calc(var(--d) * 1.5 + 4px) 0 -2px #0000000b, 0 calc(var(--d) * 1.75 + 5px) 0 -3px #00000008}}.cap{transition:transform .11s cubic-bezier(0,0,.2,1),box-shadow .11s cubic-bezier(0,0,.2,1);transform:translateY(0)}.cap:active,.cap[data-down],.cap[aria-pressed=true],.cap[aria-selected=true]{--d:1.5px;--ps:.13;transition-duration:60ms;transition-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(2.5px)}.cap[aria-current]:not([aria-current=false]){--face:var(--graphite);--skirt:var(--graphite-skirt);--fg:var(--cap);--d:1.5px;--ps:.13;transform:translateY(2.5px)}.cap--graphite{--face:var(--graphite);--skirt:var(--graphite-skirt);--fg:var(--cap)}.cap--signal{--face:var(--signal);--skirt:var(--signal-skirt);--fg:var(--cap-text);background:linear-gradient(to bottom, rgb(0 0 0/var(--ps)), #0000 55%), linear-gradient(to bottom, #0000 42%, #00000012 100%), var(--face)}.cap__top{opacity:.72;font-size:max(12px,.75rem)}.cap--signal .cap__top{opacity:1}.cap[style*=--w]{width:calc(var(--u) * var(--w) - var(--g))}kbd.cap,span.cap{cursor:default}.cap:disabled{cursor:not-allowed;opacity:.6}@media (hover:hover) and (pointer:fine){.cap:hover{filter:brightness(1.04)}}@media (prefers-reduced-motion:reduce){.cap{transition:none}}.kbd{vertical-align:.1em;--d:2px;border-radius:5px;align-content:center;justify-items:center;min-width:1.75em;min-height:0;padding:.12em .45em .18em;font-size:.8em;line-height:1.2}.skip:not(:focus){white-space:nowrap;clip-path:inset(50%);width:1px;min-width:0;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:60;position:fixed;top:16px;left:16px}.paper{--ink:var(--legend);--ink-soft:var(--legend-soft);--error:#8e2213;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--cap);color:var(--legend);border-radius:calc(var(--u) * .12);box-shadow:0 1px 1px #00000012,0 18px 32px -24px #00000080}.paper::selection,.paper ::selection{background:var(--legend);color:var(--cap)}}@property --u{syntax:"<length>";inherits:true;initial-value:80px}@property --g{syntax:"<length>";inherits:true;initial-value:9px}@font-face{font-family:kroma-display-fallback;src:local(Arial),local(ArialMT),local(Liberation Sans),local(Roboto),local(Helvetica);size-adjust:129%;ascent-override:77.5%;descent-override:15.5%;line-gap-override:0%}:root{--mat:#f2c200;--mat-deep:#d9ac00;--ink:#141414;--ink-soft:#3d3a33;--error:#8e2213;--cap:#ece7db;--cap-skirt:#cdc3a6;--legend:#141414;--legend-soft:#3d3a33;--graphite:#393a40;--graphite-skirt:#26272b;--signal:#c8341f;--signal-skirt:#8e2213;--cap-text:#f4efe6;--font-ui:var(--font-martian), ui-monospace, monospace;--font-text:var(--font-hanken), ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--mat:lab(80.9717% 7.66271 81.5939);--mat-deep:lab(72.904% 7.90116 74.8432)}}:root[data-mat=chalk]{--mat:#d8d5cc;--mat-deep:#c4c0b4}@supports (color:lab(0% 0 0)){:root[data-mat=chalk]{--mat:lab(85.3242% -.111043 4.82647);--mat-deep:lab(77.7835% -.12362 6.57322)}}:root[data-mat=ink]{--mat:#17171a;--mat-deep:#26262b;--ink:#ece7db;--ink-soft:#b3aea2;--error:#ff9c85;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-mat=ink]{--mat:lab(7.83253% .602573 -2.12768);--mat-deep:lab(15.3178% .953868 -3.31609)}}html:not(.js) .js-only,html.js .no-js{display:none!important}@media not all and (hover:hover) and (pointer:fine){.kbd-only{display:none!important}}@media (hover:hover) and (pointer:fine){.touch-only{display:none!important}}html.js:not([data-explain]) .explain,html[data-embed] main>:not(#top),html[data-embed] #keymap{display:none!important}@media print{[data-print-hide]{display:none!important}}