.project-search-entry{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-size:12px;font-weight:600;color:var(--accent);text-decoration:underline;text-decoration-color:#dba88f;text-underline-offset:4px}
.project-search-entry>.os-icon{width:18px;height:18px;flex-shrink:0}.project-search-entry>.os-icon:last-child{width:16px}.project-search-entry:hover{color:var(--accent-dark)}

/* A little workshop: paper, illustrated tools and one clear action. */
.project-search{--project-ease:cubic-bezier(.22,1,.36,1);margin:0 0 25px;border:1px solid #dfd4c5;border-radius:20px;background:#f6f1e9;scroll-margin-top:110px;overflow:hidden}
.project-search-toggle{display:flex;align-items:center;gap:16px;padding:22px 28px;cursor:pointer;list-style:none}
.project-search-toggle::-webkit-details-marker{display:none}
.project-search-symbol{width:35px;height:42px;flex:none;display:grid;place-items:center;color:var(--accent);transform:rotate(-10deg);transition:transform 250ms var(--project-ease)}
.project-search-symbol svg{width:35px;height:38px;overflow:visible}
.project-search-toggle strong{display:block;font-family:var(--display);font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.5px}
.project-search-toggle-copy>span{display:block;color:#726754;font-size:12px;margin-top:3px}
.project-search-invitation{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px;color:var(--accent);font-weight:600}
.project-search-invitation .os-icon{width:28px;transform:rotate(24deg)}
.project-search-plus{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8cebf;border-radius:50%;flex:none;font-size:24px;font-weight:400;line-height:1;color:#716652;transition:transform 250ms var(--project-ease)}
.project-search[open] .project-search-plus{transform:rotate(45deg)}
.project-search[open] .project-search-symbol{transform:rotate(0)}
.project-search-content{padding:0 28px 28px}
.project-search[open] .project-search-content{animation:project-reveal 350ms var(--project-ease) both}
.project-search-stage{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:40px;border-top:1px solid #dfd4c5;padding-top:28px}
.project-search-atelier{position:relative;align-self:center;min-width:0}
.project-search-kicker{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#79694f;margin:0 0 12px}
.project-search-intro h3{font:500 clamp(25px,2.3vw,34px)/1.13 var(--display);letter-spacing:-1.1px;margin:0}
.project-search-intro h3>span{color:var(--accent)}
.project-search-art{display:block;width:min(100%,290px);height:auto;margin:8px auto -5px;overflow:visible}
.project-search-art-caption{font-size:11px;color:#786a55;text-align:center;margin:0;line-height:1.5}
.project-art-float,.project-art-spark,.project-art-done{transform-box:fill-box;transform-origin:center;transition:transform 350ms var(--project-ease),opacity 250ms var(--project-ease)}
.project-art-video{--float-turn:-3deg;--float-y:-7px;--float-delay:100ms}.project-art-cube{--float-turn:3deg;--float-y:-10px;--float-delay:0ms}.project-art-web{--float-turn:4deg;--float-y:-6px;--float-delay:200ms}
.project-search[open][data-in-view=true] .project-art-float{animation:project-float 1800ms var(--project-ease) var(--float-delay) 2}
.project-search[data-scene="3d"] .project-art-cube,.project-search[data-scene=video] .project-art-video,.project-search[data-scene=web] .project-art-web{transform:translateY(-9px) rotate(-3deg)}
.project-search[data-state=ready][data-scene] .project-art-float{animation:none}
.project-search[data-state=loading][open][data-in-view=true] .project-art-float{animation:project-sort 1400ms cubic-bezier(.65,0,.35,1) var(--float-delay) infinite}
.project-search[data-state=loading][open][data-in-view=true] .project-art-spark{animation:project-glimmer 1400ms ease-in-out infinite}
.project-art-done{opacity:0;transform:scale(.7) rotate(-12deg)}
.project-search[data-state=success] .project-art-done{opacity:1;transform:scale(1) rotate(0)}
.project-search[data-state=success] .project-art-float{animation:none!important}

.project-search-form{min-width:0;align-self:center}
.project-search-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.project-search-label label{font-size:15px;font-weight:600;line-height:1.5}
.project-search-label>span{font:400 12px var(--body);color:#897a63;white-space:nowrap;transform:rotate(-5deg)}
.project-search-paper{position:relative;background:#fffdf8;border:1px solid #cec3b2;border-radius:12px;box-shadow:0 4px 0 #e9e0d2;transition:transform 250ms var(--project-ease)}
.project-search-paper:focus-within{border-color:var(--accent);box-shadow:0 4px 0 #e9c5af,0 0 0 3px #c44c2512;transform:translateY(-2px)}
.project-search-form textarea{width:100%;display:block;resize:vertical;min-height:124px;max-height:300px;padding:18px 43px 18px 20px;background:transparent;border:0;border-radius:12px;font:400 16px/1.65 var(--body);color:var(--ink)}
.project-search-form textarea:focus{outline:none;box-shadow:none}
.project-search-form textarea::placeholder{color:#8b8274}
.project-search-input-mark{position:absolute;right:14px;bottom:15px;color:#c1ae90;pointer-events:none;transition:transform 300ms var(--project-ease),opacity 250ms var(--project-ease)}
.project-search-input-mark .os-icon{width:18px;height:18px}
.project-search-paper:focus-within .project-search-input-mark{color:var(--accent);transform:rotate(35deg)}
.project-search-examples{margin-top:20px}
.project-search-examples>span{display:block;font-size:11px;color:#786a55;margin-bottom:9px}
.project-search-example-list{display:flex;gap:7px;flex-wrap:wrap}
.project-search-examples button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #ded4c5;border-radius:8px;background:#fdfaf4;color:#655c4d;font:500 11px/1.3 var(--body);transition:transform 200ms var(--project-ease)}
.project-search-examples .os-icon{width:17px;height:17px;flex:none;color:#947151}
.project-search-examples button[aria-pressed=true]{border-color:#b45b35;background:#f9e4d3;color:#833f26}
.project-search-examples button[aria-pressed=true] .os-icon{color:#a84a28}
.project-search-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px}
.project-search-actions p{font-size:10px;line-height:1.7;color:#786a55}
.project-search-actions .button{min-height:50px;font-size:12px;flex-shrink:0;border-radius:10px;box-shadow:0 3px 0 #84391f;transition:transform 200ms var(--project-ease)}
.project-search-actions .button:active{transform:translateY(2px);box-shadow:0 1px 0 #84391f}
.project-search-actions .button:disabled{opacity:1;cursor:wait;transform:none;background:#a34428}
.project-search-submit-icon{display:grid;place-items:center;width:22px;height:22px}
.project-search-submit-icon>.os-icon{grid-area:1/1;transition:transform 250ms var(--project-ease),opacity 150ms linear}
.project-search-loading-dots{display:flex;align-items:center;gap:3px;grid-area:1/1;opacity:0}
.project-search-loading-dots i{width:4px;height:4px;background:currentColor;border-radius:50%}
.project-search[data-busy=true] .project-search-submit-icon>.os-icon{opacity:0;transform:translateX(6px)}
.project-search[data-busy=true] .project-search-loading-dots{opacity:1}
.project-search[data-busy=true][open][data-in-view=true] .project-search-loading-dots i{animation:project-dot 1000ms ease-in-out infinite}
.project-search-loading-dots i:nth-child(2){animation-delay:120ms!important}.project-search-loading-dots i:nth-child(3){animation-delay:240ms!important}
.project-search :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.project-search-toggle:focus-visible{outline-offset:-5px}
.project-search-status{font-size:13px;line-height:1.6;color:var(--muted)}
.project-search-status:not(:empty){padding-top:22px}
.project-search-status[data-error=true]{color:#96361e}
.project-search-results{border-top:1px solid #dfd4c5;margin-top:22px;padding-top:24px}
.project-search-results-heading .eyebrow{font-size:10px}
.project-search-results-heading h3{font-size:29px;margin:6px 0 10px}
.project-search-results-heading>p:last-child{font-size:13px;color:var(--muted);max-width:780px}
.project-search-results-heading>p:empty{display:none}
.project-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.project-tool{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:22px;background:#fffdf8;border:1px solid #e0dbd1;border-radius:12px;min-width:0;animation:project-reveal 420ms var(--project-ease) both;animation-delay:calc(var(--tool-index,0)*65ms)}
.project-tool-role{font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.project-tool-identity{display:flex;align-items:center;gap:12px;min-width:0}
.project-tool-logo{display:grid;place-items:center;width:42px;height:42px;flex:none;padding:7px;border:1px solid var(--line);border-radius:10px;font:500 22px/1 var(--display);background:#fff;color:var(--ink)}
.project-tool-logo img{width:100%;height:100%;object-fit:contain}
.project-tool h4{font-size:23px;overflow-wrap:anywhere}
.project-tool p{font-size:13px;line-height:1.7;color:var(--muted)}
.project-tool-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--accent);padding:5px 0}
.project-tool-link:hover{text-decoration:underline;text-underline-offset:3px}

@keyframes project-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes project-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(var(--float-y)) rotate(var(--float-turn))}}
@keyframes project-sort{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(var(--float-turn))}}
@keyframes project-glimmer{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.04)}}
@keyframes project-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
@media(hover:hover){.project-search-toggle:hover .project-search-symbol{transform:rotate(8deg)}.project-search-examples button:hover{transform:translateY(-3px) rotate(-1deg);border-color:#bc9b7e;color:var(--accent)}.project-search-actions .button:hover .project-search-submit-icon>.os-icon{transform:translateX(3px)}}
@media(max-width:1000px){.project-search-stage{gap:24px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr)}.project-search-actions{flex-wrap:wrap}.project-search-actions .button{margin-left:auto}.project-search-intro h3{font-size:27px}.project-search-label>span{display:none}}
@media(max-width:750px){.project-search{scroll-margin-top:85px;margin-bottom:20px}.project-search-toggle{padding:18px;gap:12px}.project-search-toggle strong{font-size:21px}.project-search-toggle-copy>span{font-size:11px}.project-search-symbol{width:28px}.project-search-symbol svg{width:28px;height:34px}.project-search-invitation{display:none}.project-search-plus{margin-left:auto;width:28px;height:28px}.project-search-content{padding:0 18px 22px}.project-search-stage{grid-template-columns:1fr;gap:24px;padding-top:22px}.project-search-atelier{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:4px 8px}.project-search-kicker{font-size:9px;margin-bottom:8px}.project-search-intro h3{font-size:25px;letter-spacing:-.8px}.project-search-art{width:145px;margin:-10px 0 -6px;grid-column:2;grid-row:1/3}.project-search-art-caption{text-align:left;font-size:10px;grid-column:1}.project-search-label label{font-size:14px}.project-search-form textarea{min-height:120px;padding-left:15px}.project-search-examples{margin-top:18px}.project-search-example-list{gap:7px}.project-search-examples button{min-height:40px;font-size:11px;padding:8px 10px}.project-search-actions{flex-direction:column-reverse;align-items:stretch;gap:14px;margin-top:22px}.project-search-actions .button{width:100%;margin:0;font-size:13px}.project-search-actions p{text-align:center;font-size:10px}.project-tool-list{grid-template-columns:1fr}.project-search-results-heading h3{font-size:25px}.project-search-entry{font-size:11px;line-height:1.5;align-items:flex-start}.project-search-entry>.os-icon{margin-top:1px}.project-search-entry>.os-icon:last-child{display:none}}
@media(max-width:390px){.project-search-atelier{grid-template-columns:minmax(0,1fr) 108px}.project-search-art{width:108px}.project-search-intro h3{font-size:23px}.project-search-toggle{gap:9px;padding:16px}.project-search-toggle strong{font-size:20px}.project-search-toggle-copy>span{font-size:10px}.project-search-content{padding-right:16px;padding-left:16px}}
@media(prefers-reduced-motion:reduce){.project-search *,.project-search *::before,.project-search *::after{animation:none!important;transition:none!important}.project-search-paper:focus-within,.project-search-examples button:hover,.project-search-actions .button:hover{transform:none}.project-art-float{transform:none!important}.project-art-done{transform:none}}