.hv-hero{background:var(--color-paper);position:relative;overflow:clip}@media (min-width:64rem){.hv-hero{min-height:clamp(var(--hero-min-height), calc(100svh - var(--spacing-header)), var(--hero-max-height))}}.hv-stage{perspective:var(--m-perspective);margin-top:var(--spacing-s-8);padding-top:var(--spacing-s-6);position:relative}@media (min-width:64rem){.hv-stage{--h-content:calc(min(100vw, var(--container-content) + 2 * var(--grid-margin)) - 2 * var(--grid-margin));--h-obj-w:calc(var(--h-content) * 7 / 12 - var(--grid-gutter));top:50%;width:var(--h-obj-w);margin:0;padding:0;position:absolute;inset-inline-end:calc((100% - min(100%, var(--container-content) + 2 * var(--grid-margin))) / 2 + var(--grid-margin));translate:0 -50%}}.hv-tilt{z-index:1;pointer-events:none;transform-style:preserve-3d;transform-origin:50% 60%;transform:rotateX(var(--h-tilt-x)) rotateY(var(--h-tilt-y)) rotateZ(var(--h-tilt-z));position:relative}.hv-tilt[data-phase=explode]{transform:rotateX(var(--h-tilt-x-open)) rotateY(var(--h-tilt-y)) rotateZ(var(--h-tilt-z))}html[data-motion=on] .hv-tilt{transition:transform var(--h-assemble) var(--ease-paper)}html[data-motion=on] .hv-tilt[data-phase=explode]{transition-duration:var(--h-explode)}@media not (min-width:64rem){.hv-stage{--h-tilt-x:14deg;--h-tilt-z:0deg;--h-tilt-x-open:50deg;--h-gap:72px;--h-edge:8px;padding-bottom:var(--spacing-s-8)}}@media (min-width:90rem){.hv-stage{--h-obj-w:min(var(--h-obj-max), calc(var(--h-content) * 7 / 12 - var(--grid-gutter)))}}@media (48rem<=width<64rem){.hv-stage{max-width:var(--h-obj-max-md);margin-inline:auto}}.hv-shadow-contact,.hv-shadow-long{pointer-events:none;transition:opacity var(--h-assemble) var(--ease-paper);border-radius:50%;position:absolute}.hv-shadow-contact{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-graphite) 45%, transparent), transparent);height:12%;filter:blur(var(--m-blur));bottom:-2%;left:4%;right:8%}.hv-shadow-long{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-graphite) 16%, transparent), transparent);filter:blur(calc(4 * var(--m-blur)));inset:40% 30% -30% -30%;rotate:-8deg}html[data-motion=on] .hv-stage[data-phase=intro] :is(.hv-shadow-contact,.hv-shadow-long),.hv-stage[data-phase=draft] :is(.hv-shadow-contact,.hv-shadow-long){opacity:0}.hv-stage[data-phase=explode] :is(.hv-shadow-contact,.hv-shadow-long){opacity:.4}.hv-measure{inset-inline:0;top:calc(-3.2 * var(--u));height:calc(1.6 * var(--u));position:absolute;container-type:normal}.hv-measure-line{inset-inline:0;border-top:var(--stroke-hair) solid var(--color-pencil);position:absolute;top:50%}.hv-measure:before,.hv-measure:after{content:"";border-inline-start:var(--stroke-hair) solid var(--color-pencil);height:100%;position:absolute;top:0}.hv-measure:before{inset-inline-start:0}.hv-measure:after{inset-inline-end:0}.hv-foot{justify-content:space-between;align-items:baseline;gap:var(--spacing-s-4);margin-bottom:var(--spacing-s-6);display:flex}@media (min-width:64rem){.hv-foot{top:calc(-1 * var(--spacing-s-8));justify-content:flex-start;gap:var(--spacing-s-6);margin:0;position:absolute;inset-inline-start:0}}.hv-foot{z-index:0}.hv-switch{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-mono);color:var(--color-ink-2);position:relative}.hv-switch:before{content:"";inset-inline:0;height:var(--spacing-target);position:absolute;top:50%;translate:0 -50%}.hv-switch [data-on=true]{color:var(--color-ink);text-underline-offset:4px;text-decoration:underline}.hv-obj{--u:1cqw;aspect-ratio:16/11;width:100%;transform-style:preserve-3d;position:relative;container-type:inline-size}.hv-measure{--u:calc(var(--h-obj-w) / 100)}@media not (min-width:64rem){.hv-obj{--u:2.5cqw;aspect-ratio:1/1.14}.hv-measure{--u:8px}}.hv-layer{border-radius:calc(1.4 * var(--u));transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}html[data-motion=on] .hv-layer{transition:transform var(--h-assemble) var(--ease-paper), opacity var(--t-ui) var(--ease-paper), background-color var(--t-ui) var(--ease-paper)}html[data-motion=on] .hv-obj[data-phase=explode] .hv-layer{transition-duration:var(--h-explode), var(--t-micro), var(--t-ui)}html[data-motion=on] .hv-obj[data-phase=built] .hv-l0{transition-duration:var(--h-assemble), var(--h-assemble), var(--t-ui)}.hv-l0{opacity:0;transform:translateZ(calc(-1 * var(--stroke-hair)))}.hv-l1{opacity:1}.hv-l2{opacity:1;transform:translateZ(var(--stroke-hair));pointer-events:auto}html[data-motion=on] .hv-obj[data-phase=intro] .hv-l0,.hv-obj[data-phase=draft] .hv-l0{opacity:1;transform:none}html[data-motion=on] .hv-obj[data-phase=intro] :is(.hv-l1,.hv-l2),.hv-obj[data-phase=draft] :is(.hv-l1,.hv-l2){opacity:0}.hv-obj[data-phase=explode] .hv-l0{opacity:1;transform:translate3d(var(--h-sheet-x), var(--h-sheet-y), calc(2 * var(--h-gap)));background-color:color-mix(in srgb, var(--color-paper-raised) 96%, transparent);box-shadow:inset 0 var(--stroke-hair) 0 var(--color-ink-inverse), 0 0 0 var(--stroke-hair) var(--color-rule), var(--shadow-sheet)}.hv-obj[data-phase=explode] .hv-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--color-grid-dot) 60%, transparent) var(--stroke-hair), transparent var(--stroke-hair)), linear-gradient(to bottom, color-mix(in srgb, var(--color-grid-dot) 60%, transparent) var(--stroke-hair), transparent var(--stroke-hair)), radial-gradient(circle, var(--color-grid-dot) var(--stroke-hair), transparent calc(var(--stroke-hair) + .5px));background-size:calc(10 * var(--u)) calc(10 * var(--u)), calc(10 * var(--u)) calc(10 * var(--u)), calc(2 * var(--u)) calc(2 * var(--u))}.hv-obj[data-phase=explode] .hv-l1{opacity:1}.hv-obj[data-phase=explode] .hv-l2{opacity:1;transform:translateZ(var(--h-gap))}.hv-tag{bottom:calc(2 * var(--u));font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:var(--tracking-mono);color:var(--color-ink-3);opacity:0;white-space:nowrap;transition:opacity var(--t-ui) var(--ease-paper);position:absolute;inset-inline-start:calc(2.4 * var(--u))}.hv-obj[data-phase=explode] .hv-tag{opacity:.5}.hv-l1 .hv-tag,.hv-l2 .hv-tag{color:var(--color-ink-inverse)}.hv-obj[data-phase=explode] :is(.hv-l1,.hv-l2) .hv-tag{opacity:.4}.hv-l0{background-color:var(--color-paper-raised);box-shadow:var(--shadow-sheet);color:var(--color-ink)}.hv-grid{border-radius:inherit;background-image:radial-gradient(circle, var(--color-grid-dot) var(--stroke-hair), transparent calc(var(--stroke-hair) + .5px));background-size:calc(2 * var(--u)) calc(2 * var(--u));position:absolute;inset:0}.hv-l1{background:radial-gradient(140% 120% at 85% 0%, color-mix(in srgb, var(--color-ink-inverse) 10%, var(--color-graphite)) 0%, var(--color-graphite) 50%, color-mix(in srgb, black 30%, var(--color-graphite)) 100%);box-shadow:inset 0 var(--stroke-hair) 0 color-mix(in srgb, var(--color-ink-inverse) 22%, transparent), 0 var(--h-edge) 0 color-mix(in srgb, black 40%, var(--color-graphite)), 0 calc(var(--h-edge) + var(--stroke-hair)) 0 color-mix(in srgb, black 65%, var(--color-graphite))}.hv-site{border-radius:inherit;color:var(--color-ink-inverse);grid-template-rows:64% 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.hv-shot{min-height:0;position:relative}.hv-photo{object-fit:cover;object-position:50% 60%;scale:-1 1}.hv-shot:after{content:"";pointer-events:none;background:linear-gradient(#0000004d,#0000 55%),linear-gradient(#0000 55%,#0009);position:absolute;inset:0}.hv-top{z-index:1;padding:calc(2.4 * var(--u)) calc(3 * var(--u)) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.hv-nav{gap:calc(.8 * var(--u));display:flex}.hv-nav li,.hv-cta{font-size:max(calc(1.2 * var(--u)), var(--text-label-sm));padding:calc(.8 * var(--u)) calc(1.4 * var(--u));box-shadow:inset 0 0 0 var(--stroke-hair) color-mix(in srgb, var(--color-ink-inverse) 35%, transparent);white-space:nowrap;border-radius:3.40282e38px;line-height:1}.hv-cta{background:var(--color-ink-inverse);color:var(--color-graphite);box-shadow:none}.hv-word{z-index:1;margin-top:calc(1 * var(--u));padding-inline:calc(2.6 * var(--u));font-size:calc(16 * var(--u));letter-spacing:-.02em;white-space:nowrap;font-weight:500;line-height:.9;position:relative}.hv-line{z-index:1;bottom:calc(2.4 * var(--u));max-width:40%;font-size:max(calc(1.4 * var(--u)), var(--text-label-sm));color:color-mix(in srgb, var(--color-ink-inverse) 85%, transparent);line-height:1.35;position:absolute;inset-inline-start:calc(3 * var(--u))}.hv-tagline{z-index:1;margin-top:calc(.6 * var(--u));padding-inline:calc(3.4 * var(--u));font-size:calc(2.2 * var(--u));color:var(--color-ink-inverse);text-shadow:0 0 calc(1.2 * var(--u)) #00000059;line-height:1.2;position:relative}.hv-scroll{z-index:1;bottom:calc(1.8 * var(--u));align-items:center;gap:calc(.6 * var(--u));font-size:max(calc(1.1 * var(--u)), var(--text-label-sm));color:var(--color-ink-inverse);white-space:nowrap;flex-direction:column;line-height:1;display:flex;position:absolute;left:50%;translate:-50%}.hv-scroll-icon{width:calc(1.4 * var(--u));fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;height:auto}.hv-site[data-wire=true] .hv-scroll{color:var(--color-ink)}.hv-band{gap:calc(1.4 * var(--u));min-height:0;padding:calc(2 * var(--u)) calc(3 * var(--u)) 0 calc(14 * var(--u));background:var(--color-paper-raised);color:var(--color-ink);flex-direction:column;display:flex}.hv-band-title{font-size:max(calc(1.5 * var(--u)), var(--text-label-sm));font-weight:500}.hv-projects{gap:calc(1.6 * var(--u));grid-template-columns:repeat(3,1fr);min-height:0;display:grid}.hv-projects li{gap:calc(.4 * var(--u));flex-direction:column;min-width:0;display:flex}.hv-thumb{height:calc(11 * var(--u));border-radius:calc(.5 * var(--u));background:var(--color-paper-2);display:block;position:relative;overflow:hidden}.hv-thumb-img{object-fit:cover}.hv-thumb[data-n="0"] .hv-thumb-img{object-position:50% 80%;transform-origin:100% 75%;scale:1.9}.hv-thumb[data-n="1"] .hv-thumb-img{object-position:50% 35%;transform-origin:0 40%;scale:2}.hv-thumb[data-n="2"] .hv-thumb-img{object-position:50% 55%}.hv-project-name{margin-top:calc(.4 * var(--u));font-size:max(calc(1.4 * var(--u)), var(--text-label-sm));font-weight:500;line-height:1.2}.hv-project-status{font-size:max(calc(1.1 * var(--u)), var(--text-label-sm));color:var(--color-ink-2)}.hv-site[data-wire=true]{color:var(--color-ink);background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(100% / 12 - var(--stroke-hair)), color-mix(in srgb, var(--color-pencil) 14%, transparent) calc(100% / 12 - var(--stroke-hair)), color-mix(in srgb, var(--color-pencil) 14%, transparent) calc(100% / 12))}.hv-site[data-wire=true] .hv-shot{box-shadow:inset 0 calc(-1 * var(--stroke-hair)) 0 var(--color-ink)}.hv-site[data-wire=true] .hv-shot:after{display:none}.hv-cross{fill:none;width:100%;height:100%;stroke:var(--color-rule-strong);stroke-width:var(--stroke-hair);position:absolute;inset:0}.hv-cross path{vector-effect:non-scaling-stroke}.hv-site[data-wire=true] :is(.hv-nav li,.hv-cta){color:var(--color-ink);box-shadow:inset 0 0 0 var(--stroke-hair) var(--color-ink);background:0 0}.hv-site[data-wire=true] .hv-word{color:#0000;-webkit-text-stroke:var(--stroke-hair) var(--color-ink)}.hv-site[data-wire=true] .hv-band-title{align-items:center;gap:calc(1.4 * var(--u));display:flex}.hv-site[data-wire=true] .hv-bar{height:max(calc(.35 * var(--u)), 1.5px);background:color-mix(in srgb, var(--color-ink) 55%, transparent);border-radius:0}.hv-callout{z-index:1;width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));box-shadow:inset 0 0 0 var(--stroke-hair) var(--color-pencil);font-family:var(--font-mono);font-size:max(calc(1 * var(--u)), var(--text-label-sm));color:var(--color-pencil-text);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute}.hv-callout-word{top:calc(9 * var(--u));inset-inline-start:calc(36 * var(--u))}.hv-callout-line{bottom:calc(2.4 * var(--u));inset-inline-start:calc(44 * var(--u))}.hv-callout-band{position:static}.hv-site[data-wire=true] .hv-line{width:40%}.hv-site[data-wire=true] .hv-line .hv-bar{margin-top:calc(.8 * var(--u));display:block}.hv-site[data-wire=true] .hv-band{background:0 0}.hv-site[data-wire=true] .hv-thumb{box-shadow:inset 0 0 0 var(--stroke-hair) var(--color-rule-strong);background:0 0}.hv-bar{vertical-align:middle;width:var(--w);max-width:100%;min-width:calc(3 * var(--u));background:color-mix(in srgb, var(--color-ink) 22%, transparent);border-radius:3.40282e38px;height:.7em;display:inline-block}.hv-board{gap:calc(3 * var(--u));padding:calc(4 * var(--u)) calc(3.4 * var(--u)) calc(4 * var(--u)) calc(14 * var(--u));color:var(--color-ink);grid-template-columns:54% minmax(0,1fr);display:grid;position:absolute;inset:0}.hv-board-page{align-self:center;container-type:inline-size}.hv-board-screen{aspect-ratio:16/11;--u:1cqw;border-radius:calc(1.2 * var(--u));box-shadow:0 0 0 var(--stroke-hair) var(--color-ink);position:relative;overflow:hidden}.hv-dim{z-index:2;border:0 solid var(--color-pencil);position:absolute}.hv-dim:before,.hv-dim:after{content:"";border:0 solid var(--color-pencil);position:absolute}.hv-dim bdi{padding:0 calc(.4 * var(--u));background:var(--color-paper-raised);font-family:var(--font-mono);font-size:max(calc(1.4 * var(--u)), var(--text-label-sm));color:var(--color-pencil-text);white-space:nowrap;line-height:1.3;position:absolute}.hv-dim:is([data-k=width],[data-k=gutter]){border-top-width:var(--stroke-hair);height:0}.hv-dim:is([data-k=width],[data-k=gutter]):before,.hv-dim:is([data-k=width],[data-k=gutter]):after{top:calc(-.8 * var(--u));height:calc(1.6 * var(--u));border-inline-start-width:var(--stroke-hair)}.hv-dim:is([data-k=width],[data-k=gutter]):before{inset-inline-start:0}.hv-dim:is([data-k=width],[data-k=gutter]):after{inset-inline-end:0}.hv-dim:is([data-k=width],[data-k=gutter]) bdi{top:0;left:50%;translate:-50% -50%}.hv-dim[data-k=width]{margin-top:calc(3 * var(--u));display:block;position:relative}.hv-dim[data-k=gutter]{top:calc(56 * var(--u));width:calc(1.6 * var(--u));inset-inline-start:calc(29.6 * var(--u))}.hv-dim[data-k=gutter] bdi{top:calc(-2 * var(--u))}.hv-dim[data-k=name]{top:calc(6.6 * var(--u));height:calc(13 * var(--u));border-inline-start-width:var(--stroke-hair);width:0;inset-inline-start:calc(1.2 * var(--u))}.hv-dim[data-k=name]:before,.hv-dim[data-k=name]:after{left:calc(-.8 * var(--u));width:calc(1.6 * var(--u));border-top-width:var(--stroke-hair)}.hv-dim[data-k=name]:before{top:0}.hv-dim[data-k=name]:after{bottom:0}.hv-dim[data-k=name] bdi{top:50%;left:0;translate:-50% -50%}.hv-board-side{gap:calc(2.4 * var(--u));grid-template-rows:1fr auto;min-height:0;display:grid}.hv-board-h{padding-bottom:calc(.6 * var(--u));margin-bottom:calc(1 * var(--u));border-bottom:var(--stroke-hair) solid var(--color-rule-strong);font-size:max(calc(1.2 * var(--u)), var(--text-label-sm));color:var(--color-ink-2)}.hv-board-map{flex-direction:column;min-height:0;display:flex}.hv-map{width:100%;min-height:0;font-family:var(--font-sans);flex:1}.hv-map-edge{fill:none;stroke:var(--color-rule-strong);stroke-width:.8px}.hv-map-path{fill:none;stroke:var(--color-pencil);stroke-width:1.6px;stroke-dasharray:4 3}.hv-map-node rect{fill:var(--color-paper-raised);stroke:var(--color-ink);stroke-width:.8px}.hv-map-node[data-on=true] rect{stroke-width:1.4px}.hv-map-node text{fill:var(--color-ink);text-anchor:middle;direction:rtl;font-size:10px;font-weight:500}.hv-map-node[data-on=false] text{fill:var(--color-ink-2);font-weight:400}.hv-map-legend{align-items:center;gap:calc(.8 * var(--u));font-size:max(calc(1.1 * var(--u)), var(--text-label-sm));color:var(--color-pencil-text);display:flex}.hv-map-legend span{width:calc(3 * var(--u));border-top:calc(.25 * var(--u)) dashed var(--color-pencil)}.hv-swatches{gap:calc(.8 * var(--u));grid-template-columns:repeat(5,1fr);display:grid}.hv-swatches li{gap:calc(.4 * var(--u));font-family:var(--font-mono);font-size:max(calc(.8 * var(--u)), var(--text-label-sm));color:var(--color-ink-2);flex-direction:column;display:flex}.hv-swatch{aspect-ratio:1;border-radius:calc(.5 * var(--u));background:var(--c);box-shadow:inset 0 0 0 var(--stroke-hair) color-mix(in srgb, var(--color-ink) 15%, transparent)}.hv-type{margin-top:calc(1.6 * var(--u));justify-content:space-between;align-items:baseline;display:flex}.hv-type-sample{font-size:calc(4.4 * var(--u));font-weight:500;line-height:1}.hv-type-scale{font-family:var(--font-mono);font-size:max(calc(1 * var(--u)), var(--text-label-sm));color:var(--color-ink-2)}.hv-btns{gap:calc(1 * var(--u));margin-top:calc(1.6 * var(--u));display:flex}.hv-btn{padding:calc(.8 * var(--u)) calc(1.6 * var(--u));font-size:max(calc(1.1 * var(--u)), var(--text-label-sm));white-space:nowrap;border-radius:3.40282e38px;font-weight:500}.hv-btn[data-kind=primary]{background:var(--h-brand);color:var(--color-paper-raised)}.hv-btn[data-kind=secondary]{box-shadow:inset 0 0 0 var(--stroke-hair) var(--color-ink)}@media not (min-width:64rem){.hv-site{grid-template-rows:62% 1fr}.hv-nav{display:none}.hv-top{justify-content:flex-end}.hv-word{font-size:calc(7 * var(--u))}.hv-line{max-width:85%}.hv-site[data-wire=true] .hv-line{width:60%}.hv-callout-word{top:calc(6 * var(--u));inset-inline-start:calc(19 * var(--u))}.hv-callout-line{display:none}.hv-board{gap:calc(1.6 * var(--u));padding:calc(2.4 * var(--u));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hv-board-page{grid-column:1/-1;justify-self:center;width:78%}.hv-swatches li bdi,.hv-type{display:none}.hv-board-side{display:contents}.hv-dim[data-k=width]{margin-top:calc(1.6 * var(--u))}.hv-btns{display:none}.hv-band{padding-inline:calc(3 * var(--u))}.hv-scroll{display:none}.hv-projects{grid-template-columns:repeat(2,1fr)}.hv-projects li:nth-child(3){display:none}.hv-thumb{height:calc(6.5 * var(--u))}.hv-tagline{font-size:calc(1.8 * var(--u))}}