.drawing-cs-page{width:100%;background-color:var(--color-bg);color:var(--color-text-muted);font-family:Roboto,sans-serif;line-height:1.7;overflow-x:hidden}.drawing-cs-main-content{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg) var(--container-padding) var(--spacing-lg);box-sizing:border-box}.drawing-cs-layout-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-xl)}.drawing-cs-story-panel{grid-column:1 / 2}.drawing-cs-details-panel{grid-column:2 / 3;position:relative;background-color:#18181b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:48px;box-shadow:0 20px 40px #0006}.drawing-cs-details-title{font-family:"Exo 2",sans-serif;font-size:1.2rem;font-weight:500;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.1em;margin:0 0 32px;padding-bottom:0}.drawing-cs-details-grid{display:grid;gap:24px}.drawing-cs-detail-item{display:flex;flex-direction:column}.drawing-cs-detail-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.drawing-cs-detail-value{font-size:1.05rem;color:var(--color-text-main);font-weight:400;letter-spacing:.02em}.drawing-cs-section+.drawing-cs-section{padding-top:var(--spacing-lg)}.drawing-cs-section-header{text-align:left;margin-bottom:var(--spacing-md)}.drawing-cs-section-header .section-tag{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#67bed9;margin-bottom:12px}.drawing-cs-section-header h2{font-family:"Exo 2",sans-serif;font-size:2.5rem;font-weight:300;color:#fff;margin-top:16px;line-height:1.2;letter-spacing:-.02em}.drawing-cs-story-content{font-size:1.15rem;color:#d4d4d8;line-height:1.85;font-weight:300}.drawing-cs-story-content p{margin-bottom:1.8em}.drawing-cs-chapters-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:0}.drawing-cs-chapter{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding:60px 0}.drawing-cs-chapter:last-child{padding-bottom:0}.drawing-cs-chapter:nth-child(2n){direction:rtl}.drawing-cs-chapter:nth-child(2n)>*{direction:ltr}.drawing-cs-chapter-header{margin-bottom:24px}.chapter-subtitle{display:block;font-size:.85rem;color:#67bed9;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.chapter-title{font-family:"Exo 2",sans-serif;font-size:3.2rem;font-weight:300;color:#fff;margin:0 0 32px;line-height:1.1;letter-spacing:-.02em}.chapter-content p{font-size:1.15rem;color:#a1a1aa;line-height:1.85;margin-bottom:24px;font-weight:300}.chapter-moment-card{display:flex;align-items:center;gap:32px;background-color:#18181b66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);padding:24px;border-radius:16px;margin-top:48px;cursor:zoom-in;transition:all .5s cubic-bezier(.2,.9,.2,1);max-width:100%}.chapter-moment-card:hover{transform:translateY(-6px) scale(1.02);border-color:#ffffff26;background-color:#27272a99;box-shadow:0 30px 60px #00000080}.chapter-moment-image{width:160px;height:auto;max-height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;position:relative;background-color:#000}.chapter-moment-image img{width:100%;height:auto;object-fit:contain;display:block}.chapter-moment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.chapter-moment-card:hover .chapter-moment-overlay{opacity:1}.chapter-moment-overlay svg{color:#fff}.chapter-moment-info{flex:1;min-width:0}.moment-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#67bed9;margin-bottom:8px;font-weight:600}.moment-caption{font-size:1rem;color:#e4e4e7;margin:0;line-height:1.6;font-weight:300}.drawing-cs-chapter-media{position:relative;width:100%;background-color:transparent;display:flex;justify-content:center;align-items:center}.drawing-cs-chapter-media img,.drawing-cs-chapter-media video{display:block;transition:transform .3s ease;border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000004d;border:1px solid var(--color-border)}.drawing-cs-chapter-media img{width:auto;max-width:100%;max-height:70vh;object-fit:contain;margin:0 auto;border-radius:12px;box-shadow:0 25px 50px -12px #00000080}.drawing-cs-chapter-media video{width:auto;max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 50px -12px #00000080}.clickable-media{cursor:zoom-in}.clickable-media:hover{transform:scale(1.02)}.drawing-cs-process-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.drawing-cs-gallery-item{margin:0;text-align:center;background-color:#09090b;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;flex-direction:column}.drawing-cs-gallery-item img{width:100%;height:auto;display:block;object-fit:contain;cursor:zoom-in}.drawing-cs-gallery-item figcaption{font-size:.9rem;color:var(--color-text-muted);font-style:italic;padding:16px}.drawing-cs-video-container{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px #00000080;border:1px solid rgba(255,255,255,.08);background-color:#000;position:relative}.drawing-cs-main-video{width:100%;display:block;max-height:85vh;object-fit:contain}@media(max-width:900px){.drawing-cs-main-content{padding:40px 20px}.drawing-cs-layout-grid{grid-template-columns:1fr;gap:40px;display:flex;flex-direction:column}.drawing-cs-story-panel{grid-column:auto;width:100%}.drawing-cs-details-panel{grid-column:auto;width:100%;margin-bottom:0;order:-1;padding:24px;box-sizing:border-box}.drawing-cs-details-grid{grid-template-columns:1fr 1fr;gap:20px}.drawing-cs-chapter,.drawing-cs-chapter:nth-child(2n){display:flex;flex-direction:column;direction:ltr;gap:32px}.drawing-cs-chapter>*{direction:ltr;width:100%}.drawing-cs-chapter-media{order:-1}.drawing-cs-chapter-media img,.drawing-cs-chapter-media video{max-width:100%;height:auto;object-fit:contain}.chapter-title{font-size:2rem}.chapter-moment-card{flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;gap:16px}.chapter-moment-image{width:100%;height:auto;max-height:300px;margin-bottom:0;border-radius:8px}.chapter-moment-image img{object-fit:contain}.chapter-moment-info{width:100%}.drawing-cs-process-gallery{column-count:1}}@media(max-width:768px){.drawing-cs-main-content{padding:24px var(--container-padding) 40px}.drawing-cs-layout-grid{gap:24px;margin-bottom:40px}.drawing-cs-details-panel{padding:16px}.drawing-cs-details-title{font-size:.95rem;margin-bottom:16px;padding-bottom:8px}.drawing-cs-detail-label{font-size:.7rem;margin-bottom:4px}.drawing-cs-detail-value{font-size:.85rem}.drawing-cs-section-header h2{font-size:1.8rem}.drawing-cs-story-content{font-size:.95rem}.drawing-cs-chapters-container{gap:40px;margin-bottom:40px}.drawing-cs-chapter{gap:24px}.chapter-subtitle{font-size:.8rem;margin-bottom:4px}.chapter-title{font-size:1.6rem}.chapter-content p{font-size:.95rem}.chapter-moment-card{padding:16px;margin-top:24px}.chapter-moment-image{margin-bottom:12px}.moment-label{font-size:.7rem}.moment-caption{font-size:.85rem}}