.project-detail-page{padding-bottom:5rem}.project-detail-header{padding-block:clamp(2.75rem,7vw,5.25rem) clamp(2rem,4vw,3rem)}.project-detail-header h1{letter-spacing:-.05em;font-size:clamp(2.8rem,7vw,5.5rem)}.simulation-section{margin-bottom:clamp(3rem,7vw,5rem)}.simulation-toolbar{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,980px);margin:0 auto 1rem;display:flex}.simulation-toolbar h2{margin:0}.simulation-fullscreen-button{border:1px solid var(--color-accent-strong);background:var(--color-accent-strong);min-height:44px;color:var(--color-surface);font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1rem;font-weight:700}.simulation-fullscreen-button:hover{filter:brightness(.94)}.simulation-shell{aspect-ratio:1360/845;border:1px solid var(--color-border);border-radius:var(--radius-large);width:min(100%,980px);box-shadow:var(--shadow-card);background:#05070b;margin-inline:auto;position:relative;overflow:hidden}.simulation-frame{background:#05070b;border:0;width:100%;height:100%;display:block}.simulation-shell:fullscreen{border:0;border-radius:0;place-items:stretch stretch;width:100vw;height:100vh;display:grid}.simulation-shell:fullscreen .simulation-frame{width:100%;height:100%}.project-description{width:min(100%,980px);max-width:none;margin-inline:auto}.project-type{color:var(--color-muted);margin:0 0 1rem;font-size:.9rem}.project-description h2{margin:0 0 1.25rem}.project-description>p:not(.project-type){max-width:84ch;margin:0 0 1.35rem;line-height:1.65}.project-metadata{border-block:1px solid var(--color-border);gap:0;margin:2rem 0 0;display:grid}.project-metadata div{grid-template-columns:minmax(8rem,.35fr) 1fr;gap:1rem;padding-block:.85rem;display:grid}.project-metadata div+div{border-top:1px solid var(--color-border)}.project-metadata dt{color:var(--color-muted);font-weight:700}.project-metadata dd{margin:0}@media (width<=760px){.simulation-toolbar{flex-direction:column;align-items:flex-start}.simulation-shell{aspect-ratio:auto;height:min(72vh,640px);min-height:420px}.project-metadata div{grid-template-columns:1fr;gap:.25rem}}.surfin-webbook-reference{border:1px solid;border-radius:.75rem;max-width:84ch;margin:2rem 0;padding:1.25rem 1.35rem}.surfin-webbook-reference h3{margin-top:0}.surfin-webbook-reference p:last-child{margin-bottom:0}.surfin-webbook-reference a{font-weight:700}.simulation-view-panel{width:100%;margin:1rem 0 1.25rem}.simulation-view-label{margin:0 0 .65rem;font-size:.85rem;font-weight:700}.simulation-view-selector{flex-wrap:wrap;gap:.65rem;display:flex}.simulation-view-button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.7rem 1rem;font-weight:700}.simulation-view-button[aria-pressed=true]{box-shadow:inset 0 0 0 2px}.simulation-view-button:hover{text-decoration:underline}.simulation-view-button:focus-visible{outline-offset:3px;outline:3px solid}.simulation-view-description{max-width:72ch;margin:.8rem 0 0;line-height:1.55}@media (width<=620px){.simulation-view-selector{display:grid}.simulation-view-button{width:100%}}.simulation-frame[hidden],.simulation-original-view[hidden]{display:none!important}.simulation-original-view{box-sizing:border-box;color:#fff;background:#05070b;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;width:100%;height:100%;margin:0;padding:1rem;display:flex}.simulation-original-view>a{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.simulation-original-view img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.simulation-original-view figcaption{text-align:center;font-size:.88rem}.simulation-original-view a{color:inherit}.simulation-original-view a:focus-visible{outline-offset:3px;outline:3px solid}@media (width<=620px){.simulation-original-view{padding:.5rem}}.simulation-fullscreen-close[hidden]{display:none!important}.simulation-fullscreen-close{z-index:50;top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));color:#bcc3ca;min-width:125px;min-height:44px;font:inherit;cursor:pointer;background:#20272fe0;border:1px solid #747c85;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 2px 8px #00000047}.simulation-fullscreen-close:focus-visible{outline-offset:3px;outline:3px solid #ffe680}@media (width<=460px){.simulation-fullscreen-close{font-size:.85rem}}.simulation-fullscreen-close:hover{color:#f0f2f4;background:#303a44f5}.simulation-shell>.simulation-fullscreen-button{z-index:40;top:max(.375rem, env(safe-area-inset-top));right:max(.375rem, env(safe-area-inset-right));color:#bcc3ca;background:#20272fe0;border:1px solid #747c85;border-radius:.5rem;min-width:44px;min-height:44px;padding:.35rem .65rem;font-size:.8rem;font-weight:600;position:absolute}.simulation-shell>.simulation-fullscreen-button:focus-visible{outline-offset:3px;outline:3px solid #ffe680}.simulation-shell:fullscreen>.simulation-fullscreen-button{display:none!important}.simulation-original-view>a{width:88%;max-width:88%;margin-inline:auto}.simulation-original-view img{max-width:100%;max-height:100%}.simulation-shell:has(>.simulation-original-view:not([hidden]))>.simulation-original-view,.simulation-shell:fullscreen:has(>.simulation-original-view:not([hidden]))>.simulation-original-view{padding-top:4.25rem}