/* La interfaz usa la paleta del portfolio; las piezas mantienen el color de la marca. */
html.identity-project{--color-brand-cream:#F7FACD;--color-brand-light:#F7FACD;--color-brand-primary:#5F0032;--color-brand-dark:#5F0032;--color-brand-accent:#5F0032}
html.identity-project[data-theme=dark]{--color-brand-cream:#5F0032;--color-brand-light:#5F0032;--color-brand-primary:#F7FACD;--color-brand-accent:#F7FACD}
.identity-project[data-theme=dark] header img[alt="bello-site-logo-primary"]{content:url('./assets/bello-site-logo-primary-tidal.svg')}
.identity-project .project-heading h1{font-size:clamp(2.5rem,10.3vw,9rem)}
.identity-project .project-intro h2,.identity-chapter h2,.identity-closing h2{font-size:clamp(28px,3.3vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.045em;margin:18px 0 28px;text-wrap:balance}
.identity-project .project-intro>p:not(.project-eyebrow){font-size:clamp(18px,1.55vw,23px);line-height:1.65}
.identity-project .project-facts dd{max-width:65%}.identity-project .project-facts h2{font-size:32px}
.identity-chapter,.identity-closing{padding:56px 0;border-top:1px solid var(--project-rule)}
.identity-chapter>p:not(.project-eyebrow),.identity-closing>p:not(.project-eyebrow){font-size:18px;line-height:1.7;max-width:55ch;margin-bottom:32px}
.identity-artwork{margin-top:20px}.identity-artwork>a{position:relative;display:block;overflow:hidden;border:1px solid var(--project-rule)}.identity-artwork img{width:100%;height:auto;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1)}.identity-artwork a:hover img{transform:scale(1.025)}.identity-artwork figcaption{font-size:12px;line-height:1.6;margin-top:10px;opacity:.7}
.artwork-expand{position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;background:#F7FACD;color:#5F0032;border:1px solid #5F0032;border-radius:50%;opacity:0;transition:opacity .2s}.identity-artwork a:hover .artwork-expand,.identity-artwork a:focus-visible .artwork-expand{opacity:1}
.identity-download{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--project-rule);border-bottom:1px solid var(--project-rule);font-size:16px;margin-top:32px;transition:opacity .2s}.identity-download:hover{opacity:.65}.identity-download small{width:100%;font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.65}
.identity-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;border:1px solid var(--project-rule)}.identity-swatches>div{background:var(--swatch);color:var(--swatch-ink);min-height:220px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.identity-swatches span{font-size:12px}.identity-swatches strong{font-size:clamp(12px,1.4vw,20px);font-weight:500;letter-spacing:-.03em}
.identity-footer{padding:32px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;background:var(--color-brand-primary);color:var(--color-brand-cream);font-size:12px;letter-spacing:.05em}.identity-footer a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:767px){.identity-project .project-heading h1{font-size:12vw}.identity-project .project-heading li{font-size:9px;letter-spacing:.12em}.identity-chapter,.identity-closing{padding:40px 0}.identity-chapter h2,.identity-closing h2,.identity-project .project-intro h2{font-size:32px}.identity-swatches>div{min-height:170px;padding:12px}.identity-swatches strong{font-size:13px}.identity-swatches span{font-size:10px}.artwork-expand{opacity:1}.identity-footer{padding:24px 12px}}
@media(prefers-reduced-motion:reduce){.identity-artwork img{transition:none}}

/* Tras el vídeo, las fotografías y el relato recuperan el ancho de la página. */
.identity-project [data-release-on-video-end]{overflow-anchor:none}
.identity-project [data-device-released=true] .project-content-grid{display:block}
.identity-project [data-device-released=true] .project-content{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.identity-project [data-device-released=true] .project-device-panel{visibility:hidden}
.identity-project [data-device-released=true] .identity-artwork{max-width:100%}
.identity-project [data-device-released=true] .project-intro>p:not(.project-eyebrow){max-width:64ch}
@media(max-width:767px){.identity-project [data-device-released=true] .project-content{padding-left:12px;padding-right:12px}}