.build{--a-layout: #2e6ec1;--a-copy: #b84a1b;--a-visuals: #6b5893;--a-review: #84640f;--a-ink: #fff;--b-ghost: color-mix(in srgb, var(--a-layout) 70%, transparent);overflow-x:clip}:root[data-theme=dark] .build{--a-layout: #86b0ea;--a-copy: #f0946a;--a-visuals: #b9a6e2;--a-review: #dcb85a;--a-ink: #1b1e19}[data-agent=layout],[data-by=layout]{--c: var(--a-layout)}[data-agent=copy],[data-by=copy]{--c: var(--a-copy)}[data-agent=visuals],[data-by=visuals]{--c: var(--a-visuals)}[data-agent=review],[data-by=review]{--c: var(--a-review)}.b-scene{padding-inline:var(--page-pad-x)}.b-wrap{width:100%;max-width:var(--page-max);margin-inline:auto}.b-stage{padding-block:clamp(36px,5vw,64px)}.b-hero .b-stage{padding-block:clamp(40px,7vw,96px) clamp(24px,3vw,40px)}.b-slot{position:relative}span.b-slot{display:inline-flex}.b-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.b-ghost,.b-canvas,.b-prompt,.b-lead-caption,.b-sel,.b-agents,.b-dock,.b-ty{display:none}.build[data-build] .b-scene{height:calc(100vh - var(--header-h) + var(--len) * 1vh);padding-inline:0}.build[data-build] .b-stage{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:16px var(--page-pad-x) 84px;overflow:clip}@supports (height: 100svh){.build[data-build] .b-scene{height:calc(100svh - var(--header-h) + var(--len) * 1vh)}.build[data-build] .b-stage{height:calc(100svh - var(--header-h))}}.build[data-build] .b-stage>.b-wrap{transform:scale(var(--fit, 1))}.build[data-build]:not([data-ready]) :is(.b-wrap,.b-flow,[data-text]){visibility:hidden}.build[data-build] .b-piece{opacity:0}.build[data-build] :where(.b-ghost){display:block;position:absolute;inset:-10px -16px;border:1.5px dashed var(--b-ghost);border-radius:14px;opacity:0;pointer-events:none;clip-path:inset(-12px calc((1 - var(--d, 0)) * 100%) calc((1 - var(--d, 0)) * 100%) -12px);transition:border-color .2s ease}.build[data-build] .b-ghost[data-by]{border-style:solid;border-color:var(--c)}.b-ghost:before{content:attr(data-tag);position:absolute;left:12px;top:-9px;padding:0 6px;background:var(--paper);color:var(--a-layout);font:500 11px/16px var(--font-code);letter-spacing:0}.b-ghost[data-by]:before{color:var(--c)}.build[data-build] .b-real{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.build[data-build] .b-ty{display:block;position:relative}.b-ty-ghost{visibility:hidden}.b-ty-live{position:absolute;inset:0 -.5em 0 0}.b-hero-wrap .b-ty-live{inset:0 -.5em}.b-ty-rest{visibility:hidden}.b-caret{position:relative}.b-caret:after{content:"";position:absolute;left:.04em;top:6%;bottom:6%;width:max(2px,.055em);border-radius:2px;background:var(--a-copy);opacity:0}.b-caret.on:after{opacity:1;animation:b-blink 1.1s steps(1) infinite}.b-w{transition:opacity .12s linear}.b-hero-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.b-portrait{width:clamp(84px,9vw,124px);aspect-ratio:1;margin-bottom:clamp(18px,3.2vh,34px)}.b-portrait img{width:100%;height:100%;border-radius:26%;border:2px solid var(--border)}.b-portrait .b-ghost{inset:-8px;border-radius:30%}.b-hero-title{width:fit-content;max-width:100%;margin:0;font-size:clamp(40px,10.2vw,124px);font-weight:850;letter-spacing:-.05em;line-height:1.04;text-wrap:balance}.b-hero-intro{max-width:620px;margin:clamp(16px,2.8vh,30px) 0 clamp(22px,3.4vh,36px);font-size:clamp(18px,1.7vw,22px);line-height:1.55;letter-spacing:-.015em;color:var(--ink)}.b-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.b-hero-actions a{white-space:nowrap;gap:12px}.b-hero-actions .b-ghost{inset:-7px;border-radius:20px}.build[data-build] .b-canvas{display:block;position:absolute;inset:0;opacity:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--ink) 20%,transparent) 1px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 78%);pointer-events:none}.build[data-build] .b-prompt{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vh,36px);padding:0 var(--page-pad-x) 84px;text-align:center;pointer-events:none}.b-prompt-text{max-width:12ch;margin:0;color:var(--ink);font:850 clamp(42px,10.6vw,136px)/1.02 var(--font-display);letter-spacing:-.05em}.b-prompt-text .b-caret:after{top:17%;bottom:15%;background:var(--accent)}.b-prompt-hint{margin:0;color:var(--muted);font:800 17px/1.4 var(--font-display)}.b-prompt-arrow{display:inline-block;margin-left:4px;animation:b-nudge 1.8s ease-in-out infinite}.b-card{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;margin-bottom:28px;background:var(--paper);border:2px solid var(--border);border-bottom-width:5px;border-radius:24px}.b-card:hover{text-decoration:none}.b-card-copy{align-self:center;padding:clamp(24px,3vw,36px)}.b-card h3{margin:0 0 14px;font-size:clamp(24px,2.5vw,32px);letter-spacing:-.035em;line-height:1.12}.b-card-summary{margin-bottom:12px;font-size:16px;line-height:1.6}.b-card-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--link);font:800 16px/1.4 var(--font-display);transform-origin:left center}.b-card-action span{font-size:20px;line-height:1}.b-card-cover{display:grid;min-height:320px;overflow:hidden}@media(max-width:700px){.b-card{grid-template-columns:1fr}.b-card-cover{min-height:0}.b-card-copy{padding:22px 22px 14px}}.b-photos{margin-top:var(--section-gap)}.b-photos .b-stage{padding-block:0}.b-photos .b-wrap{padding-top:20px;border-top:1px solid var(--border)}.build[data-build] .b-photos .b-wrap{padding-top:0;border-top:0}.b-photo-grid,.b-photo-row{display:flex;gap:6px}.b-photo-grid{flex-direction:column}.b-photo{flex:var(--ratio) 1 0;min-width:0;margin:0;aspect-ratio:var(--ratio)}.b-photo>a{display:block;height:100%;overflow:hidden}.b-photo img{width:100%;height:100%;object-fit:cover}.b-photo .b-ghost{inset:0;border-radius:0;clip-path:inset(0 calc((1 - var(--d, 0)) * 100%) calc((1 - var(--d, 0)) * 100%) 0)}.b-photo .b-ghost:before{top:10px;background:none}@media(max-width:600px){.b-photo-grid,.b-photo-row{gap:4px}}.build[data-build] .b-photos .b-wrap{width:min(100%,calc((100vh - var(--header-h) - 230px) * var(--grid-ratio)))}@supports (height: 100svh){.build[data-build] .b-photos .b-wrap{width:min(100%,calc((100svh - var(--header-h) - 230px) * var(--grid-ratio)))}}.build[data-build] .b-photos .b-piece{transform-origin:center}.build[data-build] .b-lead-caption{display:block;position:absolute;inset:auto 0 0;z-index:6;padding:140px var(--page-pad-x) 96px;background:linear-gradient(to top,#080e0abd,#080e0a00);color:#fff;opacity:0;pointer-events:none}.b-lead-caption p{margin:0 0 6px;color:inherit;font:850 clamp(30px,5.4vw,68px)/1.05 var(--font-display);letter-spacing:-.045em}.b-lead-caption span{font:15px/1.5 var(--font-sans);opacity:.86}.build[data-build] .b-sel{display:block;position:absolute;left:0;top:0;z-index:7;border:2px solid var(--a-visuals);opacity:0;pointer-events:none}.b-sel i{position:absolute;width:11px;height:11px;background:#fff;border:2px solid var(--a-visuals);border-radius:2px}.b-sel i:nth-child(1){left:-6px;top:-6px}.b-sel i:nth-child(2){right:-6px;top:-6px}.b-sel i:nth-child(3){left:-6px;bottom:-6px}.b-sel i:nth-child(4){right:-6px;bottom:-6px}.print{--print: #fffdfa;width:100%;padding:clamp(10px,1.4vw,16px);background:var(--print);border:1px solid var(--border);border-radius:4px}:root[data-theme=dark] .print{--print: var(--surface)}.print-photo{position:relative;display:block;overflow:hidden;aspect-ratio:var(--ratio);background:var(--surface)}.print-photo img{width:100%;height:100%;object-fit:cover}.print-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:6px 24px;flex-wrap:wrap;margin:0;padding:14px 2px 2px;color:var(--ink)}.print-title{display:grid;gap:2px;min-width:0}.print-label{font:800 clamp(17px,1.6vw,20px)/1.25 var(--font-display);letter-spacing:-.02em}.print-count,.print-lens,.print-settings{color:var(--muted);font:var(--t-small)/1.5 var(--font-sans);font-variant-numeric:tabular-nums}.print-shot{display:grid;justify-items:end;gap:2px;margin-left:auto;text-align:right}.print-camera{font:800 15px/1.4 var(--font-display)}.print-settings{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 12px}.b-veil,.b-line{display:none}.b-gallery{--gap: clamp(16px, 2.4vw, 28px);columns:2 420px;column-gap:var(--gap);margin-top:clamp(36px,5vw,64px)}.b-frame{min-width:0;margin:0 0 var(--gap);padding:0;break-inside:avoid}.b-frame .b-stage{padding:0}.build[data-build] .b-gallery{columns:auto;margin-top:0;padding-inline:0;max-width:none}.build[data-build] .b-frame{margin:0}.build[data-build] .b-frame .b-stage{padding:16px var(--page-pad-x) 84px}.build[data-build] .print{--room: calc(100vh - var(--header-h) - 140px - var(--strip, 96px));width:min(100%,calc(var(--room) * var(--ratio) + 34px))}@supports (height: 100svh){.build[data-build] .print{--room: calc(100svh - var(--header-h) - 140px - var(--strip, 96px))}}.build[data-build] .b-veil{display:block;position:absolute;inset:0;-webkit-backdrop-filter:grayscale(1) brightness(.5) contrast(.9);backdrop-filter:grayscale(1) brightness(.5) contrast(.9);pointer-events:none}.build[data-build] .b-line{display:block;position:absolute;left:0;top:0;width:2px;height:100%;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0000002e;opacity:0;pointer-events:none}.b-line[data-axis=y]{width:100%;height:2px;margin:-1px 0 0}.b-line i{position:absolute;left:50%;top:52%;width:36px;height:36px;margin:-18px 0 0 -18px;background:#fff;border-radius:50%;box-shadow:0 2px 12px #0000004d}.b-line[data-axis=y] i{left:52%;top:50%;rotate:90deg}.b-line i:before,.b-line i:after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-4px;border:solid #213222;border-width:2px 2px 0 0}.b-line i:before{left:8px;transform:rotate(-135deg)}.b-line i:after{right:8px;transform:rotate(45deg)}.build[data-build] .b-work-intro .page-intro{padding-top:0}.b-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,48px) clamp(24px,4vw,56px);margin:0}.b-stat dt{color:var(--ink);font:850 clamp(44px,6vw,76px)/1 var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.b-stat dd{margin:12px 0 0;max-width:34ch;font-size:16px;line-height:1.55}.b-stat dd span{display:block;margin-top:4px;color:var(--muted);font-size:var(--t-small)}@media(max-width:520px){.b-stats{grid-template-columns:minmax(0,1fr)}}.build[data-build] :is(.b-work-flow,.b-home-end){padding-bottom:20vh}.build[data-build] .b-agents{display:block;position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none}.b-cur,.b-you{position:absolute;left:0;top:0;will-change:transform}.b-cur-body{animation:b-bob 3.4s ease-in-out infinite}.b-cur[data-agent=copy] .b-cur-body{animation-duration:2.9s;animation-delay:-1.1s}.b-cur[data-agent=visuals] .b-cur-body{animation-duration:3.8s;animation-delay:-2.2s}.b-cur[data-agent=review] .b-cur-body{animation-duration:4.3s;animation-delay:-.6s}.b-cur.is-tight .b-cur-body{animation-play-state:paused}.b-cur-arrow{display:block;margin:-2px 0 0 -2px;overflow:visible;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28));transform-origin:2px 2px;transition:transform .12s var(--ease-out)}.b-cur-arrow path{fill:var(--c);stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.b-cur.is-press .b-cur-arrow{transform:scale(.78)}.b-cur-ring{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border:2px solid var(--c);border-radius:50%;opacity:0}.b-cur.is-press .b-cur-ring{animation:b-ring .52s var(--ease-out)}.b-cur-tag,.b-you span{position:absolute;left:13px;top:17px;display:grid;padding:3px 10px 4px;background:var(--c);color:var(--a-ink);border-radius:4px 13px 13px;box-shadow:0 2px 10px #00000024;font:800 13px/1.35 var(--font-display);white-space:nowrap}.b-cur.is-flip .b-cur-tag{left:auto;right:6px;border-radius:13px 4px 13px 13px}.b-cur-say{display:none;width:max-content;max-width:min(216px,56vw);padding-bottom:2px;font-size:14px;font-weight:700;line-height:1.35;white-space:normal}.b-cur.has-say .b-cur-name{font-size:11px;opacity:.82}.b-cur.has-say .b-cur-say{display:block;animation:b-pop .26s var(--ease-out)}.b-cur.has-say .b-cur-tag{padding:6px 12px 7px;border-radius:4px 16px 16px;transform-origin:0 0}.b-cur.has-say.is-flip .b-cur-tag{border-radius:16px 4px 16px 16px}.b-cur-tag{transition:opacity .16s ease}@media(max-width:700px){.b-cur.is-idle .b-cur-tag{opacity:0}}.b-you{opacity:0;transition:opacity .2s ease}.b-you.on{opacity:1}.b-you span{--c: var(--accent);left:14px;top:20px;color:var(--accent-ink)}.build[data-build] .b-dock,.build[data-skipped] .b-dock{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:5px 5px 5px 16px;overflow:hidden;background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:2px solid var(--border);border-bottom-width:4px;border-radius:18px;color:var(--ink);font:800 14px/1.3 var(--font-display);transform:translate(-50%)}.b-dock-live{display:flex;align-items:center;gap:12px;min-width:0}.b-dock-dots{display:flex;gap:5px}.b-dock-dots i{width:8px;height:8px;background:var(--c);border-radius:50%;opacity:.28;transition:opacity .16s ease,transform .16s var(--ease-out)}.b-dock-dots i.on{opacity:1;transform:scale(1.3)}.b-dock-status{width:min(270px,46vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-dock button{flex:none;min-height:40px;padding:6px 14px;background:var(--surface);color:var(--muted);border:0;border-radius:12px;font:800 14px/1.3 var(--font-display);cursor:pointer;white-space:nowrap}.b-dock button:hover{color:var(--ink)}.b-dock button:focus-visible{outline-offset:-3px}.b-dock-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent);transform:scaleX(var(--pct, 0));transform-origin:left}.build[data-build] .b-dock-replay{display:none}.build[data-skipped] .b-dock{left:auto;right:max(14px,env(safe-area-inset-right));padding:4px;transform:none}.build[data-skipped] :is(.b-dock-live,.b-dock-skip,.b-dock-bar){display:none}@media(max-width:600px){.b-wide{display:none}.build[data-build] .b-dock{width:calc(100vw - 24px)}.b-dock-live{flex:1}.b-dock-status{flex:1;width:auto;font-size:13px}}@keyframes b-blink{50%{opacity:0}}@keyframes b-nudge{50%{transform:translateY(5px)}}@keyframes b-bob{50%{transform:translate3d(2px,-4px,0)}}@keyframes b-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes b-pop{0%{opacity:0;transform:scale(.9)}}
