.projects{background:var(--ink);color:#fffef9;position:relative;overflow:hidden}.projects-inner{z-index:1;position:relative}.projects-glow{border:1px solid #f3c94c55;border-radius:50%;width:520px;height:520px;position:absolute;top:-270px;right:-220px;box-shadow:0 0 0 75px #f3c94c0c,0 0 0 150px #f3c94c08}.projects-heading{justify-content:space-between;align-items:flex-end;gap:50px;display:flex}.projects-heading .eyebrow{color:var(--yellow)}.projects-heading h2{margin-top:20px}.projects-heading h2 em{color:var(--yellow)}.projects-intro{grid-template-columns:auto 1fr;gap:16px;max-width:290px;display:grid}.projects-intro p{color:#dce4db;font-size:13px}.projects-spark{color:var(--yellow);width:24px;height:24px}.project-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-block:35px 28px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{color:#fffef9;background:#ffffff08;border:1px solid #ffffff3d;border-radius:30px;padding:9px 18px;font-size:11px}.filters button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.filters button:hover{border-color:var(--yellow)}.coming-soon{white-space:nowrap;color:#e6ecdf;align-items:center;gap:8px;font-size:11px;display:flex}.coming-soon i{background:var(--yellow);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #f3c94c1f}.project-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:25px;display:grid}.project-card{background:#fffef9;border:1px solid #fff2;border-radius:10px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 20px 55px #10231b55}.project-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px #10231b85}.project-art{justify-content:center;align-items:center;height:235px;display:flex;position:relative;overflow:hidden}.art-mind{background:#e6e9da}.art-body{background:#f7e19a}.art-purpose{background:#eddaca}.project-category{z-index:1;border:1px solid #29463840;border-radius:30px;padding:3px 12px;font-size:10px;position:absolute;top:17px;left:17px}.project-index{color:#29463855;font-family:var(--serif);font-size:38px;font-style:italic;line-height:1;position:absolute;top:12px;right:16px}.project-symbol{width:112px;height:112px;color:var(--ink);opacity:.82;display:block;position:relative}.art-mind .project-symbol{border:13px solid;border-radius:50%;box-shadow:inset 0 0 0 13px #e6e9da,inset 0 0 0 25px}.art-body .project-symbol:before{content:"";background:currentColor;border-radius:999px;width:102px;height:15px;position:absolute;top:52px;left:9px;transform:rotate(-42deg)}.art-body .project-symbol:after{content:"";border-top:15px solid;border-right:15px solid;width:43px;height:43px;position:absolute;top:10px;right:2px}.art-purpose .project-symbol{color:#945c39;transform:rotate(45deg)}.art-purpose .project-symbol:before,.art-purpose .project-symbol:after{content:"";background:currentColor;border-radius:999px;margin:auto;position:absolute;inset:0}.art-purpose .project-symbol:before{width:20px;height:112px}.art-purpose .project-symbol:after{width:112px;height:20px}.project-art-caption{letter-spacing:1.8px;text-transform:uppercase;font-size:9px;position:absolute;bottom:17px;left:17px}.project-body{color:var(--ink);padding:23px}.project-body .eyebrow{color:var(--muted);font-size:8px}.project-body h3{font-family:var(--serif);margin-block:9px 12px;font-size:28px}.project-body>p:not(.eyebrow){min-height:65px;font-size:12px}.project-body details{border-top:1px solid var(--line);margin-top:21px;padding-top:14px;font-size:12px}.project-register{background:var(--yellow);border-color:var(--yellow);width:100%;color:var(--ink);margin-top:18px}.project-register:hover{background:#f7d76a}.registration-dialog{width:min(620px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:32px;overflow:auto;box-shadow:0 24px 80px #18342835}.registration-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#173126aa}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.dialog-heading h2{margin-top:9px;font-size:clamp(32px,5vw,46px)}.dialog-close{border:1px solid var(--line);background:0 0;border-radius:50%;flex:0 0 42px;width:42px;height:42px;font-size:28px;line-height:1}.registration-form{gap:17px;padding-top:22px;display:grid}.registration-form>p:first-child{font-size:13px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.registration-form label{gap:6px;font-size:12px;font-weight:600;display:grid}.registration-form label span{color:var(--muted);font-weight:400}.registration-form input,.registration-form textarea{width:100%;color:var(--ink);font:inherit;background:#fffef9;border:1px solid #b9c2b5;border-radius:4px;padding:12px 13px}.registration-form textarea{resize:vertical}.registration-form .honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-privacy{font-size:10px;line-height:1.5}.registration-submit{width:100%}.form-error{color:#9b2f24;font-size:12px}.registration-success{text-align:center;padding:38px 8px 10px}.registration-success>span{background:var(--yellow);border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;display:inline-grid}.registration-success h3{font-family:var(--serif);margin-top:18px;font-size:28px}.registration-success p{margin:10px auto 22px}.project-body summary{justify-content:space-between;list-style:none;display:flex}.project-body summary::-webkit-details-marker{display:none}.project-body details[open] summary{font-weight:700}.project-body details p{padding-top:15px}.project-body details a{margin-top:12px}.project-disclaimer{color:#bfcbbf;margin-top:25px;font-size:11px}@media (max-width:760px){.projects-heading{display:block}.projects-intro{max-width:none;margin-top:20px}.project-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.project-grid{grid-template-columns:1fr}.project-art{height:220px}.project-body>p:not(.eyebrow){min-height:0}.filters button{padding:8px 15px}.registration-dialog{padding:22px}.form-row{grid-template-columns:1fr}}@media (min-width:761px) and (max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-heading{gap:25px}.project-body{padding:21px}}@media (pointer:coarse){.filters button{min-height:44px}.project-body summary{align-items:center;min-height:44px}}
