.tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.tools-list .project-card{max-width:none;align-self:start}
.fluid-card-sample{display:block;position:relative;height:132px;overflow:hidden;background:#ecebe7;border:1px solid #4b463f22;border-radius:48% 52% 46% 54% / 40% 44% 56% 60%;margin:16px 0 24px}
.fluid-card-sample i{position:absolute;width:62%;height:110%;border-radius:50%;filter:blur(15px);background:radial-gradient(ellipse,#3b7eb477,transparent 68%);left:6%;top:-6%;transform:rotate(-24deg)}
.fluid-card-sample i:nth-child(2){left:31%;top:16%;background:radial-gradient(ellipse,#1975ff88,transparent 68%);transform:rotate(30deg)}
.fluid-card-sample i:nth-child(3){left:53%;top:-25%;background:radial-gradient(ellipse,#fff2fdcc,transparent 65%)}
.fluid-intro>p:not(.eyebrow){max-width:660px}
.fluid-tray-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.fluid-tray-heading h2{margin:0;font-size:clamp(26px,4vw,40px)}
.fluid-tray{position:relative;height:clamp(360px,64svh,680px);background:#ecebe7;border:9px solid var(--charcoal,#4B463F);border-radius:12px;box-shadow:0 3px 0 #1c1a1777,0 15px 24px #1c1a1726;overflow:hidden;isolation:isolate}
.fluid-tray iframe{display:block;width:100%;height:100%;border:0;background:#ecebe7}
.fluid-tray-cover{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px;text-align:center}
.fluid-tray-cover .fluid-card-sample{width:min(380px,90%);height:150px;margin:0}
.fluid-tray-cover p{font-family:Georgia,serif;font-style:italic;font-size:clamp(24px,4vw,36px);margin:0}
.fluid-tray-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:18px 0 24px;font-size:14px}
.fluid-tray-caption p{max-width:640px;margin:0}
.fluid-tray-caption button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:4px 0;cursor:pointer;white-space:nowrap}
.fluid-notes{max-width:760px;border-top:1px solid #4b463f44;padding:18px 0 0}
.fluid-notes summary{cursor:pointer;font-weight:600}
.fluid-notes p{font-size:16px;line-height:1.6}
.fluid-workbench [hidden]{display:none}
@media(max-width:760px){.tools-list{grid-template-columns:1fr}.fluid-workbench{padding-inline:24px}.fluid-tray{border-width:6px;height:clamp(360px,60svh,560px)}.fluid-tray-caption{display:block}.fluid-tray-caption button{margin-top:12px}.fluid-tray-heading{gap:12px}}
@media print{.fluid-tray{display:none}.fluid-tray-caption button{display:none}}