.book-study{--book-duration: 9.4s;--book-fold-shift: 4%;--book-stage-surface: var(--surface-raised);--book-page-edge: var(--border);--book-cover-ink: var(--on-accent);--book-cover-surface: var(--accent);--book-vector-one: var(--rail-application);--book-vector-two: var(--rail-story);--book-shadow: var(--display-panel-shadow);padding-block:var(--space-8) var(--space-10)}.book-study-heading{text-align:center}.book-study-heading .eyebrow{color:var(--muted);margin-bottom:var(--space-3)}.book-study-heading h1{font-size:var(--type-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-heading)}.book-figure{margin:var(--space-6) var(--space-0) var(--space-4)}.book-stage{position:relative;max-width:var(--size-prose);margin-inline:auto;aspect-ratio:1.6;border-radius:var(--radius-medium);background:var(--book-stage-surface);overflow:hidden;isolation:isolate;perspective:1000px}.book-clock{position:absolute;inset:0;perspective:1000px}.book-world{position:absolute;left:8%;top:26%;width:84%;height:auto;aspect-ratio:3;transform:translate(-21%) rotateX(14deg) rotate(-5deg);transform-style:preserve-3d}.book-spread{width:100%;height:100%;position:relative;transform-style:preserve-3d}.book-board{position:absolute;width:50%;height:100%;overflow:hidden;border:var(--stroke-strong) solid var(--book-page-edge);border-radius:var(--radius-small);box-shadow:var(--book-shadow)}.board-left{left:0;opacity:0}.board-right{left:50%}.book-scene{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--surface)}.book-scene img{position:absolute;left:var(--scene-x);top:var(--scene-y);width:200%;height:200%;max-width:none;object-fit:fill}.book-leaf,.book-cover{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d}.book-leaf-front,.book-leaf-back,.book-cover-front,.book-cover-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border:var(--stroke-hairline) solid var(--book-page-edge);border-radius:var(--radius-small)}.book-leaf-back,.book-cover-back{transform:rotateY(180deg)}.leaf-0{z-index:5}.leaf-1{z-index:4}.leaf-2{z-index:3}.book-cover{z-index:6}.book-cover-front{background:var(--book-cover-surface);color:var(--book-cover-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--type-caption)}.book-cover-front .book-mark{width:45%}.book-mark{display:block}.book-mark img{width:100%;height:auto}.book-spine{position:absolute;width:var(--stroke-strong);height:100%;left:50%;top:0;background:var(--book-page-edge);z-index:7}.book-vectors{position:absolute;inset:7%;opacity:.7}.book-vector{position:absolute;left:50%;top:88%;width:52%;height:var(--stroke-focus);transform-origin:left center}.vector-first{background:var(--book-vector-one);transform:rotate(-145deg);color:var(--book-vector-one)}.vector-second{background:var(--book-vector-two);transform:rotate(-35deg);color:var(--book-vector-two)}.book-vector:after{content:"";position:absolute;right:calc(-1 * var(--space-1));top:50%;transform:translateY(-50%);border-top:var(--space-2) solid var(--source-transparent);border-bottom:var(--space-2) solid var(--source-transparent);border-left:var(--space-3) solid currentColor}.book-final{position:absolute;width:55%;left:22.5%;top:50%;transform:translateY(-50%)}.book-status{text-align:center;margin-top:var(--space-3);color:var(--muted);font-size:var(--type-caption);min-height:var(--space-6)}.book-controls,.book-step-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.book-controls .button{min-height:var(--size-target);padding:var(--space-2) var(--space-5)}.book-controls .text-link{display:inline-flex;align-items:center;min-height:var(--size-target);padding-inline:var(--space-2)}.book-controls button:disabled,.book-step-controls button:disabled{opacity:.55;transform:none}.book-step-controls{margin-top:var(--space-4);font-size:var(--type-caption)}.book-step-controls button{min-height:var(--size-target);padding:var(--space-2) var(--space-3);border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-small)}.book-stage[data-mode=animated] .book-clock{animation:book-clock var(--book-duration) linear both}.book-stage[data-mode=animated] .book-world{animation:book-opening var(--book-duration) ease-in-out both}.book-stage[data-mode=animated] .board-left{animation:book-left var(--book-duration) ease both}.book-stage[data-mode=animated] .book-cover{animation:book-cover var(--book-duration) ease-in-out both}.book-stage[data-mode=animated] .leaf-0{animation:book-leaf-one var(--book-duration) ease-in-out both}.book-stage[data-mode=animated] .leaf-1{animation:book-leaf-two var(--book-duration) ease-in-out both}.book-stage[data-mode=animated] .leaf-2{animation:book-leaf-three var(--book-duration) ease-in-out both}.book-stage[data-mode=animated] .book-final{animation:book-final var(--book-duration) ease both}.book-stage[data-mode=animated] .book-vectors{animation:book-vectors var(--book-duration) ease both}.book-stage[data-mode=animated] .book-clock[data-paused=true],.book-stage[data-mode=animated] .book-clock[data-paused=true] *{animation-play-state:paused}@keyframes book-clock{0%{opacity:1}to{opacity:1}}@keyframes book-opening{0%,8%{opacity:1;transform:translate(-21%) rotateX(14deg) rotate(-5deg) scale(1)}23%,59%{opacity:1;transform:translate(0) rotateX(7deg) rotate(0) scale(1)}65%,69%{opacity:1;transform:translateY(var(--book-fold-shift)) rotateX(55deg) rotate(45deg) scale(.6,1.8)}76%,to{opacity:0;transform:translateY(var(--book-fold-shift)) rotateX(55deg) rotate(45deg) scale(.46,1.38)}}@keyframes book-left{0%,9%{opacity:0}18%,to{opacity:1}}@keyframes book-cover{0%,9%{transform:rotateY(0)}23%,to{transform:rotateY(-178deg)}}@keyframes book-leaf-one{0%,24%{transform:rotateY(0)}36%,to{transform:rotateY(-177deg)}}@keyframes book-leaf-two{0%,36%{transform:rotateY(0)}48%,to{transform:rotateY(-176deg)}}@keyframes book-leaf-three{0%,48%{transform:rotateY(0)}60%,to{transform:rotateY(-175deg)}}@keyframes book-final{0%,69%{opacity:0;transform:translateY(-50%) scale(.95)}77%,to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes book-vectors{0%,58%{opacity:.7;transform:scale(1)}74%,to{opacity:0;transform:scale(.78)}}.book-stage[data-mode=static] .book-world,.book-stage[data-mode=static] .book-vectors{opacity:0}.book-stage[data-mode=static]:not([data-step="5"]) .book-world{opacity:1}.book-stage[data-mode=static]:not([data-step="5"]) .book-vectors{opacity:.7}.book-stage[data-mode=static]:not([data-step="5"]) .book-final{opacity:0}.book-stage[data-mode=static]:not([data-step="0"]) .book-world{transform:rotateX(7deg)}.book-stage[data-mode=static]:not([data-step="0"]) .board-left{opacity:1}.book-stage[data-mode=static]:not([data-step="0"]) .book-cover{transform:rotateY(-178deg)}.book-stage[data-step="2"] .leaf-0,.book-stage[data-step="3"] .leaf-0,.book-stage[data-step="4"] .leaf-0{transform:rotateY(-177deg)}.book-stage[data-step="3"] .leaf-1,.book-stage[data-step="4"] .leaf-1{transform:rotateY(-176deg)}.book-stage[data-step="4"] .leaf-2{transform:rotateY(-175deg)}@media(max-width:48rem){.book-study{padding-block:var(--space-6);--book-fold-shift: 14%}.book-study-heading h1{font-size:var(--type-title)}.book-stage{aspect-ratio:1.35}.book-figure{margin-top:var(--space-5)}.book-cover-front{font-size:var(--type-caption)}}@media(prefers-reduced-motion:reduce){.book-clock,.book-clock *{animation:none!important}}.app-preview{--preview-canvas: var(--surface);--preview-paper: var(--surface-raised);--preview-ink: var(--text);--preview-muted: var(--muted);--preview-line: var(--border);--preview-action: var(--accent);--preview-action-ink: var(--on-accent);--preview-tint: color-mix(in oklab, var(--accent) 9%, var(--surface-raised));--preview-story-tint: color-mix(in oklab, var(--rail-story) 8%, var(--surface-raised));--preview-gallery: color-mix(in oklab, var(--accent) 17%, var(--surface-raised));padding-block:var(--space-5);font-size:var(--type-caption)}.preview-shell{display:grid;grid-template-columns:11rem minmax(0,1fr);min-height:44rem;background:var(--preview-paper);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-large);overflow:clip;box-shadow:var(--display-panel-shadow)}.preview-sidebar{padding:var(--space-6) var(--space-3);background:var(--preview-canvas);border-right:var(--stroke-hairline) solid var(--preview-line);display:flex;flex-direction:column;min-width:0}.preview-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;font-size:var(--type-lead);letter-spacing:var(--tracking-heading);padding-inline:var(--space-1)}.preview-brand img{width:var(--size-icon);height:var(--size-icon)}.preview-sidebar-label{margin:var(--space-10) var(--space-3) var(--space-3);color:var(--preview-muted)}.preview-nav{display:flex;flex-direction:column;gap:var(--space-2)}.preview-nav button{border:none;padding:var(--space-3);min-height:var(--size-target);text-align:left;border-radius:var(--radius-small);color:var(--preview-muted);font-weight:var(--weight-medium);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.preview-nav button[aria-pressed=true]{background:var(--preview-tint);color:var(--preview-action);font-weight:var(--weight-bold)}.preview-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);border-radius:var(--radius-pill);background:var(--preview-action);color:var(--preview-action-ink)}.preview-account{margin-top:auto;padding:var(--space-8) var(--space-1) var(--space-0);display:flex;gap:var(--space-2);align-items:center}.preview-initials{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:var(--preview-gallery);border-radius:var(--radius-pill);flex-shrink:0;font-size:var(--type-caption)}.preview-account strong,.preview-account div>span{display:block}.preview-account div>span{font-size:var(--type-caption);color:var(--preview-muted);margin-top:var(--space-1)}.preview-workspace{min-width:0}.preview-topbar{min-height:var(--space-20);padding:var(--space-3) var(--space-6);border-bottom:var(--stroke-hairline) solid var(--preview-line);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.preview-location{display:flex;flex-direction:column;min-width:0}.preview-location>span{color:var(--preview-muted)}.preview-location strong{font-weight:var(--weight-semibold)}.preview-header-controls{display:flex;align-items:center;gap:var(--space-4);min-width:0}.preview-persona{display:flex;align-items:center;gap:var(--space-2);color:var(--preview-muted)}.app-preview select{min-height:var(--size-target);padding-block:var(--space-2);font-size:var(--type-caption)}.preview-tour-controls{display:flex;gap:var(--space-2)}.preview-tour-controls button{min-height:var(--size-target);padding:var(--space-2) var(--space-3);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-small);font-size:var(--type-caption);white-space:nowrap}.app-preview button:disabled{opacity:.55;cursor:default}.preview-content{padding:var(--space-8);min-width:0}.preview-content>section{min-width:0}.preview-page-heading{margin-bottom:var(--space-6)}.preview-eyebrow{color:var(--preview-muted);font-size:var(--type-caption);font-weight:var(--weight-medium)}.preview-page-heading h1{margin-block:var(--space-2) var(--space-3);font-size:clamp(1.75rem,1rem + 1.5vw,2.75rem);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);font-weight:var(--weight-bold)}.preview-page-heading>p:last-child{color:var(--preview-muted)}.preview-today-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-5)}.preview-attention,.preview-current-story,.preview-story-paper,.preview-story-aside,.preview-hugo-note{min-width:0;border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-medium);padding:var(--space-6)}.preview-attention{background:var(--preview-tint)}.preview-card-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--preview-muted);margin-bottom:var(--space-6)}.preview-chip{display:inline-flex;border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);color:var(--preview-ink);font-size:var(--type-caption);font-weight:var(--weight-medium)}.preview-specialist{display:flex;align-items:center;gap:var(--space-3)}.preview-specialist>.agent-portrait{width:var(--space-10);flex-shrink:0;border-radius:var(--radius-pill)}.preview-specialist strong,.preview-specialist div>span{display:block}.preview-specialist div>span{color:var(--preview-muted);font-size:var(--type-caption)}.preview-attention h2{font-size:var(--type-card-title);line-height:1.2;letter-spacing:var(--tracking-heading);margin-block:var(--space-5) var(--space-3);max-width:var(--size-copy)}.preview-attention>p{color:var(--preview-muted);margin-bottom:var(--space-4)}.preview-attention form>label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-semibold)}.preview-attention textarea{width:100%;resize:vertical;min-height:var(--space-24);max-width:100%;background:var(--preview-paper);color:var(--preview-ink);font:inherit;line-height:var(--leading-body);padding:var(--space-3);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-small)}.preview-attention textarea::placeholder{color:var(--preview-muted);opacity:1}.preview-form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.preview-button,.preview-quiet-button{min-height:var(--size-target);padding:var(--space-2) var(--space-4);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-small);font-weight:var(--weight-semibold)}.preview-button{background:var(--preview-action);border-color:var(--preview-action);color:var(--preview-action-ink)}.preview-current-story{background:var(--preview-story-tint);display:flex;flex-direction:column;align-items:flex-start}.preview-current-story h2{font-size:var(--type-heading);line-height:1.1;margin-block:var(--space-6) var(--space-4);letter-spacing:var(--tracking-heading)}.preview-current-story>p{line-height:1.65}.preview-source{display:inline-block;margin-top:var(--space-4);font-size:var(--type-caption);color:var(--preview-muted)}.preview-text-button{margin-top:auto;padding:var(--space-5) var(--space-0) var(--space-0);min-height:var(--size-target);border:none;font-weight:var(--weight-semibold);color:var(--preview-action);text-align:left}.preview-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-block:var(--space-8) var(--space-4)}.preview-section-heading h2{font-size:var(--type-lead);letter-spacing:var(--tracking-heading)}.preview-section-heading>span{color:var(--preview-muted)}.preview-opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.preview-opportunity{display:flex;align-items:center;gap:var(--space-3);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-medium);padding:var(--space-4);text-align:left;min-width:0}.preview-company{display:inline-flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);flex-shrink:0;background:var(--preview-tint);color:var(--preview-action);border-radius:var(--radius-small);font-size:var(--type-lead);font-weight:var(--weight-bold)}.company-1{background:var(--preview-story-tint);color:var(--preview-ink)}.preview-opportunity>span:nth-child(2){min-width:0}.preview-opportunity strong,.preview-opportunity>span>span{display:block}.preview-opportunity>span>span{color:var(--preview-muted)}.preview-opportunity-status{margin-left:auto;font-size:var(--type-caption);color:var(--preview-muted);max-width:var(--space-24)}.preview-story-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--space-5)}.preview-story-paper{padding:var(--space-8);border-top:var(--stroke-focus) solid var(--rail-story)}.preview-story-paper h2{font-size:var(--type-title);line-height:1.05;letter-spacing:var(--tracking-heading);margin-block:var(--space-6)}.preview-story-lead{font-size:var(--type-lead);max-width:var(--size-copy);line-height:1.6}.preview-story-facts{margin-top:var(--space-8);display:grid;gap:var(--space-5)}.preview-story-facts div>span{color:var(--preview-muted);font-weight:var(--weight-semibold)}.preview-story-facts p{margin-top:var(--space-1)}.preview-evidence{border-top:var(--stroke-hairline) solid var(--preview-line);margin-top:var(--space-6);padding-top:var(--space-4)}.preview-evidence summary{min-height:var(--size-target);color:var(--preview-muted)}.preview-evidence p{margin-block:var(--space-3)}.preview-story-aside{background:var(--preview-tint);align-self:start}.preview-story-aside blockquote{font-size:var(--type-card-title);line-height:1.3;letter-spacing:var(--tracking-heading);margin:var(--space-6) var(--space-0) var(--space-4)}.preview-story-aside>p{color:var(--preview-muted);margin-bottom:var(--space-5)}.preview-reuse-note{border-top:var(--stroke-hairline) solid var(--preview-line);margin-top:var(--space-8);padding-top:var(--space-4)}.preview-reuse-note p{margin-top:var(--space-2);font-weight:var(--weight-semibold)}.preview-reuse-note>span:last-child{color:var(--preview-muted)}.preview-application-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.preview-field{display:flex;flex-direction:column;gap:var(--space-1);color:var(--preview-muted);min-width:0}.preview-package-toolbar,.preview-site-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);border-bottom:var(--stroke-hairline) solid var(--preview-line);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.preview-document-tabs,.preview-device-control{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);background:var(--preview-canvas);border-radius:var(--radius-small);border:var(--stroke-hairline) solid var(--preview-line)}.preview-document-tabs button,.preview-device-control button{min-height:var(--size-target);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-small);color:var(--preview-muted)}.preview-document-tabs button[aria-pressed=true],.preview-device-control button[aria-pressed=true]{color:var(--preview-action);background:var(--preview-paper);font-weight:var(--weight-semibold)}.preview-package-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:var(--space-5)}.preview-document{border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-small);padding:var(--space-8);box-shadow:var(--display-panel-shadow);min-width:0}.preview-document-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);color:var(--preview-muted);font-size:var(--type-caption);margin-bottom:var(--space-6)}.preview-document-meta strong{font-weight:var(--weight-medium)}.preview-document h2{font-size:var(--type-heading);line-height:1.1;letter-spacing:var(--tracking-heading);margin-bottom:var(--space-3)}.preview-document-subtitle{color:var(--preview-muted)}.preview-document-rule{margin-block:var(--space-5);border-top:var(--stroke-strong) solid var(--preview-action)}.preview-document h3{font-size:var(--type-body);margin-block:var(--space-5) var(--space-3)}.preview-document h4{font-size:var(--type-body);font-weight:var(--weight-semibold);margin-block:var(--space-3)}.preview-document p+p{margin-top:var(--space-4)}.preview-document ul{padding-left:var(--space-5);line-height:1.8}.preview-hugo-note{background:var(--preview-canvas);align-self:start}.preview-hugo-note h3{font-size:var(--type-lead);line-height:1.25;margin-block:var(--space-5) var(--space-3)}.preview-hugo-note>p,.preview-version-note>p{color:var(--preview-muted)}.preview-version-note{border-top:var(--stroke-hairline) solid var(--preview-line);margin-top:var(--space-6);padding-top:var(--space-4)}.preview-version-note>p{margin-top:var(--space-2)}.preview-site-well{padding:var(--space-5);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-medium);background:var(--preview-canvas)}.preview-site-frame{background:var(--preview-paper);border:var(--stroke-hairline) solid var(--preview-line);border-radius:var(--radius-small);overflow:hidden;max-width:100%;margin-inline:auto}.preview-site-frame[data-device=Phone]{width:19rem;border-radius:var(--radius-large)}.preview-site-address{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-4);color:var(--preview-muted);border-bottom:var(--stroke-hairline) solid var(--preview-line);font-size:var(--type-caption)}.preview-personal-site{padding:var(--space-6)}.preview-personal-site>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.preview-personal-site>header strong{font-size:var(--type-lead);letter-spacing:var(--tracking-heading)}.preview-personal-site>header strong>span{color:var(--preview-action)}.preview-personal-site>header>span{color:var(--preview-muted);font-size:var(--type-caption)}.preview-engineer-hero{padding-block:var(--space-10) var(--space-8);max-width:var(--size-prose)}.preview-engineer-hero h2,.preview-woodworker-hero h2{font-size:var(--type-heading);line-height:1.08;letter-spacing:var(--tracking-heading);margin-block:var(--space-3) var(--space-4)}.preview-engineer-hero>p{max-width:var(--size-copy);color:var(--preview-muted)}.preview-site-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--stroke-hairline) solid var(--preview-line)}.preview-site-projects article{padding-top:var(--space-5)}.preview-site-projects article+article{border-left:var(--stroke-hairline) solid var(--preview-line);padding-left:var(--space-5)}.preview-site-projects article>span{color:var(--preview-muted);font-size:var(--type-caption)}.preview-site-projects h3{margin-block:var(--space-2);font-size:var(--type-lead);line-height:1.2}.preview-site-projects p{color:var(--preview-muted)}.preview-woodworker-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:center;margin-block:var(--space-8)}.preview-woodcraft{position:relative;overflow:hidden;aspect-ratio:3 / 2;width:100%;border-radius:var(--radius-small)}.preview-woodcraft img{position:absolute;left:var(--scene-x);top:var(--scene-y);width:200%;height:200%;max-width:none;object-fit:fill}.preview-woodworker-bottom{border-top:var(--stroke-hairline) solid var(--preview-line);padding-top:var(--space-4)}.preview-woodworker-bottom>span{color:var(--preview-muted)}.preview-woodworker-bottom h3{font-size:var(--type-lead);margin-block:var(--space-2)}.style-gallery{background:var(--preview-gallery)}.style-gallery .preview-woodworker-hero{grid-template-columns:1fr;margin-block:var(--space-6)}.style-gallery .preview-woodcraft{order:-1}.style-gallery .preview-engineer-hero{border-left:var(--space-1) solid var(--rail-application);padding-left:var(--space-5)}.preview-site-frame[data-device=Phone] .preview-personal-site{padding:var(--space-4)}.preview-site-frame[data-device=Phone] .preview-personal-site>header{align-items:flex-start;flex-direction:column}.preview-site-frame[data-device=Phone] .preview-engineer-hero{padding-block:var(--space-6)}.preview-site-frame[data-device=Phone] .preview-woodworker-hero{grid-template-columns:1fr;gap:var(--space-4)}.preview-site-frame[data-device=Phone] .preview-site-projects{grid-template-columns:1fr}.preview-site-frame[data-device=Phone] .preview-site-projects article+article{border-left:none;padding-left:0}.preview-site-caption,.preview-concept-note{color:var(--preview-muted);font-size:var(--type-caption);margin-top:var(--space-3)}.preview-concept-note{text-align:center}:root[data-motion=on] .preview-button,:root[data-motion=on] .preview-nav button,:root[data-motion=on] .preview-opportunity{transition:transform .18s ease-out,opacity .18s ease-out}@media(hover:hover){:root[data-motion=on] .preview-opportunity:hover{transform:translateY(calc(-1 * var(--space-1)))}}@media(max-width:68rem){.preview-shell{grid-template-columns:9rem minmax(0,1fr)}.preview-content{padding:var(--space-5)}.preview-topbar{padding-inline:var(--space-5)}.preview-persona{flex-direction:column;align-items:flex-start;gap:0}.preview-tour-controls{flex-direction:column;gap:var(--space-1)}.preview-tour-controls button{padding-block:var(--space-1)}.preview-brand{font-size:var(--type-body)}.preview-today-grid,.preview-story-layout,.preview-package-layout{grid-template-columns:1fr}.preview-current-story{display:none}.preview-opportunity{flex-wrap:wrap}.preview-opportunity-status{max-width:none;width:100%;margin-left:0}}@media(max-width:48rem){.app-preview{padding-block:var(--space-3)}.preview-shell{display:flex;flex-direction:column;min-height:0;overflow:visible;border-radius:var(--radius-medium)}.preview-sidebar{display:contents}.preview-brand,.preview-sidebar-label,.preview-account{display:none}.preview-workspace{order:0}.preview-topbar{min-height:var(--space-16);padding:var(--space-3);align-items:flex-start;gap:var(--space-3)}.preview-location>span{display:none}.preview-location strong{font-size:var(--type-caption);padding-top:var(--space-3)}.preview-header-controls{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.preview-persona{font-size:var(--type-caption)}.preview-persona select{max-width:100%;padding-right:var(--space-5)}.preview-tour-controls{flex-direction:row}.preview-tour-controls button{padding-inline:var(--space-2)}.preview-tour-controls button:last-child:disabled{display:none}.preview-nav{order:1;position:sticky;bottom:var(--space-0);z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-0);background:var(--preview-paper);border-top:var(--stroke-hairline) solid var(--preview-line);border-radius:0 0 var(--radius-medium) var(--radius-medium);padding:var(--space-1)}.preview-nav button{padding:var(--space-2) var(--space-1);font-size:var(--type-caption);justify-content:center;text-align:center;min-width:0;overflow-wrap:anywhere}.preview-nav-count{display:none}.preview-content{padding:var(--space-5) var(--space-3)}.preview-page-heading h1{font-size:var(--type-heading)}.preview-page-heading{margin-bottom:var(--space-5)}.preview-attention,.preview-story-paper,.preview-story-aside,.preview-hugo-note{padding:var(--space-4)}.preview-card-topline{margin-bottom:var(--space-4)}.preview-attention h2{font-size:var(--type-lead)}.preview-section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-1);margin-top:var(--space-6)}.preview-opportunity-grid{grid-template-columns:1fr;gap:var(--space-3)}.preview-opportunity{padding:var(--space-3)}.preview-opportunity-status{width:auto;margin-left:auto;font-size:var(--type-caption);max-width:var(--space-24)}.preview-story-paper h2{font-size:var(--type-title)}.preview-story-lead{font-size:var(--type-body)}.preview-story-layout,.preview-package-layout{gap:var(--space-4)}.preview-application-heading{flex-direction:column;gap:var(--space-0)}.preview-application-heading>.preview-field{width:100%;margin-bottom:var(--space-5)}.preview-package-toolbar,.preview-site-toolbar{align-items:stretch;gap:var(--space-3)}.preview-document-tabs{width:100%}.preview-document-tabs button{flex:1;padding-inline:var(--space-2)}.preview-field{max-width:100%}.preview-document{padding:var(--space-5) var(--space-4)}.preview-document-meta{margin-bottom:var(--space-5)}.preview-websites .preview-application-heading>.preview-specialist{margin-bottom:var(--space-5)}.preview-site-well{padding:var(--space-2)}.preview-site-frame{width:100%}.preview-personal-site{padding:var(--space-4)}.preview-personal-site>header{align-items:flex-start;flex-direction:column}.preview-engineer-hero{padding-block:var(--space-6)}.preview-woodworker-hero,.preview-site-projects{grid-template-columns:1fr}.preview-site-projects article+article{border-left:none;padding-left:0}.preview-woodworker-hero{margin-block:var(--space-5);gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.app-preview *,.app-preview *:before,.app-preview *:after{transition:none!important;animation:none!important}}.preview-mobile-identity{display:none}.preview-concept-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.preview-concept-toolbar .preview-concept-note{margin:0}.preview-home-link{color:var(--preview-muted);font-size:var(--type-caption);min-height:var(--size-target);display:inline-flex;align-items:center}.preview-display-controls{flex-shrink:0}@media(max-width:68rem){.preview-concept-toolbar .preview-tour-controls{flex-direction:row}}@media(max-width:48rem){.preview-topbar{align-items:center}.preview-mobile-identity{display:flex;gap:var(--space-2);align-items:center}.preview-mobile-identity a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--size-target)}.preview-mobile-identity img{width:var(--size-icon);height:var(--size-icon)}.preview-location{display:none}.preview-header-controls{flex-wrap:nowrap;margin-left:auto}.preview-persona>span{display:none}.preview-concept-toolbar{padding-inline:var(--space-3)}.preview-concept-toolbar .preview-tour-controls{width:auto}.preview-concept-toolbar .preview-tour-controls button:last-child:disabled{display:inline-flex;align-items:center}}.preview-topbar{flex-wrap:wrap}.preview-header-controls,.preview-tour-controls{flex-wrap:wrap;max-width:100%}.preview-persona{min-width:0;max-width:100%}@media(max-width:48rem){.preview-header-controls{flex-wrap:wrap}}.preview-nav-label-short{display:none}@media(max-width:22rem){.preview-nav-label-full{display:none}.preview-nav-label-short{display:inline}}:root[data-motion=on] .preview-content>section,:root[data-motion=on] .preview-document,:root[data-motion=on] .preview-site-frame{animation:preview-enter .18s ease-out both}@keyframes preview-enter{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.preview-content>section,.preview-document,.preview-site-frame{animation:none!important}}.preview-topbar{position:relative;z-index:4}@media(max-width:48rem){.preview-shell{height:calc(100svh - var(--space-24));overflow:hidden}.preview-workspace{flex:1;display:flex;flex-direction:column;min-height:0}.preview-topbar{flex-shrink:0}.preview-content{flex:1;min-height:0;overflow:auto}.preview-nav{position:static;flex-shrink:0}}.app-tour-film{position:relative;width:100%}.app-tour-film>img,.app-tour-film>video{display:block;width:100%;height:auto;aspect-ratio:8 / 5;object-fit:contain;background:var(--surface-raised)}.film-play{position:absolute;right:var(--space-4);bottom:var(--space-4);min-height:var(--size-target);padding:var(--space-2) var(--space-4);border:var(--stroke-hairline) solid var(--on-accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-weight:var(--weight-semibold);box-shadow:var(--display-panel-shadow)}.film-error{padding:var(--space-3);color:var(--text);background:var(--surface-raised)}.app-tour-film>video{max-height:none}@media(max-width:48rem){.app-tour-film[data-playing=true]>video{aspect-ratio:390 / 844}.screenshot-shell .app-tour-film>img,.screenshot-shell img.concept-capture{aspect-ratio:390 / 844;object-fit:contain;object-position:top}.film-play{right:var(--space-2);top:var(--space-2);bottom:auto}}:root{--source-paper: oklch(98% .009 235);--source-white: oklch(100% 0 0);--source-ink: oklch(23% .047 250);--source-muted: oklch(43% .035 248);--source-line: oklch(76% .025 235);--source-night: oklch(18% .035 250);--source-night-surface: oklch(24% .042 250);--source-night-text: oklch(97% .012 220);--source-night-muted: oklch(80% .028 225);--source-night-line: oklch(54% .04 235);--source-cobalt: #2748ff;--source-acid: #e8ff39;--source-coral: #ff7452;--source-turquoise: #3dceb5;--source-forest: #234335;--source-sculpture-paper: #eee6d9;--source-sculpture-ink: #322620;--source-sculpture-muted: #67574c;--source-sculpture-line: #a99b89;--source-sculpture-accent: #803c24;--source-sculpture-night: #332820;--source-sculpture-light: #f3e6d7;--source-sculpture-night-muted: #d0bdaa;--source-sculpture-night-line: #92765e;--source-sculpture-glow: #ffc095;--source-print-paper: #ffed87;--source-print-ink: #24244d;--source-print-muted: #51415a;--source-print-line: #24244d;--source-print-accent: #873054;--source-print-night: #27223e;--source-print-light: #fff0a9;--source-print-night-muted: #d4c7e4;--source-print-night-line: #9e89bb;--source-print-glow: #ffabd5;--source-luminous-paper: #e5edf7;--source-luminous-ink: #1b294d;--source-luminous-muted: #4d5c75;--source-luminous-line: #8995ac;--source-luminous-accent: #344e92;--source-luminous-night: #17213b;--source-luminous-light: #e1edff;--source-luminous-night-muted: #b9c9e4;--source-luminous-night-line: #788cb4;--source-luminous-glow: #b7caff;--source-transparent: transparent;--source-font: "Hanken Grotesk", Arial, sans-serif;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--size-page: 92rem;--size-prose: 38rem;--size-copy: 28rem;--size-avatar: 3.25rem;--size-target: 2.75rem;--size-icon: 1.75rem;--radius-none: 0;--radius-small: .375rem;--radius-medium: .75rem;--radius-large: 1.25rem;--radius-pill: 100rem;--stroke-hairline: 1px;--stroke-strong: 2px;--stroke-focus: 3px;--type-caption: .875rem;--type-body: 1rem;--type-lead: 1.25rem;--type-card-title: 1.5rem;--type-heading: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);--type-title: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);--type-display-narrow: 2.125rem;--type-display: clamp(3rem, 1rem + 7.2vw, 8.5rem);--type-name: clamp(4rem, 2rem + 6vw, 8rem);--type-wordmark: 1.25rem;--leading-body: 1.55;--leading-heading: 1.05;--leading-display: .98;--weight-normal: 450;--weight-medium: 550;--weight-semibold: 650;--weight-bold: 720;--weight-heavy: 760;--tracking-display: -.025em;--tracking-heading: -.02em;--tracking-label: .085em;--duration-fast: .16s;--ease-standard: ease-out;--source-shadow: 0 1rem 3rem #231e2918}:root{--type-hero: clamp(2.75rem, 1.1rem + 4vw, 5.5rem);--duration-reveal: .48s;--reveal-distance: 1.25rem;--source-field-gradient: radial-gradient(ellipse at 18% 78%, var(--source-turquoise), var(--source-transparent) 62%), radial-gradient(ellipse at 82% 22%, var(--source-acid), var(--source-transparent) 62%), linear-gradient(125deg, var(--source-cobalt), var(--source-coral));--source-field-mask: radial-gradient(ellipse closest-side, var(--source-ink) 50%, var(--source-transparent) 100%)}:root{--source-teal: oklch(42% .072 190);--source-mint: oklch(84% .14 170);--source-orchid: oklch(62% .13 310);--source-rail-coral: oklch(67% .17 30);--source-rail-cobalt: oklch(53% .22 265);--source-rail-teal: oklch(56% .098 185);--source-panel-shadow: 0 .75rem 2rem oklch(23% .047 250 / .1);--type-hero-mobile: 2.125rem;--type-hero-editorial: clamp(2.75rem, 1rem + 3.75vw, 5rem);--size-header: 4rem;--size-mark: 1.75rem;--size-display-panel: 18rem;--size-hero-art-mobile: 18rem}:root{color-scheme:light;--surface: var(--source-paper);--surface-raised: var(--source-white);--text: var(--source-ink);--muted: var(--source-muted);--border: var(--source-line);--accent: var(--source-teal);--on-accent: var(--source-white);--focus: var(--source-teal);--story-biography: var(--surface-raised);--story-application: var(--surface-raised);--story-website: var(--surface-raised);--brand-mark: var(--source-coral)}:root[data-theme=dark]{color-scheme:dark;--surface: var(--source-night);--surface-raised: var(--source-night-surface);--text: var(--source-night-text);--muted: var(--source-night-muted);--border: var(--source-night-line);--accent: var(--source-mint);--on-accent: var(--source-ink);--focus: var(--source-mint);--story-biography: var(--surface-raised);--story-application: var(--surface-raised);--story-website: var(--surface-raised)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface: var(--source-night);--surface-raised: var(--source-night-surface);--text: var(--source-night-text);--muted: var(--source-night-muted);--border: var(--source-night-line);--accent: var(--source-mint);--on-accent: var(--source-ink);--focus: var(--source-mint);--story-biography: var(--surface-raised);--story-application: var(--surface-raised);--story-website: var(--surface-raised)}}[data-direction=sculpture]{--direction-surface: var(--source-sculpture-paper);--direction-text: var(--source-sculpture-ink);--direction-muted: var(--source-sculpture-muted);--direction-border: var(--source-sculpture-line);--direction-accent: var(--source-sculpture-accent);--direction-radius: var(--radius-large);--direction-weight: var(--weight-bold)}[data-direction=print]{--direction-surface: var(--source-print-paper);--direction-text: var(--source-print-ink);--direction-muted: var(--source-print-muted);--direction-border: var(--source-print-line);--direction-accent: var(--source-print-accent);--direction-radius: var(--radius-none);--direction-weight: var(--weight-heavy)}[data-direction=luminous]{--direction-surface: var(--source-luminous-paper);--direction-text: var(--source-luminous-ink);--direction-muted: var(--source-luminous-muted);--direction-border: var(--source-luminous-line);--direction-accent: var(--source-luminous-accent);--direction-radius: var(--radius-medium);--direction-weight: var(--weight-semibold)}:root[data-theme=dark] [data-direction=sculpture]{--direction-surface: var(--source-sculpture-night);--direction-text: var(--source-sculpture-light);--direction-muted: var(--source-sculpture-night-muted);--direction-border: var(--source-sculpture-night-line);--direction-accent: var(--source-sculpture-glow)}:root[data-theme=dark] [data-direction=print]{--direction-surface: var(--source-print-night);--direction-text: var(--source-print-light);--direction-muted: var(--source-print-night-muted);--direction-border: var(--source-print-night-line);--direction-accent: var(--source-print-glow)}:root[data-theme=dark] [data-direction=luminous]{--direction-surface: var(--source-luminous-night);--direction-text: var(--source-luminous-light);--direction-muted: var(--source-luminous-night-muted);--direction-border: var(--source-luminous-night-line);--direction-accent: var(--source-luminous-glow)}@media(prefers-contrast:more){:root{--muted: var(--text);--border: var(--text)}[data-direction]{--direction-muted: var(--direction-text);--direction-border: var(--direction-text)}}:root{--field-cool: var(--source-cobalt);--field-warm: var(--source-coral);--field-bright: var(--source-acid);--field-fresh: var(--source-turquoise);--field-fallback: var(--source-field-gradient)}:root{--rail-story: var(--source-rail-coral);--rail-application: var(--source-rail-cobalt);--rail-website: var(--source-rail-teal);--secondary-accent: var(--source-orchid)}:root{--page-background: var(--surface);--page-foreground: var(--text);--page-gutter: clamp(var(--space-4), 4vw, var(--space-16));--button-primary-background: var(--accent);--button-primary-text: var(--on-accent);--button-border: var(--border);--control-background: var(--surface);--control-text: var(--text);--control-border: var(--border);--card-background: var(--surface-raised);--card-text: var(--text);--card-border: var(--border);--portrait-radius: var(--radius-medium);--nav-text: var(--text)}.direction-surface{--card-background: var(--direction-surface);--card-text: var(--direction-text);--card-border: var(--direction-border);--card-muted: var(--direction-muted);--portrait-radius: var(--direction-radius);--focus: var(--direction-accent)}:root{--hero-field-cobalt: var(--field-cool);--hero-field-coral: var(--field-warm);--hero-field-acid: var(--field-bright);--hero-field-turquoise: var(--field-fresh);--hero-field-background: var(--field-fallback);--motion-control-background: var(--surface);--motion-control-text: var(--text)}:root{--header-height: var(--size-header);--header-mark-size: var(--size-mark);--display-panel-width: var(--size-display-panel);--display-panel-surface: var(--surface-raised);--display-panel-shadow: var(--source-panel-shadow);--product-frame-surface: var(--surface-raised);--product-frame-text: var(--text);--product-frame-border: var(--border);--product-rail-story: var(--rail-story);--product-rail-application: var(--rail-application);--product-rail-website: var(--rail-website);--primitive-surface: var(--surface-raised);--primitive-heading: var(--text);--primitive-copy: var(--muted)}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{background:var(--page-background);color:var(--page-foreground);font-family:var(--source-font);scroll-behavior:smooth}body{margin:var(--space-0);font-size:var(--type-body);line-height:var(--leading-body);font-weight:var(--weight-normal)}button,input,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:var(--source-transparent)}button,select{color:inherit}a{color:inherit;text-underline-offset:var(--space-1)}button,summary,select{cursor:pointer}button{background:var(--source-transparent)}button:disabled{cursor:not-allowed}:focus-visible{outline:var(--stroke-focus) solid var(--focus);outline-offset:var(--space-1)}h1,h2,h3,p{margin:var(--space-0)}h1,h2,h3{font-weight:var(--weight-bold)}img{max-width:100%;display:block}.site-shell{width:min(100%,var(--size-page));margin-inline:auto;padding-inline:var(--page-gutter)}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);transform:translateY(-200%);z-index:10}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:var(--space-24);border-bottom:var(--stroke-hairline) solid var(--border)}.wordmark{display:inline-flex;gap:var(--space-2);align-items:center;font-size:var(--type-wordmark);font-weight:var(--weight-heavy);text-decoration:none;letter-spacing:var(--tracking-heading);white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:var(--space-8);font-size:var(--type-caption);font-weight:var(--weight-semibold)}.nav-team{text-decoration:none}.nav-team:hover,.text-link:hover{text-decoration:underline}.nav-team span{margin-left:var(--space-2)}.theme-control{display:flex;align-items:center;gap:var(--space-2)}.theme-control label{color:var(--muted);font-weight:var(--weight-normal)}select{max-width:100%;border:var(--stroke-hairline) solid var(--control-border);border-radius:var(--radius-small);background:var(--control-background);color:var(--control-text);min-height:var(--size-target);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--type-caption)}.hero{padding:var(--space-20) var(--space-0) var(--space-16)}.eyebrow{font-size:var(--type-caption);font-weight:var(--weight-semibold)}.hero>.eyebrow{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.status-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--accent)}.hero h1{font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-heavy)}.hero h1>span{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-top:var(--space-10)}.hero-bottom p{max-width:var(--size-copy);font-size:var(--type-lead)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-5);min-height:var(--size-target);border:var(--stroke-hairline) solid var(--button-border);border-radius:var(--radius-small);text-decoration:none;font-size:var(--type-body);font-weight:var(--weight-semibold);transition:transform var(--duration-fast) var(--ease-standard)}.button:hover{transform:translateY(calc(-1 * var(--space-1)))}.button-primary{color:var(--button-primary-text);background:var(--button-primary-background);border-color:var(--button-primary-background);flex-shrink:0}.button>span{font-size:var(--type-lead)}.product-story{min-width:0;padding:var(--space-8);border-radius:var(--radius-large);overflow:hidden}.biography{background:var(--story-biography)}.application{background:var(--story-application)}.website{background:var(--story-website)}.product-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}.product-byline{display:flex;align-items:center;gap:var(--space-4)}.product-byline>.agent-portrait{width:var(--size-avatar);border-radius:var(--radius-pill);flex-shrink:0}.product-caption .eyebrow{display:block;color:var(--muted);margin-bottom:var(--space-1)}.product-caption h2{font-size:var(--type-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.product-caption>p{max-width:var(--size-copy);font-size:var(--type-body)}.screenshot-shell{border-radius:var(--radius-medium);overflow:hidden;box-shadow:var(--source-shadow);background:var(--card-background)}.screenshot-shell img{width:100%;height:auto;aspect-ratio:8 / 5;object-fit:cover}.product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6)}.product-pair .product-caption{display:block}.product-pair .product-caption>p{margin-top:var(--space-5)}.product-pair .product-caption h2{font-size:var(--type-heading)}.concept-note{color:var(--muted);font-size:var(--type-caption);margin-top:var(--space-4)}.team-section{margin-block:var(--space-20)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.section-heading h2{font-size:var(--type-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.text-link{font-weight:var(--weight-semibold);text-decoration:none}.team-disclosure{border-block:var(--stroke-hairline) solid var(--border)}.team-disclosure summary{display:flex;align-items:center;gap:var(--space-6);padding-block:var(--space-6);list-style:none;font-size:var(--type-lead);font-weight:var(--weight-medium)}.team-disclosure summary::-webkit-details-marker{display:none}.avatar-stack{display:flex;padding-left:var(--space-2)}.avatar-stack>.agent-portrait{width:var(--size-avatar);margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-pill);border:var(--stroke-strong) solid var(--surface)}.disclosure-sign{margin-left:auto;font-size:var(--type-heading)}.team-disclosure[open] .disclosure-sign{transform:rotate(45deg)}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8);padding-block:var(--space-6) var(--space-10)}.agent-card{min-width:0}.agent-card>.agent-portrait{width:100%;margin-bottom:var(--space-4)}.agent-card h3{font-size:var(--type-card-title)}.agent-card p{margin-top:var(--space-2);font-size:var(--type-caption)}.agent-card .agent-role{font-weight:var(--weight-semibold)}.agent-card p:last-child{color:var(--muted)}.agent-portrait{display:block;position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--portrait-radius);background:var(--card-background)}.agent-portrait>img{position:absolute;width:400%;height:200%;max-width:none;left:var(--portrait-x);top:var(--portrait-y);object-fit:fill}.fine-print{font-size:var(--type-caption);color:var(--muted)}.team-disclosure>.fine-print{padding-bottom:var(--space-6)}.site-footer{border-top:var(--stroke-hairline) solid var(--border);padding-block:var(--space-8);color:var(--muted);font-size:var(--type-caption);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-footer>div{display:flex;gap:var(--space-6)}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.studio-intro{padding-block:var(--space-12) var(--space-10)}.studio-intro>.text-link{font-size:var(--type-caption)}.studio-intro>.eyebrow{margin-top:var(--space-16);margin-bottom:var(--space-5)}.studio-intro h1{font-size:var(--type-title);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-heavy)}.studio-intro h1 span{color:var(--accent)}.studio-deck{color:var(--muted);margin-top:var(--space-6)}.studio-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.direction-control{margin:var(--space-0);padding:var(--space-0);border:none;min-width:0}.direction-control legend,.agent-control label{font-size:var(--type-caption);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.direction-options{display:flex;border:var(--stroke-hairline) solid var(--control-border);border-radius:var(--radius-small);padding:var(--space-1);gap:var(--space-1)}.direction-options label{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--size-target);padding:var(--space-2) var(--space-5);border-radius:var(--radius-small);font-size:var(--type-caption);font-weight:var(--weight-semibold);cursor:pointer}.direction-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.direction-options label:has(input:focus-visible){outline:var(--stroke-focus) solid var(--focus);outline-offset:var(--space-1)}.direction-options .is-selected{background:var(--accent);color:var(--on-accent)}.agent-control{min-width:0;display:flex;flex-direction:column}.agent-control select{width:100%;min-height:var(--space-14)}.direction-surface{background:var(--card-background);color:var(--card-text);border:var(--stroke-hairline) solid var(--card-border);border-radius:var(--direction-radius)}.spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--space-6);gap:var(--space-12)}.spotlight-art{min-width:0}.spotlight-art>.agent-portrait{width:100%}.portrait-caption{display:block;color:var(--card-muted);font-size:var(--type-caption);margin-top:var(--space-3)}.spotlight-copy{padding:var(--space-6) var(--space-6) var(--space-4) var(--space-0);align-self:center}.spotlight-copy>.eyebrow{color:var(--card-muted)}.spotlight-copy h2{font-size:var(--type-name);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--direction-weight);margin-block:var(--space-3) var(--space-5)}.spotlight-copy h2>span{color:var(--direction-accent)}.spotlight-pitch{font-size:var(--type-lead);max-width:var(--size-copy)}.dialogue{margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--stroke-hairline) solid var(--card-border)}.dialogue h3{color:var(--card-muted);font-weight:var(--weight-medium);font-size:var(--type-caption);margin-bottom:var(--space-5)}.dialogue p{margin-bottom:var(--space-5);font-size:var(--type-body)}.dialogue p>span{display:block;font-size:var(--type-caption);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.dialogue-you{color:var(--card-muted)}.dialogue-agent{color:var(--card-text)}.spotlight-copy .fine-print{color:var(--card-muted)}.compare{margin-top:var(--space-20)}.compare .section-heading .eyebrow{color:var(--muted);margin-bottom:var(--space-3)}.comparison-count{color:var(--muted);font-size:var(--type-caption)}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--space-6)}.direction-card{padding:var(--space-5);min-width:0}.direction-card.is-active{outline:var(--stroke-strong) solid var(--accent);outline-offset:var(--space-1)}.direction-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-5)}.direction-card h3{font-size:var(--type-card-title);font-weight:var(--direction-weight);letter-spacing:var(--tracking-heading)}.selected-indicator{font-size:var(--type-caption);color:var(--card-muted)}.comparison-portrait{width:100%}.direction-description{font-size:var(--type-caption);min-height:var(--space-16);padding-top:var(--space-4);color:var(--card-muted)}.portrait-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-block:var(--space-4) var(--space-6)}.portrait-picker button{display:block;padding:var(--space-0);border:var(--stroke-strong) solid var(--source-transparent);border-radius:var(--radius-small);min-width:0}.portrait-picker button.is-current-agent{border-color:var(--direction-accent)}.portrait-picker button>span:last-child{display:block;font-size:var(--type-caption);margin-top:var(--space-1);color:var(--card-text);overflow-wrap:anywhere}.portrait-picker .agent-portrait{border-radius:var(--radius-small)}.direction-button{width:100%;border-color:var(--card-border);color:var(--card-text);border-radius:var(--direction-radius);font-size:var(--type-caption)}.studio-end{margin-block:var(--space-20);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-6)}.studio-end p{font-size:var(--type-lead);font-weight:var(--weight-medium)}@media(min-width:100rem){.hero h1{font-size:var(--type-display)}}@media(max-width:68rem){.site-header nav{gap:var(--space-5)}.product-caption{display:block}.product-caption>p{margin-top:var(--space-5)}.product-story{padding:var(--space-6)}.spotlight{gap:var(--space-6)}.spotlight-copy{padding:var(--space-2) var(--space-0)}.comparison-grid{gap:var(--space-4)}.direction-card{padding:var(--space-4)}.direction-card-top{align-items:flex-start;flex-direction:column}.portrait-picker{gap:var(--space-2)}.direction-button{padding:var(--space-3);gap:var(--space-2)}}@media(max-width:48rem){.site-header{min-height:var(--space-20);gap:var(--space-4);flex-wrap:wrap;padding-block:var(--space-4)}.site-header nav{gap:var(--space-4)}.theme-control label{display:none}.hero{padding-block:var(--space-12)}.hero>.eyebrow{margin-bottom:var(--space-6)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-6);margin-top:var(--space-8)}.hero-bottom p{font-size:var(--type-body)}.product-pair{grid-template-columns:1fr}.product-story{padding:var(--space-5)}.product-caption{margin-bottom:var(--space-6)}.team-section,.studio-end{margin-block:var(--space-12)}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.team-disclosure summary{flex-wrap:wrap;gap:var(--space-3);font-size:var(--type-body)}.avatar-stack{flex-basis:calc(100% - var(--space-10))}.avatar-stack>.agent-portrait{width:var(--space-10)}.team-disclosure summary>span:nth-child(2){order:3}.disclosure-sign{align-self:flex-start}.site-footer{flex-wrap:wrap}.studio-intro>.eyebrow{margin-top:var(--space-10)}.studio-controls{flex-direction:column;align-items:stretch;gap:var(--space-5)}.direction-options label{flex:1;padding-inline:var(--space-3)}.spotlight{grid-template-columns:1fr;padding:var(--space-5);gap:var(--space-6)}.spotlight-art>.agent-portrait{max-width:var(--size-prose);margin-inline:auto}.spotlight-copy{padding:var(--space-0)}.spotlight-copy h2{font-size:var(--type-name)}.compare{margin-top:var(--space-12)}.compare .section-heading{display:block}.comparison-count{display:block;margin-top:var(--space-4)}.comparison-grid{grid-template-columns:1fr;gap:var(--space-8)}.direction-card{padding:var(--space-5)}.direction-card-top{flex-direction:row;align-items:center}.comparison-portrait{width:60%;margin-inline:auto}.direction-description{min-height:auto;margin-bottom:var(--space-5)}.portrait-picker{gap:var(--space-4)}.direction-button{padding:var(--space-4)}}@media(max-width:26rem){.site-header nav{width:100%;justify-content:space-between}.theme-control label{display:inline}.hero h1{font-size:var(--type-display-narrow);overflow-wrap:anywhere}.section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.product-story{padding:var(--space-4)}.product-byline{gap:var(--space-3)}.product-byline>.agent-portrait{width:var(--space-10)}.product-caption h2{font-size:var(--type-card-title)}.portrait-picker{gap:var(--space-2)}.direction-options label{padding-inline:var(--space-2)}.spotlight{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.portrait-story{max-width:var(--space-24)}.agent-card-story{max-width:var(--size-copy)}.narrow-story{max-width:calc(var(--space-24) * 2)}.story-portrait-grid{max-width:var(--size-page);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}@media(max-width:48rem){.story-portrait-grid{grid-template-columns:1fr}}.brand-emblem{width:var(--size-target);height:var(--size-target);object-fit:contain}.product-story{color:var(--product-frame-text)}h1,h2,h3{overflow-wrap:anywhere}.wordmark{flex-wrap:wrap;max-width:100%;white-space:normal}.wordmark-name{min-width:0;overflow-wrap:anywhere}.site-header nav,.theme-control,.site-footer>div,.direction-options{flex-wrap:wrap}.theme-control,.button{max-width:100%}@media(max-width:48rem){.wordmark{font-size:var(--type-lead)}.direction-options label{flex:1 1 auto}.team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--space-28)),1fr))}}.avatar-stack{min-width:0;max-width:100%;flex-wrap:wrap;row-gap:var(--space-2)}@media(max-width:48rem){.team-disclosure summary>.avatar-stack{flex-basis:100%}.team-disclosure summary>span:nth-child(2){order:0}.team-disclosure summary>.disclosure-sign{align-self:center}}.hero-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-8);padding-block:var(--space-12) var(--space-16)}.hero-copy{min-width:0;position:relative;z-index:1}.hero-copy>.eyebrow{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.hero-brand h1{font-size:var(--type-hero);overflow-wrap:anywhere}.hero-brand .hero-bottom{flex-direction:column;align-items:flex-start;margin-top:var(--space-8);gap:var(--space-6)}.hero-brand .hero-bottom p{max-width:var(--size-copy);font-size:var(--type-lead)}.hero-art{position:relative;min-width:0;isolation:isolate;aspect-ratio:1;display:flex;align-items:center}.hero-life{position:relative;width:100%;height:auto;object-fit:contain;z-index:1}.hero-field{position:absolute;inset:-8%;z-index:0;pointer-events:none;overflow:hidden;background:var(--hero-field-background);opacity:.6;-webkit-mask-image:var(--source-field-mask);mask-image:var(--source-field-mask)}.hero-field canvas{width:100%;height:100%;display:block;opacity:0}.hero-field[data-renderer=webgl] canvas{opacity:1}.motion-control button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--size-target);background:var(--motion-control-background);color:var(--motion-control-text);border:var(--stroke-hairline) solid var(--control-border);border-radius:var(--radius-small);font-size:var(--type-caption);font-weight:var(--weight-normal)}.motion-control button>span{font-weight:var(--weight-semibold)}.motion-control button:disabled{opacity:1;cursor:default}.site-header nav{gap:var(--space-5)}:root[data-motion=on] .hero-copy{animation:hero-reveal var(--duration-reveal) var(--ease-standard) both}:root[data-motion=on] .hero-art{animation:hero-reveal var(--duration-reveal) var(--ease-standard) both}@keyframes hero-reveal{0%{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){:root[data-motion=on] .screenshot-shell img{transition:transform var(--duration-fast) var(--ease-standard)}:root[data-motion=on] .screenshot-shell:hover img{transform:scale(1.012)}}:root:not([data-motion=on]){scroll-behavior:auto}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root[data-motion=off] .button:hover{transform:none}@media(max-width:68rem){.hero-brand{gap:var(--space-4)}.hero-brand .hero-bottom p{font-size:var(--type-body)}.site-header{gap:var(--space-4)}.site-header nav{gap:var(--space-3)}}@media(max-width:48rem){.hero-brand{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-10) var(--space-10)}.hero-brand h1{font-size:var(--type-title)}.hero-desktop-break{display:none}.hero-art{width:min(100%,var(--size-prose));margin-inline:auto}.hero-copy>.eyebrow{margin-bottom:var(--space-6)}.hero-brand .hero-bottom{margin-top:var(--space-6)}.hero-brand .hero-bottom p{max-width:var(--size-prose)}.hero-field{inset:0}.site-header nav{justify-content:flex-start}}@media(max-width:26rem){.hero-brand h1{font-size:var(--type-display-narrow)}}@media(prefers-reduced-motion:reduce){:root[data-motion=on] .hero-copy,:root[data-motion=on] .hero-art{animation:none}.hero-field canvas{display:none}.screenshot-shell:hover img,.button:hover{transform:none!important}}.brand-mark-dark{display:none}:root[data-theme=dark] .brand-mark-light{display:none}:root[data-theme=dark] .brand-mark-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-mark-light{display:none}:root:not([data-theme=light]) .brand-mark-dark{display:block}}.surface{background:var(--primitive-surface);border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-medium);padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.heading{color:var(--primitive-heading)}.text{color:var(--primitive-copy)}.site-header{min-height:var(--header-height);padding-block:var(--space-0);gap:var(--space-3);position:relative;z-index:5}.wordmark{font-size:var(--type-wordmark);font-weight:var(--weight-bold);gap:var(--space-2);flex-wrap:nowrap}.brand-emblem{width:var(--header-mark-size);height:var(--header-mark-size)}.wordmark-period{color:var(--accent)}.site-header nav{gap:var(--space-3);flex-wrap:nowrap;margin-left:auto}.nav-team{display:inline-flex;align-items:center;min-height:var(--size-target);padding-inline:var(--space-1)}.header-display{position:relative}.header-display summary{display:flex;align-items:center;justify-content:center;min-height:var(--size-target);padding-inline:var(--space-3);border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-small);list-style:none;font-weight:var(--weight-medium)}.header-display summary::-webkit-details-marker{display:none}.header-display[open] summary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.display-panel{position:absolute;top:calc(100% + var(--space-2));right:0;width:min(var(--display-panel-width),calc(100vw - var(--space-8)));padding:var(--space-5);background:var(--display-panel-surface);box-shadow:var(--display-panel-shadow);border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-medium);display:flex;flex-direction:column;gap:var(--space-4)}.display-panel .theme-control{display:flex;justify-content:space-between;gap:var(--space-3)}.display-panel .theme-control label{display:inline}.display-panel .motion-control button{width:100%;justify-content:space-between}.hero-brand{padding-block:var(--space-10);gap:var(--space-8)}.hero-brand h1{font-size:var(--type-hero-editorial);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-heading)}.hero-copy>.eyebrow{margin-bottom:var(--space-5);color:var(--muted);font-weight:var(--weight-medium)}.hero-brand .hero-bottom{gap:var(--space-5);margin-top:var(--space-6)}.hero-brand .hero-bottom p{color:var(--text);font-size:var(--type-lead)}.hero-art{aspect-ratio:1.45;overflow:hidden}.hero-life{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}.hero-field{inset:0;opacity:.32}.product-story{padding:var(--space-5);border:var(--stroke-hairline) solid var(--product-frame-border);border-left:var(--stroke-focus) solid var(--product-rail-story);border-radius:var(--radius-medium);background:var(--product-frame-surface);color:var(--product-frame-text)}.application{border-left-color:var(--product-rail-application)}.website{border-left-color:var(--product-rail-website)}.product-caption{margin-bottom:var(--space-5);gap:var(--space-5)}.product-caption h2{font-size:var(--type-heading);font-weight:var(--weight-bold)}.product-caption .eyebrow{font-weight:var(--weight-medium)}.product-caption>p{color:var(--muted)}.product-pair{gap:var(--space-4);margin-top:var(--space-4)}.screenshot-shell{box-shadow:none;border:var(--stroke-hairline) solid var(--border);border-radius:var(--radius-small)}.team-section{margin-block:var(--space-12)}.studio-intro{padding-block:var(--space-8)}.studio-intro>.eyebrow{margin-top:var(--space-8)}.studio-intro h1{font-weight:var(--weight-bold)}.spotlight{gap:var(--space-8)}.compare{margin-top:var(--space-12)}@media(max-width:48rem){.site-header{min-height:var(--header-height)}.site-header nav{width:auto;gap:var(--space-2)}.wordmark{font-size:var(--type-wordmark)}.hero-brand{gap:var(--space-0);padding-block:var(--space-2)}.hero-brand h1{font-size:var(--type-hero-mobile);line-height:var(--leading-heading)}.hero-copy>.eyebrow{margin-bottom:var(--space-1);font-size:var(--type-caption)}.hero-brand .hero-bottom{gap:var(--space-2);margin-top:var(--space-2)}.hero-brand .hero-bottom p{font-size:var(--type-body);line-height:1.4}.hero-brand .button{min-height:var(--size-target);padding:var(--space-2) var(--space-4)}.hero-art{width:min(100%,var(--size-hero-art-mobile));margin-inline:auto}.product-story{padding:var(--space-4)}.product-caption{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.product-caption>p,.product-pair .product-caption>p{margin-top:var(--space-0);font-size:var(--type-caption)}.product-byline{gap:var(--space-3)}.product-byline>.agent-portrait{width:var(--space-10)}.product-caption .eyebrow{margin-bottom:var(--space-0)}.product-caption h2,.product-pair .product-caption h2{font-size:var(--type-lead);line-height:1.2}.product-pair .product-caption{display:flex}.team-section{margin-block:var(--space-8)}.section-heading{gap:var(--space-3);margin-bottom:var(--space-4)}.studio-intro{padding-block:var(--space-6)}.studio-intro>.eyebrow{margin-top:var(--space-5)}.studio-intro h1{font-size:var(--type-title)}.studio-controls{gap:var(--space-4);margin-bottom:var(--space-5)}.compare{margin-top:var(--space-8)}}@media(max-width:22rem){.site-header{column-gap:var(--space-2)}.wordmark{font-size:var(--type-lead);gap:var(--space-1)}.site-header nav{gap:var(--space-1)}.header-display summary{padding-inline:var(--space-2)}}.display-story{display:flex;justify-content:flex-end;min-height:var(--space-28);max-width:var(--size-prose)}