.project.showcase-project{grid-column:1/-1}.showcase-cover{container-type:inline-size;height:auto;aspect-ratio:2.08;display:block;position:relative;overflow:hidden;text-align:left;transform:none!important;border-radius:0}.showcase-meta{position:absolute;z-index:3;left:4.2%;right:4.2%;top:6.5%;display:flex;align-items:center;justify-content:space-between;font-size:.68cqw;line-height:1.5;letter-spacing:.12em}.showcase-meta>span:last-child{font-size:.68cqw;letter-spacing:.06em}.showcase-bottom{position:absolute;z-index:3;left:4.2%;right:4.2%;bottom:5.3%;display:flex;align-items:center;justify-content:space-between;font-size:.6cqw;letter-spacing:.1em}.showcase-bottom>span:last-child{font-size:.82cqw;letter-spacing:.03em}.showcase-bottom i{font-style:normal;font-size:1.2cqw;margin-left:1.5cqw}.terrain-cover{background:#0e1917;color:#e9eee3}.terrain-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0c181555 0%,transparent 48%,#0c181500 85%,#0c181588 100%);z-index:1}.strata-heading{position:absolute;z-index:2;left:4%;top:15%;display:flex;flex-direction:column;align-items:flex-start}.strata-heading>strong{font-size:12.4cqw;line-height:.87;font-weight:500;letter-spacing:-.085em;margin-left:-.3cqw}.strata-heading>span{font-size:1.28cqw;line-height:1.5;letter-spacing:.04em;margin-top:2.1cqw;color:#bac8bc}.terrain-cover>#terrain-preview{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:1}.strata-coordinate{position:absolute;z-index:2;right:5%;top:47%;font:.63cqw monospace;letter-spacing:.1em;color:#9daf9d;display:flex;align-items:center;gap:1cqw}.strata-coordinate>i{font:normal 1.5cqw monospace;color:#c6d1b6}.terrain-cover>.showcase-meta{color:#a5b3a5}.terrain-cover>.showcase-bottom{color:#9aaa9b}.terrain-cover>.showcase-bottom>span:last-child{color:#e0e7d8}.pulse-cover{background:#e9eef2;color:#1b2f4b}.pulse-cover>.showcase-meta{color:#62758a}.pulse-heading{position:absolute;left:4.2%;top:15%;display:flex;flex-direction:column;align-items:flex-start}.pulse-heading>strong{font-size:11.3cqw;line-height:.88;font-weight:500;letter-spacing:-.085em}.pulse-heading>strong>span{font-size:4.6cqw;vertical-align:top;display:inline-block;margin:0 0 0 1.2cqw;color:#376bca;line-height:1}.pulse-heading>span{font-size:1.28cqw;letter-spacing:.03em;margin-top:2.2cqw;color:#73869a}.pulse-summary{position:absolute;right:4.2%;top:17%;display:flex;flex-direction:column;align-items:flex-end}.pulse-summary>span{font-size:.68cqw;color:#7b8b9d;letter-spacing:.05em}.pulse-summary>strong{font-size:6.5cqw;line-height:1.1;font-weight:400;letter-spacing:-.065em;margin-top:.8cqw}.pulse-summary>small{font-size:.54cqw;color:#8394a6;letter-spacing:.12em;margin-top:.7cqw}.pulse-landscape-chart{position:absolute;left:3%;right:3%;width:94%;height:47%;bottom:12.2%;display:block;overflow:visible}.pulse-landscape-axis{position:absolute;left:5%;right:5%;bottom:10%;display:flex;justify-content:space-between;font:.54cqw monospace;color:#8193a6;letter-spacing:.05em}.pulse-cover>.showcase-bottom{color:#8293a6}.pulse-cover>.showcase-bottom>span:last-child{color:#3f5d7e}.showcase-project .cover-action{font-size:11px}.index-artwork.showcase-cover{height:100%;width:100%;aspect-ratio:auto}.index-artwork .showcase-meta{font-size:7px}.index-artwork .showcase-meta>span:last-child{font-size:7px}.index-artwork .showcase-bottom{font-size:6px}.index-artwork .showcase-bottom>span:last-child{font-size:8px}
dialog[data-project=terrain] .detail-demo,dialog[data-project=pulse] .detail-demo{margin:4px 25px 20px}dialog[data-project=terrain] .terrain-app{border-radius:0;background:#101d18}.terrain-stage canvas{height:clamp(380px,46vw,620px)}dialog[data-project=terrain] .terrain-stage>span{font-size:clamp(18px,2.5vw,28px);letter-spacing:-.03em;top:30px;left:32px;color:#dce6d7}dialog[data-project=terrain] .terrain-toolbar{padding:22px 30px;background:#1a2a22}dialog[data-project=terrain] .terrain-help{padding:0 30px 21px;background:#1a2a22}dialog[data-project=pulse] .data-app{background:#e9eef2;color:#243b59;padding:42px;border-radius:0}dialog[data-project=pulse] .demo-top b{font-size:38px;color:#263e61}dialog[data-project=pulse] .range-tabs{background:#dbe3eb;border-radius:0}dialog[data-project=pulse] .range-tabs button{color:#768ba2;border-radius:0}dialog[data-project=pulse] .range-tabs button[aria-pressed=true]{background:#fff;color:#2f5797;border-radius:0}dialog[data-project=pulse] .data-value{font-size:clamp(50px,6.7vw,87px);letter-spacing:-.07em;margin-top:38px}dialog[data-project=pulse] .data-value small{font-size:11px;color:#8295ac;letter-spacing:0}dialog[data-project=pulse] .chart-readout{color:#617e9e;font-size:11px}dialog[data-project=pulse] .chart-legend{color:#8297ad;margin-top:30px}dialog[data-project=pulse] .chart-point:focus>.chart-dot{stroke:#193f83}
@container(max-width:600px){.showcase-meta{font-size:1.8cqw;top:6%;left:6%;right:6%}.showcase-meta>span:last-child{font-size:1.6cqw}.showcase-bottom{left:6%;right:6%;bottom:5.5%;font-size:1.3cqw;letter-spacing:.03em}.showcase-bottom>span:last-child{font-size:2.1cqw}.showcase-bottom i{font-size:3cqw;margin-left:1cqw}.strata-heading{left:5.8%;top:18%}.strata-heading>strong{font-size:17.4cqw}.strata-heading>span{font-size:3cqw;margin-top:4cqw}.strata-coordinate{font-size:1.5cqw;top:45%;right:6%;gap:2cqw}.strata-coordinate>i{font-size:4cqw}.pulse-heading{left:6%;top:18%}.pulse-heading>strong{font-size:16.5cqw}.pulse-heading>strong>span{font-size:7.2cqw;margin-left:2cqw}.pulse-heading>span{font-size:3cqw;margin-top:4cqw}.pulse-summary{top:44%;right:6%;align-items:flex-start;left:6%}.pulse-summary>span{font-size:1.75cqw}.pulse-summary>strong{font-size:12cqw;margin-top:1.6cqw;line-height:1}.pulse-summary>small{display:none}.pulse-landscape-chart{left:4%;width:92%;height:28%;bottom:14%}.pulse-landscape-axis{left:6%;right:6%;font-size:1.55cqw;bottom:11.5%}.index-artwork .showcase-meta,.index-artwork .showcase-meta>span:last-child{font-size:1.7cqw}.index-artwork .showcase-bottom{font-size:1.3cqw}.index-artwork .showcase-bottom>span:last-child{font-size:2.1cqw}}
@media(max-width:760px){.showcase-cover{aspect-ratio:.94}.showcase-project .caption{align-items:center}.showcase-project .caption h2{font-size:14px}.showcase-project .caption>span:not(.caption-arrow){font-size:8px}.index-open:has(.showcase-cover){height:auto;aspect-ratio:.94}dialog[data-project=terrain] .detail-demo,dialog[data-project=pulse] .detail-demo{margin:0 12px 12px}dialog[data-project=terrain] .terrain-stage>span{top:22px;left:23px;font-size:23px}.terrain-stage canvas{height:380px}dialog[data-project=terrain] .terrain-toolbar{padding:18px 20px}dialog[data-project=terrain] .terrain-help{padding:0 20px 18px;font-size:8px}dialog[data-project=pulse] .data-app{padding:27px 20px}dialog[data-project=pulse] .demo-top b{font-size:30px}dialog[data-project=pulse] .data-value{font-size:57px;margin-top:34px}dialog[data-project=pulse] .data-value small{font-size:8px;margin-left:10px}dialog[data-project=pulse] .chart-readout{font-size:9px;line-height:1.6}dialog[data-project=pulse] .chart-legend{font-size:7px;margin-top:22px}dialog[data-project=pulse] .range-tabs button{font-size:9px;padding:8px 10px}}
@media(max-width:760px){dialog[data-project=pulse] #data-chart text{font-size:20px}}