.section-divider{width:100%;height:4px;margin:0;border-radius:var(--radius-sm);transition:background var(--transition-default)}.light .section-divider,.section-divider{background:linear-gradient(to right,transparent,var(--color-soft-black),transparent)}.dark .section-divider{background:linear-gradient(to right,transparent,var(--color-accent),transparent)}@media (max-width:768px){.section-divider{width:100%}}@media (max-width:480px){.section-divider{width:90%}}.about-title-wrapper{padding:0;margin:0;text-align:center;position:relative;z-index:2}.about-title-heading{font-family:var(--font-heading);font-size:var(--font-size-h1);font-weight:700;color:var(--primary-text);margin:0 auto;position:relative;line-height:var(--line-height-h2);background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent) 50%,var(--color-soft-black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-title-heading:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--color-accent-light) 0,var(--color-accent) 50%,var(--color-accent-light) 100%);border-radius:var(--radius-sm)}@media (max-width:1024px){.about-title-heading{font-size:var(--font-size-h3);margin-bottom:var(--spacing-xs)}.about-title-heading:after{width:70px;bottom:-6px}}@media (max-width:768px){.about-title-heading{font-size:var(--font-size-h4);margin-bottom:var(--spacing-xs)}.about-title-heading:after{width:60px;height:2px;bottom:-6px}}@media (max-width:480px){.about-title-heading{font-size:var(--font-size-h5);margin-bottom:var(--spacing-xs);line-height:var(--line-height-h5)}.about-title-heading:after{width:50px;height:2px;bottom:-4px}}@media (prefers-reduced-motion:reduce){.about-title-heading{background:var(--color-soft-black);-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}}@media (prefers-contrast:high){.about-title-heading{background:var(--color-soft-black);-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-soft-black);background-clip:unset}.about-title-heading:after{background:var(--color-soft-black)}}@media (prefers-color-scheme:dark){.about-title-heading{background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent-medium) 50%,var(--color-soft-black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-title-heading:after{background:linear-gradient(90deg,var(--color-accent-medium) 0,var(--color-accent) 50%,var(--color-accent-medium) 100%)}}@media print{.about-title-heading{background:var(--color-soft-black);-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-soft-black);background-clip:unset}.about-title-heading:after{background:var(--color-soft-black)}}.about-tagline-wrapper{margin:0 auto;text-align:center;position:relative;z-index:2}.about-tagline{font-family:var(--font-body);font-size:var(--font-size-h4);font-weight:400;line-height:var(--line-height-body);color:var(--secondary-text);margin:0 auto;max-width:60ch;position:relative;padding:var(--spacing-xs) var(--spacing-sm);font-style:italic;letter-spacing:.015em}.about-tagline:after,.about-tagline:before{content:'"';font-family:var(--font-heading);font-size:1em;color:var(--color-accent);opacity:.7;font-weight:300}.about-tagline:before{margin-right:.2em}.about-tagline:after{margin-left:.2em}@media (max-width:1024px){.about-tagline-wrapper{margin-bottom:var(--spacing-sm)}.about-tagline{font-size:var(--font-size-small);max-width:70ch;padding:var(--spacing-xs)}}@media (max-width:768px){.about-tagline-wrapper{margin-bottom:var(--spacing-sm)}.about-tagline{font-size:var(--font-size-small);max-width:80ch;padding:var(--spacing-xs);line-height:var(--line-height-small)}.about-tagline:after,.about-tagline:before{font-size:.9em}}@media (max-width:480px){.about-tagline{font-size:var(--font-size-small);max-width:100%;padding:var(--spacing-xs);letter-spacing:.01em}.about-tagline:after,.about-tagline:before{font-size:.9em;margin:0 .1em}}@media (prefers-contrast:high){.about-tagline{color:var(--primary-text)}.about-tagline:after,.about-tagline:before{color:var(--primary-text);opacity:1}}@media (prefers-color-scheme:dark){.about-tagline:after,.about-tagline:before{color:var(--color-accent-medium)}}@media print{.about-tagline{padding:var(--spacing-xs);color:var(--primary-text)}.about-tagline:after,.about-tagline:before{color:var(--primary-text);opacity:.8}}.about-container{position:relative;z-index:2;height:100%}.about-intro{max-width:75ch;margin:0 auto;padding:var(--spacing-md);background:var(--background-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-default);position:relative;box-shadow:var(--shadow-md);height:100%;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:introFadeIn .6s ease-out .1s forwards}.about-intro:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm);opacity:.6;transition:opacity var(--transition-default)}.about-intro:hover{background:var(--background-light);transform:var(--translate-y-sm);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.about-intro:hover:before{opacity:1}.about-paragraph{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--secondary-text);margin:0 0 var(--spacing-sm) 0;position:relative;z-index:2}.about-paragraph:last-child{margin-bottom:0}.about-paragraph strong{color:var(--primary-text);font-weight:600}.about-paragraph em{color:var(--color-accent);font-style:normal;font-weight:500}@keyframes introFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.about-intro{max-width:85ch;padding:var(--spacing-sm) var(--spacing-md);height:auto}.about-paragraph{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}}@media (max-width:768px){.about-intro{max-width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);height:auto}.about-paragraph{margin-bottom:var(--spacing-xs)}}@media (max-width:480px){.about-intro{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.about-paragraph{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.about-intro:before{width:3px}}@media (prefers-reduced-motion:reduce){.about-intro{animation:none;opacity:1}.about-intro,.about-intro:hover{transform:none}}@media (prefers-contrast:high){.about-intro{background:var(--background-card);border:2px solid var(--primary-text)}.about-intro:before{background:var(--primary-text)}.about-intro:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}}@media (prefers-color-scheme:dark){.about-intro{background:var(--background-card-dark);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-dark-md)}.about-intro:hover{background:rgba(255,255,255,.03);border-color:var(--color-accent-medium);box-shadow:var(--shadow-dark-lg)}.about-intro:before{background:var(--color-accent-medium)}}@media print{.about-intro{background:white;border:1px solid #ccc;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;padding:var(--spacing-sm);animation:none;opacity:1;transform:none;height:auto}.about-intro:before{display:none}.about-paragraph{margin-bottom:var(--spacing-xs)}}.about-skills{z-index:2;margin:0}.about-skills,.skills-card{position:relative;height:100%}.skills-card{background:var(--background-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-default);box-shadow:var(--shadow-md);display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:skillsCardFadeIn .6s ease-out .2s forwards}.skills-card:hover{transform:var(--translate-y-sm);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.skills-title{font-family:var(--font-heading);font-size:var(--font-size-h6);font-weight:600;color:var(--primary-text);margin:0 0 var(--spacing-sm) 0;text-align:center;position:relative;flex-shrink:0}.skills-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:var(--color-accent);border-radius:var(--radius-sm)}.skills-list{list-style:none;margin:0;padding:0;flex-direction:column;flex:1}.skill-item,.skills-list{display:flex;gap:var(--spacing-xs)}.skill-item{align-items:center;padding:var(--spacing-xs);transition:all var(--transition-default);border-radius:var(--radius-sm);position:relative;flex-shrink:0}.skill-item:hover{background:rgba(14,175,251,.05)}.skill-bullet{color:var(--color-accent);font-weight:700;font-size:var(--font-size-caption);flex-shrink:0;width:8px}.skill-content{flex:1;min-width:0}.skill-content,.skill-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skill-text{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--secondary-text);line-height:var(--line-height-small);margin:0;transition:color var(--transition-default)}.skill-item:hover .skill-text,.skill-label-inline{color:var(--primary-text)}.skill-label-inline{font-weight:600;transition:color var(--transition-default)}.skill-item:hover .skill-label-inline{color:var(--color-accent-hover)}.skill-separator{color:var(--color-accent);margin:0 .3em;font-weight:500}@keyframes skillsCardFadeIn{to{opacity:1;transform:translateY(0)}}.skill-item:focus{outline:none;background:rgba(14,175,251,.1);border-radius:var(--radius-sm)}.skill-item:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}@media (max-width:1024px){.skills-card{padding:var(--spacing-sm);height:auto}.skills-title{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.skills-title:after{width:25px;height:1px;bottom:-3px}.skills-list{gap:var(--spacing-xs)}.skill-text{font-size:var(--font-size-xsm)}}@media (max-width:768px){.skills-card{padding:var(--spacing-sm);border-radius:var(--radius-md);height:auto}.skills-title{font-size:var(--font-size-caption);margin-bottom:var(--spacing-xs)}.skills-title:after{width:20px;height:1px;bottom:-2px}.skill-item{padding:var(--spacing-xs) var(--spacing-xs)}}@media (max-width:480px){.skills-card{padding:var(--spacing-xs);border-radius:var(--radius-sm)}.skills-title{font-size:var(--font-size-caption);margin-bottom:var(--spacing-xs)}.skills-title:after{width:15px;height:1px;bottom:-2px}.skill-item{gap:var(--spacing-xs);padding:var(--spacing-xs)}.skill-text{font-size:var(--font-size-xsm)}.skill-separator{margin:0 .2em}}@media (prefers-reduced-motion:reduce){.skills-card{animation:none;opacity:1}.skill-item:hover,.skills-card,.skills-card:hover{transform:none}}@media (prefers-contrast:high){.skills-card{background:var(--background-card);border:2px solid var(--primary-text)}.skills-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:none}.skills-title:after{background:var(--primary-text)}.skill-bullet,.skill-separator{color:var(--primary-text)}.skill-item:hover{background:rgba(0,0,0,.1)}.skill-item:focus-visible{outline:3px solid var(--primary-text);outline-offset:2px}}@media (prefers-color-scheme:dark){.skills-card{background:var(--background-card-dark);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-dark-md)}.skills-card:hover{border-color:var(--color-accent-medium);box-shadow:var(--shadow-dark-lg)}.skills-title:after{background:var(--color-accent-medium)}.skill-bullet,.skill-separator{color:var(--color-accent-medium)}.skill-item:hover{background:rgba(14,175,251,.08)}}@media print{.skills-card{background:white;border:1px solid #333;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;padding:var(--spacing-xs);transform:none;animation:none;opacity:1;height:auto}.skills-title{color:#333;font-size:var(--font-size-caption);margin-bottom:var(--spacing-xs)}.skills-title:after{background:#333}.skill-bullet,.skill-separator{color:#333}.skill-text{font-size:var(--font-size-xsm);color:#666}.skill-label-inline{color:#333}.skill-item:hover{background:none}}.about-contact{background:var(--background-card);border-radius:var(--radius-md);padding:var(--spacing-md);margin:0;text-align:center;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm);transition:all var(--transition-default)}.about-contact:hover{box-shadow:var(--shadow-md)}.contact-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;z-index:2}.contact-button,.contact-buttons{justify-content:center;align-items:center;position:relative}.contact-button{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-default);cursor:pointer;border:1px solid transparent;min-width:120px;display:inline-flex;text-align:center}.contact-button span{position:relative;z-index:2}.contact-primary{background:var(--color-accent);color:var(--color-off-white);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.contact-primary:focus,.contact-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:var(--translate-y-sm);box-shadow:var(--shadow-md)}.contact-secondary{background:var(--background-light);color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.contact-secondary:focus,.contact-secondary:hover{background:var(--color-accent-light);color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:var(--translate-y-sm);box-shadow:var(--shadow-md)}.contact-button:focus{outline:none}.contact-button:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}@media (max-width:768px){.about-contact{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.contact-buttons{flex-direction:column;gap:var(--spacing-sm)}.contact-button{width:100%;max-width:240px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-caption)}}@media (max-width:480px){.about-contact{border-radius:var(--radius-xs)}.about-contact,.contact-button{padding:var(--spacing-xs) var(--spacing-sm)}.contact-button{max-width:200px;font-size:var(--font-size-xsm);min-width:0}.contact-button:focus,.contact-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.about-contact:hover,.contact-button:focus,.contact-button:hover{transform:none}}@media (prefers-contrast:high){.about-contact{background:var(--background-card)}.about-contact,.contact-primary{border:2px solid var(--primary-text)}.contact-primary{background:var(--color-accent);color:var(--color-off-white)}.contact-secondary{background:var(--color-off-white);border:2px solid var(--color-accent);color:var(--color-accent)}.contact-button:focus-visible{outline:3px solid var(--primary-text);outline-offset:2px}.contact-button:hover{transform:none;box-shadow:var(--shadow-sm)}}@media (prefers-color-scheme:dark){.about-contact{background:var(--background-card-dark);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-dark-sm)}.about-contact:hover{box-shadow:var(--shadow-dark-md)}.contact-primary{background:var(--color-accent-medium);border-color:var(--color-accent-medium)}.contact-primary:focus,.contact-primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.contact-secondary{background:rgba(255,255,255,.05);color:var(--color-accent);border-color:var(--color-accent-medium)}.contact-secondary:focus,.contact-secondary:hover{background:rgba(255,255,255,.08);color:var(--color-accent-hover);border-color:var(--color-accent)}}@media print{.about-contact{-moz-column-break-inside:avoid;break-inside:avoid;padding:var(--spacing-xs)}.about-contact,.contact-button{background:var(--background-card);box-shadow:none;border:1px solid var(--color-accent)}.contact-button{color:var(--color-accent);transform:none;page-break-inside:avoid}}.about-section{scroll-margin-top:var(--header-height);padding:var(--section-padding-md) 0;position:relative;z-index:var(--z-index-base)}.about-section-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-md);position:relative}.about-section .section-title{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:700;color:var(--primary-text);text-align:center;margin-bottom:var(--spacing-sm);position:relative;background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent) 50%,var(--color-soft-black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent-light) 0,var(--color-accent) 50%,var(--color-accent-light) 100%);border-radius:var(--radius-sm)}.about-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;z-index:2}@media (min-width:1024px){.about-main-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:stretch;position:relative;min-height:400px}.about-intro-column,.about-skills-column{display:flex;flex-direction:column;height:100%}.about-skills-divider{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent 0,var(--color-accent-light) 20%,var(--color-accent) 50%,var(--color-accent-light) 80%,transparent 100%);z-index:1}}@media (max-width:1023px){.about-main-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-intro-column{order:1}.about-skills-column{order:3}.about-skills-divider{order:2;width:100%;height:1px;background:linear-gradient(to right,transparent 0,var(--color-accent-light) 20%,var(--color-accent) 50%,var(--color-accent-light) 80%,transparent 100%);margin:var(--spacing-sm) 0}}.about-contact-section{margin-bottom:var(--spacing-sm);display:flex;justify-content:center}.about-section .section-divider{margin:var(--spacing-sm) 0;position:relative;z-index:2}@media (max-width:1024px){.about-section{padding:var(--section-padding-sm) 0}.about-content-wrapper{gap:var(--spacing-sm)}.about-section .section-title{font-size:var(--font-size-h3);margin-bottom:var(--spacing-sm)}.about-section .section-title:after{width:50px;height:2px;bottom:-6px}}@media (max-width:768px){.about-section{padding:var(--section-padding-xs) 0}.about-content-wrapper{gap:var(--spacing-xs)}.about-section .section-title{font-size:var(--font-size-h4);margin-bottom:var(--spacing-xs)}.about-section .section-title:after{width:40px;height:2px;bottom:-4px}.about-section .section-divider{margin:var(--spacing-xs) 0}.about-contact-section{margin-bottom:var(--spacing-xs)}}@media (max-width:480px){.about-section{padding:var(--section-padding-xs) 0}.about-content-wrapper{gap:var(--spacing-xs)}.about-section .section-title{font-size:var(--font-size-h5);margin-bottom:var(--spacing-xs)}.about-section .section-title:after{width:30px;height:1px;bottom:-3px}.about-section .section-divider{margin:var(--spacing-xs) 0}.about-contact-section{margin-bottom:var(--spacing-xs)}}@media (prefers-contrast:high){.about-section .section-title{background:var(--primary-text);-webkit-background-clip:unset;-webkit-text-fill-color:var(--primary-text);background-clip:unset}.about-section .section-title:after{background:var(--primary-text)}.about-contact-section{border-top-color:var(--primary-text)}}@media (prefers-color-scheme:dark){.about-section .section-title{background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent-medium) 50%,var(--color-soft-black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .section-title:after{background:linear-gradient(90deg,var(--color-accent-medium) 0,var(--color-accent) 50%,var(--color-accent-medium) 100%)}.about-contact-section{border-top-color:rgba(255,255,255,.05)}.about-skills-divider{background:linear-gradient(to bottom,transparent 0,var(--color-accent-medium) 20%,var(--color-accent) 50%,var(--color-accent-medium) 80%,transparent 100%)}@media (max-width:1023px){.about-skills-divider{background:linear-gradient(to right,transparent 0,var(--color-accent-medium) 20%,var(--color-accent) 50%,var(--color-accent-medium) 80%,transparent 100%)}}}@media print{.about-section .section-title{background:var(--primary-text);-webkit-background-clip:unset;-webkit-text-fill-color:var(--primary-text);background-clip:unset}.about-section .section-title:after{background:var(--primary-text)}.about-contact-section{border-top-color:var(--primary-text)}.about-content-wrapper{gap:var(--spacing-sm)}}.rationale{background:var(--background-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0;transition:all var(--transition-default);position:relative;opacity:0;transform:translateY(20px);animation:rationaleFadeIn .6s ease-out .1s forwards}.rationale:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm);opacity:.6;transition:opacity var(--transition-default)}.rationale:hover{background:var(--background-light);transform:var(--translate-y-sm);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.rationale:hover:before{opacity:1}.rationale .section-title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md);position:relative;text-align:center;background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent) 50%,var(--color-soft-black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rationale .section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(90deg,var(--color-soft-black) 0,var(--color-accent) 50%,var(--color-soft-black) 100%);border-radius:var(--radius-sm)}.rationale-description{margin-bottom:var(--spacing-lg)}.rationale-description p{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--secondary-text);margin:0 0 var(--spacing-sm) 0;position:relative;z-index:2}.rationale-description p:last-child{margin-bottom:0}.rationale-description strong{color:var(--primary-text);font-weight:600}.rationale-description em{color:var(--color-accent);font-style:normal;font-weight:500}.rationale-subheading{font-family:var(--font-heading);font-size:var(--font-size-h6);font-weight:600;color:var(--primary-text);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;text-align:center;position:relative}.rationale-subheading:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:var(--color-accent);border-radius:var(--radius-sm)}.rationale-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.rationale-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:all var(--transition-default);border-radius:var(--radius-sm);position:relative}.rationale-list li:hover{background:rgba(14,175,251,.05);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.rationale-list li:before{content:"•";color:var(--color-accent);font-weight:700;font-size:var(--font-size-small);flex-shrink:0;width:8px;margin-top:2px}.rationale-list li>*{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--secondary-text);line-height:var(--line-height-body);margin:0;transition:color var(--transition-default)}.rationale-list li:hover>*{color:var(--primary-text)}.rationale-list li strong{color:var(--primary-text);font-weight:600;transition:color var(--transition-default)}.rationale-list li:hover strong{color:var(--color-accent-hover)}.rationale-final{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.rationale-final p{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--secondary-text);margin:0 0 var(--spacing-xs) 0;transition:color var(--transition-default)}.rationale-final p:last-child{margin-bottom:0}.rationale-final strong{color:var(--primary-text);font-weight:600}@keyframes rationaleFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.rationale{padding:var(--spacing-md);margin:var(--spacing-md) 0}.rationale .section-title{font-size:var(--font-size-h5);margin-bottom:var(--spacing-sm)}.rationale .section-title:after{width:40px;height:2px;bottom:-6px}.rationale-description p{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}}@media (max-width:768px){.rationale{padding:var(--spacing-sm);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.rationale .section-title{font-size:var(--font-size-h6);margin-bottom:var(--spacing-sm)}.rationale .section-title:after{width:30px;height:2px;bottom:-4px}.rationale-subheading{font-size:var(--font-size-small);margin:var(--spacing-md) 0 var(--spacing-xs) 0}.rationale-subheading:after{width:20px;height:1px;bottom:-3px}}@media (max-width:480px){.rationale{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.rationale .section-title{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.rationale .section-title:after{width:25px;height:1px;bottom:-3px}.rationale:before{width:3px}}@media (prefers-reduced-motion:reduce){.rationale{animation:none;opacity:1}.rationale,.rationale-list li:hover,.rationale:hover{transform:none}}@media (prefers-contrast:high){.rationale{background:var(--background-card);border:2px solid var(--primary-text)}.rationale:before{background:var(--primary-text)}.rationale:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.rationale .section-title:after,.rationale-subheading:after{background:var(--primary-text)}.rationale-list li:before{color:var(--primary-text)}}@media (prefers-color-scheme:dark){.rationale{background:var(--background-card-dark);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-dark-md)}.rationale:hover{background:rgba(255,255,255,.03);border-color:var(--color-accent-medium);box-shadow:var(--shadow-dark-lg)}.rationale:before{background:var(--color-accent-medium)}.rationale .section-title:after,.rationale-subheading:after{background:linear-gradient(90deg,var(--color-accent-medium) 0,var(--color-accent) 50%,var(--color-accent-medium) 100%)}.rationale-list li:before{color:var(--color-accent-medium)}.rationale-final{border-top-color:rgba(255,255,255,.05)}}@media print{.rationale{background:white;border:1px solid #ccc;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;padding:var(--spacing-sm);animation:none;opacity:1;transform:none}.rationale:before{display:none}.rationale .section-title:after,.rationale-subheading:after{background:#333}.rationale-list li:before{color:#333}.rationale-final{border-top-color:#ccc}}.rationale-grid{background:var(--background-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0;transition:all var(--transition-default);position:relative;opacity:0;transform:translateY(20px);animation:rationaleGridFadeIn .6s ease-out .1s forwards}.rationale-grid:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm);opacity:.6;transition:opacity var(--transition-default)}.rationale-grid:hover{background:var(--background-light);transform:var(--translate-y-sm);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.rationale-grid:hover:before{opacity:1}.rationale-grid .section-title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;color:var(--primary-text);margin-bottom:var(--spacing-md);position:relative;text-align:center;background:linear-gradient(135deg,var(--color-soft-black) 0,var(--color-accent) 50%,var(--color-soft-black) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rationale-grid .section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(90deg,var(--color-accent-light) 0,var(--color-accent) 50%,var(--color-accent-light) 100%);border-radius:var(--radius-sm)}.rationale-grid .rationale-description{margin-bottom:var(--spacing-lg);text-align:left}.rationale-grid .rationale-description p{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--secondary-text);margin:0 0 var(--spacing-sm) 0;position:relative;z-index:2}.rationale-grid .rationale-description p:last-child{margin-bottom:0}.rationale-grid .rationale-description strong{color:var(--primary-text);font-weight:600}.rationale-grid .rationale-description em{color:var(--color-accent);font-style:normal;font-weight:500}.rationale-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.rationale-category-block{background:var(--background-light);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-default);position:relative;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(10px);animation:categoryBlockFadeIn .6s ease-out forwards}.rationale-category-block:first-child{animation-delay:.2s}.rationale-category-block:nth-child(2){animation-delay:.3s}.rationale-category-block:nth-child(3){animation-delay:.4s}.rationale-category-block:nth-child(4){animation-delay:.5s}.rationale-category-block:hover{transform:var(--translate-y-sm);box-shadow:var(--shadow-md);border-color:var(--color-accent-light)}.category-title{font-family:var(--font-heading);font-size:var(--font-size-h6);font-weight:600;color:var(--primary-text);margin:0 0 var(--spacing-sm) 0;text-align:center;position:relative}.category-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:25px;height:2px;background:var(--color-accent);border-radius:var(--radius-sm)}.category-list{list-style:none;margin:0;padding:0;flex-direction:column}.category-list,.category-list li{display:flex;gap:var(--spacing-xs)}.category-list li{align-items:flex-start;padding:var(--spacing-xs);transition:all var(--transition-default);border-radius:var(--radius-sm);position:relative}.category-list li:hover{background:rgba(14,175,251,.05);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.category-list li:before{content:"•";color:var(--color-accent);font-weight:700;font-size:var(--font-size-caption);flex-shrink:0;width:6px;margin-top:1px}.category-list li{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--secondary-text);line-height:var(--line-height-small);transition:color var(--transition-default)}.category-list li:hover{color:var(--primary-text)}.rationale-grid .rationale-final{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);text-align:center}.rationale-grid .rationale-final p{font-family:var(--font-body);font-size:var(--font-size-small);color:var(--secondary-text);margin:0 0 var(--spacing-xs) 0;transition:color var(--transition-default)}.rationale-grid .rationale-final p:last-child{margin-bottom:0}.rationale-grid .rationale-final strong{color:var(--primary-text);font-weight:600}@keyframes rationaleGridFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes categoryBlockFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.rationale-grid{padding:var(--spacing-md);margin:var(--spacing-lg) 0}.rationale-grid .section-title{font-size:var(--font-size-h5);margin-bottom:var(--spacing-sm)}.rationale-grid .section-title:after{width:40px;height:2px;bottom:-6px}.rationale-categories{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.rationale-category-block{padding:var(--spacing-sm)}}@media (max-width:768px){.rationale-grid{padding:var(--spacing-sm);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.rationale-grid .section-title{font-size:var(--font-size-h6);margin-bottom:var(--spacing-sm)}.rationale-grid .section-title:after{width:30px;height:2px;bottom:-4px}.rationale-categories{grid-template-columns:1fr;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.rationale-category-block{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.category-title{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.category-title:after{width:20px;height:1px;bottom:-3px}}@media (max-width:480px){.rationale-grid{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.rationale-grid .section-title{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.rationale-grid .section-title:after{width:25px;height:1px;bottom:-3px}.rationale-grid:before{width:3px}.rationale-categories{gap:var(--spacing-xs)}.rationale-category-block{padding:var(--spacing-xs)}.category-title{font-size:var(--font-size-caption);margin-bottom:var(--spacing-xs)}.category-list li{font-size:var(--font-size-xsm)}}@media (prefers-reduced-motion:reduce){.rationale-category-block,.rationale-grid{animation:none;opacity:1;transform:none}.category-list li:hover,.rationale-category-block:hover,.rationale-grid:hover{transform:none}}@media (prefers-contrast:high){.rationale-grid{background:var(--background-card);border:2px solid var(--primary-text)}.rationale-grid:before{background:var(--primary-text)}.rationale-grid:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.rationale-category-block{background:var(--background-card);border:1px solid var(--primary-text)}.rationale-category-block:hover{border-color:var(--color-accent)}.category-title:after,.rationale-grid .section-title:after{background:var(--primary-text)}.category-list li:before{color:var(--primary-text)}}@media (prefers-color-scheme:dark){.rationale-grid{background:var(--background-card-dark);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-dark-md)}.rationale-grid:hover{background:rgba(255,255,255,.03);border-color:var(--color-accent-medium);box-shadow:var(--shadow-dark-lg)}.rationale-grid:before{background:var(--color-accent-medium)}.rationale-category-block{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-dark-sm)}.rationale-category-block:hover{background:rgba(255,255,255,.05);border-color:var(--color-accent-medium);box-shadow:var(--shadow-dark-md)}.category-title:after,.rationale-grid .section-title:after{background:linear-gradient(90deg,var(--color-accent-medium) 0,var(--color-accent) 50%,var(--color-accent-medium) 100%)}.category-list li:before{color:var(--color-accent-medium)}.rationale-grid .rationale-final{border-top-color:rgba(255,255,255,.05)}}@media print{.rationale-grid{background:white;border:1px solid #ccc;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;padding:var(--spacing-sm);animation:none;opacity:1;transform:none}.rationale-grid:before{display:none}.rationale-category-block{background:white;border:1px solid #ddd;box-shadow:none;animation:none;opacity:1;transform:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.category-title:after,.rationale-grid .section-title:after{background:#333}.category-list li:before{color:#333}.rationale-grid .rationale-final{border-top-color:#ccc}}.slider-display-wrapper{background:transparent}.react-compare-slider,.slider-display-wrapper{position:relative;width:100%;height:100%;border-radius:var(--radius-lg,8px);overflow:hidden}.react-compare-slider{background:var(--background-light,#f8f9fa);border:1px solid var(--border-color,rgba(0,0,0,.1));box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1))}.react-compare-slider-line{width:3px;background:linear-gradient(180deg,rgba(255,255,255,.9) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,.9));transition:all .2s ease;z-index:30;box-shadow:0 0 4px rgba(0,0,0,.2)}.react-compare-slider-handle{width:32px;height:32px;background:linear-gradient(145deg,#ffffff,#f0f0f0);border:3px solid var(--color-accent,#3b82f6);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:ew-resize;transition:all .15s ease;z-index:40;display:flex;align-items:center;justify-content:center}.react-compare-slider-handle:hover{transform:scale(1.1);border-color:var(--color-accent-hover,#2563eb);box-shadow:0 6px 20px rgba(59,130,246,.4)}.react-compare-slider-handle:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.react-compare-slider-handle svg{display:none}.react-compare-slider-handle:after{content:"";width:8px;height:8px;background:var(--color-accent,#3b82f6);border-radius:50%}.react-compare-slider img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:none;border-radius:inherit}.react-compare-slider:hover .react-compare-slider-line{background:linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,1));width:4px}.slider-caption{position:absolute;top:1rem;left:1rem;z-index:50;background:rgba(0,0,0,.8);color:white;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .15s ease;font-family:var(--font-body,-apple-system,BlinkMacSystemFont,sans-serif);line-height:1.4;max-width:250px;word-wrap:break-word}.slider-caption:hover{background:rgba(0,0,0,.9)}.slider-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-light,#f8f9fa);color:var(--secondary-text,#6b7280);z-index:20;border-radius:var(--radius-lg,8px)}.loading-spinner{width:40px;height:40px;border-top:3px solid var(--color-light-grey,#e5e7eb);border:3px solid var(--color-light-grey,#e5e7eb);border-top-color:var(--color-accent,#3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.loading-spinner-small{width:20px;height:20px;border-top:2px solid var(--color-light-grey,#e5e7eb);border:2px solid var(--color-light-grey,#e5e7eb);border-top-color:var(--color-accent,#3b82f6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slider-thumbnails{display:flex;transition:all .2s ease;gap:.75rem;padding:.75rem;scrollbar-width:thin;scrollbar-color:var(--color-light-grey,#d1d5db) transparent;height:100%}.slider-thumbnails-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%;align-items:flex-start}.slider-thumbnails-vertical{flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;width:100%}.slider-thumbnails::-webkit-scrollbar{width:6px;height:6px}.slider-thumbnails::-webkit-scrollbar-track{background:var(--background-light,#f8f9fa);border-radius:3px}.slider-thumbnails::-webkit-scrollbar-thumb{background-color:var(--color-light-grey,#d1d5db);border-radius:3px;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.slider-thumbnails::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-text,#6b7280)}.slider-thumbnail-btn{display:flex;flex-direction:column;width:100%;background:white;border:2px solid transparent;border-radius:12px;padding:0;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;text-align:left;font-family:var(--font-body,-apple-system,BlinkMacSystemFont,sans-serif);opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease-out forwards;animation-delay:calc(var(--item-index, 0) * .1s)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.slider-thumbnails-horizontal .slider-thumbnail-btn{flex-shrink:0;width:140px;min-width:140px}.slider-thumbnails-vertical .slider-thumbnail-btn{width:100%;margin-bottom:.75rem}.slider-thumbnail-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.slider-thumbnail-btn.active{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.slider-thumbnail-btn:focus{outline:var(--focus-outline-width,2px) solid var(--focus-outline-color,#3b82f6);outline-offset:var(--focus-outline-offset,2px)}.thumbnail-image-container{position:relative;width:100%;aspect-ratio:16/9;background:#f3f4f6;overflow:hidden;border-radius:8px 8px 0 0}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s ease;opacity:0}.thumbnail-image.loaded{opacity:1}.slider-thumbnail-btn:hover .thumbnail-image{transform:scale(1.05)}.thumbnail-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.thumbnail-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:8px 8px 0 0}.fallback-icon{font-size:2rem;margin-bottom:.5rem}.fallback-text{font-size:.75rem;font-weight:600;letter-spacing:.05em}.thumbnail-active-indicator{position:absolute;top:.5rem;right:.5rem;z-index:20}.active-badge{background:#3b82f6;color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px rgba(59,130,246,.3)}.thumbnail-content{padding:.75rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.thumbnail-caption{font-size:.875rem;font-weight:600;color:#111827;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-heading,-apple-system,BlinkMacSystemFont,sans-serif)}.slider-thumbnails-horizontal .thumbnail-caption{font-size:.75rem;-webkit-line-clamp:1}.thumbnail-number{display:inline-block;margin-top:.5rem;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#dbeafe;color:#1e40af}.slider-thumbnails-vertical .thumbnail-number{display:none}.before-after-slider-container{width:100%;height:600px;display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0;max-width:var(--container-max-width,1200px)}.slider-display-area{width:100%;height:400px;flex-shrink:0}.slider-thumbnails-area{width:100%;height:150px;flex-shrink:0;background:var(--background-card,#ffffff);border-radius:var(--radius-lg,8px);border:1px solid var(--border-color,rgba(0,0,0,.1));box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.05))}@media (min-width:768px){.before-after-slider-container{flex-direction:row;gap:1.5rem;height:600px}.slider-display-area{width:75%;height:100%}.slider-thumbnails-area{width:25%;height:100%}}.slider-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--background-light,#f8f9fa);border:1px solid var(--color-danger,#ef4444);border-radius:var(--radius-lg,8px);color:var(--color-danger,#ef4444);padding:1.5rem;text-align:center}.slider-error-icon{font-size:3rem;margin-bottom:.75rem}.slider-error-message{font-weight:600;margin-bottom:.5rem;font-size:1rem}.slider-error-details{font-size:.875rem;color:var(--secondary-text,#6b7280)}.before-after-empty{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--background-light,#f8f9fa);border-radius:var(--radius-lg,8px);border:1px solid var(--border-color,rgba(0,0,0,.1));color:var(--secondary-text,#6b7280);font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast:high){.react-compare-slider-handle{border-width:3px;border-color:var(--primary-text,#000000);background:var(--background-card,#ffffff)}.slider-thumbnail-btn.active{border:3px solid var(--primary-text,#000000)}.slider-caption{border:1px solid white}.slider-thumbnail-btn{border:2px solid var(--primary-text,#000)}}@media (prefers-reduced-motion:reduce){.react-compare-slider-handle,.slider-caption,.slider-thumbnail-btn,.thumbnail-image{transition:none}.react-compare-slider-handle:hover,.slider-thumbnail-btn:hover{transform:none}.loading-spinner,.loading-spinner-small{animation:none}.slider-thumbnail-btn{animation:none;opacity:1;transform:none}}@media (max-width:767px){.slider-thumbnail-btn{min-width:140px;min-height:120px}}@media (max-width:1024px){.before-after-slider-container{gap:1rem}.slider-display-area,.slider-thumbnails-area{border-radius:6px}}@media (max-width:768px){.before-after-slider-container{height:auto;min-height:550px;gap:.75rem}.slider-display-area{height:350px}.slider-thumbnails-area{height:140px}.slider-caption{top:.5rem;left:.5rem;padding:.25rem .5rem;font-size:.75rem}.slider-thumbnails-horizontal .slider-thumbnail-btn{width:120px;min-width:120px}}@media (max-width:480px){.before-after-slider-container{margin:1rem 0;gap:.5rem;min-height:450px}.slider-display-area{height:300px}.slider-thumbnails-area{height:120px}.slider-thumbnails-horizontal .slider-thumbnail-btn{width:100px;min-width:100px}.thumbnail-content{padding:.5rem}.slider-caption{padding:.25rem;font-size:.75rem}}@media (prefers-color-scheme:dark){.react-compare-slider{background:var(--background-card-dark,#1f2937);border-color:var(--border-color,rgba(255,255,255,.1))}.slider-loading{background-color:var(--background-medium,#374151);color:var(--secondary-text,#d1d5db)}.slider-thumbnail-btn{background:var(--background-card-dark,#1f2937);border-color:#374151}.slider-thumbnail-btn:hover{background:#111827}.slider-thumbnail-btn:not(.active){color:var(--secondary-text,#d1d5db)}.thumbnail-caption{color:#f9fafb}.thumbnail-fallback{background:linear-gradient(135deg,var(--background-medium,#374151),var(--color-dark-charcoal,#111827))}.slider-thumbnails::-webkit-scrollbar-track{background:var(--background-medium,#374151)}.slider-thumbnails::-webkit-scrollbar-thumb{background-color:var(--secondary-text,#9ca3af)}.slider-thumbnails::-webkit-scrollbar-thumb:hover{background-color:var(--primary-text,#f9fafb)}.before-after-empty{color:var(--secondary-text,#d1d5db)}.before-after-empty,.slider-error{background:var(--background-card-dark,#1f2937)}.thumbnail-number{background:#1e3a8a;color:#bfdbfe}}@media print{.before-after-slider-container{-moz-column-break-inside:avoid;break-inside:avoid;height:auto}.slider-thumbnails-area{display:none}.slider-display-area{width:100%;height:400px}.slider-caption{background:#000000;color:#ffffff}.react-compare-slider-handle{display:none}}.video-player-wrapper{cursor:pointer;outline:none}.video-player-wrapper:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.video-player-container{height:100%;background:var(--background-dark);border-radius:var(--player-border-radius);overflow:hidden}.video-player-container,.video-player-responsive{position:relative;width:100%}.video-player-responsive:before{content:"";display:block;padding-top:calc((9 / 16) * 100%)}.video-player-responsive>*{position:absolute;top:0;left:0;width:100%;height:100%}.video-player-element,.video-player-iframe{width:100%;height:100%;display:block;border:none;border-radius:var(--player-border-radius);-o-object-fit:contain;object-fit:contain;background:var(--background-dark)}.video-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--overlay-backdrop);pointer-events:none;z-index:var(--z-index-modal)}.video-loading .loading-spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--color-accent);border-radius:50%;width:40px;height:40px;animation:video-spin 1s linear infinite;margin-bottom:var(--spacing-sm)}.video-loading p,.video-loading small{color:var(--color-off-white);margin:var(--spacing-xs) 0;text-align:center}@keyframes video-spin{to{transform:rotate(1turn)}}.video-player-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-medium);color:var(--color-off-white);padding:var(--spacing-md);border-radius:var(--player-border-radius);text-align:center}.video-player-error p{margin:var(--spacing-sm) 0 0}.video-modal-backdrop{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal)}.video-modal-content{position:relative;width:90%;max-width:800px;background:var(--background-dark);border-radius:var(--player-border-radius);overflow:hidden}.video-modal-player{width:100%;height:100%;border:none;display:block;background:var(--background-dark)}.video-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:transparent;border:none;color:var(--color-off-white);font-size:var(--font-size-h3);cursor:pointer;line-height:1;padding:0}.video-modal-close:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-sm)}.media-showcase{width:100%;margin:var(--spacing-xl) auto;max-width:var(--container-max-width);padding:var(--container-padding-md)}.media-showcase-content{display:flex;flex-direction:column;gap:var(--spacing-xl);min-height:500px}@media (min-width:1024px){.media-showcase-content{flex-direction:row;align-items:flex-start;gap:var(--spacing-xxl)}}.media-showcase-sidebar{width:100%;max-height:600px;display:flex;flex-direction:column;flex-shrink:0}@media (min-width:1024px){.media-showcase-sidebar{width:35%;position:sticky;top:var(--spacing-xl);max-height:calc(100vh - 4rem)}}.sidebar-title{font-size:var(--font-size-h4);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--primary-text);font-family:var(--font-heading);line-height:var(--line-height-h4);text-align:center}.sidebar-description{font-size:var(--font-size-small);color:var(--muted-text);margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed);font-family:var(--font-body);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.sidebar-heading-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.media-showcase-main{flex:1;display:flex;flex-direction:column;min-height:400px}@media (min-width:1024px){.media-showcase-main{width:65%;min-height:500px}}.player-header{margin-bottom:var(--spacing-lg);flex-shrink:0}.player-title{font-size:var(--font-size-h2);font-weight:700;color:var(--primary-text);margin-bottom:var(--spacing-md);line-height:var(--line-height-h2);font-family:var(--font-heading)}.player-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.media-position-badge{background:var(--color-accent-light);color:var(--color-accent-hover);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:600;text-transform:capitalize;font-family:var(--font-body);letter-spacing:.025em}.player-container{position:relative;background:var(--background-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:all var(--transition-default);flex:1;min-height:400px;border:1px solid var(--border-color)}@media (min-width:1024px){.player-container{min-height:500px}}.player-container.loading{opacity:.8}.media-showcase-player{width:100%;height:100%}.media-grid-empty,.media-showcase-empty{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);color:var(--muted-text);min-height:400px;display:flex;align-items:center;justify-content:center}.empty-state{max-width:400px;margin:0 auto}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:var(--font-size-h3);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--secondary-text);font-family:var(--font-heading)}.empty-state p{line-height:var(--line-height-body);color:var(--muted-text);font-family:var(--font-body)}.media-showcase-grid-only{width:100%;margin:var(--spacing-xl) auto;max-width:var(--container-max-width);padding:var(--container-padding-md)}@media (max-width:768px){.media-showcase{padding:var(--container-padding-sm)}.player-title{font-size:var(--font-size-h3)}.media-showcase-sidebar{max-height:350px}.sidebar-title{font-size:var(--font-size-h5)}.sidebar-description{font-size:var(--font-size-caption)}.player-meta{gap:var(--spacing-sm)}.media-position-badge{font-size:var(--font-size-caption);padding:var(--spacing-xs) var(--spacing-sm)}.media-showcase-content{gap:var(--spacing-lg)}.player-container{min-height:300px}}@media (max-width:480px){.media-showcase{padding:var(--container-padding-xs);margin:var(--spacing-md) auto}.player-title{font-size:var(--font-size-h4)}.sidebar-title{font-size:var(--font-size-body)}.player-container{min-height:250px}.media-position-badge{font-size:var(--font-size-xsm)}}@media (prefers-color-scheme:dark){.sidebar-title{color:var(--primary-text)}.sidebar-description{color:var(--muted-text);border-bottom-color:var(--border-color)}.player-title{color:var(--primary-text)}.media-position-badge{background:var(--color-accent-medium);color:var(--color-accent)}.empty-state h3{color:var(--secondary-text)}.media-grid-empty,.media-showcase-empty{color:var(--muted-text)}.player-container{background:var(--background-dark);border-color:var(--border-color)}}@media (prefers-contrast:high){.media-position-badge,.media-type-badge{border:1px solid}.player-container{border:2px solid var(--border-color)}}@media (prefers-reduced-motion:reduce){.player-container{transition:none}}@media print{.media-showcase,.media-showcase-grid-only{max-width:none;margin:0;padding:0}.media-showcase-sidebar{display:none}.media-showcase-main{width:100%}}.player-container:focus-within{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.media-showcase{contain:layout style}.player-container{will-change:opacity}@supports (-webkit-appearance:none){.player-container{-webkit-backface-visibility:hidden}}