:root{--color-bg:#f5f5f3;--color-text:#1a1a18;--color-text-secondary:#555;--color-text-tertiary:#777;--color-text-muted:#888;--color-text-faint:#999;--color-border:#e0ddd8;--color-card-bg:#fff;--color-image-bg:#ffffffeb;--color-placeholder-bg:#d8d5d0;--color-accent:#0070f3;--color-progress:#0070f31f;--color-progress-light:#0070f314;--color-progress-active-bg:#f0f7ff;--color-active-border:#0070f340;--color-button-bg:#f5f5f5;--color-surface:#f5f5f5;--color-surface-hover:#eee;--color-overlay-light:#0000000f;--color-overlay-medium:#0000001f;--color-label-light-bg:#ffffffd9;--color-label-dark-bg:#0009;--font-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Courier New", monospace;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-size-6xl:40px;--font-size-7xl:42px;--font-size-8xl:48px;--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--spacing-4xl:48px;--spacing-5xl:64px;--spacing-6xl:80px;--spacing-7xl:120px;--container-max:1280px;--container-max-wide:1440px;--container-padding:48px;--nav-height:50px;--content-max-normal:720px;--content-max-narrow:640px;--content-max-wide:800px;--grid-columns:12;--grid-gap:var(--spacing-xl);--radius-sm:2px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:16px;--radius-full:50%;--shadow-sm:0 2px 12px #0000000f;--shadow-md:0 4px 20px #0000001f;--shadow-slider:0 2px 8px #00000040;--shadow-divider:0 0 6px #0003;--z-sticky:999;--z-nav:1000;--z-overlay:9999;--duration-micro:.15s;--duration-respond:.2s;--duration-shift:.3s;--duration-move:.4s;--duration-morph:.55s;--duration-autoplay:4s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-linear:linear;--img-offset-x:20%;--img-offset-y:20%;--carousel-dot-size:6px;--carousel-dot-gap:6px;--carousel-nav-size:44px;--carousel-nav-radius:var(--radius-full);--carousel-indicator-font:var(--font-mono)}@media (width<=1024px){:root{--container-padding:24px}}@media (width<=640px){:root{--nav-height:42px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}img{max-width:100%;display:block}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.grid-12{column-gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);row-gap:0;display:grid}.col-narrow{grid-column:1/9}.col-medium{grid-column:1/10}.col-full{grid-column:1/-1}.col-text{grid-column:1/7}.col-image{grid-column:7/-1}@media (width<=1024px){.col-narrow,.col-medium,.col-full,.col-text,.col-image{grid-column:1/-1}}.img-container--full.img-container--full{padding:0}.carousel-base-dots{gap:var(--carousel-dot-gap);justify-content:center;display:flex}.carousel-base-dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:var(--radius-full);background:var(--color-placeholder-bg);cursor:pointer;transition:background var(--duration-respond), transform var(--duration-respond);border:none;padding:0}.carousel-base-dot.active{background:var(--color-text)}.carousel-base-nav{gap:var(--spacing-xs);display:flex}.carousel-base-nav-btn{width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:var(--carousel-nav-radius);border:1px solid var(--color-border);background:var(--color-card-bg);cursor:pointer;font-size:var(--font-size-xl);color:var(--color-text);transition:background var(--duration-respond), border-color var(--duration-respond);justify-content:center;align-items:center;display:flex}.carousel-base-nav-btn:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.carousel-base-nav-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.carousel-base-indicator{font-size:var(--font-size-sm);font-family:var(--carousel-indicator-font);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.carousel-base-caption{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.6}.carousel-base-track{border:1px solid var(--color-border);display:flex;overflow:hidden}.carousel-base-slide{transition:transform var(--duration-move) ease;flex:0 0 100%}.carousel-base-controls{margin-top:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.img-offset-container{background:var(--color-placeholder-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.img-offset-container img{top:var(--img-offset-y);left:var(--img-offset-x);width:calc(100% - var(--img-offset-x));height:auto;display:block;position:absolute}@media (prefers-reduced-motion:reduce){.carousel-base-slide,.carousel-base-dot{transition:none!important}}[data-theme=dna1]{--color-bg:#f8f7f3;--color-text:#1a1a18;--color-text-secondary:#555;--color-text-tertiary:#666;--color-text-muted:#717171;--color-text-faint:#888;--color-border:#ede9e2;--color-card-bg:#fff;--color-placeholder-bg:#d8d5d0;--color-accent:#c8a84b;--color-progress:#c8a84b1f;--color-progress-light:#c8a84b14;--color-progress-active-bg:#faf6ee;--color-active-border:#c8a84b40;--color-button-bg:#f5f5f3;--color-surface:#f5f5f3;--color-surface-hover:#eeedea;--color-cta-muted:#527590;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--ease-default:cubic-bezier(.16, 1, .3, 1);--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--carousel-nav-radius:0}[data-theme=dna1] h1,[data-theme=dna1] h2,[data-theme=dna1] h3,[data-theme=dna1] h4,[data-theme=dna1] .nav__name,[data-theme=dna1] .accordion-carousel__title{font-family:var(--font-serif)}[data-theme=dna1] .section-nav a.active{border-bottom-color:var(--color-accent)}[data-theme=dna1] .hero__subtitle{border-left:3px solid var(--color-accent);padding-left:var(--spacing-md)}[data-theme=dna1] .project-card:hover{border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm)}[data-theme=dna1] .project-card__cta{color:var(--color-cta-muted);font-family:var(--font-mono)}[data-theme=dna1] .project-card__company,[data-theme=dna1] .accordion-carousel__indicator,[data-theme=dna1] .compare__label,[data-theme=dna1] .nav__links,[data-theme=dna1] .section-nav,[data-theme=dna1] .hero__label,[data-theme=dna1] .category-nav button{font-family:var(--font-mono)}[data-theme=dna1] .card-carousel__item.active{background:var(--color-progress-active-bg);border-color:var(--color-active-border);box-shadow:var(--shadow-sm)}[data-theme=dna1] .card-carousel__item:before{background:var(--color-progress-active-bg)}[data-theme=dna1] .project-card{transition:all var(--duration-move) var(--ease-default)}[data-theme=dna1] .nav__links a{transition:color var(--duration-move)}[data-theme=dna1] .section-nav a{transition:color var(--duration-move), border-color var(--duration-move)}[data-theme=dna1] .hero__label,[data-theme=dna1] .project-card__company,[data-theme=dna1] .footer,[data-theme=dna1] .footer a{color:var(--color-text-muted)}[data-theme=dna1] .cs-quote{border-left-color:var(--color-accent)}[data-theme=dna1] .cs-metric__value{font-family:var(--font-serif)}.nav{z-index:var(--z-nav);padding:var(--spacing-md) var(--spacing-4xl);background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav__name{font-size:var(--font-size-base);letter-spacing:.02em;color:var(--color-text);font-weight:600;text-decoration:none}.nav__links{font-size:var(--font-size-sm);color:var(--color-text-muted)}.nav__links a{color:var(--color-text-muted);margin-left:var(--spacing-xl);cursor:pointer;text-decoration:none}.nav__links a:hover{color:var(--color-text)}.nav__links a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=640px){.nav{padding:var(--spacing-sm) var(--spacing-xl)}.nav__links a{margin-left:var(--spacing-md)}}.section-nav{top:var(--nav-height);z-index:var(--z-sticky);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-4xl);justify-content:center;gap:var(--spacing-xl);font-size:var(--font-size-xs);scrollbar-width:none;transition:transform var(--duration-shift) var(--ease-default);display:flex;position:sticky;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav--hidden{transform:translateY(-100%)}.section-nav a{color:var(--color-text-muted);padding:calc(var(--spacing-sm) + 2px) 0 var(--spacing-sm);white-space:nowrap;transition:color var(--duration-respond), border-color var(--duration-respond);cursor:pointer;border-bottom:2px solid #0000;text-decoration:none}.section-nav a:hover{color:var(--color-text)}.section-nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section-nav a.active{color:var(--color-text);border-bottom-color:var(--color-text)}@media (width<=640px){.section-nav{padding:0 var(--spacing-xl);gap:var(--spacing-md)}}.footer{padding:var(--spacing-xl) var(--spacing-4xl);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.footer a{color:var(--color-text-muted);text-decoration:none}.lightbox{z-index:var(--z-overlay);padding:var(--spacing-4xl);cursor:zoom-out;animation:lightbox-fade-in var(--duration-shift) var(--ease-default);-webkit-user-select:none;user-select:none;background:#f8f7f3eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox__image{object-fit:contain;background:var(--color-image-bg);border:1px solid var(--color-border);width:auto;max-width:90vw;height:auto;max-height:90vh;box-shadow:var(--shadow-md);transform-origin:50%;transition:transform var(--duration-shift) var(--ease-default);will-change:transform;-webkit-user-drag:none;touch-action:none;display:block}.lightbox__image.is-dragging{transition:none}.lightbox__close{z-index:1;top:max(var(--spacing-xl), env(safe-area-inset-top));right:max(var(--spacing-xl), env(safe-area-inset-right));background:var(--color-card-bg);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:background var(--duration-respond) var(--ease-default);justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;display:flex;position:fixed}.lightbox__close:hover{background:var(--color-surface)}.lightbox__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.image-placeholder img,.full-image-placeholder img,.cs-image img,.sticky-scroll__item-img img,.card-carousel__image img,.card-carousel__item-img-inline img,.carousel-slide img{cursor:zoom-in}@media (width<=640px){.image-placeholder img,.full-image-placeholder img,.cs-image img,.sticky-scroll__item-img img,.card-carousel__image img,.card-carousel__item-img-inline img,.carousel-slide img{cursor:default}}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lightbox{animation:none}}.hero{padding:var(--spacing-7xl) 0 var(--spacing-6xl);border-bottom:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.hero .grid-12>*{grid-column:1/9}.hero__label{font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.hero h1{font-size:var(--font-size-8xl);max-width:var(--content-max-normal);margin-bottom:var(--spacing-xl);font-weight:700;line-height:1.15}.hero__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:var(--content-max-narrow);line-height:1.7}@media (width<=1024px){.hero .grid-12>*{grid-column:1/-1}}@media (width<=640px){.hero{padding:var(--spacing-6xl) 0 var(--spacing-5xl)}.hero h1{font-size:var(--font-size-5xl)}.hero__subtitle{font-size:var(--font-size-lg)}}.projects-section{scroll-margin-top:var(--spacing-7xl)}.projects-section .grid-12>.category-nav,.projects-section .grid-12>.projects-grid,.projects-section .grid-12>.projects-grid__notice{grid-column:1/-1}.projects-grid__notice{margin-top:var(--spacing-2xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-progress-active-bg);border:1px solid var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.02em;color:var(--color-text-secondary);text-align:center}.category-nav{padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-nav button{padding:var(--spacing-xs) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:44px;font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--duration-micro);background:0 0}.category-nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.category-nav button:hover,.category-nav button.active{background:var(--color-text);color:var(--color-card-bg);border-color:var(--color-text)}.projects-grid{gap:var(--spacing-xl);padding:var(--spacing-4xl) 0;grid-template-columns:1fr 1fr;display:grid}.projects-grid>.project-card--with-cover{grid-column:1/-1}a.project-card{color:inherit;cursor:pointer;text-decoration:none}.project-card{background:var(--color-card-bg);border:1px solid var(--color-border);transition:box-shadow var(--duration-respond);display:flex}.project-card:hover{box-shadow:var(--shadow-sm)}.project-card__body{padding:var(--spacing-2xl);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.project-card--with-cover{grid-template-columns:1fr 1fr;display:grid}.project-card__cover{background:var(--color-card-bg);align-items:flex-end;display:flex;overflow:hidden}.project-card__cover picture{width:100%;display:block}.project-card__cover img{width:100%;height:auto;display:block}.project-card__company{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.project-card h3{font-size:var(--font-size-2xl);font-weight:600;line-height:1.3}.project-card__body>.project-card__company+h3{margin-top:calc(var(--spacing-xs) - var(--spacing-md))}.project-card__description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}.project-card__tags{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.project-card__tag{font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--color-surface);color:var(--color-text-tertiary);font-family:var(--font-mono)}.project-card__cta{font-size:var(--font-size-sm);color:var(--color-text);margin-top:var(--spacing-xs);align-self:flex-start;font-weight:500;text-decoration:none}.project-card--in-progress{cursor:default;border-style:dashed}.project-card--in-progress:hover{box-shadow:none}.project-card--in-progress .project-card__cta{color:var(--color-text-muted);font-style:italic}@media (width<=1024px){.projects-grid,.project-card--with-cover{grid-template-columns:1fr}}.about-section{padding:var(--spacing-6xl) 0;border-top:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.about-section .grid-12>h2,.about-section .grid-12>.about-grid{grid-column:1/-1}.about-section h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3xl);font-weight:600}.about-grid{gap:var(--spacing-4xl);grid-template-columns:1fr;display:grid}.about-block{max-width:70ch}.about-block__label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-weight:400;font-family:var(--font-mono)}.about-block p:not(.about-block__label){font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.75}.about-block p:not(.about-block__label)+p:not(.about-block__label){margin-top:var(--spacing-xs)}.about-block a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}.about-block a:hover{text-decoration:none}.about-block strong{color:var(--color-text);font-weight:600}.about-block .method-item{margin-bottom:var(--spacing-md)}.about-block .method-item strong{font-size:var(--font-size-md);color:var(--color-text);margin-bottom:var(--spacing-2xs);display:block}.about-block .method-item span{font-size:var(--font-size-base);color:var(--color-text-tertiary)}@media (width<=1024px){.about-grid{grid-template-columns:1fr}}.contact-section{padding:var(--spacing-6xl) 0;border-top:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.contact-section h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3xl);font-weight:600}.contact-section .grid-12>h2,.contact-section .grid-12>.contact-grid{grid-column:1/-1}.contact-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr 1fr;display:grid}.contact-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border:1px solid var(--color-border);color:var(--color-text);transition:box-shadow var(--duration-respond) var(--ease-default), border-color var(--duration-respond) var(--ease-default);text-decoration:none;display:flex}.contact-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-text-muted)}.contact-item__icon{width:32px;height:32px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.contact-item__icon svg{width:28px;height:28px;display:block}.contact-item__text{gap:var(--spacing-2xs);flex-direction:column;display:flex}.contact-item__label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:400}.contact-item__value{font-size:var(--font-size-md);color:var(--color-text-secondary)}@media (width<=1024px){.contact-grid{grid-template-columns:1fr}}.col{min-width:0}.col h2:not([class]){font-size:var(--font-size-5xl);margin-bottom:var(--spacing-xl);font-weight:700;line-height:1.2}.col h3:not([class]){font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);font-weight:600}.col p:not([class]){font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:var(--content-max-normal);line-height:1.8}.col p:not([class]):last-child{margin-bottom:0}@media (width<=1024px){.col{grid-column:1/-1!important}}.sticky-scroll{padding:var(--spacing-7xl) 0;border-bottom:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.sticky-scroll__left{top:var(--spacing-7xl);grid-column:1/6;align-self:start;height:fit-content;position:sticky}.sticky-scroll__right{gap:var(--spacing-5xl);flex-direction:column;grid-column:7/-1;display:flex}.sticky-scroll__label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-weight:400;font-family:var(--font-mono)}.sticky-scroll__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.3}.sticky-scroll__desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7}.sticky-scroll__desc+.sticky-scroll__desc{margin-top:var(--spacing-md)}.sticky-scroll__desc a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}.sticky-scroll__desc a:hover{text-decoration:none}.sticky-scroll__impact{font-size:var(--font-size-md);color:var(--color-text);margin-top:var(--spacing-sm);padding:var(--spacing-xs) 0;border-top:1px solid var(--color-border)}.sticky-scroll__item{flex-direction:column;display:flex}.sticky-scroll__item-img{background:var(--color-image-bg);border:1px solid var(--color-border);width:100%;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.sticky-scroll__item-img img{width:100%;height:auto;display:block}@media (width<=1024px){.sticky-scroll{padding-bottom:var(--spacing-3xl)}.sticky-scroll__left,.sticky-scroll__right{grid-column:1/-1}.sticky-scroll__left{position:static}.sticky-scroll__right{gap:var(--spacing-3xl);margin-top:var(--spacing-3xl)}}.compare-section{padding:var(--spacing-7xl) 0;border-bottom:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.compare-section .grid-12>*{grid-column:1/-1}.compare-section--inline{margin-top:var(--spacing-6xl);border-bottom:none;padding:0;scroll-margin-top:0}.compare-section__title{font-size:var(--font-size-4xl);text-align:center;margin-bottom:var(--spacing-3xl);letter-spacing:-.02em;font-weight:700}.compare{border-radius:var(--radius-2xl);cursor:ew-resize;-webkit-user-select:none;user-select:none;height:min(70vh,680px);position:relative;overflow:hidden}.compare__scroll{z-index:0;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.compare__scroll::-webkit-scrollbar{display:none}.compare__stack{width:100%;display:grid}.compare__before,.compare__after{grid-area:1/1;width:100%}.compare__before{z-index:1;background:var(--color-placeholder-bg)}.compare__after{z-index:2;clip-path:polygon(calc(var(--compare-value) * 1%) 0, 100% 0, 100% 100%, calc(var(--compare-value) * 1%) 100%);background:var(--color-border)}.compare__before img,.compare__after img{width:100%;height:auto;display:block}.compare__divider{top:0;bottom:0;left:calc(var(--compare-value) * 1%);background:var(--color-accent);z-index:4;pointer-events:none;width:2px;position:absolute;transform:translate(-50%)}.compare__handle{top:50%;left:calc(var(--compare-value) * 1%);z-index:5;pointer-events:none;background:var(--color-bg);border:2px solid var(--color-accent);justify-content:center;align-items:center;gap:var(--spacing-md);border-radius:0;width:36px;height:36px;display:flex;position:absolute;transform:translate(-50%,-50%)}.compare__handle:before,.compare__handle:after{content:"";width:var(--spacing-2xs);height:var(--spacing-2xs);border-top:1.5px solid var(--color-accent);border-right:1.5px solid var(--color-accent)}.compare__handle:before{transform:rotate(-135deg)}.compare__handle:after{transform:rotate(45deg)}.compare__input{z-index:6;opacity:0;cursor:ew-resize;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare__input:focus-visible~.compare__handle{outline:2px solid var(--color-accent);outline-offset:2px}.compare__label{z-index:3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);letter-spacing:.03em;text-transform:capitalize;pointer-events:none;transition:opacity var(--duration-shift);font-weight:600;position:absolute}.compare__label--before,.compare__label--after{top:var(--spacing-md);background:var(--color-label-dark-bg);color:var(--color-card-bg)}.compare__label--before{left:var(--spacing-md)}.compare__label--after{right:var(--spacing-md)}.compare[data-at-start=true] .compare__label--before,.compare[data-at-end=true] .compare__label--after{opacity:0}@media (width<=1024px){.compare-section:not(.compare-section--inline){padding-bottom:var(--spacing-3xl)}.compare-section .grid-12>*{grid-column:1/-1}.compare{height:auto}.compare__scroll{position:relative;inset:auto}}@media (prefers-reduced-motion:reduce){.compare__label{transition:none!important}}.card-carousel{padding:var(--spacing-7xl) 0;border-bottom:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.card-carousel--inline{margin-top:var(--spacing-6xl);border-bottom:none;padding:0;grid-column:1/-1!important}.card-carousel__content{gap:var(--spacing-4xl);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.card-carousel--inline>.card-carousel__content{grid-column:1/-1}.card-carousel__image-wrap{background:var(--color-image-bg);border:1px solid var(--color-border);height:100%;max-height:480px;padding:var(--spacing-md);align-self:center;position:relative;overflow:hidden}.card-carousel__image{inset:var(--spacing-md);width:calc(100% - var(--spacing-md) * 2);height:calc(100% - var(--spacing-md) * 2);opacity:0;pointer-events:none;transition:opacity var(--duration-move) ease, transform var(--duration-move) ease;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(8px)}.card-carousel__image.active{pointer-events:auto}.card-carousel__image img{object-fit:contain;width:100%;height:100%}.card-carousel__image.active{opacity:1;transform:translateY(0)}.card-carousel__list{flex-direction:column;gap:0;display:flex}.card-carousel__item{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--duration-shift), border-color var(--duration-shift), box-shadow var(--duration-move) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden}.card-carousel__item:hover{background:var(--color-surface)}.card-carousel__item.active{background:var(--color-progress-active-bg);border-color:var(--color-active-border)}.card-carousel__item>.caption{z-index:1;margin-top:0;position:relative}.card-carousel__item:before,.card-carousel__item:after{content:"";opacity:0;pointer-events:none;width:3px;height:100%;position:absolute;top:0;left:0}.card-carousel__item:before{background:var(--color-progress-active-bg)}.card-carousel__item:after{background:var(--color-accent);transform-origin:top;transform:scaleY(0)}.card-carousel__item.active:before,.card-carousel__item.active:after{opacity:1}.card-carousel__item.active.running:after{transition:transform var(--duration-autoplay) var(--ease-linear);transform:scaleY(1)}.card-carousel__item.active:not(.running):after{transition:none;transform:scaleY(0)}.card-carousel__item-img-inline{display:none}@media (width<=1024px){.card-carousel:not(.card-carousel--inline){padding-bottom:var(--spacing-3xl)}.card-carousel__content{grid-template-columns:1fr;gap:0}.card-carousel__image-wrap{display:none}.card-carousel__item-img-inline{width:100%;margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.card-carousel__item-img-inline img{width:100%;height:auto;display:block}.card-carousel__item{cursor:default;margin-top:var(--spacing-3xl);background:0 0;border-radius:0;padding:0;border-color:#0000!important}.card-carousel__item:first-child{margin-top:0}.card-carousel__item:hover{background:0 0}.card-carousel__item:before,.card-carousel__item:after{display:none}.card-carousel__list{gap:0}}@media (prefers-reduced-motion:reduce){.card-carousel__item:after{transition:none!important}.card-carousel__image{transition:opacity var(--duration-micro) ease!important;transform:none!important}}.cs-hero .grid-12>*,.cs-section .grid-12>*{grid-column:1/9}.cs-hero .grid-12>.cs-hero__tags,.cs-section .grid-12>.cs-two-col,.cs-section .grid-12>.cs-image,.cs-section .grid-12>.caption,.cs-section .grid-12>.cs-metrics,.cs-section .grid-12>.cs-compare,.cs-section .grid-12>.cs-carousel{grid-column:1/-1}.cs-section__body--spaced{margin-top:var(--spacing-2xl)}.cs-tldr{border-left:3px solid var(--color-accent);padding-left:var(--spacing-lg)}.cs-tldr p{margin-bottom:var(--spacing-sm)}.cs-tldr p:last-child{margin-bottom:0}.cs-tldr strong{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text)}.cs-hero{padding:var(--spacing-7xl) 0 var(--spacing-3xl)}.cs-hero__label{font-size:var(--font-size-sm);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-weight:400;font-family:var(--font-mono)}.cs-hero h1{font-size:var(--font-size-7xl);max-width:var(--content-max-wide);margin-bottom:var(--spacing-2xl);font-weight:700;line-height:1.2}.cs-hero__tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.cs-hero__tag{font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-sm);background:var(--color-card-bg);color:var(--color-text-tertiary);font-family:var(--font-mono)}.cs-hero__context{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--content-max-normal);line-height:1.8}.cs-hero__context+.cs-hero__context{margin-top:var(--spacing-xs)}.cs-section{padding:var(--spacing-7xl) 0;border-bottom:1px solid var(--color-border)}.cs-section__label{font-size:var(--font-size-sm);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-weight:400;font-family:var(--font-mono)}.cs-section__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl);font-weight:700;line-height:1.3}.cs-section__body{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--content-max-normal);line-height:1.8}.cs-section__body p+p{margin-top:var(--spacing-md)}.cs-section__body p.cs-disclaimer{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin-top:var(--spacing-xl);font-style:italic}.cs-section__body p.cs-disclaimer+p.cs-disclaimer{margin-top:8px}.cs-section .grid-12>.compare-section--inline{grid-column:1/-1}.cs-section .grid-12>.compare-section--inline+.caption{margin-top:var(--spacing-lg)}.cs-section .grid-12>.caption+.caption{margin-top:var(--spacing-2xs)}.cs-section__body ul{padding-left:var(--spacing-lg);margin-top:var(--spacing-md)}.cs-section__body li+li{margin-top:var(--spacing-xs)}.cs-section__body ul+p{margin-top:var(--spacing-md)}.cs-section__body a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}.cs-section__body a:hover{text-decoration:none}.cs-image{background:var(--color-image-bg);border:1px solid var(--color-border);padding:var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.cs-image img{width:100%;height:auto;display:block}.cs-image--spaced{margin-top:var(--spacing-3xl)}.cs-image__compare-labels{margin-top:var(--spacing-xs);align-self:stretch;display:flex}.cs-image__compare-labels>span{text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary);text-transform:capitalize;flex:1;line-height:1.8}.caption{font-size:var(--font-size-base);color:var(--color-text-tertiary);line-height:1.7}:where(.cs-section) .caption{margin-top:var(--spacing-sm)}.caption-title{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-2xs);font-weight:600;display:block}.caption>p:not(.caption-title){font-size:inherit;color:inherit;line-height:inherit;max-width:none;margin:0}.cs-metrics{gap:var(--spacing-2xl);margin-top:var(--spacing-2xl);grid-template-columns:1fr 1fr 1fr;display:grid}.cs-metrics.cs-metrics--two{grid-template-columns:1fr 1fr}.cs-metrics.cs-metrics--four{gap:var(--spacing-xl);grid-template-columns:1fr 1fr 1fr 1fr}.cs-metric{padding:var(--spacing-xl);border:1px solid var(--color-border)}.cs-metric__value{font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xs);font-weight:700;line-height:1.2}.cs-metric__label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.5}.cs-compare{margin-top:var(--spacing-3xl)}.cs-compare__grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.cs-compare__item{border:1px solid var(--color-border)}.cs-compare__item img{width:100%;height:auto;display:block}.cs-compare__item-label{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-top:1px solid var(--color-border)}.cs-quote{margin:var(--spacing-2xl) 0;padding:0 0 0 var(--spacing-lg);border-left:3px solid var(--color-border);font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:var(--content-max-normal);font-style:italic;line-height:1.8}.quote{font-size:var(--font-size-base);line-height:1.7}.cs-quote__source{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:normal}@media (width<=1024px){.cs-hero .grid-12>*,.cs-section .grid-12>*{grid-column:1/-1}.cs-hero{padding:var(--spacing-6xl) 0 var(--spacing-5xl)}.cs-hero h1{font-size:var(--font-size-4xl)}.cs-image{margin-top:var(--spacing-3xl)}.cs-compare__grid{grid-template-columns:1fr}.cs-section__title{font-size:var(--font-size-3xl)}}@media (width<=640px){.cs-metrics,.cs-metrics.cs-metrics--two,.cs-metrics.cs-metrics--four{grid-template-columns:1fr}}.accordion-carousel{padding:var(--spacing-7xl) 0;border-bottom:1px solid var(--color-border);scroll-margin-top:var(--spacing-7xl)}.accordion-carousel>.container>*{grid-column:1/-1}.accordion-carousel--inline{margin-top:var(--spacing-6xl);border-bottom:none;padding:0;grid-column:1/-1!important}.accordion-carousel__controls{align-items:center;gap:var(--spacing-xl);display:flex}.accordion-carousel__indicator{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.accordion-carousel__nav{gap:var(--spacing-xs);display:flex}.accordion-carousel__nav button{width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:var(--carousel-nav-radius);border:1px solid var(--color-border);background:var(--color-card-bg);cursor:pointer;transition:background var(--duration-respond), border-color var(--duration-respond);font-size:var(--font-size-xl);color:var(--color-text);justify-content:center;align-items:center;display:flex}.accordion-carousel__nav button:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.accordion-carousel__nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.accordion-carousel__track{gap:var(--spacing-2xs);height:420px;margin-bottom:var(--spacing-lg);display:flex;overflow:hidden}.accordion-carousel__track.no-transition .accordion-carousel__card{transition:none!important}.accordion-carousel__card{flex-grow:var(--card-flex,0);cursor:pointer;min-width:0;transition:flex-grow var(--duration-morph) cubic-bezier(0, 0, .2, 1), padding var(--duration-morph) cubic-bezier(0, 0, .2, 1), border-width var(--duration-morph) cubic-bezier(0, 0, .2, 1);background:var(--color-image-bg);border:1px solid var(--color-border);will-change:flex-grow;contain:layout style;flex-shrink:0;flex-basis:0%;padding:0;position:relative;overflow:hidden}.accordion-carousel__card.active{padding:var(--spacing-md);cursor:default}.accordion-carousel__card:not(.active):hover{flex-grow:calc(var(--card-flex,0) * 1.3)}.accordion-carousel__card-placeholder{width:100%;height:100%;font-size:var(--font-size-sm);color:var(--color-text-faint);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.accordion-carousel__card.active .accordion-carousel__card-placeholder{writing-mode:horizontal-tb;font-size:var(--font-size-lg)}.accordion-carousel__card-img{width:var(--active-image-inner-width,660px);max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-carousel__card.active .accordion-carousel__card-img{cursor:zoom-in}.accordion-carousel__card:after{content:"";background:rgba(26, 26, 24, var(--card-overlay,0));transition:background var(--duration-morph) cubic-bezier(0, 0, .2, 1);pointer-events:none;position:absolute;inset:0}.accordion-carousel__card:not(.active):hover:after{background:#1a1a1814}.accordion-carousel__caption{margin-top:var(--spacing-lg);justify-content:space-between;align-items:flex-start;padding:0;display:flex}.accordion-carousel__caption .caption{max-width:60%;margin-top:0}.accordion-carousel__mobile,.accordion-carousel__dots{display:none}@media (width<=1024px){.accordion-carousel:not(.accordion-carousel--inline){padding-bottom:var(--spacing-3xl)}.accordion-carousel__track,.accordion-carousel__controls,.accordion-carousel__caption{display:none}.accordion-carousel__mobile{scroll-snap-type:x mandatory;gap:var(--spacing-sm);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0;scroll-padding:0;display:flex;overflow-x:auto}.accordion-carousel__mobile::-webkit-scrollbar{display:none}.accordion-carousel__mobile-card{scroll-snap-align:center;background:var(--color-card-bg);border:1px solid var(--color-border);flex-direction:column;flex:0 0 82%;display:flex;overflow:hidden}.accordion-carousel__mobile-card-placeholder{aspect-ratio:8/5;width:100%;padding:var(--spacing-md);background:var(--color-image-bg);cursor:zoom-in;justify-content:center;align-items:center;display:flex;overflow:hidden}.accordion-carousel__mobile-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.accordion-carousel__mobile-card-body{padding:var(--spacing-md)}.accordion-carousel__mobile-card-body h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-2xs);font-weight:600}.accordion-carousel__mobile-card-body p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.accordion-carousel__dots{justify-content:center;gap:var(--carousel-dot-gap);margin-top:var(--spacing-md);display:flex}.accordion-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:var(--radius-full);background:var(--color-placeholder-bg);transition:background var(--duration-shift), transform var(--duration-shift)}.accordion-carousel__dot.active{background:var(--color-text);transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.accordion-carousel__card,.accordion-carousel__card:not(.active):after{transition:none!important}}.rs-results{margin-top:var(--spacing-3xl);max-width:var(--content-max-normal)}.rs-results__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xl);font-weight:700}.rs-results__title:first-child{margin-top:0}.rs-results__list{margin:0;padding:0;list-style:none}.rs-results__list li{font-size:var(--font-size-md);color:var(--color-text-secondary);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);line-height:1.8}.rs-results__list li:last-child{border-bottom:none}.rs-results__list li strong{color:var(--color-text)}.rs-results__text{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.8}.rs-results__text+.rs-results__text{margin-top:var(--spacing-md)}#rs-role .sticky-scroll__item-img img[src="/indeed-resume/29.png"]{max-width:400px;margin:0 auto}#rs-role .sticky-scroll__item-img img[src="/indeed-resume/25.png"]{max-width:300px;margin:0 auto}#rs-information .sticky-scroll__item-img img[src="/indeed-resume/33.png"]{max-width:280px;margin:0 auto}#rs-information{border-bottom:none;padding-bottom:0}#rs-information+.cs-section{padding-top:0}#rs-information+.cs-section .accordion-carousel--inline{margin-top:var(--spacing-6xl)}#rs-architecture .cs-image img[src$="/25.png"]{max-width:280px}#rs-sequencing .sticky-scroll__item-img img[src$="/35.png"]{max-width:360px}#rs-sequencing .sticky-scroll__item-img img[src$="/7.png"]{max-width:380px}.cs-product-feature{margin-top:var(--spacing-3xl)}.cs-product-feature__caption{display:none}.prototype-embed{margin:0;padding:0}.cs-section .grid-12>.prototype-embed{grid-column:1/8}.prototype-embed__window{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.prototype-embed__chrome{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.prototype-embed__lights{gap:var(--spacing-2xs);flex-shrink:0;display:flex}.prototype-embed__light{border-radius:var(--radius-full);width:12px;height:12px;display:inline-block}.prototype-embed__light--red{background:#ff5f57}.prototype-embed__light--yellow{background:#febc2e}.prototype-embed__light--green{background:#28c840}.prototype-embed__url{text-align:center;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:60%;padding:4px 12px;overflow:hidden}.prototype-embed__actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.prototype-embed__btn{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-micro) var(--ease-default), color var(--duration-micro) var(--ease-default);padding:4px 10px;line-height:1.4;text-decoration:none}.prototype-embed__btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.prototype-embed__viewport{background:var(--color-bg);flex-shrink:0;width:100%;position:relative;overflow:hidden}.prototype-embed__iframe{border:0;display:block;position:absolute;top:0;left:0}.prototype-embed__loading{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-bg);z-index:1;flex-direction:column;display:flex;position:absolute;inset:0}.prototype-embed__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:28px;height:28px;animation:.8s linear infinite prototype-embed-spin}@keyframes prototype-embed-spin{to{transform:rotate(360deg)}}.prototype-embed__loading-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.prototype-embed__caption{margin:var(--spacing-md) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55}.prototype-embed--fallback{margin:var(--spacing-3xl) 0 0;padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.prototype-embed__fallback-msg{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.55}.prototype-embed__fallback-msg a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}#bl-setup .card-carousel--inline{margin-top:var(--spacing-6xl)}#tc-context .cs-image img[src="/ttconsent/7.png"]{max-width:240px;margin:0 auto}.tc-impact{font-size:var(--font-size-md);color:var(--color-text);margin-top:var(--spacing-sm);padding:var(--spacing-xs) 0;border-top:1px solid var(--color-border)}#tc-outcome .grid-12>.cs-section__label,#tc-outcome .grid-12>.cs-section__title,#tc-outcome .grid-12>.cs-metrics{grid-column:1/11}#tc-outcome .grid-12>.col .cs-section__body--spaced,#tc-outcome .grid-12>.col:last-child .cs-image{margin-top:var(--spacing-4xl)}.blog-index{max-width:720px;padding:var(--space-xl,48px) var(--space-lg,24px);margin:0 auto}.blog-index__header{margin-bottom:var(--space-xl,48px)}.blog-index__title{font-size:var(--font-size-h1,2.25rem);margin:0 0 var(--space-sm,8px);color:var(--color-text-primary,#1a1a18)}.blog-index__subtitle{font-size:var(--font-size-body,1rem);color:var(--color-text-secondary,#555);margin:0}.blog-index__list{gap:var(--space-lg,24px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-index__item{border-top:1px solid var(--color-border,#e0e0e0);padding-top:var(--space-lg,24px)}.blog-index__link{color:inherit;text-decoration:none;display:block}.blog-index__link:hover .blog-index__post-title{text-decoration:underline}.blog-index__date{font-size:var(--font-size-small,.875rem);color:var(--color-text-muted,#888);margin-bottom:var(--space-xs,4px);display:block}.blog-index__post-title{font-size:var(--font-size-h3,1.5rem);margin:0 0 var(--space-sm,8px);color:var(--color-text-primary,#1a1a18)}.blog-index__excerpt{font-size:var(--font-size-body,1rem);color:var(--color-text-body,#444);margin:0 0 var(--space-sm,8px);line-height:1.6}.blog-index__tags{gap:var(--space-xs,4px);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-index__tag{font-size:var(--font-size-small,.875rem);color:var(--color-text-muted,#888);background:var(--color-tag-bg,#f0f0ee);border-radius:4px;padding:2px 8px}.blog-index--empty{text-align:center;padding-top:25vh}.blog-index__empty-msg{font-size:var(--font-size-body,1rem);color:var(--color-text-muted,#888)}.blog-post{max-width:var(--content-max-normal);padding:var(--spacing-4xl) var(--spacing-xl);margin:0 auto}.blog-post__back-link{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);text-decoration:none;display:inline-block}.blog-post__back-link:hover{text-underline-offset:2px;color:var(--color-text-secondary);text-decoration:underline}.blog-post__header{margin-bottom:var(--spacing-4xl)}.blog-post__date{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2xs);display:block}.blog-post__title{font-size:var(--font-size-7xl);color:var(--color-text);margin:0;line-height:1.2}.blog-post__body{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8}.blog-post__body h2{font-size:var(--font-size-4xl);color:var(--color-text);margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-md)}.blog-post__body h3{font-size:var(--font-size-3xl);color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.blog-post__body p{margin:0 0 var(--spacing-md)}.blog-post__body ul,.blog-post__body ol{margin:0 0 var(--spacing-md);padding-left:var(--spacing-xl)}.blog-post__body li{margin-bottom:var(--spacing-2xs)}.blog-post__body code{font-family:var(--font-mono);background:var(--color-surface);padding:1px 6px;font-size:.9em}.blog-post__body pre{background:var(--color-surface);padding:var(--spacing-md);margin:0 0 var(--spacing-md);overflow-x:auto}.blog-post__body pre code{background:0 0;padding:0}.blog-post__body a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}.blog-post--missing{text-align:center;padding-top:25vh}.blog-post__missing-msg{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.ds-page{max-width:var(--container-max,1280px);padding:32px var(--container-padding,48px) 80px;margin:0 auto}.ds-intro{border-bottom:1px solid var(--color-border);padding:16px 0 40px}.ds-intro__label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-weight:400}.ds-intro__title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:36px;font-weight:700;line-height:1.15}.ds-intro__lede{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;line-height:1.7}.ds-content{padding-top:var(--spacing-4xl)}.ds-section{margin-bottom:var(--spacing-5xl);scroll-margin-top:var(--spacing-7xl)}.ds-section__label{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-weight:400}.ds-section__title{font-family:var(--font-serif);font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.3}.ds-section__title:not(:has(+.ds-section__desc)){margin-bottom:var(--spacing-xl)}.ds-section__desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:720px;margin-bottom:var(--spacing-xl);line-height:1.8}.ds-section__desc a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}.ds-section__desc strong{color:var(--color-text);font-weight:600}.ds-page code,.ds-content code{font-family:var(--font-mono);color:var(--color-text);background:#e5e1d8;padding:1px 2px;font-size:.92em}.ds-atmosphere{border-left:3px solid var(--color-accent);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xl);max-width:720px}.ds-atmosphere p{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--color-text-secondary);font-style:italic;font-weight:400;line-height:1.8}.ds-key-moves{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.ds-key-move{border:1px solid var(--color-border);background:var(--color-card-bg);padding:var(--spacing-md)}.ds-key-move__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:var(--spacing-2xs)}.ds-key-move__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.ds-color-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ds-color-card{background:var(--color-card-bg);border:1px solid var(--color-border);transition:box-shadow var(--duration-move) var(--ease-default);overflow:hidden}.ds-color-card:hover{box-shadow:var(--shadow-sm)}.ds-color-swatch{width:100%;height:64px}.ds-color-info{padding:var(--spacing-sm) var(--spacing-md)}.ds-color-name{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-2xs)}.ds-color-hex{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--color-text)}.ds-color-role{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-2xs)}.ds-color-warn{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-cta-muted);margin-top:var(--spacing-2xs)}.ds-type-row{align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);display:flex}.ds-type-row:last-of-type{border-bottom:none}.ds-type-meta{flex:0 0 200px}.ds-type-role{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.ds-type-spec{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);margin-top:2px}.ds-type-sample{flex:1;min-width:0}.ds-spacing-list{margin-top:var(--spacing-md)}.ds-spacing-row{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);display:flex}.ds-spacing-bar{border-left:2px solid var(--color-accent);background:#c8a84b26;height:24px}.ds-spacing-label{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-muted);text-align:right;flex:0 0 120px}.ds-spacing-val{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);flex:0 0 40px}.ds-grid-viz{margin:var(--spacing-md) 0 var(--spacing-sm);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--spacing-xs) 0;grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.ds-grid-viz__col{height:60px;font-family:var(--font-mono);color:var(--color-text-muted);background:#c8a84b1a;border:1px solid #c8a84b40;justify-content:center;align-items:center;font-size:10px;display:flex}.ds-grid-caption{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-xl)}.ds-breakpoint-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.ds-breakpoint-card{border:1px solid var(--color-border);background:var(--color-card-bg);padding:var(--spacing-md) var(--spacing-lg);position:relative}.ds-breakpoint-card.active{border-color:var(--color-accent);background:var(--color-surface)}.ds-breakpoint-card.active:before{content:"";background:var(--color-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.ds-breakpoint-card__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-2xs)}.ds-breakpoint-card__range{font-family:var(--font-serif);margin-bottom:var(--spacing-2xs);color:var(--color-text);font-size:18px;font-weight:700}.ds-breakpoint-card__desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.5}.ds-breakpoint-card__current{top:var(--spacing-xs);right:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-card-bg);padding:var(--spacing-2xs) var(--spacing-sm);position:absolute}.ds-geo-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.ds-geo-card{background:var(--color-card-bg);border:1px solid var(--color-border);padding:var(--spacing-lg);text-align:center}.ds-geo-card__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.ds-geo-card__demo{margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;min-height:50px;display:flex}.ds-geo-card__value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ds-geo-rect{border:1px solid var(--color-border);width:60px;height:40px}.ds-geo-divider{border-top:1px solid var(--color-border);width:100%;height:0}.ds-geo-gold{background:var(--color-accent);width:3px;height:40px}.ds-motion-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.ds-motion-card{background:var(--color-card-bg);border:1px solid var(--color-border);padding:var(--spacing-lg);transition:border-left var(--duration-move) var(--ease-default), box-shadow var(--duration-move) var(--ease-default)}.ds-motion-card:hover{border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm)}.ds-motion-card__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.ds-motion-card__title{font-family:var(--font-serif);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:600;line-height:1.3}.ds-motion-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.ds-motion-card__hint{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-cta-muted);margin-top:var(--spacing-sm)}.ds-ease-curve{width:100%;height:60px;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.ds-ease-curve svg{width:100%;height:100%;display:block}.ds-hover-demo{background:var(--color-card-bg);border:1px solid var(--color-border);height:60px;margin-bottom:var(--spacing-sm);transition:border-left var(--duration-move) var(--ease-default), box-shadow var(--duration-move) var(--ease-default);cursor:default}.ds-hover-demo:hover{border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm)}.ds-progress-mini{background:var(--color-border);height:3px;margin:var(--spacing-4xl) 0;overflow:hidden}.ds-progress-mini__fill{background:#c8a84b80;width:0;height:100%;animation:4s linear infinite dsProgressFill}@keyframes dsProgressFill{0%{width:0}to{width:100%}}.ds-bookmark-mini{height:80px;margin-bottom:var(--spacing-sm);gap:4px;display:flex;overflow:hidden}.ds-bookmark-mini__panel{background:var(--color-surface);border:1px solid var(--color-border);transition:flex var(--duration-morph) var(--ease-default);cursor:pointer;flex:0 0 60px;position:relative}.ds-bookmark-mini__panel.active{background:var(--color-progress-active-bg);border-color:var(--color-active-border);flex:1}.ds-bookmark-mini__label{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-muted);padding:var(--spacing-xs);writing-mode:vertical-rl;font-size:10px;transform:rotate(180deg)}.ds-bookmark-mini__panel.active .ds-bookmark-mini__label{writing-mode:horizontal-tb;color:var(--color-text);transform:none}.ds-demo-category{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--color-text);margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-weight:600;line-height:1.3}.ds-section__desc+.ds-demo-category{margin-top:var(--spacing-3xl)}.ds-demo:has(+.ds-demo-category){margin-bottom:var(--spacing-3xl)}.ds-demo--carousel:has(+.ds-demo-category){margin-bottom:var(--spacing-3xl)}.ds-demo,.ds-demo--carousel{margin-bottom:var(--spacing-3xl)}.ds-demo:last-child{margin-bottom:0}.ds-demo__caption{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.ds-demo>.ds-demo__caption+*{margin-top:0}.ds-demo .sticky-scroll{border-bottom:none;padding:0}.ds-demo .sticky-scroll .container{padding-left:0;padding-right:0}.ds-demo .card-carousel--inline,.ds-demo .accordion-carousel--inline,.ds-demo .compare-section--inline,.ds-demo .compare{margin-top:0}.ds-demo__note{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.7}.ds-linkpat-grid{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.ds-linkpat-card{border:1px solid var(--color-border);background:var(--color-card-bg);padding:var(--spacing-lg)}.ds-linkpat-card__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.ds-linkpat-card__demo{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-sm)}.ds-linkpat-card__rule{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-tertiary);line-height:1.5}.ds-linkpat-demo-cta{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-cta-muted);font-weight:500}.ds-linkpat-demo-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7}.ds-linkpat-demo-body a{color:var(--color-cta-muted);text-underline-offset:2px;text-decoration:underline}.ds-linkpat-demo-nav{gap:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);display:flex}.ds-linkpat-demo-nav a{color:var(--color-text-muted);transition:color var(--duration-micro);cursor:pointer;text-decoration:none}.ds-linkpat-demo-nav a:hover{color:var(--color-text)}.ds-guardrails{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.ds-guardrail-group{border:1px solid var(--color-border);background:var(--color-card-bg);padding:var(--spacing-lg)}.ds-guardrail-group__heading{align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);display:flex}.ds-guardrail-group__letter{font-family:var(--font-serif);font-size:var(--font-size-3xl);color:var(--color-accent);font-weight:700;line-height:1}.ds-guardrail-group__title{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);font-weight:500}.ds-guardrail-group__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto;font-style:italic}.ds-guardrail-group ul{padding:0;list-style:none}.ds-guardrail-group li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) 0;gap:var(--spacing-sm);line-height:1.6;display:flex}.ds-guardrail-group li:before{font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-sm);flex:0 0 14px}.ds-guardrail-group li.do:before{content:"✓";color:#4a7c59}.ds-guardrail-group li.dont:before{content:"✗";color:#9c4040}.ds-built-asset{border:1px solid var(--color-border);background:var(--color-bg);padding:var(--spacing-md)}.ds-built-asset__label{font-family:var(--font-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.ds-built-asset__svg-wrap{background:var(--color-bg);cursor:zoom-in;overflow-x:auto}.ds-built-asset__svg-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ds-built-asset__svg-wrap svg{max-width:100%;height:auto;display:block}.ds-built-asset__caption{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-sm);font-style:italic;line-height:1.6}.ds-band{margin:var(--spacing-7xl) 0 var(--spacing-4xl)}.ds-band:first-of-type{margin-top:0}.ds-band__label{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-weight:400}.ds-band__title{font-family:var(--font-serif);color:var(--color-text);margin-bottom:var(--spacing-md);font-size:36px;font-weight:700;line-height:1.2}.ds-band__desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:720px;line-height:1.7}.ds-surface-head{align-items:baseline;gap:var(--spacing-md);margin:var(--spacing-4xl) 0 var(--spacing-md);display:flex}.ds-surface-head__letter{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:0;flex:none;font-size:28px;font-weight:400;line-height:1}.ds-surface-head__text{flex:1}.ds-surface-head__title{font-family:var(--font-serif);color:var(--color-text);margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.3}.ds-surface-head__sub{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0;font-weight:400}.ds-surface{margin-top:0}.ds-surface__open{font-family:var(--font-mono);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.ds-surface__open a{color:var(--color-cta-muted);text-decoration:none}.ds-surface__open a:hover{color:var(--color-text)}.ds-vanilla-frame{border:1px solid var(--color-border);background:var(--color-paper,#f8f7f3);overflow:hidden}.ds-vanilla-frame iframe{background:var(--color-paper,#f8f7f3);border:0;width:100%;height:580px;display:block}.ds-ba-wrap{width:66.6667%}.ds-ba-wrap .compare{height:auto}.ds-ba-wrap .compare__scroll{position:relative;inset:auto}@media (width<=1024px){.ds-ba-wrap{width:100%}}.ds-svg-grid{gap:var(--spacing-md);margin:var(--spacing-md) 0;grid-template-columns:repeat(3,1fr);display:grid}.ds-svg-grid__cell{background:var(--color-card-bg);border:1px solid var(--color-border);padding:var(--spacing-md);cursor:zoom-in;aspect-ratio:4/3;justify-content:center;align-items:center;transition:box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.ds-svg-grid__cell:hover{box-shadow:0 2px 12px #0000000f}.ds-svg-grid__cell:focus-visible{outline:2px solid var(--color-cta-muted);outline-offset:2px}.ds-svg-grid__cell img{max-width:100%;height:auto;max-height:100%;display:block}@media (width<=1024px){.ds-demo,.ds-demo--carousel{margin-bottom:var(--spacing-3xl)}.ds-key-moves,.ds-geo-grid,.ds-motion-grid,.ds-breakpoint-grid,.ds-linkpat-grid,.ds-guardrails{grid-template-columns:1fr}.ds-type-row{gap:var(--spacing-xs);flex-direction:column}.ds-type-meta{flex:none}.ds-color-grid{grid-template-columns:repeat(2,1fr)}.ds-grid-viz{grid-template-columns:repeat(6,1fr)}.ds-vanilla-frame iframe{height:480px}.ds-svg-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ds-intro__title{font-size:28px}.ds-section__title{font-size:var(--font-size-3xl)}.ds-band__title{font-size:28px}.ds-grid-viz{grid-template-columns:1fr}.ds-grid-viz__col:not(:first-child){display:none}.ds-svg-grid{grid-template-columns:1fr}.ds-vanilla-frame iframe{height:360px}}