/* Figure geometry stays intact; SVG ink is adapted for dark, transparent surfaces. */
.home-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center;margin:24px 0 54px}.home-intro .intro{margin:12px 0;max-width:none}.intro .intro-lead{color:var(--text);font-size:clamp(23px,2.5vw,35px);line-height:1.45;letter-spacing:-1px}.home-intro .intro>p:not(.intro-lead){font-size:14px}.hero-work{display:block;padding:26px;background:#31324470}.hero-logo{display:block;width:min(100%,300px);height:72px;object-fit:contain;object-position:left;margin:20px 0 8px}.hero-figure{display:block;width:100%;height:auto}.hero-work p{font-size:13px;margin-top:24px}.hero-work>span{font-size:12px;color:var(--blue)}.interest-list{display:grid;gap:1px;background:#45475a50}.interest-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:22px;background:#1e1e2ee8;padding:22px}.interest-row:hover{background:#313244}.interest-row h2{font-size:18px;margin:0 0 5px;font-weight:450}.interest-row p{font-size:12px;margin:0}.interest-row>span{font-size:11px;color:var(--blue)}.project-card{display:flex;flex-direction:column;min-width:0}.project-card footer{margin-top:auto}.project-logo{height:48px;max-width:100%;object-fit:contain;object-position:left;margin:20px 0 0}.project-card .project-logo+h2{font-size:17px;margin-top:14px}.project-card p{max-width:none}.detail-logo{width:min(100%,440px);height:90px;object-fit:contain;object-position:left;margin-top:24px}.project-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:start}.project-overview .detail{margin:0;max-width:none}.project-overview ul{font-size:13px;color:var(--muted);padding-left:20px}.project-overview li{margin:12px 0}.detail-imagefigcaption small{display:block;font-size:10px;margin-top:10px;color:#a6adc8}figcaption a,.demo-section a{color:var(--blue)}.demo-section{margin:48px 0}.demo-section>p{font-size:13px;max-width:85ch}.demo-section .section-label{flex-wrap:wrap;gap:12px}.demo-section .section-label a{font-size:11px}.project-demo{display:block;width:100%;height:560px;border:0;background:#1e1e2e}.related h2{font-size:14px}.related{margin:35px 0}.project-intro{max-width:900px}.project-intro p{max-width:75ch}.featured-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-cards .card{padding:20px}.featured-cards .featured-cards h2{font-size:18px}.featured-cards .number{font-size:10px}.featured-cards p{font-size:12px}
@media(max-width:1200px){.home-intro,.project-overview{grid-template-columns:1fr}.hero-work{max-width:760px}.featured-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.interest-row{grid-template-columns:24px 1fr;gap:12px;padding:18px}.interest-row>span:last-child{grid-column:2}.featured-cards{grid-template-columns:1fr}.home-intro{gap:20px}.hero-work{padding:18px}.project-demo{height:440px}}
#active-prompt{background:linear-gradient(to bottom,color-mix(in srgb,var(--base) 98%,transparent) 0 58%,color-mix(in srgb,var(--base) 86%,transparent) 72%,transparent 100%);isolation:isolate;overflow:clip!important}.prompt-row{width:100%;min-width:0;flex-wrap:wrap}.seg{max-width:calc(100% - .65em)}html{scroll-padding-top:var(--prompt-offset,130px)}a,button{scroll-margin-top:var(--prompt-offset,130px)}
.shell{margin-left:0}.hero-work{padding:0;background:transparent}.hero-work:hover{outline:0}.hero-work .button{display:inline-block}.hero-logo{margin-top:20px}
.cards .project-card{padding:0;border:0}.project-card:hover{border-color:transparent;background:transparent}.project-card .card-copy{padding:24px 26px 12px}.project-card footer{padding:12px 26px 24px;background:transparent;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.project-status{font-size:11px;color:#a6adc8}.button:hover,.button:focus-visible{background:#89b4fa;color:#11111b;border-color:#89b4fa}.project-card .button{font-size:12px}
.project-card{cursor:pointer}.project-card:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.project-title{display:flex;align-items:center;gap:12px;margin-top:20px}.project-title h2{margin:0}.project-title .project-logo{width:36px;height:36px;margin:0;object-fit:contain;object-position:center}.project-title .project-logo+h2{font-size:17px;margin:0}.interest-buttons{align-self:center;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.interest-buttons .button{font-size:11px;padding:8px 11px}@media(max-width:1200px){.interest-buttons{justify-content:flex-start}}@media(max-width:600px){.project-title{margin-top:16px}}
.related-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.related-cards .gallery-image{height:180px}
/* Source marks now share consistent padding; give the wide peacock more width. */
.project-title{min-height:54px}
.project-title .project-logo{flex:none;width:66px;height:44px}
.project-title .project-logo[src$="pcoc-icon.svg"]{height:66px}
.project-title h2{min-width:0;overflow-wrap:anywhere}
.project-gallery{margin:0;min-width:0;background:transparent}.gallery-image{height:240px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent}.gallery-image img{display:block;width:100%;height:100%;object-fit:contain}.gallery-controls{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;color:var(--muted);font-size:11px}.gallery-controls button{border:0;background:transparent;color:var(--muted);font:inherit;padding:5px 8px}.gallery-controls button:hover,.gallery-controls button:focus-visible{background:#89b4fa;color:#11111b}.gallery-controls .figure-open{margin-left:auto;color:var(--blue);padding:5px 8px}.figure-open:hover{background:#89b4fa;color:#11111b}.gallery-detail .gallery-image{height:360px}.project-gallery figcaption{padding:12px 14px;font-size:12px;color:var(--muted)}.featured-cards .gallery-image{height:200px}.project-card .project-logo{max-width:100%}.project-gallery:focus-within{outline:0}
#figure-viewer{width:min(1200px,95vw);max-height:95vh;border:0;background:#1e1e2e;color:var(--text);padding:20px}#figure-viewer::backdrop{background:#11111bcc;backdrop-filter:blur(8px)}#figure-viewer form{text-align:right}#figure-viewer img{display:block;width:100%;height:70vh;object-fit:contain}#figure-viewer p{font-size:12px}.hero-figure{background:transparent}@media(max-width:600px){.gallery-image{height:220px}.gallery-detail .gallery-image{height:280px}.project-card .card-copy{padding:20px}.project-card footer{padding:8px 20px 20px}}