/* A personal workspace: ink, paper, electric blue, and things worth exploring. */
:root {--ink:#f6f4ef;--ink-2:#fffdf9;--ink-3:#ebe8e0;--bone:#20201e;--bone-dim:#706f68;--line:#dad7cf;--accent:#234cde;--accent-2:#234cde;--accent-soft:#e1e6fc;--paper:#eeece5;--paper-ink:#20201e;--paper-dim:#706f68;--paper-line:#dad7cf;--display:'DM Sans',sans-serif;--serif:'Instrument Serif',serif;--mono:'DM Mono',monospace;--content-max:1320px;--focus-ring:#466eff;}
:root[data-theme="dark"] {--ink:#1d211f;--ink-2:#252b28;--ink-3:#303933;--bone:#f6f4ed;--bone-dim:#b7bcb6;--line:#414941;--accent:#9faeff;--accent-2:#9faeff;--accent-soft:#303a58;--paper:#252b28;--paper-ink:#f6f4ed;--paper-dim:#b7bcb6;--paper-line:#414941;}
html {scroll-padding-top:92px;} body {background:var(--ink);} a,button {touch-action:manipulation;} :focus-visible {outline:2px solid var(--focus-ring);outline-offset:5px;} [hidden] {display:none!important;}
.kicker,.section-note,.hero-topline,.hero-bottom,.mode-hint,.selection-label,.portrait-artifact>span,.brain-toolbar,.brain-instructions,.brain-legend,.board-status,.note-count,.note-public {font-family:var(--mono);}
.kicker {font-size:10px;letter-spacing:.06em;}.section-title {font-weight:600;font-size:clamp(42px,5.2vw,72px);letter-spacing:-.06em;line-height:1.02;}.section-title em {font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.025em;}.section-note {font-size:12px;line-height:1.8;}.section-head {margin-bottom:46px;}.button-solid {border-radius:0;font-size:12px;font-weight:600;min-height:50px;position:relative;transition:background .25s,transform .25s;}.button-solid:hover {transform:translateY(-3px);}.text-button {font-size:12px;}.nav {padding-block:13px;background:var(--ink);border-color:var(--line);}.nav-logo {font-weight:700;font-size:18px;}.nav-links {font-size:12px;gap:25px;}.nav-links a {position:relative;}.nav-links a:after {content:'';position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--accent);transition:width .25s;}.nav-links a:hover:after,.nav-links a[aria-current]:after {width:100%;}.nav-links a>span:before,.nav-links a>span:after {display:none;}.recruiter-trigger {font-family:var(--mono);font-size:10px;}.nav-burger span {background:var(--bone);}
/* The opening is a portrait of a person who designs and builds. */
.atelier-hero {background:#234cde;color:#faf7ed;padding:115px var(--pad-x) 0;overflow:hidden;min-height:0;position:relative;--bone:#faf7ed;--bone-dim:#dce3ff;--line:#ffffff40;--accent:#faf7ed;--ink:#234cde;--focus-ring:#fff;}
.hero-topline {display:flex;justify-content:space-between;align-items:center;padding-bottom:29px;border-bottom:1px solid #ffffff40;gap:25px;}.hero-topline>p {font-size:9px;letter-spacing:.03em;}.hero-greeting {margin:0;font:500 16px var(--sans)!important;color:#faf7ed;}.hero-greeting>span {display:inline-block;margin-left:12px;font-size:22px;}.hero-intro {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;padding:40px 0 48px;align-items:center;}.hero-copy {position:relative;z-index:2;}.hero-copy h1 {font:800 clamp(76px,9.15vw,132px)/.9 var(--sans);letter-spacing:-.072em;}.hero-copy h1>span {color:#faf7ed;}.hero-aside {font:400 27px/1.16 var(--serif);margin:26px 0 0;letter-spacing:-.02em;}.hero-aside em {font:inherit;font-style:italic;}.hero-description {font-size:13px;max-width:37ch;line-height:1.8;margin:22px 0 28px;color:#dce3ff;}.hero-description strong {color:#fff;font-weight:600;}.hero-actions {gap:26px;}.hero-actions .button-solid {background:#faf7ed;color:#234cde;border-color:#faf7ed;}.hero-actions .button-solid:hover {background:#fff;color:#1238bd;}.hero-actions .text-button {color:#faf7ed;border-color:#ffffff70;}.hero-bottom {padding:23px 0;border-bottom:0;font-size:9px;letter-spacing:.035em;color:#dce3ff;}.hero-bottom>span:first-child {display:flex;align-items:center;gap:10px;}.hero-bottom .live-dot {background:#c6e3b6;}.hero-bottom>a {color:#faf7ed;gap:30px;}
.portrait-workspace {width:100%;position:relative;padding:22px 0 0;}.hero-photo {position:relative;width:100%;max-width:none;aspect-ratio:1.06;margin:0;background:#dbe3ff;border-radius:50% 50% 4px 4px;isolation:isolate;}.portrait-grid {position:absolute;inset:0;background-image:linear-gradient(#234cde12 1px,transparent 1px),linear-gradient(90deg,#234cde12 1px,transparent 1px);background-size:33px 33px;overflow:hidden;border-radius:inherit;}.portrait-grid:after {content:'hello, there.';position:absolute;left:0;right:0;top:12%;text-align:center;font:italic 68px var(--serif);letter-spacing:-.045em;color:#234cde;opacity:.65;}.portrait-img {position:absolute;z-index:2;width:94%;max-width:none;bottom:0;left:3%;filter:grayscale(1);transform-origin:50% 90%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s;}.portrait-outline {position:absolute;inset:20% 12% 0;border:1px solid #234cde;z-index:3;pointer-events:none;transform:rotate(-3deg);transition:transform .6s;}.portrait-outline i {position:absolute;width:7px;height:7px;border:1px solid #234cde;background:#faf7ed;}.portrait-outline i:nth-child(1){left:-4px;top:-4px;}.portrait-outline i:nth-child(2){right:-4px;top:-4px;}.portrait-outline i:nth-child(3){left:-4px;bottom:-4px;}.portrait-outline i:nth-child(4){right:-4px;bottom:-4px;}.selection-label {position:absolute;top:16%;left:13%;background:#234cde;color:white;padding:4px 8px;font-size:8px;transform:rotate(-3deg);z-index:4;}.hero-photo figcaption {position:absolute;bottom:0;left:0;right:0;padding:12px 17px;margin:0;background:#faf7ed;color:#234cde;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:9px;z-index:5;}.hero-photo figcaption>a {font-weight:600;white-space:nowrap;}.portrait-artifact {position:absolute;width:47%;background:#faf7ed;color:#20201e;padding:12px;z-index:4;box-shadow:0 15px 30px #12319d30;right:-15px;top:43%;transform:rotate(5deg);transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1);}.portrait-artifact>span {display:block;font-size:6.5px;margin-bottom:12px;letter-spacing:.015em;}.portrait-artifact img {width:100%;display:block;border:1px solid #dad7cf;}.portrait-artifact>p {font:italic 17px var(--serif);margin-top:9px;}.artifact-build,.artifact-think {opacity:0;transform:translateY(20px) rotate(-3deg);pointer-events:none;}.build-preview {border:1px solid #234cde30;background:#eceffc;padding:12px;}.build-preview b {font-size:22px;font-weight:600;display:flex;justify-content:space-between;}.build-preview b>span {font-size:17px;}.build-swatches {display:flex;height:24px;margin:12px 0;}.build-swatches i {flex:1;background:#234cde;}.build-swatches i:nth-child(2){background:#7995ff;}.build-swatches i:nth-child(3){background:#dce3ff;}.build-swatches i:nth-child(4){background:#1e2b52;}.build-preview p {font-size:8px;}.build-preview code {display:block;font:7px var(--mono);color:#234cde;padding-top:10px;}.artifact-think svg {width:100%;color:#234cde;display:block;}.portrait-modes {display:flex;gap:5px;width:max-content;margin:24px auto 0;padding:4px;border:1px solid #ffffff55;}.portrait-modes button {padding:8px 15px;font-size:10px;border:0;background:none;color:#faf7ed;cursor:pointer;transition:background .2s,color .2s;}.portrait-modes button>span {font-size:15px;margin-right:7px;}.portrait-modes button[aria-pressed="true"] {background:#faf7ed;color:#234cde;}.mode-hint {text-align:center;font-size:7.5px;letter-spacing:0;margin-top:11px;color:#dce3ff;}
[data-mode="build"] .artifact-design,[data-mode="think"] .artifact-design {opacity:0;transform:translateY(-15px) rotate(9deg);}[data-mode="build"] .artifact-build,[data-mode="think"] .artifact-think {opacity:1;transform:rotate(-4deg);}[data-mode="build"] .portrait-img {transform:translateX(-14px) rotate(-2deg);}[data-mode="think"] .portrait-img {transform:translateX(-12px) scale(.96);}[data-mode="think"] .portrait-outline {transform:rotate(4deg);}
/* Clear project stories; the imagery gets the emphasis. */
.work {padding-top:100px;}.work-tabs {gap:32px;}.work-tab {font-size:13px;}.work-tab.is-active,.work-tab[data-tab="vibe"].is-active {border-color:var(--accent);color:var(--accent);}.project-tools {gap:25px;}.cards {gap:46px 30px;}.card {position:relative;}.card-media {border-radius:2px;transition:background .4s,clip-path .4s;}.card-featured .card-media {height:430px;}.card:first-child .card-media {background:#dbe5dc;}.card:nth-child(2) .card-media {background:#e0dff0;}.card:nth-child(3) .card-media {background:#eadcca;}.card:nth-child(4) .card-media {background:#dce4ef;}.card-media>img {transition:transform .6s cubic-bezier(.22,1,.36,1);}.card:hover .card-media>img {transform:scale(1.05) translateY(-3px);}.card-number {font:8px var(--mono);}.feature-word {font-size:40px;font-weight:600;margin-top:35px;}.feature-sub {font:9px var(--mono);}.phone-composition {margin-top:30px;gap:40px;height:290px;}.phone-preview,.feature-umatter .phone-preview {width:126px;height:266px;}.card:hover .phone-one {transform:translateY(-8px) rotate(-3deg);}.card:hover .phone-two {transform:translateY(-4px) rotate(3deg);}.card-tags {font:8px var(--mono);}.card-body h3 {font-weight:600;font-size:30px;}.card-blurb {font-size:13px;}.card-cta>span {background:var(--bone);color:var(--ink);border-radius:50%;width:36px;height:36px;font-size:19px;}.card:hover .card-cta>span {transform:rotate(45deg);}.card:hover .card-body h3 {color:var(--accent);}.card:not(.card-featured) .card-media {aspect-ratio:1.85;}.playground {background:var(--paper);}.play-heading h2 {font:600 clamp(42px,5.2vw,72px)/1.02 var(--sans);letter-spacing:-.06em;}.play-card {padding:26px;background:var(--ink);border:1px solid var(--line);min-height:310px;position:relative;transition:transform .35s,border-color .35s;}.play-card:hover {transform:translateY(-7px);border-color:var(--accent);}.play-card-head {margin-top:auto;}.play-card h3 {font-size:26px;font-weight:600;}.play-card-art {height:110px;position:relative;display:grid;place-items:center;margin-bottom:20px;color:var(--accent);}.hued-art {display:flex;gap:0;transform:rotate(-6deg);}.hued-art i {width:32px;height:80px;background:#c3cee8;transition:transform .4s;}.hued-art i:nth-child(2){background:#a5b7e6;}.hued-art i:nth-child(3){background:#7092e1;}.hued-art i:nth-child(4){background:#3766da;}.hued-art i:nth-child(5){background:#193fa9;}.play-card:hover .hued-art i:nth-child(odd){transform:translateY(-8px);}.earth-art {width:98px;height:98px;border:1px solid var(--accent);border-radius:50%;position:relative;background:repeating-linear-gradient(0deg,transparent 0 18px,#234cde20 18px 19px);}.earth-art:before,.earth-art:after {content:'';position:absolute;inset:0 20px;border:1px solid var(--accent);border-radius:50%;}.earth-art:after {inset:0 35px;}.earth-art>i {position:absolute;left:65%;top:24%;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #234cde20;}.sketch-art {width:150px;height:91px;border:2px solid var(--accent);border-radius:3px 8px 5px 3px;transform:rotate(-4deg);position:relative;padding:14px;}.sketch-art:before {content:'';height:9px;display:block;border-bottom:2px solid var(--accent);margin-bottom:10px;}.sketch-art i {display:block;width:50px;height:35px;border:1px solid var(--accent);}.sketch-art:after {content:'Aa';position:absolute;right:17px;bottom:12px;font:28px var(--serif);}.play-card-cta {font-family:var(--mono);font-size:9px;}.now-building {font:10px var(--mono);}.vcard {border-radius:0;transition:border-color .25s;}.vcard-name {font-weight:600;}.vcard-cta {font:10px var(--mono);}
/* A graph that can be explored or read as a list. */
.brain-section {border-bottom:1px solid var(--line);}.brain-shell {border:1px solid var(--line);background:var(--ink-2);}.brain-toolbar {display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 18px;font-size:9px;}.brain-file {color:var(--bone-dim);}.brain-controls {display:flex;gap:8px;align-items:center;}.brain-controls button {min-width:32px;height:32px;padding:0 10px;font:9px var(--mono);background:none;border:1px solid var(--line);cursor:pointer;}.brain-controls button:hover {border-color:var(--accent);color:var(--accent);}.brain-controls button:first-child,.brain-controls button:nth-child(2){font:18px var(--sans);}.brain-body {display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:500px;}.brain-canvas {position:relative;overflow:hidden;min-width:0;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:20px 20px;}.brain-canvas svg {display:block;width:100%;height:100%;min-height:500px;touch-action:none;cursor:grab;}.brain-canvas svg:active {cursor:grabbing;}.brain-edge {stroke:var(--line);stroke-width:1;transition:stroke .3s,opacity .3s;}.brain-edge.connected {stroke:var(--accent);stroke-width:1.5;}.brain-node {cursor:pointer;outline:none;transition:opacity .3s;}.brain-node .node-dot {transition:r .25s;}.brain-node:hover .node-dot,.brain-node:focus-visible .node-dot {r:10;stroke:var(--bone);stroke-width:2;}.brain-node text {font:12px var(--sans);fill:var(--bone-dim);}.brain-node.is-cluster text {font-size:14px;font-weight:600;fill:var(--bone);}.brain-node.is-active text {fill:var(--accent);font-weight:600;}.brain-node.is-active .node-dot {stroke:var(--accent);stroke-width:4;}.brain-node.is-dim {opacity:.18;}.brain-edge.is-dim {opacity:.2;}.brain-instructions {position:absolute;bottom:13px;left:18px;pointer-events:none;font-size:8px;color:var(--bone-dim);}.brain-detail {border-left:1px solid var(--line);padding:30px 24px;display:flex;flex-direction:column;}.brain-detail .detail-index {font:9px var(--mono);color:var(--accent);margin-bottom:45px;}.brain-detail h3 {font:400 37px/1.02 var(--serif);letter-spacing:-.03em;}.brain-detail>p {font-size:12px;line-height:1.85;color:var(--bone-dim);margin-top:18px;}.brain-detail .detail-links {margin-top:30px;display:flex;flex-wrap:wrap;gap:7px;}.detail-links button {font:9px var(--mono);background:none;border:1px solid var(--line);padding:7px 9px;text-align:left;cursor:pointer;}.detail-links button:hover {border-color:var(--accent);color:var(--accent);}.brain-detail>a,.brain-detail>button {margin-top:auto;padding-top:25px;justify-content:space-between;}.brain-legend {display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding:14px 18px;font-size:8px;color:var(--bone-dim);}.brain-legend span {display:flex;align-items:center;gap:7px;}.brain-legend i {width:5px;height:5px;border-radius:50%;background:var(--dot);}.brain-source {margin-left:auto;}.brain-list {padding:20px;max-height:510px;overflow:auto;}.brain-list button {display:block;width:100%;text-align:left;background:var(--ink-2);border:0;border-bottom:1px solid var(--line);padding:14px;font-size:13px;cursor:pointer;}.brain-list button:hover,.brain-list button[aria-pressed="true"] {color:var(--accent);background:var(--accent-soft);}.brain-list button>span {float:right;font:8px var(--mono);color:var(--bone-dim);}
.about-statement {font-family:var(--serif);font-size:clamp(32px,4vw,56px);line-height:1.18;letter-spacing:-.03em;max-width:30ch;}.about-sign {font:italic 24px var(--serif);}.stat-num {color:var(--accent);font-weight:600;}.about-note em {color:var(--accent);}.xp-when {font-family:var(--mono);font-size:10px;}.xp-row {transition:background .3s;}.xp-row:hover {background:var(--paper);}.gallery {background:#202522;color:#f6f4ed;--bone:#f6f4ed;--bone-dim:#b9c0b9;--line:#ffffff35;--ink:#202522;}.gi {border-radius:0;}.gallery-browse {color:inherit;}.writing {background:var(--paper);}.writing-title {font:400 clamp(42px,5.2vw,72px)/1 var(--serif);max-width:20ch;}.test-quote {font-size:14px;}.test-name {font-weight:600;}.test-polaroid {width:58px;height:58px;}.contact {background:#234cde;color:#faf7ed;--bone:#faf7ed;--bone-dim:#dce3ff;--line:#ffffff40;--ink:#234cde;--paper:#234cde;--accent:#faf7ed;--focus-ring:#fff;}.contact-title {font:700 clamp(54px,8.2vw,116px)/.97 var(--sans);letter-spacing:-.06em;max-width:10ch;}.contact-direct>a {font-size:clamp(15px,2vw,25px);}.brief-details {max-width:800px;}.cf-field input,.cf-field select,.cf-field textarea {background:#faf7ed;color:#20201e;}.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus {background:#fff;color:#20201e;border-color:#20201e;}.cf-field input::placeholder,.cf-field textarea::placeholder {color:#706f68;}.cf-submit {background:#faf7ed;color:#234cde;}.cf-submit:hover {background:#fff;color:#234cde;}.footer {background:#1b2d69;color:#cfd9ff;border:0;font-family:var(--mono);font-size:8px;}.footer-status {color:#faf7ed;}.footer-status .status-dot {background:#c6e3b6;}.recruiter-dialog {border-radius:2px;}.recruiter-dialog h2 {font-weight:700;}.recruiter-dialog::backdrop,.note-dialog::backdrop {background:#141a3a88;backdrop-filter:blur(6px);}
/* The board is deliberately human. No pretend visitor notes. */
.visitor-section {background:var(--paper);}.board-invitation {max-width:35ch;}.board-invitation>p {font-size:13px;line-height:1.8;color:var(--bone-dim);margin-bottom:22px;}.visitor-board {background-color:var(--ink);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:17px 17px;border:1px solid var(--line);padding:48px 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:36px;min-height:350px;}.pinned-note {background:var(--note-color,#f4e6a7);color:#34352b;position:relative;padding:27px 20px 17px;min-height:220px;transform:rotate(var(--note-angle,-3deg));box-shadow:2px 5px 8px #20201e14;overflow-wrap:anywhere;animation:pin-arrive .65s cubic-bezier(.22,1,.36,1) both;}.pinned-note>p {font:400 26px/1.2 var(--serif);letter-spacing:-.02em;white-space:pre-wrap;}.pinned-note footer {display:flex;justify-content:space-between;gap:10px;font:8px var(--mono);margin-top:25px;}.pinned-note footer span {opacity:.6;font-size:7px;}.note-pin {position:absolute;width:9px;height:9px;border-radius:50%;background:#234cde;top:10px;left:50%;box-shadow:1px 2px 2px #0003;}.pinned-note svg {width:100%;aspect-ratio:520/320;display:block;}.board-empty {grid-column:2/5;align-self:center;justify-self:center;display:flex;gap:25px;color:var(--bone-dim);}.board-empty>span {font:60px var(--serif);transform:rotate(15deg);}.board-empty p {font:italic 28px/1.25 var(--serif);}.board-status {font-size:9px;color:var(--bone-dim);margin-top:20px;min-height:18px;}.note-dialog {position:fixed;inset:0;margin:auto;width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--ink);color:var(--bone);border:1px solid var(--line);padding:35px;}.note-close {position:absolute;right:17px;top:17px;width:35px;height:35px;border:0;background:none;cursor:pointer;}.note-dialog h2 {font:400 45px var(--serif);letter-spacing:-.03em;margin:15px 0 23px;}.note-dialog label {font-size:11px;display:block;margin:12px 0 8px;}.note-dialog label span {color:var(--bone-dim);}.note-dialog input[type="text"],.note-dialog input:not([type]),.note-dialog textarea {width:100%;padding:12px;font-size:16px;line-height:1.6;color:var(--bone);background:var(--ink-2);border:1px solid var(--line);border-radius:0;}.note-tabs {display:flex;gap:20px;margin:25px 0 15px;border-bottom:1px solid var(--line);}.note-tabs button {background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;font-size:12px;cursor:pointer;}.note-tabs button[aria-pressed="true"] {border-color:var(--accent);color:var(--accent);}.note-count {font-size:9px;text-align:right;color:var(--bone-dim);margin-top:6px;}#noteCanvas {width:100%;display:block;aspect-ratio:520/320;background:#f4e6a7;border:1px solid var(--line);touch-action:none;cursor:crosshair;}.note-colors {border:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;}.note-colors legend {font-size:11px;}.note-colors label {margin:8px 0;position:relative;cursor:pointer;}.note-colors input {position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;}.note-colors label>span {display:block;padding:7px 12px;background:var(--note-color);border:1px solid transparent;color:#34352b;font:9px var(--mono);}.note-colors input:checked+span {border:1px solid #34352b;box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--bone-dim);}.note-colors input:focus-visible+span {outline:2px solid var(--accent);outline-offset:4px;}.note-public {font-size:8px;color:var(--bone-dim);margin:18px 0;}.note-dialog #noteStatus {font-size:11px;color:var(--bone-dim);margin-top:13px;}.note-dialog .button-solid {width:100%;}.note-dialog .button-solid:disabled {opacity:.6;transform:none;}.note-dialog[open] {animation:note-open .35s ease both;}@keyframes note-open {from{opacity:0;transform:translateY(15px) rotate(-2deg);}to{opacity:1;transform:none;}}@keyframes pin-arrive {from{opacity:0;transform:translateY(-20px) rotate(0);}to{opacity:1;transform:rotate(var(--note-angle,-3deg));}}
@media(min-width:1600px){.hero-intro {gap:65px;}.portrait-workspace {max-width:530px;justify-self:end;}}
@media(max-width:1100px){.hero-copy h1 {font-size:9.8vw;}.hero-intro {gap:30px;}.hero-description {font-size:12px;}.hero-aside {font-size:25px;}.portrait-artifact {right:-8px;width:50%;}.hero-photo figcaption {font-size:8px;}.card-featured .card-media {height:390px;}.phone-preview,.feature-umatter .phone-preview {width:112px;height:237px;}.phone-composition {gap:30px;}.brain-body {grid-template-columns:minmax(0,1fr) 250px;}.visitor-board {grid-template-columns:repeat(3,minmax(0,1fr));}.board-empty {grid-column:2/4;}}
@media(max-width:900px){.atelier-hero {padding-top:105px;}.hero-topline>p:last-child {font-size:7px;}.hero-topline {padding-bottom:20px;}.hero-intro {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding-top:35px;}.hero-copy h1 {font-size:9.5vw;}.hero-aside {font-size:24px;}.portrait-grid:after {font-size:48px;}.portrait-artifact {padding:9px;}.portrait-artifact>span {font-size:5.5px;margin-bottom:8px;}.portrait-artifact>p {font-size:14px;}.portrait-modes button {padding:7px 10px;font-size:9px;}.mode-hint {font-size:6px;}.hero-photo figcaption {font-size:6.5px;padding:10px;}.hero-actions {gap:15px;}.hero-actions .button-solid {padding:12px 15px;font-size:10px;gap:20px;}.hero-actions .text-button {font-size:10px;gap:12px;}.hero-bottom {font-size:8px;}.card-featured .card-media {height:350px;}.feature-word {font-size:32px;}.phone-preview,.feature-umatter .phone-preview {width:95px;height:202px;}.phone-composition {gap:25px;}.brain-body {grid-template-columns:minmax(0,1fr);}.brain-detail {border-left:0;border-top:1px solid var(--line);padding:24px;min-height:230px;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;}.brain-detail .detail-index {margin:0;grid-column:1;}.brain-detail h3 {grid-column:1;font-size:34px;}.brain-detail>p {grid-column:2;grid-row:1/3;margin:0;}.brain-detail .detail-links {grid-column:2;grid-row:3;margin:0;}.brain-detail>a,.brain-detail>button {grid-column:1;padding-top:15px;align-self:end;}.brain-canvas svg {min-height:430px;height:430px;}.brain-source {margin-left:0;}.visitor-board {padding:35px 25px;gap:25px;}.pinned-note {min-height:200px;padding:27px 16px 16px;}.pinned-note>p {font-size:24px;}.play-card {padding:20px;min-height:330px;}.play-card-art {height:100px;}.play-card h3 {font-size:23px;}}
@media(max-width:600px){html {scroll-padding-top:76px;}.nav {padding-inline:22px;}.nav-logo {font-size:17px;}.recruiter-trigger {font-size:8px;}.atelier-hero {padding:93px 22px 0;}.hero-topline {gap:12px;padding-bottom:17px;}.hero-greeting {font-size:12px!important;}.hero-greeting>span {font-size:17px;margin-left:6px;}.hero-topline>p:last-child {max-width:130px;text-align:right;font-size:6.5px;line-height:1.65;}.hero-intro {grid-template-columns:1fr;gap:32px;padding:30px 0 26px;}.hero-copy h1 {font-size:clamp(69px,18.5vw,106px);line-height:.88;}.hero-aside {font-size:25px;margin-top:23px;}.hero-description {font-size:12px;max-width:38ch;margin:18px 0 23px;}.hero-actions .button-solid {font-size:11px;padding:13px 18px;}.hero-actions .text-button {font-size:11px;}.hero-actions {gap:23px;}.portrait-workspace {max-width:390px;width:calc(100% - 20px);margin:auto;padding:0;}.hero-photo {aspect-ratio:1.12;}.portrait-img {width:89%;left:5.5%;bottom:0;}.portrait-grid:after {font-size:55px;top:10%;}.portrait-artifact {width:45%;top:38%;right:-14px;padding:10px;}.portrait-artifact>span {font-size:5.5px;}.portrait-artifact>p {font-size:16px;}.selection-label {font-size:7px;}.hero-photo figcaption {font-size:8px;padding:11px;}.portrait-modes {margin-top:19px;}.portrait-modes button {font-size:10px;padding:7px 12px;}.mode-hint {font-size:7px;}.hero-bottom {font-size:7px;padding-block:20px;}.hero-bottom>span:first-child {max-width:none;}.hero-bottom>a {gap:13px;font-size:9px;}.section-title,.play-heading h2 {font-size:44px;}.section-note {font-size:11px;}.work {padding-top:65px;}.cards {gap:35px;}.card-featured .card-media {height:355px;}.feature-word {font-size:32px;}.phone-preview,.feature-umatter .phone-preview {width:104px;height:222px;}.phone-composition {gap:35px;margin-top:22px;}.card:not(.card-featured) .card-media {aspect-ratio:1.6;}.card-body h3 {font-size:28px;}.card-blurb {font-size:12px;}.play-card {min-height:285px;padding:24px;}.play-card-art {height:95px;}.play-card-head {margin-top:15px;}.now-building {font-size:9px;}.brain-toolbar {flex-wrap:wrap;padding:12px;}.brain-file {font-size:8px;width:100%;}.brain-controls {width:100%;justify-content:flex-end;}.brain-controls button {font-size:9px;min-height:35px;}.brain-canvas svg {min-height:360px;height:360px;}.brain-instructions {font-size:7px;left:12px;}.brain-detail {display:block;min-height:270px;}.brain-detail .detail-index {margin-bottom:18px;}.brain-detail h3 {font-size:36px;}.brain-detail>p {margin-top:13px;font-size:12px;}.brain-detail .detail-links {margin-top:18px;}.brain-detail>a,.brain-detail>button {margin-top:15px;padding-top:10px;}.brain-legend {gap:14px;padding:12px;font-size:7px;}.brain-source {width:100%;}.about-statement {font-size:35px;}.about-sign {font-size:21px;}.writing-title {font-size:47px;}.visitor-board {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:30px 20px;min-height:300px;}.pinned-note {min-height:180px;padding:26px 14px 14px;}.pinned-note>p {font-size:21px;}.pinned-note footer {font-size:7px;flex-wrap:wrap;}.pinned-note footer span {font-size:6px;}.board-empty {grid-column:2;display:block;}.board-empty>span {font-size:40px;}.board-empty p {font-size:22px;}.board-invitation {margin-top:23px;}.board-invitation>p {font-size:12px;}.board-status {font-size:8px;}.note-dialog {padding:29px 23px;}.note-dialog h2 {font-size:39px;}.note-dialog .kicker {font-size:8px;}.contact-title {font-size:clamp(53px,13vw,78px);}.contact-direct {gap:14px;}.contact-direct>a {font-size:clamp(13px,4vw,20px);}.contact-direct>button {font-size:9px;padding:8px;}.contact-links {font-size:10px;}.footer {font-size:7px;}.footer>span:last-child {font-size:7px;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after {animation:none!important;scroll-behavior:auto!important;transition:none!important;}.portrait-img,.portrait-artifact,.card:hover .phone-one,.card:hover .phone-two,.play-card:hover {transform:none!important;}}
.portrait-img,.portrait-artifact img {height:auto;}
.hero-line {display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;}
.hero-line>span {display:block;}
.hero-bottom .hero-board-link {font-size:8px;gap:15px;}
@media(max-width:900px){.hero-bottom .hero-board-link {display:none;}}

@media(max-width:600px){.brain-node text {font-size:16px;}.brain-node.is-cluster text {font-size:19px;}.node-hit {r:32;}}
.brain-node.is-dim {opacity:.4;}
.brain-node.is-dim:hover,.brain-node.is-dim:focus-visible {opacity:1;}