.playground-detail{padding:0}.project-hero-split{display:grid;grid-template-columns:400px 1fr;gap:clamp(3rem,6vw,6rem);align-items:start;padding-top:calc(var(--header-height, 80px) + var(--section-gap));margin-bottom:var(--space-6)}.project-hero-split__content{display:flex;flex-direction:column;gap:var(--space-4)}.project-hero-split__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:1.1;font-weight:400;letter-spacing:-.02em;margin:0}.project-hero-split__subtitle{font-size:var(--step-1);color:var(--muted);margin:0;line-height:1.6}.project-hero-split__image{position:sticky;top:calc(var(--header-height, 80px) + var(--space-6));overflow:hidden;border-radius:var(--radius-3);background:var(--surface);aspect-ratio:4 / 3}.project-hero-split__image img{width:100%;height:100%;object-fit:cover;display:block}.project-actions{margin:var(--space-5) 0;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-start}.project-audio{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.project-audio-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-round);font-size:var(--step-0);font-weight:500;color:var(--text);cursor:pointer;transition:all var(--transition-fast);position:relative}.project-audio-btn:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.project-audio-btn i{width:18px;height:18px}.project-primary-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--text);color:var(--bg);border:2px solid var(--text);border-radius:var(--radius-round);font-size:var(--step-0);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.project-primary-btn:hover{background:transparent;color:var(--text);transform:translateY(-1px)}.project-primary-btn i{width:18px;height:18px}.audio-controls{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2)}.audio-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-1);color:var(--text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.audio-control-btn:hover{background:var(--hover-bg)}.audio-control-btn i{width:18px;height:18px}.audio-progress{flex:1;position:relative;height:36px;display:flex;align-items:center}.audio-progress-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:var(--accent);border-radius:2px;pointer-events:none;z-index:1;width:0%;transition:width .1s linear}.audio-progress-input{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.audio-progress-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.audio-progress-input::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer;transition:transform var(--transition-fast)}.audio-progress-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-progress-input::-moz-range-thumb:hover{transform:scale(1.2)}.audio-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.audio-time-separator{opacity:.5}.audio-speed-btn{width:auto;padding:0 var(--space-3)}.audio-speed-text{font-size:var(--step--1);font-weight:600;font-variant-numeric:tabular-nums}.project-meta-section{margin:var(--space-6) 0}.project-meta{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--step-0);line-height:1.6;margin-bottom:var(--space-6)}.project-meta__item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.project-meta__label{font-weight:600;color:var(--text);text-transform:uppercase;font-size:var(--step--1);letter-spacing:.1em;flex-shrink:0;display:flex;align-items:flex-start;gap:var(--space-2);min-width:150px;line-height:1.6;padding-top:.15rem}.project-meta__label i{width:14px;height:14px;opacity:.7}.project-meta__value{color:var(--muted);font-size:var(--step-0);line-height:1.6}.attribution-learn-more{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent);transition:color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.attribution-learn-more:hover{opacity:.7}.project-separator{height:1px;background:var(--border);margin:var(--space-6) 0}@media (max-width: 968px){.project-hero-split{grid-template-columns:1fr;gap:var(--space-6)}.project-hero-split__image{position:relative;top:auto;order:-1}.project-hero-split__title{font-size:clamp(2rem,8vw,3rem)}}.project-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.project-hero__background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(var(--bg-rgb),.3),rgba(var(--bg-rgb),.6),rgba(var(--bg-rgb),.9));z-index:1}.project-hero__background img{width:100%;height:100%;object-fit:cover;object-position:center}.project-hero__content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:900px}.project-hero__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 1.5rem;color:var(--text)}.project-hero__subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--muted);margin:0;line-height:1.6}.project-section{margin:var(--space-8) 0}.project-section:first-of-type{margin-top:0}.project-section h2.section-title{margin-bottom:var(--space-6)}.project-section h3{font-size:var(--step-2);font-weight:600;color:var(--text);margin-top:var(--space-7);margin-bottom:var(--space-4)}.project-section p{font-size:var(--step-1);line-height:1.7;margin-bottom:var(--space-5);max-width:75ch;color:var(--text)}.project-section p.lead{font-size:var(--step-2);line-height:1.7;color:var(--text);font-weight:400}.project-section em{font-style:italic;color:var(--text)}.project-section .highlight{color:var(--text);font-weight:600}.project-section blockquote{border-left:3px solid var(--accent);padding-left:var(--space-6);margin:var(--space-6) 0;font-style:italic;font-size:var(--step-2);line-height:1.6;color:var(--text);max-width:65ch}.key-question{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--space-6) var(--space-7);margin:var(--space-7) 0;text-align:center}.key-question p{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.25rem,2vw,1.5rem);color:var(--text);margin:0;font-weight:500;max-width:none}.bets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-6);margin-bottom:var(--space-6);width:100%;max-width:none}.bet-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-5);align-items:flex-start;transition:all .3s ease;cursor:default}.bet-item:hover{transform:translateY(-4px) perspective(1000px) rotateX(2deg);box-shadow:0 12px 24px #00000014}.bet-item:nth-child(1){background:linear-gradient(135deg,#cc8e3533,#cc8e3514);border-color:#cc8e3559}.bet-item:nth-child(2){background:linear-gradient(135deg,#8b5a2b38,#8b5a2b17);border-color:#8b5a2b59}.bet-item:nth-child(3){background:linear-gradient(135deg,#70809033,#70809014);border-color:#70809059}.bet-item:nth-child(4){background:linear-gradient(135deg,#80804038,#80804017);border-color:#80804059}.bet-item__number{font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:700;color:var(--text);line-height:1;flex-shrink:0;opacity:.15;min-width:2.5rem}.bet-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.bet-item__content strong{display:block;font-size:var(--step-1);font-weight:600;color:var(--text);line-height:1.25}.bet-item__content p{font-size:var(--step--1);margin:0;color:var(--muted);line-height:1.4;max-width:none}.pipeline-diagram{display:flex;align-items:stretch;gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-6);width:100%;max-width:none}.pipeline-stage{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);text-align:left;transition:all .3s ease;cursor:default}.pipeline-stage:hover{transform:translateY(-4px) perspective(1000px) rotateX(2deg);box-shadow:0 12px 24px #00000014}.pipeline-stage:nth-child(1){background:linear-gradient(135deg,#b76e7933,#b76e7914);border-color:#b76e7959}.pipeline-stage:nth-child(3){background:linear-gradient(135deg,#8e44ad33,#8e44ad14);border-color:#8e44ad59}.pipeline-stage:nth-child(5){background:linear-gradient(135deg,#00695c38,#00695c17);border-color:#00695c59}.pipeline-stage strong{display:block;font-size:var(--step-1);font-weight:600;color:var(--text);line-height:1.25;margin-bottom:var(--space-2)}.pipeline-stage p{font-size:var(--step--1);margin:0;color:var(--muted);line-height:1.9}.pipeline-stage em{display:block;font-style:normal;font-weight:600;font-size:var(--step--1);color:var(--text);opacity:.7;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.pipeline-stage:nth-child(1) em{border-top-color:#b76e7959}.pipeline-stage:nth-child(3) em{border-top-color:#8e44ad59}.pipeline-stage:nth-child(5) em{border-top-color:#00695c59}.pipeline-arrow{color:var(--muted);opacity:.3;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pipeline-arrow i{width:24px;height:24px}.divider{height:1px;background:var(--border);margin:calc(var(--space-8) * 1.5) 0}.cta-section{text-align:center;padding:calc(var(--space-8) * 2) 0;background:var(--surface);border-top:1px solid var(--border);margin-top:calc(var(--space-8) * 1.5)}.cta-section__title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin-bottom:var(--space-4);color:var(--text)}.cta-section__description{color:var(--muted);font-size:var(--step-1);margin-bottom:var(--space-6)}.cta-button{display:inline-block;background:var(--accent);color:var(--bg);padding:var(--space-4) var(--space-7);border-radius:var(--radius-2);text-decoration:none;font-weight:600;font-size:var(--step-1);transition:all var(--transition-base);border:2px solid var(--accent)}.cta-button:hover{background:var(--bg);color:var(--accent);transform:translateY(-2px)}.project-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin:var(--space-8) 0;padding-top:var(--space-8);border-top:1px solid var(--border)}.project-cta-banner__content{flex:1}.project-cta-banner__title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;margin:0 0 var(--space-4) 0;color:var(--text);line-height:1.2;letter-spacing:-.02em}.project-cta-banner__description{color:var(--muted);font-size:var(--step-1);margin:0;line-height:1.65;max-width:55ch}.project-cta-banner__actions{flex-shrink:0}@media (max-width: 768px){.project-cta-banner{flex-direction:column;align-items:flex-start;gap:var(--space-5)}.project-cta-banner__actions{width:100%}.project-cta-banner__actions .project-primary-btn{width:100%;justify-content:center}.project-hero__content{padding:2rem 1rem}.bets-grid{grid-template-columns:1fr}.bet-item{flex-direction:column;align-items:center;text-align:center}.bet-item__number{font-size:2.5rem}.pipeline-diagram{flex-direction:column;gap:var(--space-3)}.pipeline-arrow i,.pipeline-arrow svg{transform:rotate(90deg)}}.project-content-section{margin:var(--space-8) 0;padding-top:var(--space-8);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 400px;gap:clamp(3rem,6vw,6rem);align-items:start}.project-content-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.project-content-section--reverse{grid-template-columns:400px 1fr}.project-content-section__text{max-width:75ch}.project-content-section--reverse .project-content-section__text{order:2}.project-content-section__text h2{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:0 0 var(--space-4) 0}.project-content-section__text h3{font-size:var(--step-1);font-weight:600;color:var(--text);margin-top:var(--space-6);margin-bottom:var(--space-3);letter-spacing:0}.project-content-section__text p{font-size:var(--step-1);line-height:1.65;color:var(--muted);margin-bottom:var(--space-5);max-width:55ch}.project-content-section__text p:last-child{margin-bottom:0}.project-content-section__text em{font-style:italic;color:var(--text)}.project-content-section__text strong{font-weight:600;color:var(--text)}.project-content-section__image{position:sticky;top:calc(var(--header-height, 80px) + var(--space-6));border-radius:var(--radius-3);background:var(--surface);cursor:pointer;will-change:transform;margin-right:calc(-50vw + calc(var(--container-max) / 2) + clamp(3rem,8vw,8rem) - var(--pad-md))}.project-content-section--reverse .project-content-section__image{order:1;margin-right:0;margin-left:calc(-50vw + calc(var(--container-max) / 2) + clamp(3rem,8vw,8rem) - var(--pad-md))}.project-content-section__image img{width:100%;height:auto;display:block;border-radius:var(--radius-3);will-change:transform}.project-content-section .pipeline-diagram{grid-column:1 / -1}.project-content-section--reverse .pipeline-diagram{order:3}@media (prefers-color-scheme: light){.project-content-section__image img{border:1px solid var(--border)}}.project-text-section{margin:var(--space-8) 0;padding-top:var(--space-8);border-top:1px solid var(--border);max-width:75ch}.project-text-section:has(.bets-grid){max-width:none}.project-text-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.project-text-section h2{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:0 0 var(--space-4) 0}.project-text-section h3{font-size:var(--step-1);font-weight:600;color:var(--text);margin-top:var(--space-6);margin-bottom:var(--space-3)}.project-text-section p{font-size:var(--step-1);line-height:1.65;color:var(--muted);margin-bottom:var(--space-5);max-width:55ch}.project-text-section p:last-child{margin-bottom:0}.project-text-section strong{font-weight:600;color:var(--text)}.project-text-section em{font-style:italic;color:var(--text)}.project-screenshots-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin:var(--space-8) 0;padding-top:var(--space-8);border-top:1px solid var(--border)}.project-screenshots-grid img{width:100%;border-radius:var(--radius-3);border:1px solid var(--border);box-shadow:0 10px 30px #0000004d;cursor:pointer;transition:transform var(--transition-base)}.project-screenshots-grid img:hover{transform:translateY(-2px)}@media (max-width: 968px){.project-content-section,.project-content-section--reverse{grid-template-columns:1fr;gap:var(--space-6)}.project-content-section__text,.project-content-section--reverse .project-content-section__text{max-width:100%;order:2}.project-content-section__image,.project-content-section--reverse .project-content-section__image{position:relative;order:1;top:0;margin-left:0;margin-right:0}.project-screenshots-grid{grid-template-columns:1fr}}