.xhair{--xh: rgba(15,42,46,.14);display:block;position:fixed;inset:0;z-index:4;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s var(--ease)}.xhair.on{opacity:1}html.morph:not(.morph-done) .xhair{display:none}.xhair-h,.xhair-v{position:absolute;left:0;top:0;will-change:transform}.xhair-h{width:200%;height:1px;background:linear-gradient(to right,var(--xh) calc(50% - 4px),transparent calc(50% - 4px),transparent calc(50% + 4px),var(--xh) calc(50% + 4px))}.xhair-v{width:1px;height:200%;background:linear-gradient(to bottom,var(--xh) calc(50% - 4px),transparent calc(50% - 4px),transparent calc(50% + 4px),var(--xh) calc(50% + 4px))}.xhair-gx,.xhair-gy,.xhair-pt{position:absolute;left:0;top:0;opacity:0;transition:opacity .12s}.xhair-gx{width:0;height:100%;border-left:1px dashed rgba(15,42,46,.5)}.xhair-gy{width:100%;height:0;border-top:1px dashed rgba(15,42,46,.5)}.xhair-pt{width:7px;height:7px;margin:-4px 0 0 -4px;border:1px solid rgba(15,42,46,.8);background:var(--ground)}.xhair.snapped-x .xhair-gx,.xhair.snapped-y .xhair-gy,.xhair.snapped-x .xhair-pt,.xhair.snapped-y .xhair-pt{opacity:1}html.blueprint .xhair-gx,html.blueprint .xhair-gy{border-color:#e9efecb3}html.blueprint .xhair-pt{border-color:#fff;background:#0f2a2e}.xhair-hud{position:fixed;right:16px;bottom:16px;width:260px;padding:8px 12px;font:12px/1.5 var(--mono);color:var(--muted);background:var(--ground);border:1px solid var(--line);border-radius:var(--radius);white-space:pre;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;cursor:pointer;transition:border-color .2s var(--ease)}.xhair-hud:hover{border-color:var(--ink)}.xhair-hud:hover .xhair-hud-hint{opacity:1;text-decoration:underline;text-underline-offset:3px}.xhair-hud{-webkit-user-select:none;user-select:none}.xhair-hud>span{display:block;overflow:hidden;text-overflow:ellipsis}.xhair-hud-hint{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);opacity:.8}@media (max-width: 640px){.xhair-hud{display:none}}@media (hover: hover) and (pointer: fine){:where(html:not(.blueprint),html:not(.blueprint) *){cursor:crosshair}:where(html.over-text:not(.blueprint),html.over-text:not(.blueprint) *){cursor:text}:where(html:not(.blueprint) .intro,html:not(.blueprint) .intro *){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Crect width='1' height='1' fill='%2313201D'/%3E%3C/svg%3E") 0 0,crosshair}:where(html.over-link:not(.blueprint),html.over-link:not(.blueprint) *){cursor:pointer}:where(html:not(.blueprint) :is(.btn,button,.brand,input[type=checkbox],input[type=radio]),html:not(.blueprint) :is(.btn,button,.brand) *){cursor:pointer}:where(html:not(.blueprint) :is(input:not([type=checkbox],[type=radio]),textarea)){cursor:text}}html.blueprint.xh-cursor,html.blueprint.xh-cursor *{cursor:none}html.xh-cursor :is(a,button,label,summary),html.xh-cursor :is(a,button,label,summary) *{cursor:pointer!important}html.xh-cursor :is(input,textarea){cursor:text!important}html.xh-cursor input[type=checkbox],html.xh-cursor .xhair-hud,html.xh-cursor .xhair-hud *{cursor:pointer!important}.bp-toggle{display:inline-flex;align-items:center;gap:10px;font:inherit;color:inherit;background:none;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;cursor:pointer;transition:border-color .2s var(--ease)}.bp-toggle:hover{border-color:currentColor}.bp-toggle kbd{font:12px/1 var(--mono);color:var(--muted);padding:3px 5px;border:1px solid var(--line);border-radius:3px}html.blueprint{--ink: #E9EFEC;--muted: #A9BDB8;--ground: #0F2A2E;--surface: #133539;--line: rgba(233,239,236,.22);--petrol: #E9EFEC;--petrol-text: #0F2A2E;--petrol-muted: #6F8F89;--bp: rgba(233,239,236,.9);--bp-soft: rgba(233,239,236,.35);color-scheme:dark}html.blueprint body{background-image:linear-gradient(to bottom,rgba(233,239,236,.08) 1px,transparent 1px);background-size:100% 192px;background-position:center var(--bp-grid-y, 0)}html.blueprint .intro-grid{display:none}.intro-grid.rippling{background-image:none}html.blueprint .btn-accent{color:#13201d}html.blueprint .intro-mark{opacity:1!important;stroke:#e9efec80;stroke-width:.6}html.blueprint .portrait img{filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.9}html.blueprint .xhair{--xh: rgba(233,239,236,.45)}html.blueprint .xhair-hud{color:var(--ink);border-color:#e9efec80}html.blueprint ::selection{background:#e9efec;color:#0f2a2e}html.blueprint :is(.brand,.site-nav a,main h1,main h2,main h3,main p,main .btn,.list>li,.portrait,.ref-client,.ref-title,.field input,.field textarea,.check,.contact-lines a):not(:focus-visible){outline:1px dashed rgba(233,239,236,.28);outline-offset:0}html.bp-switching .brand .wordmark{view-transition-name:none}html.bp-switching::view-transition-old(root),html.bp-switching::view-transition-new(root){animation:none;mix-blend-mode:normal}html.bp-switching:not(.bp-leaving)::view-transition-new(root){animation:bp-wipe-in .95s cubic-bezier(.65,0,.35,1) both}html.bp-switching.bp-leaving::view-transition-old(root){z-index:2;animation:bp-wipe-out .8s cubic-bezier(.65,0,.35,1) both}@keyframes bp-wipe-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes bp-wipe-out{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0 0)}}.bp-scan{position:fixed;left:0;right:0;top:0;height:2px;z-index:20;background:#e9efec;box-shadow:0 0 18px 3px #e9efec8c,0 0 2px #ffffffe6;pointer-events:none;view-transition-name:bp-scan}html.bp-switching::view-transition-group(bp-scan){animation:bp-scan .95s cubic-bezier(.65,0,.35,1) both}html.bp-switching.bp-leaving::view-transition-group(bp-scan){animation-duration:.8s}html.bp-switching::view-transition-new(bp-scan){animation:none}@keyframes bp-scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.bp-layer{display:block;position:absolute;left:0;top:0;width:100%;z-index:3;pointer-events:none;overflow:hidden;font:11px/1 var(--mono);color:var(--bp)}.bp-layer>*{position:absolute;animation:bp-fade .5s var(--ease) both;animation-delay:calc(.3s + var(--i, 0) * 22ms)}@keyframes bp-fade{0%{opacity:0}}@keyframes bp-draw-x{0%{transform:scaleX(0)}}@keyframes bp-draw-y{0%{transform:scaleY(0)}}.bp-guide{top:0;bottom:0;width:1px;background:var(--bp-soft);transform-origin:top;animation-name:bp-draw-y;animation-duration:1.4s}.bp-guide-outer{background:none;border-left:1px dashed rgba(233,239,236,.2)}.bp-colrule{height:5px;border:1px solid var(--bp-soft);border-top:0;transform-origin:left;animation-name:bp-draw-x;animation-duration:1.2s}.bp-colnum{text-align:center;font-size:10px;color:var(--petrol-muted)}.bp-static>*{animation:none}.bp-metric{height:1px;background:#e9efec4d;transform-origin:left;animation-name:bp-draw-x;animation-duration:.9s}.bp-metric-base{background:var(--bp)}.bp-layer>.bp-metric{transition:opacity .3s var(--ease)}html:has(.intro h1.src-on) .bp-layer>.bp-metric{opacity:0}.bp-metric span{position:absolute;right:calc(100% + 10px);top:-6px;white-space:nowrap;color:var(--muted);animation:bp-fade .4s var(--ease) both;animation-delay:inherit}.bp-metric-end span{right:0;top:-15px}.bp-dim{color:var(--bp)}.bp-dim-h{height:9px;border-top:1px solid currentColor;margin-top:4px;transform-origin:center;animation-name:bp-draw-x;animation-duration:.8s}.bp-dim-h:before,.bp-dim-h:after{content:"";position:absolute;top:-5px;width:1px;height:9px;background:currentColor}.bp-dim-h:before{left:0}.bp-dim-h:after{right:0}.bp-dim-h span{position:absolute;left:50%;top:-6px;transform:translate(-50%);padding:0 6px;background:var(--ground)}.bp-dim-v{width:9px;border-left:1px solid currentColor;margin-left:4px;transform-origin:center;animation-name:bp-draw-y;animation-duration:.8s}.bp-dim-v:before,.bp-dim-v:after{content:"";position:absolute;left:-5px;height:1px;width:9px;background:currentColor}.bp-dim-v:before{top:0}.bp-dim-v:after{bottom:0}.bp-dim-v span{position:absolute;top:50%;right:14px;transform:translateY(-50%);white-space:nowrap}.bp-note{white-space:nowrap;color:var(--muted);line-height:16px}.bp-lead{height:1px;border-top:1px dotted rgba(233,239,236,.4);transform-origin:left;animation-name:bp-draw-x}.bp-nodes>*{vector-effect:non-scaling-stroke;animation:bp-fade .6s var(--ease) both}.bp-anchor{fill:#0f2a2e;stroke:#e9efec99;stroke-width:1}.bp-control{fill:#e9efec99;stroke:none}.bp-handle{fill:none;stroke:#e9efec40;stroke-width:1}html.blueprint body{padding-bottom:var(--bp-sheet-space, 0px)}.bp-sheet{display:block;position:absolute;z-index:4;width:300px;font:11px/1.35 var(--mono);color:var(--ink);background:var(--ground);border:1px solid var(--bp);animation:bp-sheet .6s var(--ease) .5s both}@keyframes bp-sheet{0%{opacity:0;transform:translateY(12px)}}.bp-sheet-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border-bottom:1px solid var(--bp)}.bp-sheet-title{font:600 15px/1 var(--sans);letter-spacing:-.01em}.bp-sheet dl{display:grid;grid-template-columns:auto 1fr;margin:0}.bp-sheet dt,.bp-sheet dd{margin:0;padding:5px 12px;border-bottom:1px solid rgba(233,239,236,.22)}.bp-sheet dt{color:var(--muted);border-right:1px solid rgba(233,239,236,.22)}.bp-sheet-close{display:flex;justify-content:space-between;width:100%;font:inherit;color:inherit;background:none;border:0;padding:9px 12px;cursor:pointer;text-align:left}.bp-sheet-close:hover{background:#e9efec14}.bp-sheet-close kbd{font:inherit;color:var(--muted)}.bp-tb-rows{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;overflow:hidden;background:var(--ground);font:11px/1.4 var(--mono);animation:bp-fade .5s var(--ease) .4s both}.bp-tb-rows>div{padding:8px 16px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line),1px 1px 0 var(--line)}.bp-tb-rows dt{color:var(--muted)}.bp-tb-rows dd{margin:0;color:var(--ink)}@media (prefers-reduced-motion: reduce){.bp-layer>*,.bp-nodes>*,.bp-sheet,.bp-tb-rows{animation:none}}html.blueprint .src-on,html.blueprint .src-on *{text-decoration-color:transparent!important}html.blueprint .fx-host{position:relative}.src{position:absolute;inset:0;display:block;overflow:hidden;font:400 12px/1.4 var(--mono);letter-spacing:0;text-align:left;white-space:normal;word-break:break-all;overflow-wrap:anywhere;color:inherit;pointer-events:none}html:not(.blueprint) .src{display:none}.src{visibility:hidden;transition:visibility 0s 2s}.src.src-on{visibility:visible;transition:none}.src-unit{position:absolute;inset:auto;z-index:3;white-space:pre-wrap}.portrait{position:relative}html.blueprint :is(.case-shots figure,.case-result-shot){position:relative}html.blueprint :is(.case-shots,.case-result-shot) img{filter:grayscale(1) contrast(1.05);opacity:.85}.hex{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:var(--radius)}.src-tag{opacity:.6}.btn .src{padding:5px 10px;box-sizing:border-box;font-weight:400}.src-loose{inset:50% 0 auto auto;transform:translateY(-50%);overflow:visible;white-space:nowrap;word-break:normal;font-size:11px;padding:3px 6px;background:transparent;transition:background-color .2s var(--ease),visibility 0s 2s;z-index:2}.src-on>.src-loose{background:var(--ground)}.src-loose.src-left{inset:50% auto auto 0}.src-loose{max-width:calc(100vw - 2 * var(--gutter, 16px))}.src-loose.src-left{white-space:normal;width:max-content}html.blueprint body{overflow-x:clip}.src-loose .src-w{transition-duration:.2s}html.blueprint .src-on>svg{opacity:0;transition:opacity .28s var(--ease)}html.blueprint .brand>svg{transition:opacity .28s var(--ease)}.fx-w,.src-w{transition:opacity .28s var(--ease)}.src-w,.src-on .fx-w{opacity:0}.src-on .src-w{opacity:1}.rv-wait .rv-item{opacity:0}html.blueprint .rv-wait .rv-item{opacity:1}@media print{.rv-wait .rv-item{opacity:1}}.rv-scan{position:absolute;left:0;right:0;height:1px;z-index:8;background:linear-gradient(to right,transparent,rgba(15,42,46,.42) 20%,rgba(15,42,46,.42) 80%,transparent);box-shadow:0 0 14px 2px #0f2a2e1a;pointer-events:none;will-change:transform,opacity}.bp-layer>.bp-hide{opacity:0!important;transition:opacity .2s var(--ease)}.bp-exit{display:none}@media (hover: none),(pointer: coarse){.bp-sheet-close kbd,.bp-toggle kbd{display:none}html.blueprint .bp-exit{display:inline-flex;align-items:center;position:fixed;z-index:20;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));font:12px/1 var(--mono);color:var(--ink);background:var(--ground);border:1px solid var(--bp);border-radius:var(--radius);padding:10px 12px;cursor:pointer;animation:bp-fade .4s var(--ease) .5s both}html.blueprint .bp-exit:active{background:#e9efec1f}}@media print{.xhair,.xhair-hud,.bp-exit{display:none!important}}.bp-measure{z-index:4}.bp-measure>*{animation:none}.bp-dim-live{color:var(--ink)}.bp-dim-live span{font-weight:500}
