:root{--fg:#000;--fg-2:#0000008c;--fg-3:#00000061;--fg-4:#00000038;--accent:#cf5316;--bg:#fff;--placeholder:#ececea;--line:#0000001f;--line-strong:#00000052;--line-soft:#00000012;--tint:#00000005;--tint-strong:#0000000d;--t-xs:.7rem;--t-sm:.8rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:clamp(1.5rem, 2.4vw, 2rem);--lh-tight:1.25;--lh-ui:1.45;--lh-body:1.6;--page-pad:24px;--max-w:1280px;--edge:max(var(--page-pad), calc((100% - var(--max-w)) / 2 + var(--page-pad)));--gap:8px;--radius:8px;--row-h:clamp(200px, 27vh, 330px);--ease:cubic-bezier(.22, 1, .36, 1);--dur:.15s;--font:"Inter", -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--t-md);line-height:var(--lh-ui);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}.pill-link,.project__credit-pill,.modal__credit-pill,.chip span,.feature__badge{border:1px solid var(--line);background:var(--tint);color:var(--fg);white-space:nowrap;transition:border-color var(--dur), background var(--dur), color var(--dur);border-radius:999px;align-items:baseline;text-decoration:none;display:inline-flex}.pill-link:hover,a.project__credit-pill:hover,a.modal__credit-pill:hover,.chip:hover span{border-color:var(--line-strong);background:var(--tint-strong)}.project__credit-pill{font-size:var(--t-xs);max-width:100%;padding:2px 9px}.modal__credit-pill,.chip span{font-size:var(--t-sm);padding:5px 12px}.pill-link{font-size:var(--t-sm);cursor:pointer;align-items:center;gap:.6em;padding:8px 16px}.pill-link:after{content:"→";color:var(--fg-3);transition:transform var(--dur)}.pill-link:hover:after{transform:translate(2px)}.pill-link:disabled{opacity:.5;cursor:default}a.project__credit-pill:after,a.modal__credit-pill:after{content:"↗";color:var(--fg-3);margin-left:.35em;font-size:.85em}.site-header{padding:20px var(--edge)}.site-name{font-size:var(--t-sm)}.projects{padding:clamp(120px,22vh,240px) 0 24px}body[data-page=work] .projects{padding-bottom:96px}.project{padding:0 0 40px}.project__head{padding:0 var(--edge) 14px;cursor:default;flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.project__title{font-weight:400;font-size:var(--t-sm);line-height:var(--lh-tight);flex:none}.project__more{font-size:var(--t-xs);color:var(--fg-3);cursor:pointer;white-space:nowrap;text-underline-offset:.25em;transition:color var(--dur), text-decoration-color var(--dur);background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.project__more:hover{color:var(--fg);-webkit-text-decoration-color:var(--fg-4);text-decoration-color:var(--fg-4)}.project__credits{flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;padding:0;list-style:none;display:flex}.project__credit-pill.has-role{cursor:help}.project__scroller{gap:var(--gap);padding:0 var(--edge);cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;display:flex;overflow:auto hidden}.project__scroller::-webkit-scrollbar{display:none}.project__scroller.is-dragging{cursor:grabbing;scroll-behavior:auto}.projects__error{padding:0 var(--edge);color:var(--fg-3)}.frame{height:var(--row-h);aspect-ratio:var(--ar,1);border-radius:var(--radius);background:var(--placeholder);isolation:isolate;flex:none;position:relative;overflow:hidden}.frame:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line-soft);pointer-events:none;position:absolute;inset:0}.frame>img,.frame>video{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:auto;width:100%;height:100%;display:block}.frame>img{opacity:0;transition:opacity .4s}.frame>img.is-loaded{opacity:1}.frame--video{cursor:ew-resize}.more{padding:0 var(--edge)}.more__count{color:var(--fg-3)}.features{padding:128px var(--edge)}.features:empty{display:none}.features__heading{max-width:34ch;font-size:var(--t-xl);font-weight:500;line-height:var(--lh-tight);letter-spacing:-.018em;text-wrap:pretty;margin-bottom:68px}.features__lead{color:var(--fg)}.features__rest{color:var(--fg-3)}.features__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 44px;margin:0;padding:0;list-style:none;display:grid}.feature{flex-direction:column;align-items:flex-start;display:flex}.feature__icon{width:28px;height:28px;color:var(--fg)}.feature__icon svg{width:100%;height:100%;display:block}.feature__body{font-size:var(--t-md);letter-spacing:-.006em;text-wrap:pretty;margin-top:28px;line-height:1.55}.feature__title{color:var(--fg);font-weight:500}.feature__desc{color:var(--fg-3)}.feature__badge{color:var(--accent);font-size:var(--t-xs);letter-spacing:.05em;text-transform:uppercase;background:#cf53160d;border-color:#cf53164d;margin-top:14px;padding:3px 9px}.features__cta{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:92px;padding-top:40px;display:flex}.features__cta-text{font-size:var(--t-md);color:var(--fg-2)}.tooltip{z-index:50;color:#fff;max-width:260px;font-size:var(--t-xs);line-height:var(--lh-ui);pointer-events:none;opacity:0;background:#111;border-radius:6px;padding:5px 9px;transition:opacity .12s;position:fixed;top:0;left:0}.tooltip.is-visible{opacity:1}html.is-modal-open,html.is-modal-open body{overflow:hidden}.modal{z-index:60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#0000002e;transition:opacity .22s;position:absolute;inset:0}.modal__panel{border-radius:var(--radius);background:var(--bg);opacity:0;width:min(600px,100%);max-height:min(82vh,760px);transition:opacity .22s var(--ease), transform .3s var(--ease);padding:44px 44px 40px;position:relative;overflow-y:auto;transform:translateY(8px)scale(.99);box-shadow:0 1px 2px #0000000f,0 20px 60px #00000024}.modal.is-open .modal__backdrop{opacity:1}.modal.is-open .modal__panel{opacity:1;transform:none}.modal__close{width:26px;height:26px;color:var(--fg-3);font-size:var(--t-md);cursor:pointer;transition:background var(--dur), color var(--dur);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:16px;right:16px}.modal__close:hover{background:var(--tint-strong);color:var(--fg)}.modal__label{font-size:var(--t-xs);color:var(--fg-3);display:block}.modal__title{font-size:var(--t-lg);font-weight:500;line-height:var(--lh-tight);letter-spacing:-.018em;text-wrap:pretty;margin-top:10px;padding-right:24px}.modal__text{font-size:var(--t-md);line-height:var(--lh-body);letter-spacing:-.004em;color:var(--fg-2);white-space:pre-line;text-wrap:pretty;margin-top:20px}.modal__credits{border-top:1px solid var(--line-soft);margin-top:30px;padding-top:22px}.modal__credit-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.modal__credit-role{color:var(--fg-3)}.modal__credit-role:before{content:"·";color:var(--fg-4);padding:0 .4em}.start{padding:clamp(90px, 16vh, 170px) var(--edge) 140px;margin:0 auto}.start__intro{max-width:46ch}.start__title{font-size:var(--t-xl);font-weight:500;line-height:var(--lh-tight);letter-spacing:-.022em}.start__lead{font-size:var(--t-md);line-height:var(--lh-body);letter-spacing:-.004em;color:var(--fg-3);text-wrap:pretty;margin-top:14px}.form{flex-direction:column;gap:26px;max-width:660px;margin-top:56px;display:flex}.form__pair{grid-template-columns:1fr 1fr;gap:26px;display:grid}.field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.field__label{font-size:var(--t-xs);color:var(--fg-3);padding:0}.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--line);width:100%;font-size:var(--t-md);transition:border-color var(--dur);background:0 0;border-radius:0;outline:none;padding:10px 0}.field textarea{resize:vertical;line-height:var(--lh-body);padding-top:4px}.field select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--fg-3) 50%), linear-gradient(135deg, var(--fg-3) 50%, transparent 50%);background-position:calc(100% - 9px) calc(50% + 1px),calc(100% - 4px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:22px}.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--fg)}.field input::placeholder,.field textarea::placeholder{color:var(--fg-4)}.chips{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.chip{cursor:pointer}.chip input{opacity:0;width:0;height:0;position:absolute}.chip input:checked+span{background:var(--fg);border-color:var(--fg);color:var(--bg)}.chip input:focus-visible+span{outline:2px solid var(--line-strong);outline-offset:2px}.form__foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.form__note{font-size:var(--t-sm);color:var(--fg-3)}.form__note.is-error{color:var(--accent)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.start__done{flex-direction:column;align-items:flex-start;gap:6px;max-width:46ch;display:flex}.start__done .pill-link{margin-top:22px}.start__done[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0}.js .reveal--rise{transform:translateY(8px)}.js .reveal.is-in{opacity:1;transition:opacity .8s var(--ease) var(--delay,0s), transform .8s var(--ease) var(--delay,0s);transform:none}}@media (prefers-reduced-motion:reduce){.frame>img{transition:none}}@media (width<=1100px){.features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){:root{--page-pad:16px;--row-h:clamp(180px, 30vh, 260px)}.project{padding-bottom:44px}.features{padding:88px var(--edge)}.features__heading{margin-bottom:48px}.features__grid{grid-template-columns:minmax(0,1fr);gap:40px}.features__cta{margin-top:64px}.modal{padding:16px}.modal__panel{padding:30px 24px 26px}.start{padding-bottom:90px}.form__pair{grid-template-columns:minmax(0,1fr)}}:root{--danger:var(--accent);--overlay:#0000001c}html,body,#root{height:100%}input::placeholder,textarea::placeholder{color:var(--fg-4)}.muted{color:var(--fg-3)}.small{font-size:var(--t-xs)}.danger{color:var(--danger)}.stack{flex-direction:column;gap:12px;display:flex}.screen{min-height:100%;padding:24px}.screen--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.btn{border:1px solid var(--line);background:var(--tint);font-size:var(--t-sm);cursor:pointer;transition:border-color var(--dur), background var(--dur);border-radius:999px;align-items:center;padding:8px 16px;display:inline-flex}.btn:hover{border-color:var(--line-strong);background:var(--tint-strong)}.btn--primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--primary:hover{background:var(--fg);border-color:var(--fg);opacity:.85}.btn--small{font-size:var(--t-xs);padding:4px 11px}.btn:disabled{opacity:.5;cursor:default}.link{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;text-decoration:none}.link:hover{text-underline-offset:.25em;text-decoration:underline}.field>span{color:var(--fg-3);font-size:var(--t-xs)}.field input,.credit-field,.frame__panel input{border:1px solid var(--line);background:var(--bg);width:100%;font-size:var(--t-sm);transition:border-color var(--dur);border-radius:6px;outline:none;padding:8px 10px}.field input:focus,.credit-field:focus,.frame__panel input:focus{border-color:var(--fg)}.alert{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--t-sm);padding:10px 12px}.alert--error{color:var(--danger);border-color:#cf53164d}.popover{z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:220px;box-shadow:0 8px 30px var(--overlay);text-align:left;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.popover--right{left:auto;right:0}.login{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;width:min(340px,100%);padding:28px;display:flex}.login__title{font-size:var(--t-sm);font-weight:500}.login .muted{font-size:var(--t-sm)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{background:var(--fg-4);width:26px;height:16px;transition:background var(--dur);border-radius:999px;position:relative}.switch__track:after{content:"";background:var(--bg);width:12px;height:12px;transition:transform var(--dur);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:var(--fg)}.switch input:checked+.switch__track:after{transform:translate(10px)}.switch__label{color:var(--fg-3)}.topbar{z-index:20;padding:20px var(--edge);background:var(--bg);font-size:var(--t-sm);align-items:center;gap:20px;display:flex;position:sticky;top:0}.topbar__status{color:var(--fg-3);flex:1}.topbar__status.is-error{color:var(--danger)}.account{position:relative}.editor .projects{padding:40px 0 24px}.editor .project{padding-bottom:44px;position:relative}.editor .project.is-draft .project__head,.editor .project.is-draft .project__scroller{opacity:.55}.row-tools{top:-26px;left:var(--edge);height:22px;font-size:var(--t-xs);color:var(--fg-3);opacity:0;transition:opacity var(--dur);align-items:center;gap:14px;display:flex;position:absolute}.editor .project:hover .row-tools,.editor .project:focus-within .row-tools,.editor .project.is-draft .row-tools{opacity:1}.rtool{cursor:pointer;color:var(--fg-3);font-size:inherit;background:0 0;border:0;padding:0}.rtool:hover{color:var(--fg)}.rtool--handle{cursor:grab;touch-action:none;display:inline-flex}.rtool--danger:hover{color:var(--danger)}.rtool-slug{color:var(--fg-4)}.project-add,.feature-add,.credit-add,.frame--add{border:1px dashed var(--line-strong);color:var(--fg-3);cursor:pointer;transition:border-color var(--dur), color var(--dur);background:0 0}.project-add:hover,.feature-add:hover,.credit-add:hover,.frame--add:hover{border-color:var(--fg);color:var(--fg)}.project-add{margin:8px var(--edge) 0;width:calc(100% - var(--edge) * 2);border-radius:var(--radius);font-size:var(--t-sm);padding:18px 0;display:block}.editable{cursor:text;border-radius:3px;outline:none;min-width:1ch}.editable:hover{background:var(--tint-strong);box-shadow:0 0 0 3px var(--tint-strong)}.editable:focus{background:var(--bg);box-shadow:0 0 0 3px var(--bg), 0 0 0 4px var(--line)}.editable:empty:before{content:attr(data-placeholder);color:var(--fg-4);pointer-events:none}.project__credit{position:relative}.project__credit-pill{cursor:text;align-items:baseline}.project__credit-name.has-url:after{content:"↗";color:var(--fg-3);margin-left:.2em;font-size:.85em}.credit-tools{opacity:0;transition:opacity var(--dur);gap:2px;margin-left:6px;display:inline-flex}.project__credit:hover .credit-tools,.project__credit:focus-within .credit-tools{opacity:1}.ctool{cursor:pointer;color:var(--fg-3);background:0 0;border:0;padding:0 2px;font-size:.85em;line-height:1}.ctool:hover,.ctool.is-set{color:var(--fg)}.ctool--danger:hover{color:var(--danger)}.credit-panel{z-index:15;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:240px;box-shadow:0 6px 24px var(--overlay);flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 5px);left:0}.credit-add{font-size:var(--t-xs);border-radius:999px;padding:3px 10px}.frame__tools{z-index:2;opacity:0;transition:opacity var(--dur);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:6px 6px auto}.frame:hover .frame__tools,.frame:focus-within .frame__tools{opacity:1}.ftool-group{gap:4px;display:inline-flex}.ftool{color:var(--fg);font-size:var(--t-xs);cursor:pointer;box-shadow:0 1px 4px var(--overlay);background:#ffffffeb;border:0;border-radius:999px;padding:4px 10px;line-height:1.3}.ftool:hover,.ftool.is-active{background:var(--bg)}.ftool--handle{cursor:grab;touch-action:none;align-items:center;padding:4px 7px;display:inline-flex}.ftool--danger:hover{color:var(--danger)}.frame__panel{z-index:2;box-shadow:0 1px 4px var(--overlay);background:#fffffff2;border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.frame__panel input{font-size:var(--t-xs);padding:5px 8px}.frame__meta{color:var(--fg-3);font-size:var(--t-xs);padding:0 2px}.frame.is-uploading>img,.frame.is-uploading>video{opacity:.6}.frame__progress{z-index:2;background:var(--line);height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.frame__progress:after{content:"";background:var(--fg);width:40%;animation:1.1s ease-in-out infinite slide;position:absolute;top:0;bottom:0}@keyframes slide{0%{left:-40%}to{left:100%}}.frame--add{width:calc(var(--row-h) * .5);aspect-ratio:auto;border-radius:var(--radius);font-size:var(--t-lg);justify-content:center;align-items:center;padding:0;font-weight:300;display:flex}.frame--add:after{display:none}.dropcover{inset:-8px var(--edge) 36px;z-index:5;border:1px dashed var(--fg);border-radius:var(--radius);font-size:var(--t-sm);pointer-events:none;background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:absolute}.toast{z-index:40;color:#fff;font-size:var(--t-sm);background:#111;border-radius:999px;align-items:center;gap:16px;padding:9px 12px 9px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.toast__undo{color:#fff;font-size:var(--t-xs);cursor:pointer;background:#ffffff24;border:0;border-radius:999px;padding:4px 11px}.toast__undo:hover{background:#ffffff3d}.editor .features{padding-bottom:160px}.features__heading .editable{display:inline}.feature{position:relative}.feature__head{justify-content:space-between;align-items:flex-start;width:100%;min-height:28px;display:flex}.feature-tools{opacity:0;transition:opacity var(--dur);gap:2px;display:inline-flex}.feature:hover .feature-tools,.feature:focus-within .feature-tools{opacity:1}.feature-tools .ctool{font-size:var(--t-sm);align-items:center;padding:2px 4px;display:inline-flex}.feature__badge.editable:empty{color:var(--fg-4);opacity:0;transition:opacity var(--dur);background:0 0;border-color:#0000}.feature:hover .feature__badge.editable:empty,.feature__badge.editable:focus{opacity:1}.feature--add{justify-content:center}.feature-add{border-radius:var(--radius);width:100%;font-size:var(--t-sm);padding:26px 0}.icon-picker{display:inline-flex;position:relative}.icon-picker__button{cursor:pointer;color:var(--fg);transition:box-shadow var(--dur), background var(--dur);background:0 0;border:0;border-radius:5px;padding:0;box-shadow:0 0 0 4px #0000}.icon-picker__button:hover{background:var(--tint-strong);box-shadow:0 0 0 4px var(--tint-strong)}.icon-picker__button svg{width:100%;height:100%;display:block}.icon-picker__panel{z-index:15;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:232px;box-shadow:0 8px 30px var(--overlay);grid-template-columns:repeat(5,1fr);gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.icon-picker__option{aspect-ratio:1;cursor:pointer;color:var(--fg);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:flex}.icon-picker__option:hover{background:var(--tint-strong)}.icon-picker__option.is-active{background:var(--line)}.icon-picker__option svg{width:100%;height:100%}.modal__title.editable,.modal__text.editable{display:block}.modal__text.editable{white-space:pre-wrap;min-height:1.6em}.modal__note{font-size:var(--t-xs);color:var(--fg-3);margin-top:12px}.inbox{margin:0 var(--edge);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-size:var(--t-sm)}.inbox__toggle{cursor:pointer;text-align:left;width:100%;font-size:var(--t-sm);background:0 0;border:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.inbox__badge{background:var(--fg);min-width:18px;height:18px;color:var(--bg);font-size:var(--t-xs);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.inbox__list{flex-direction:column;margin:0;padding:0 16px 8px;list-style:none;display:flex}.enquiry{border-top:1px solid var(--line-soft);padding:16px 0}.enquiry.is-handled{opacity:.45}.enquiry.is-handled:hover{opacity:1}.enquiry__head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.enquiry__name{font-weight:500}.enquiry__date{margin-left:auto}.enquiry__meta{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.enquiry__tag{border:1px solid var(--line);font-size:var(--t-xs);color:var(--fg-3);border-radius:999px;padding:2px 9px}.enquiry__message{white-space:pre-wrap;color:var(--fg-2);max-width:70ch;margin-top:12px}.enquiry__tools{gap:14px;margin-top:12px;display:flex}@media (width<=720px){.row-tools{opacity:1;padding:0 var(--edge) 8px;flex-wrap:wrap;height:auto;position:static}.rtool-slug{display:none}.dropcover{inset:0 0 24px}}