.work-detail__hero-section{position:relative;overflow:hidden}.work-detail__hero-bg{z-index:0;pointer-events:none;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-detail__hero{z-index:1;position:relative}.work-detail__hero-text{max-width:56rem}.work-detail__hero--split{gap:var(--space-12);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;display:grid}.work-detail__hero-text{z-index:1;position:relative}.work-detail__hero-mark{z-index:0;pointer-events:none;height:58%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.work-detail__hero-mark img{filter:brightness(0)invert();opacity:.05;width:auto;height:100%}[data-theme=light] .work-detail__hero-mark img{filter:brightness(0);opacity:.04}.work-detail__eyebrow{margin-bottom:var(--space-5);display:block}.work-detail__title{margin:0 0 var(--space-6);font-family:var(--font-display);font-weight:var(--font-semibold);font-synthesis:none;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05}.work-detail__hero--split .work-detail__title{font-size:clamp(2rem,4vw,3.25rem)}.work-detail__description{margin:0 0 var(--space-8);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:40rem}.work-detail__meta-line{align-items:baseline;gap:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.work-detail__meta-line span:not(:first-child):before{content:"·";margin-right:var(--space-4);color:var(--color-accent-text)}.work-detail__hero-visual{z-index:1;justify-content:center;display:flex;position:relative}.work-detail__metrics{z-index:1;gap:var(--space-6) var(--space-12);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--glass-border);flex-wrap:wrap;display:flex;position:relative}.work-detail__metric{gap:var(--space-1);flex-direction:column;display:flex}.work-detail__metric-value{font-family:var(--font-display);font-weight:var(--font-semibold);font-synthesis:none;letter-spacing:-.01em;font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.1}.work-detail__metric-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent-text)}.work-detail__chapters{max-width:72rem;margin-inline:auto}.work-detail__chapter{gap:var(--space-6);padding-block:var(--space-10);border-top:1px solid var(--glass-border);grid-template-columns:72px minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.work-detail__chapter--last{border-bottom:1px solid var(--glass-border)}[data-theme=light] .work-detail__chapter{border-top-color:var(--color-border-subtle)}[data-theme=light] .work-detail__chapter--last{border-bottom-color:var(--color-border-subtle)}.work-detail__chapter-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-text);letter-spacing:var(--tracking-wide);padding-top:.4rem}.work-detail__chapter-title{font-family:var(--font-display);font-weight:var(--font-semibold);font-synthesis:none;letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.12}.work-detail__chapter-detail{gap:var(--space-5);flex-direction:column;display:flex}.work-detail__chapter-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:60ch;margin:0}.work-detail__tech-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.work-detail__quote{padding-block:var(--space-10);padding-left:calc(72px + var(--space-6));margin:0}.work-detail__quote p{padding-left:var(--space-6);border-left:2px solid var(--color-accent-text);font-family:var(--font-display);font-weight:var(--font-medium);font-synthesis:none;letter-spacing:-.01em;max-width:28em;margin:0;font-size:clamp(1.375rem,2.8vw,2rem);line-height:1.3}.work-detail__figure-row{justify-content:center;gap:var(--space-8);padding-block:var(--space-10);flex-wrap:wrap;display:flex}.work-detail__figure{align-items:center;gap:var(--space-4);flex-direction:column;min-width:0;margin:0;display:flex}.work-detail__figure--screen,.work-detail__figure--art{flex:100%}.work-detail__frame-screen{border:1px solid var(--glass-border);background:linear-gradient(160deg, rgba(var(--color-accent-rgb), .08), rgba(var(--color-accent-rgb), .02) 60%);border-radius:12px;width:100%;max-width:880px;overflow:hidden;box-shadow:0 24px 60px #00000059}.work-detail__frame-chrome{border-bottom:1px solid var(--glass-border);gap:5px;padding:10px 14px;display:flex}.work-detail__frame-chrome span{background:rgba(var(--color-accent-rgb), .25);border-radius:50%;width:8px;height:8px}.work-detail__frame-screen img{width:100%;height:auto;display:block}.work-detail__frame-device{background:#0c0c0e;border:1px solid #ffffff29;border-radius:2.6rem;width:min(280px,72vw);padding:10px;position:relative;box-shadow:0 24px 56px #00000061}.work-detail__frame-device:before{content:"";border-radius:var(--radius-full);z-index:1;background:#0c0c0e;width:26%;height:13px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.work-detail__frame-device img{aspect-ratio:390/844;object-fit:cover;object-position:top center;border-radius:2rem;width:100%;display:block}.work-detail__frame-art{border-radius:12px;width:100%;max-width:880px;height:auto;display:block}.work-detail__figure-caption{font-family:var(--font-mono);font-size:.75rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);text-align:center}[data-theme=light] .work-detail__frame-screen{border-color:var(--color-border-subtle);box-shadow:0 18px 44px #0f172a24}[data-theme=light] .work-detail__frame-chrome{border-bottom-color:var(--color-border-subtle)}[data-theme=light] .work-detail__frame-device{box-shadow:0 18px 44px #0f172a38}.work-detail__hero-visual .work-detail__frame-device{width:min(260px,60vw)}.work-detail__next-section.section{padding-block:var(--space-8) var(--space-12)}.work-detail__body-section.section{padding-bottom:var(--space-8)}.work-detail__next{color:inherit;padding-block:var(--space-10);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);text-decoration:none;display:block}[data-theme=light] .work-detail__next{border-top-color:var(--color-border-subtle);border-bottom-color:var(--color-border-subtle)}.work-detail__next-label{margin-bottom:var(--space-3);display:block}.work-detail__next-name{align-items:baseline;gap:var(--space-4);font-family:var(--font-display);font-weight:var(--font-semibold);font-synthesis:none;letter-spacing:-.02em;color:var(--color-text-primary);transition:color .3s var(--ease-out-expo);font-size:clamp(2rem,5vw,3.25rem);line-height:1.08;display:flex}.work-detail__next-arrow{transition:transform .3s var(--ease-out-expo);margin-left:auto}.work-detail__next:hover .work-detail__next-name{color:var(--color-accent-text)}.work-detail__next:hover .work-detail__next-arrow{transform:translate(.35em)}@media (prefers-reduced-motion:reduce){.work-detail__next-name,.work-detail__next-arrow{transition:none}.work-detail__next:hover .work-detail__next-arrow{transform:none}}.work-detail__cta{text-align:center;max-width:600px;margin-inline:auto}.work-detail__cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.work-detail__cta-text{font-size:var(--text-lg);opacity:.85;margin-bottom:var(--space-8);line-height:var(--leading-normal)}.work-detail__cta-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=1023px){.work-detail__hero--split{gap:var(--space-10);grid-template-columns:minmax(0,1fr)}.work-detail__chapter{grid-template-columns:56px minmax(0,1fr)}.work-detail__chapter-detail{grid-column:2}.work-detail__quote{padding-left:calc(56px + var(--space-6))}}@media (width<=639px){.work-detail__chapter{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.work-detail__chapter-number{padding-top:0}.work-detail__chapter-detail{grid-column:auto}.work-detail__quote{padding-left:0}.work-detail__metrics{gap:var(--space-5) var(--space-8)}.work-detail__hero-mark{display:none}.work-detail__cta-title{font-size:var(--text-2xl)}}