@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2-variations")}:root{--bg:#0d0b0c;--fg:#f6efed;--muted:#a39497;--ink:#170e10;--red:#ff4a5d;--red-2:#ff3b49;--orange:#ff8a3d;--pink:#ff8ad0;--lime:#c8f53c;--violet:#b69cff;--blue:#6cc4ff;--yellow:#ffd84a;--tile:#1a1517;--line:#2a2326;--ease:cubic-bezier(.2, .8, .2, 1);--r-in:18px}[data-stage=brief]{--stage:var(--violet)}[data-stage=design]{--stage:var(--pink)}[data-stage=build]{--stage:var(--orange)}[data-stage=review]{--stage:var(--blue)}[data-stage=live]{--stage:var(--lime)}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";min-height:100svh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1120px;padding:calc(20px + env(safe-area-inset-top)) clamp(14px, 3vw, 28px) calc(28px + env(safe-area-inset-bottom));margin:0 auto}.top{justify-content:space-between;align-items:center;gap:16px;padding:6px 6px 18px;font-size:15px;font-weight:600;display:flex}.top .who{color:var(--muted);font-weight:500}.top a,.linkbtn{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px}.top a{text-decoration-line:none}.top a:hover,.top a.u{text-decoration-line:underline}.top .right{align-items:center;gap:18px;min-width:0;display:flex}.top .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.linkbtn{all:unset;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;margin:-12px -8px;padding:12px 8px}:focus-visible{outline:3px solid var(--fg);outline-offset:3px;border-radius:6px}.on-light :focus-visible,.on-light:focus-within :focus-visible{outline-color:var(--ink)}.shelf{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.t{color:var(--ink);border-radius:26px;flex-direction:column;gap:18px;padding:26px;text-decoration:none;display:flex;position:relative;overflow:hidden}.k{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0;font-size:13px;font-weight:650}.big{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.5vw,34px);font-weight:750;line-height:1.02}.sub{margin:0;font-size:15px;font-weight:550}.body{max-width:62ch;margin:0;font-size:17px;font-weight:450;line-height:1.5}.span4{grid-column:span 4}.span2{grid-column:span 2}.t.red{background:linear-gradient(140deg, var(--red), var(--red-2));color:#fff;justify-content:flex-start;min-height:240px}.t.red h1,.t.red h2{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:750;line-height:1.02}.t.red .lede{letter-spacing:-.015em;text-wrap:balance;max-width:34ch;margin:0;font-size:clamp(19px,1.7vw,24px);font-weight:700;line-height:1.2}.t.red .lede a{text-underline-offset:5px;text-decoration-thickness:2px}.t.red .mark{letter-spacing:-.06em;-webkit-user-select:none;user-select:none;margin:0;padding-bottom:.2em;font-size:150px;font-weight:800;line-height:.78;position:absolute;bottom:0;right:26px}.t.stage{background:var(--stage);transition:background-color .4s var(--ease)}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:10px;font-size:15px;font-weight:650;display:flex;position:relative}.steps li:before{content:"";background:var(--ink);border-radius:999px;height:8px}.steps li[aria-current=step]{font-weight:800}.steps li[aria-current=step]~li:before{background:#170e102e}.steps li[aria-current=step]~li{opacity:.7}.now{letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--stage);border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:12px;font-weight:700}.stage .big{max-width:26ch}.t.light{background:var(--fg)}.needs ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.needs li{grid-template-columns:14px 1fr;align-items:baseline;gap:12px;display:grid}.needs li:before{content:"";border:2px solid var(--ink);border-radius:3px;width:10px;height:10px;transform:translateY(1px)}.t.dark{background:var(--tile);color:var(--fg);border:1px solid var(--line)}.t.dark .k{color:var(--muted);opacity:1}.updates ol{margin:0;padding:0;list-style:none}.updates li{border-top:1px solid var(--line);gap:8px;padding:18px 0;display:grid}.updates li:first-child{border-top:0;padding-top:0}.updates time{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:650}.client .needs{grid-column:1/span 2}.client .updates{grid-area:span 3/3/auto/span 2}.client .help{grid-column:1/span 2}.t.proj{background:var(--stage);min-height:210px;transition:transform .45s var(--ease), box-shadow .45s var(--ease);justify-content:space-between}.t.proj .meta{justify-content:space-between;align-items:end;gap:12px;font-size:14px;font-weight:650;display:flex}.t.proj .meta span:first-child{opacity:.75}.t.proj .meta span[aria-hidden]{font-size:22px;line-height:1}.shelf.stretch{align-items:stretch}.t.red .lede+.lede{margin-top:-6px}.t.new{color:var(--fg);border:1.5px dashed var(--muted);min-height:210px;transition:transform .45s var(--ease), border-color .3s;background:0 0;justify-content:space-between}.t.new .plus{font-size:44px;font-weight:300;line-height:.8}@media (hover:hover) and (pointer:fine){a.t.proj:hover,a.t.new:hover{transform:translateY(-5px)rotate(-.6deg);box-shadow:0 24px 60px -20px #0009}a.t.new:hover{border-color:var(--fg)}}a.t:focus-visible{outline-offset:3px;border-radius:26px}.field{gap:8px;display:grid}.field>span{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:13px;font-weight:650}.field input,.field textarea{color:inherit;border-radius:var(--r-in);resize:vertical;border:0;width:100%;padding:18px 20px;font:550 17px/1.45 Inter,system-ui,sans-serif}.on-light .field input,.on-light .field textarea{background:#170e1012}.dark .field textarea{color:var(--fg);background:#f6efed0f}.field input:focus,.field textarea:focus{outline:3px solid var(--ink);outline-offset:3px}.dark .field textarea:focus{outline-color:var(--fg)}.hint{opacity:.7;margin:0;font-size:14px;font-weight:550}.picks{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.picks legend{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:8px;padding:0;font-size:13px;font-weight:650}.picks label{cursor:pointer;border:2px solid #170e102e;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:650;display:inline-flex;position:relative}.picks label i{background:var(--stage);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #170e1040}.picks input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.picks label:has(input:checked){background:var(--stage);border-color:var(--ink)}.picks label:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}.actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.btn{border-radius:var(--r-in);background:var(--ink);height:56px;color:var(--fg);cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border:0;padding:0 24px;font:650 17px/1 Inter,system-ui,sans-serif}.dark .btn{background:var(--fg);color:var(--ink)}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #0000008c}}.btn:active{transform:scale(.98)}.saved{background:var(--ink);color:var(--fg);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:650}.dark .saved{background:var(--fg);color:var(--ink)}.note{background:var(--ink);color:var(--fg);border-radius:14px;margin:0;padding:12px 16px;font-size:15px;font-weight:650}.ed-stage .steps label{cursor:pointer;border-radius:10px;position:absolute;inset:-6px}.ed-stage .steps input{opacity:0;pointer-events:none;position:absolute}.ed-stage .steps li:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:4px;border-radius:8px}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:26px 6px 0;font-size:14px;display:flex}footer a{color:var(--fg);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;font-weight:600}@media (max-width:900px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.span4,.client .needs,.client .updates,.client .help{grid-area:auto/span 2}}@media (max-width:600px){.shelf{grid-template-columns:minmax(0,1fr)}.span2,.span4,.t.proj,.t.new,.client .needs,.client .updates,.client .help{grid-column:auto}.t.red .mark{display:none}.t.red{min-height:0}.t.proj,.t.new{min-height:150px}.top .who{display:none}}@media (max-width:420px){.t{border-radius:22px;padding:20px}.steps li{font-size:13px}.steps{gap:5px}}.shelf.drop>.t{animation:.95s cubic-bezier(.55,0,.45,1) both drop;animation-delay:calc(var(--i,0) * 70ms)}@keyframes drop{0%{transform:translateY(-115vh) rotate(var(--r,0deg));opacity:.01}8%{opacity:1}62%{transform:translateY(0) rotate(calc(var(--r,0deg) * -.25))}76%{transform:translateY(-16px) rotate(calc(var(--r,0deg) * .15))}88%{transform:translateY(0)scale(1.01,.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.shelf.drop>.t{animation:none}.t,.btn{transition:none}a.t:hover{transform:none}}html.arrive .shelf.client>.t{animation:.95s cubic-bezier(.55,0,.45,1) both drop;animation-delay:calc(var(--i,0) * 70ms)}@media (prefers-reduced-motion:reduce){html.arrive .shelf.client>.t{animation:none}}.wrap:has(>main>.si-grid){min-height:100svh;padding-top:0;padding-bottom:0;position:relative}.wrap:has(>main>.si-grid)>.top{left:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px);top:calc(20px + env(safe-area-inset-top));z-index:1;position:absolute}.wrap:has(>main>.si-grid)>footer{display:none}
