.hero[data-astro-cid-hoipuplh]{position:relative;height:70vh;min-height:500px;display:flex;align-items:flex-end;overflow:hidden}.hero__background[data-astro-cid-hoipuplh]{position:absolute;inset:0}.hero__background[data-astro-cid-hoipuplh] img[data-astro-cid-hoipuplh]{width:100%;height:100%;object-fit:cover}.hero__overlay[data-astro-cid-hoipuplh]{position:absolute;inset:0;background:linear-gradient(to top,#000000d9,#0009,#0006)}.hero__content[data-astro-cid-hoipuplh]{position:relative;z-index:1;padding-bottom:var(--space-3xl);color:#fff}.hero__label[data-astro-cid-hoipuplh]{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:#fffc;margin-bottom:var(--space-md)}.hero__title[data-astro-cid-hoipuplh]{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1;margin-bottom:var(--space-md);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero__subtitle[data-astro-cid-hoipuplh]{font-size:var(--text-xl);color:#ffffffe6;max-width:400px}.quick-nav[data-astro-cid-hoipuplh]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.quick-nav__items[data-astro-cid-hoipuplh]{display:grid;grid-template-columns:repeat(3,1fr)}.quick-nav__item[data-astro-cid-hoipuplh]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);text-decoration:none;color:var(--color-text-primary);border-right:1px solid var(--color-border);transition:background var(--transition-fast)}.quick-nav__item[data-astro-cid-hoipuplh]:last-child{border-right:none}.quick-nav__item[data-astro-cid-hoipuplh]:hover{background:var(--color-bg-tertiary)}.quick-nav__step[data-astro-cid-hoipuplh]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-primary)}.quick-nav__title[data-astro-cid-hoipuplh]{font-weight:600;font-size:var(--text-lg)}.quick-nav__duration[data-astro-cid-hoipuplh]{font-size:var(--text-xs);color:var(--color-text-muted)}.framework[data-astro-cid-hoipuplh]{padding:var(--space-4xl) 0 0}.framework__header[data-astro-cid-hoipuplh]{max-width:600px;margin-bottom:var(--space-4xl)}.framework__title[data-astro-cid-hoipuplh]{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-primary);margin-bottom:var(--space-md)}.framework__intro[data-astro-cid-hoipuplh]{font-family:var(--font-serif);font-size:var(--text-2xl);line-height:1.4;color:var(--color-text-primary)}.framework__steps[data-astro-cid-hoipuplh]{display:flex;flex-direction:column}.step[data-astro-cid-hoipuplh]{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}.step[data-astro-cid-hoipuplh]:nth-child(2n){direction:rtl}.step[data-astro-cid-hoipuplh]:nth-child(2n)>[data-astro-cid-hoipuplh]{direction:ltr}.step__image[data-astro-cid-hoipuplh]{position:relative;overflow:hidden}.step__image[data-astro-cid-hoipuplh] img[data-astro-cid-hoipuplh]{width:100%;height:100%;object-fit:cover}.step__number[data-astro-cid-hoipuplh]{position:absolute;bottom:var(--space-xl);left:var(--space-xl);font-family:var(--font-mono);font-size:clamp(4rem,10vw,8rem);font-weight:700;color:#fff;opacity:.3;line-height:1}.step[data-astro-cid-hoipuplh]:nth-child(2n) .step__number[data-astro-cid-hoipuplh]{left:auto;right:var(--space-xl)}.step__content[data-astro-cid-hoipuplh]{display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl) 0;max-width:480px}.step[data-astro-cid-hoipuplh]:nth-child(2n) .step__content[data-astro-cid-hoipuplh]{margin-left:auto}.step__meta[data-astro-cid-hoipuplh]{margin-bottom:var(--space-lg)}.step__duration[data-astro-cid-hoipuplh]{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);color:var(--color-text-muted)}.step__title[data-astro-cid-hoipuplh]{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;margin-bottom:var(--space-xs)}.step__subtitle[data-astro-cid-hoipuplh]{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary);margin-bottom:var(--space-xl)}.step__description[data-astro-cid-hoipuplh]{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-xl)}.step__cta[data-astro-cid-hoipuplh]{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.step__cta[data-astro-cid-hoipuplh]:hover{color:var(--color-accent-primary)}.step__arrow[data-astro-cid-hoipuplh]{transition:transform var(--transition-fast)}.step__cta[data-astro-cid-hoipuplh]:hover .step__arrow[data-astro-cid-hoipuplh]{transform:translate(4px)}.gallery[data-astro-cid-hoipuplh]{padding:var(--space-4xl) 0;overflow:hidden}.gallery__title[data-astro-cid-hoipuplh]{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-primary);margin-bottom:var(--space-2xl)}.gallery__grid[data-astro-cid-hoipuplh]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.gallery__item[data-astro-cid-hoipuplh]{aspect-ratio:1;overflow:hidden;opacity:0;animation:fadeIn .6s ease forwards;animation-delay:var(--delay)}.gallery__item[data-astro-cid-hoipuplh] img[data-astro-cid-hoipuplh]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery__item[data-astro-cid-hoipuplh]:hover img[data-astro-cid-hoipuplh]{transform:scale(1.05)}@keyframes fadeIn{to{opacity:1}}.details[data-astro-cid-hoipuplh]{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.details__grid[data-astro-cid-hoipuplh]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl);max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.details__card[data-astro-cid-hoipuplh]{padding:var(--space-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.details__card-title[data-astro-cid-hoipuplh]{font-size:var(--text-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.details__list[data-astro-cid-hoipuplh]{list-style:none;padding:0;margin:0 0 var(--space-lg)}.details__list[data-astro-cid-hoipuplh] li[data-astro-cid-hoipuplh]{position:relative;padding-left:var(--space-lg);padding-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.details__list[data-astro-cid-hoipuplh] li[data-astro-cid-hoipuplh]:before{content:"→";position:absolute;left:0;color:var(--color-accent-primary)}.details__best-for[data-astro-cid-hoipuplh]{font-size:var(--text-sm);color:var(--color-text-muted);padding-top:var(--space-md);border-top:1px solid var(--color-border)}@media(max-width:1100px){.details__grid[data-astro-cid-hoipuplh]{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.details__card[data-astro-cid-hoipuplh]:last-child{grid-column:1 / -1;max-width:400px;margin:0 auto}}@media(max-width:1024px){.step[data-astro-cid-hoipuplh]{grid-template-columns:1fr;min-height:auto}.step[data-astro-cid-hoipuplh]:nth-child(2n){direction:ltr}.step__image[data-astro-cid-hoipuplh]{height:50vh;min-height:300px}.step__content[data-astro-cid-hoipuplh]{padding:var(--space-2xl) var(--container-padding);max-width:none}.step[data-astro-cid-hoipuplh]:nth-child(2n) .step__content[data-astro-cid-hoipuplh]{margin-left:0}.step__number[data-astro-cid-hoipuplh]{bottom:var(--space-md);left:var(--space-md)}.step[data-astro-cid-hoipuplh]:nth-child(2n) .step__number[data-astro-cid-hoipuplh]{left:var(--space-md);right:auto}.gallery__grid[data-astro-cid-hoipuplh]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.details__grid[data-astro-cid-hoipuplh]{grid-template-columns:1fr;max-width:450px}.details__card[data-astro-cid-hoipuplh]:last-child{max-width:none}}@media(max-width:640px){.hero[data-astro-cid-hoipuplh]{height:60vh}.quick-nav__items[data-astro-cid-hoipuplh]{grid-template-columns:1fr}.quick-nav__item[data-astro-cid-hoipuplh]{flex-direction:row;justify-content:space-between;border-right:none;border-bottom:1px solid var(--color-border)}.quick-nav__item[data-astro-cid-hoipuplh]:last-child{border-bottom:none}.step__image[data-astro-cid-hoipuplh]{height:40vh}}