:root{--ink:#f5f5f1;--line:rgba(255,255,255,.29);--soft:rgba(255,255,255,.58);--dim:rgba(255,255,255,.35);--panel:rgba(14,14,14,.82);--field-rx:0deg;--field-ry:0deg;--field-x:0px;--field-y:0px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#020202;color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:.01em}button,input,textarea{font:inherit}.landing--field{overflow:hidden;cursor:crosshair}.landing--field.is-dragging{cursor:grabbing}#creative-field{position:fixed;inset:0;width:100%;height:100%;z-index:0}.field-shell{isolation:isolate;position:relative;z-index:1;min-height:100svh;padding:28px clamp(22px,4vw,64px);display:grid;grid-template-rows:auto 1fr auto;pointer-events:none}.field-header,.field-footer{display:flex;justify-content:space-between;gap:16px;color:rgba(255,255,255,.68);font-size:9px;letter-spacing:.24em;text-shadow:0 1px 8px #000}.mark-system{align-self:center;justify-self:center;position:relative;width:min(480px,68vw);aspect-ratio:1;display:grid;place-items:center;perspective:1000px;transform-style:preserve-3d;transform:translate3d(var(--field-x),var(--field-y),0) rotateX(var(--field-rx)) rotateY(var(--field-ry));transition:transform .18s ease-out}.guv-sign{width:54%;height:auto;position:relative;z-index:4;filter:drop-shadow(0 0 16px rgba(255,255,255,.26));transform:translateZ(48px)}.mark-system .wordmark{position:absolute;z-index:4;bottom:14%;margin:0;font-size:clamp(10px,1.35vw,14px);font-weight:400;letter-spacing:.46em;text-indent:.46em;transform:translateZ(40px);text-shadow:0 0 10px rgba(255,255,255,.2)}.orbit{position:absolute;inset:50%;border:1px solid rgba(255,255,255,.32);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit--one{width:92%;height:92%;transform:translate(-50%,-50%) translateZ(3px)}.orbit--two{width:108%;height:84%;border-style:dotted;opacity:.68;transform:translate(-50%,-50%) rotate(-22deg) translateZ(-12px);animation:orbit-spin 42s linear infinite}.orbit--three{width:123%;height:53%;opacity:.5;transform:translate(-50%,-50%) rotate(31deg) translateZ(-27px)}.marker{position:absolute;z-index:3;width:10px;height:10px;border:1px solid rgba(255,255,255,.88);border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,.3)}.marker--one{top:11%;left:70%;transform:translateZ(18px)}.marker--two{right:7%;bottom:23%;width:8px;height:8px;transform:translateZ(-8px)}.field-instruction,.field-access{position:absolute;pointer-events:auto;border:1px solid var(--line);background:rgba(5,5,5,.22);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.78)}.field-instruction{left:clamp(22px,4vw,64px);bottom:62px;padding:12px 15px;display:flex;align-items:center;gap:10px}.instruction-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:pulse 2.2s ease-in-out infinite}.field-access{right:clamp(22px,4vw,64px);bottom:62px;display:flex;align-items:center;gap:25px;padding:12px 15px;color:#fff;text-decoration:none;transition:.2s ease}.field-access:hover,.field-access:focus-visible{background:rgba(255,255,255,.12);border-color:#fff;outline:none}.field-access span:last-child{font-size:15px;line-height:6px}.client-app{min-height:100svh;background:radial-gradient(circle at 10% 0,#191919 0,#070707 39%,#030303 100%);padding:22px clamp(18px,4vw,62px)}.client-header{border-bottom:1px solid var(--line);padding:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.client-app .wordmark,.client-directory .wordmark{font-size:14px;letter-spacing:.27em}.project-meta{font-size:10px;color:var(--soft);letter-spacing:.16em;text-align:right}.client-main{max-width:1160px;margin:46px auto 0}.client-top{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}.client-top h1{font-weight:300;font-size:clamp(28px,5vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0}.client-top p{color:var(--soft);line-height:1.6;max-width:510px;font-size:14px}.eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.35em;color:var(--soft)}.button{display:flex;align-items:center;justify-content:space-between;gap:36px;width:auto;min-width:210px;color:var(--ink);border:1px solid var(--line);padding:15px 17px;background:rgba(0,0,0,.3);font-size:10px;letter-spacing:.22em;cursor:pointer;white-space:nowrap}.boards{display:grid;gap:13px}.board{border:1px solid var(--line);background:var(--panel);padding:clamp(16px,3vw,26px);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.board-number{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--soft)}.board h2{font-size:16px;font-weight:400;margin:0 0 6px}.board p{margin:0;color:var(--soft);font-size:13px;line-height:1.45}.board-actions{display:flex;align-items:center;gap:9px}.count{color:var(--soft);font-size:11px;min-width:26px;text-align:center}.icon-button{border:1px solid var(--line);background:transparent;color:var(--ink);width:38px;height:38px;cursor:pointer;font-size:19px}.comments-panel{margin-top:30px;border-top:1px solid var(--line);padding-top:28px}.comments-panel h2{font-size:14px;font-weight:400;letter-spacing:.12em}.empty-state{border:1px dashed var(--line);padding:28px;color:var(--soft);font-size:14px}.comment-list{display:grid;gap:10px}.comment{border:1px solid var(--line);padding:17px;background:rgba(255,255,255,.025)}.comment-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:11px;color:var(--soft)}.comment p{margin:0;line-height:1.55;font-size:14px}.dialog{width:min(620px,calc(100% - 30px));color:var(--ink);border:1px solid var(--line);background:#0b0b0b;padding:0}.dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.dialog form{padding:25px}.dialog h2{font-size:21px;font-weight:400;margin:0 0 22px}.field-label{display:block;font-size:10px;letter-spacing:.16em;color:var(--soft);margin-bottom:8px}.dialog input,.dialog textarea{width:100%;background:#050505;border:1px solid var(--line);color:var(--ink);padding:12px;outline:none}.dialog textarea{min-height:135px;resize:vertical}.dialog input:focus,.dialog textarea:focus{border-color:white}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dialog-actions .button{min-width:0}.button--plain{background:transparent}.toast{position:fixed;right:22px;bottom:22px;padding:13px 16px;border:1px solid var(--line);background:#161616;color:var(--ink);font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translateY(0);opacity:1}.client-directory{min-height:100svh;background:radial-gradient(circle at 10% 0,#191919 0,#070707 39%,#030303 100%)}.wordmark-link{color:var(--ink);text-decoration:none}.wordmark-link:focus-visible{outline:1px solid #fff;outline-offset:5px}.access-hub{min-height:100svh;padding:22px clamp(18px,4vw,62px);position:relative;overflow:hidden}.access-hub::before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 22% 38%,rgba(255,255,255,.32) 0 1px,transparent 1px 17px);opacity:.11;transform:rotate(-8deg);pointer-events:none}.access-hub::after{content:"";position:absolute;left:-8%;right:-8%;bottom:14%;height:30svh;border-top:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(174deg,transparent 0 13px,rgba(255,255,255,.11) 14px,transparent 15px);opacity:.32;transform:skewY(-8deg);pointer-events:none}.access-main{position:relative;z-index:1;max-width:940px;margin:clamp(72px,12vh,145px) auto 0}.access-main h1{font-weight:300;font-size:clamp(40px,8vw,92px);line-height:.94;margin:0;letter-spacing:0}.access-lead{max-width:560px;margin:22px 0 38px;color:var(--soft);font-size:15px;line-height:1.65}.access-lead code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;color:var(--ink)}.client-list{display:grid;gap:12px;max-width:720px}.client-tile{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;min-height:82px;padding:20px 22px;color:var(--ink);text-decoration:none;border:1px solid var(--line);background:rgba(0,0,0,.4);backdrop-filter:blur(8px);transition:border-color .18s ease,background .18s ease,transform .18s ease}.client-tile:hover,.client-tile:focus-visible{border-color:#fff;background:rgba(255,255,255,.08);outline:none;transform:translateX(4px)}.client-code{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--soft)}.client-name{font-size:18px;letter-spacing:.08em}.client-status{font-size:9px;letter-spacing:.2em;color:var(--soft);white-space:nowrap}.client-arrow{font-size:18px}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(338deg) translateZ(-12px)}}@keyframes pulse{50%{opacity:.28;transform:scale(.6)}}@media(max-width:680px){.field-shell{padding:20px}.field-header,.field-footer{font-size:7px;letter-spacing:.14em}.mark-system{width:min(390px,92vw);align-self:center}.field-instruction{left:20px;bottom:51px;padding:10px 11px;font-size:7px;letter-spacing:.11em}.field-access{right:20px;bottom:51px;padding:10px 11px;font-size:7px;letter-spacing:.12em;gap:12px}.field-footer{font-size:6px}.client-top,.client-header{align-items:flex-start;flex-direction:column}.project-meta{text-align:left}.client-top .button{width:100%}.board{grid-template-columns:auto 1fr}.board-actions{grid-column:2}.client-tile{grid-template-columns:auto 1fr auto}.client-status{grid-column:2/span 2}.client-arrow{grid-row:1;grid-column:3}.access-main{margin-top:62px}.access-lead{font-size:14px}}@media(prefers-reduced-motion:reduce){.orbit--two,.instruction-dot{animation:none}.client-tile{transition:none}}