.detail-hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0f}.detail-hero__bg{position:absolute;inset:0;z-index:1}.detail-hero__iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;pointer-events:none;border:0}.detail-hero__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9b1b3026,#0a0a0f 60%)}.detail-hero__fallback-icon{font-size:14rem;opacity:.12;user-select:none;line-height:1}.detail-hero__overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,#0000004d,#0000001a 40%,#000000b3),radial-gradient(ellipse 80% 60% at 50% 50%,transparent 0%,rgba(0,0,0,.4) 100%)}.detail-hero__content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:0 1.5rem}.detail-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1.125rem;border-radius:9999px;border:1px solid rgba(155,27,48,.5);background:#9b1b3026;backdrop-filter:blur(8px);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fffc}.detail-hero__dot{display:block;width:6px;height:6px;border-radius:50%;background:#c42847;box-shadow:0 0 8px #c42847cc;animation:detail-pulse 2s infinite}.detail-hero__title{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin:0;text-shadow:0 8px 40px rgba(0,0,0,.5);max-width:800px}.detail-hero__subtitle{font-size:1.125rem;color:#fff9;line-height:1.7;max-width:600px;margin:0}.detail-hero__back{position:absolute;top:6.5rem;left:clamp(1.5rem,4vw,4rem);z-index:10;display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:#ffffff80;text-decoration:none;transition:color .3s}.detail-hero__back:hover{color:#e8364f}.detail-hero__back svg{width:1rem;height:1rem;transition:transform .3s}.detail-hero__back:hover svg{transform:translate(-3px)}.detail-hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff6;animation:detail-float 3s ease-in-out infinite}.detail-hero__scroll span{font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.detail-hero__scroll-arrow svg{width:1.25rem;height:1.25rem}.detail-content{position:relative;width:100%;min-height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,6vh,6rem) 0 clamp(2rem,5vh,4rem) 0}.detail-content__inner{position:relative;z-index:10;max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.detail-desc{margin-bottom:1.5rem}.detail-desc__heading{font-family:Outfit,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:#111;line-height:1.2;margin:0 0 1.5rem}.detail-desc__heading-accent{background:linear-gradient(135deg,#e8364f,#9b1b30,#e8364f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-right:.1em}.detail-desc__body{display:flex;flex-direction:column;gap:1rem;color:#6b7280;font-size:.9375rem;line-height:1.75}.detail-desc__layout{display:flex;flex-direction:column}.detail-desc__layout--with-video{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}@media(min-width:768px){.detail-desc__layout--with-video{grid-template-columns:240px 1fr;gap:2rem}}@media(min-width:1024px){.detail-desc__layout--with-video{grid-template-columns:300px 1fr;gap:2.5rem}}.detail-vertical-video{width:100%;max-width:300px;margin:0 auto}@media(min-width:768px){.detail-vertical-video{margin:0;position:sticky;top:2rem}}.detail-vertical-video__frame{border-radius:1.25rem;overflow:hidden;aspect-ratio:9 / 16;background:#f3f4f6;border:1px solid #e5e7eb;box-shadow:0 8px 40px #00000014}.detail-vertical-video__iframe{width:100%;height:100%;border:0;display:block}.detail-cta{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1.5rem;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.detail-cta__title{font-family:Outfit,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:#111;margin:0 0 .5rem}.detail-cta__text{color:#6b7280;font-size:.9375rem;margin:0 0 1.25rem}.detail-cta__btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,#c42847,#9b1b30);color:#fff;font-weight:700;font-size:.9375rem;border-radius:9999px;text-decoration:none;transition:transform .2s,box-shadow .2s}.detail-cta__btn svg{width:1.125rem;height:1.125rem}.detail-cta__btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #9b1b3059}.detail-related__title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#111;margin:0 0 1rem}.detail-related__grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.detail-related__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.detail-related__card{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:0 1px 8px #0000000a;text-decoration:none;color:inherit;transition:box-shadow .25s,border-color .25s,transform .2s}.detail-related__card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px);border-color:#9b1b3033}.detail-related__icon{width:2.75rem;height:2.75rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#9b1b3014;font-size:1.25rem}.detail-related__name{font-weight:600;font-size:.9375rem;color:#111}.detail-related__sub{font-size:.8125rem;color:#9ca3af;margin-top:.125rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-related__arrow{width:1.125rem;height:1.125rem;color:#d1d5db;margin-left:auto;flex-shrink:0;transition:color .2s,transform .2s}.detail-related__card:hover .detail-related__arrow{color:#9b1b30;transform:translate(3px)}@keyframes detail-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes detail-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}
