:root{--white: #FFFFFF;--bg: #FBFAF7;--bg-soft: #F4F2EC;--navy: #101C38;--navy-2: #182A4E;--ink: #101C38;--text: #353B47;--text-muted: #6A7180;--text-on-navy: #F6F4EF;--text-on-navy-muted: #AEB7C6;--accent: #8B6F47;--border: #E7E3DA;--border-strong: #D7D2C6;--border-on-navy: rgba(246, 244, 239, .14);--card: #FFFFFF;--card-shadow: 0 1px 2px rgba(16, 28, 56, .04), 0 18px 40px -22px rgba(16, 28, 56, .18);--card-shadow-hover: 0 2px 4px rgba(16, 28, 56, .05), 0 28px 56px -24px rgba(16, 28, 56, .24);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--font-serif: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--container-max: 1440px;--container-px: clamp(1.25rem, 5vw, 3rem);--section-py: clamp(5.5rem, 11vw, 9.5rem);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px;background:var(--bg)}body{font-family:var(--font-sans);font-size:17px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.55) 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.55) 78%,transparent 100%);opacity:.9}.page-bg canvas{display:block;width:100%;height:100%}@media (max-width: 760px){.page-bg{opacity:.4;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 82%)}}main{position:relative;z-index:1}.brand-banner,.site-footer{position:relative;z-index:1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin-left:clamp(1.5rem,5vw,5rem);margin-right:auto;padding-left:0;padding-right:var(--container-px);position:relative;z-index:2}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fbfaf700;backdrop-filter:saturate(1.1) blur(0px);-webkit-backdrop-filter:saturate(1.1) blur(0px);transition:background .4s var(--ease-out),border-color .4s var(--ease-out),backdrop-filter .4s var(--ease-out);border-bottom:1px solid transparent}.site-header.is-scrolled{background:#fbfaf7d1;backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:2rem}.brand{display:inline-flex;align-items:center;height:100%;transition:opacity .25s var(--ease-out)}.brand:hover{opacity:.8}.brand-logo{height:36px;width:auto;aspect-ratio:456 / 120;display:block}.brand-logo--dark{display:none}@media (max-width: 480px){.brand-logo{height:30px}}.nav{display:flex;gap:2rem;align-items:center}.nav a{font-size:.88rem;color:var(--text-muted);letter-spacing:.01em;transition:color .28s var(--ease-out)}.nav a:hover{color:var(--ink)}.nav-cta{color:var(--white)!important;background:var(--navy);padding:.6rem 1.2rem;border-radius:999px;font-weight:500;transition:background .3s var(--ease-out),transform .3s var(--ease-out)}.nav-cta:hover{background:var(--navy-2);transform:translateY(-1px)}@media (max-width: 720px){.nav{gap:1rem}.nav a:not(.nav-cta){display:none}}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4.5px;width:42px;height:42px;padding:0;border:1px solid var(--border-strong);border-radius:999px;background:transparent;cursor:pointer;transition:border-color .25s var(--ease-out)}.menu-toggle span{display:block;width:18px;height:1.5px;margin:0 auto;background:var(--ink);transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{position:fixed;top:76px;left:0;right:0;z-index:45;background:#fbfaf7f7;backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);border-bottom:1px solid var(--border);padding:.4rem var(--container-px) 1.1rem}.mobile-nav:not([hidden]){animation:menuIn .22s var(--ease-out)}@keyframes menuIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.mobile-nav a{display:block;padding:.9rem .25rem;font-size:1.05rem;color:var(--ink);border-bottom:1px solid var(--border)}.mobile-nav a:last-child{border-bottom:none}html[data-theme=dark] .mobile-nav{background:#0c101af7}@media (max-width: 720px){.menu-toggle{display:flex}}@media (min-width: 721px){.mobile-nav{display:none!important}}@media (max-width: 760px){.hero-break{display:none}}.hero{min-height:100vh;padding-top:clamp(7rem,13vw,10rem);padding-bottom:clamp(4rem,8vw,7rem);display:flex;align-items:center;position:relative}.hero-inner{display:block;max-width:42rem}@media (max-width: 980px){.hero-inner{grid-template-columns:1fr;gap:3rem}.hero-portrait{order:-1}}.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2rem}.hero h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(2.1rem,4.9vw,4rem);line-height:1.07;letter-spacing:-.024em;margin-bottom:2.25rem;max-width:20ch;color:var(--ink)}.hero-sub{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1.4;color:var(--ink);margin-bottom:.6rem;max-width:46ch}.hero-subfine{font-size:1rem;color:var(--text-muted);margin-bottom:2.75rem;max-width:46ch}.cta{display:inline-block;padding:1rem 1.85rem;background:var(--navy);color:var(--white);border:1px solid var(--navy);border-radius:999px;font-size:.95rem;font-weight:500;letter-spacing:.01em;transition:background .32s var(--ease-out),transform .32s var(--ease-out)}.cta:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.hero-sculpture{display:flex;justify-content:center;align-items:center;position:relative}.hero-sculpture video,.hero-sculpture img{width:min(410px,100%);height:auto;mix-blend-mode:multiply}.hero-portrait{display:flex;justify-content:center;align-items:center;position:relative}.portrait-card{position:relative;width:min(440px,100%);aspect-ratio:1 / 1;border-radius:var(--radius-xl);padding:14px;background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);animation:card-drift 16s ease-in-out infinite}.portrait-card picture,.portrait-card img{display:block;width:100%;height:100%;border-radius:calc(var(--radius-xl) - 12px);object-fit:cover;object-position:center 22%}.portrait-caption{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 16px 13px;border-radius:12px;background:#101c38c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-on-navy)}.portrait-name{font-family:var(--font-serif);font-size:1rem;font-weight:500}.portrait-role{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-on-navy-muted)}@keyframes card-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}.scroll-cue{position:absolute;bottom:clamp(1.5rem,3vw,2.25rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;opacity:.75}.scroll-cue-line{width:1px;height:34px;background:linear-gradient(180deg,var(--text-muted),transparent)}.section{padding-top:var(--section-py);padding-bottom:var(--section-py);position:relative;border-top:1px solid var(--border)}.section-label{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;font-weight:500}.section-index{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.7em;opacity:.95}.section h2{font-family:var(--font-serif);font-weight:300;font-size:clamp(2rem,4.3vw,3.15rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:2.5rem;max-width:22ch;color:var(--ink)}.section-soft{background:transparent;border-top:1px solid var(--border)}.section-navy{background:var(--navy);color:var(--text-on-navy);border-top:none}.section-navy .section-label{color:var(--text-on-navy-muted)}.section-navy h2{color:var(--text-on-navy)}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}@media (max-width: 860px){.pillars{grid-template-columns:1fr;gap:1.25rem}}.pillar{padding:2rem 1.9rem;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}.pillar:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--border-strong)}.pillar h3{font-family:var(--font-serif);font-weight:500;font-size:1.32rem;line-height:1.25;margin-bottom:.9rem;color:var(--ink)}.pillar p{color:var(--text-muted);font-size:.97rem;line-height:1.65}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.25rem}@media (max-width: 760px){.work-grid{grid-template-columns:1fr;gap:1.25rem}}.work-card{padding:1.9rem 1.85rem;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}.work-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--border-strong)}.work-card-tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem;font-weight:600}.work-card h3{font-family:var(--font-serif);font-weight:500;font-size:1.3rem;line-height:1.25;margin-bottom:.85rem;color:var(--ink)}.work-card p{color:var(--text-muted);font-size:.96rem;line-height:1.65}.work-card p strong{color:var(--ink);font-weight:600}.work-foot{color:var(--text-muted);font-size:.95rem;margin-bottom:1.25rem}.projects-lede{color:var(--text-muted);font-size:1.05rem;line-height:1.6;max-width:62ch;margin-bottom:2.5rem}.cta-outline{display:inline-block;margin-top:.5rem;padding:.85rem 1.6rem;background:transparent;color:var(--ink);border:1px solid var(--border-strong);border-radius:999px;font-size:.95rem;font-weight:500;transition:background .32s var(--ease-out),color .32s var(--ease-out),border-color .32s var(--ease-out),transform .32s var(--ease-out)}.cta-outline:hover{background:var(--navy);color:var(--white);border-color:var(--navy);transform:translateY(-1px)}.approach-lede{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.45;max-width:56ch;color:var(--text-on-navy);margin-bottom:3.5rem}.proof{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1.75rem;max-width:960px}@media (max-width: 720px){.proof{grid-template-columns:1fr}}.proof li{padding:1.6rem 1.6rem 1.5rem;border-radius:var(--radius-lg);background:#f6f4ef0b;border:1px solid var(--border-on-navy);color:var(--text-on-navy-muted);font-size:.95rem;line-height:1.6;transition:transform .45s var(--ease-out),border-color .45s var(--ease-out),background .45s var(--ease-out)}.proof li:hover{transform:translateY(-2px);border-color:#f6f4ef4d;background:#f6f4ef12}.proof li strong{display:block;color:var(--text-on-navy);font-weight:500;margin-bottom:.5rem;font-size:.98rem}.proof--engagements{grid-template-columns:1fr;max-width:760px;gap:1.1rem}.about-inner{display:grid;grid-template-columns:.85fr 1.4fr;gap:clamp(2rem,6vw,5rem);align-items:center}@media (max-width: 860px){.about-inner{grid-template-columns:1fr;gap:2rem}}.about-portrait{display:flex;justify-content:center}.about-portrait .portrait-card{width:min(360px,100%);padding:12px;animation:none}.about-text{max-width:60ch}.about-body p{font-size:1.02rem;line-height:1.75;color:var(--text);margin-bottom:1.25rem;max-width:58ch}.about-languages{color:var(--text-muted)!important;font-size:.95rem!important;margin-top:.5rem}.contact-card{position:relative;max-width:760px;margin:0 auto;padding:clamp(2.5rem,5vw,3.75rem);border-radius:var(--radius-xl);background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);text-align:left}.contact-card .section-label{margin-bottom:1rem}.contact-card h2{margin-bottom:1.5rem}.contact-lede{font-size:1.1rem;line-height:1.6;color:var(--text-muted);max-width:56ch;margin-bottom:2.25rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-email{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.35rem,3vw,2rem);color:var(--ink);border-bottom:1px solid var(--border-strong);padding-bottom:.75rem;align-self:flex-start;transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.contact-email:hover{color:var(--accent);border-color:var(--accent)}.contact-link{color:var(--text-muted);font-size:.95rem}.contact-form{display:flex;flex-direction:column;gap:1.15rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.45rem}.field-label{font-size:.82rem;letter-spacing:.03em;color:var(--text-muted);font-weight:500}.field-opt{font-weight:400;opacity:.7}.field-input{width:100%;font-family:var(--font-sans);font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.8rem .95rem;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out)}.field-input::placeholder{color:var(--text-muted);opacity:.65}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}textarea.field-input{resize:vertical;min-height:132px;line-height:1.55}.hp-field{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}.form-actions{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;margin-top:.25rem}.contact-submit{border:none;cursor:pointer;font-family:var(--font-sans)}.contact-submit:disabled{opacity:.55;cursor:default;transform:none}.form-status{margin:0;font-size:.9rem;line-height:1.45}.form-status.is-error{color:#c2553b}.form-status.is-ok{color:var(--accent)}.contact-success{animation:contact-fade .6s var(--ease-out) both}.contact-success h3{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.35rem,3vw,1.9rem);color:var(--ink);margin-bottom:.6rem}.contact-success p{color:var(--text-muted);max-width:46ch}@keyframes contact-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.contact-alt{margin-top:1.6rem;font-size:.92rem;color:var(--text-muted)}.contact-alt a{color:var(--ink);border-bottom:1px solid var(--border-strong);transition:color .25s var(--ease-out),border-color .25s var(--ease-out)}.contact-alt a:hover{color:var(--accent);border-color:var(--accent)}.brand-banner{overflow:hidden;text-align:center;padding:clamp(3rem,8vw,7rem) 0 clamp(.5rem,2vw,1.5rem);line-height:.82;user-select:none;pointer-events:none}.brand-banner span{font-family:var(--font-serif);font-weight:300;font-size:clamp(3.5rem,21vw,19rem);letter-spacing:.015em;white-space:nowrap;display:inline-block;color:transparent;background:linear-gradient(180deg,#101c381a,#101c3804);-webkit-background-clip:text;background-clip:text}.site-footer{padding:2.75rem 0;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}[data-reveal],[data-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}[data-reveal].reveal-in,[data-stagger].reveal-in>*{opacity:1;transform:none}[data-stagger].reveal-in>*:nth-child(2){transition-delay:.07s}[data-stagger].reveal-in>*:nth-child(3){transition-delay:.14s}[data-stagger].reveal-in>*:nth-child(4){transition-delay:.21s}[data-stagger].reveal-in>*:nth-child(5){transition-delay:.28s}[data-stagger].reveal-in>*:nth-child(6){transition-delay:.35s}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-reveal],[data-stagger]>*{opacity:1!important;transform:none!important}.portrait-card{animation:none}*{transition-duration:1ms!important}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--navy),#6f93cf 78%,var(--accent));transform:scaleX(0);transform-origin:0 50%;z-index:60;pointer-events:none;will-change:transform}.nav a:not(.nav-cta){position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;border-radius:2px;background:var(--navy);transform:scaleX(0);transform-origin:0 50%;transition:transform .34s var(--ease-out)}.nav a.is-active{color:var(--ink)}.nav a.is-active:after{transform:scaleX(1)}.cta,.cta-outline,.nav-cta{will-change:transform}@media (hover: hover) and (pointer: fine){.work-card,.pillar{position:relative;overflow:hidden;will-change:transform}.work-card>*,.pillar>*{position:relative;z-index:1}.work-card:after,.pillar:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),rgba(111,147,207,.12),transparent 55%);opacity:0;transition:opacity .4s var(--ease-out)}.work-card.tilting:after,.pillar.tilting:after{opacity:1}.work-card.tilting,.pillar.tilting{transition:transform .13s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}}@media (prefers-reduced-motion: reduce){.scroll-progress{display:none}}:root{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--bg: #0e1320;--bg-soft: #161d2b;--ink: #eaeff8;--text: #c2cad9;--text-muted: #8893a8;--text-on-navy: #eaeff8;--text-on-navy-muted: #9aa6bb;--accent: #ccab7d;--border: #283143;--border-strong: #3a4659;--card: #161f2e;--card-shadow: 0 1px 2px rgba(0,0,0,.4), 0 20px 44px -24px rgba(0,0,0,.7);--card-shadow-hover: 0 2px 6px rgba(0,0,0,.45), 0 30px 60px -26px rgba(0,0,0,.82)}html[data-theme=dark] body{background:var(--bg)}html[data-theme=dark] .cta,html[data-theme=dark] .nav-cta{background:var(--ink);color:var(--bg)!important;border-color:var(--ink)}html[data-theme=dark] .cta:hover,html[data-theme=dark] .nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#1a1408!important}html[data-theme=dark] .cta-outline{color:var(--ink);border-color:var(--border-strong)}html[data-theme=dark] .cta-outline:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}html[data-theme=dark] .section-navy{background:#090d15}html[data-theme=dark] .site-header.is-scrolled{background:#0c101ad1}html[data-theme=dark] .brand-logo--light{display:none}html[data-theme=dark] .brand-logo--dark{display:block}html[data-theme=dark] .demo-overlay.is-open{background:#0000008c}html[data-theme=dark] .demo-close{background:#ffffff0f;border-color:var(--border);color:var(--ink)}html[data-theme=dark] .demo-close:hover{background:#ffffff1f}html[data-theme=dark] .demo-foot{background:var(--bg-soft)}:root{--dt-navy:#101C38;--dt-ink:#101C38;--dt-text:#353B47;--dt-muted:#6A7180;--dt-bg:#FBFAF7;--dt-soft:#F4F2EC;--dt-card:#FFFFFF;--dt-white:#FFFFFF;--dt-border:#E7E3DA;--dt-borderStrong:#D7D2C6;--dt-accent:#8B6F47;--dt-blue:#6f93cf;--dt-blueDeep:#1d3a66;--dt-pale:#eef2f9;--dt-green:#3f9b6e}html[data-theme=dark]{--dt-navy:#e7edf7;--dt-ink:#e7edf7;--dt-text:#c2cad9;--dt-muted:#8893a8;--dt-bg:#121826;--dt-soft:#1a2231;--dt-card:#1c2433;--dt-white:#1c2433;--dt-border:#2c3445;--dt-borderStrong:#3c4759;--dt-accent:#ccab7d;--dt-blue:#85aaea;--dt-blueDeep:#b6cdf3;--dt-pale:#1f2c44;--dt-green:#5cc191}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none;transition:background .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out)}.theme-toggle:hover{background:var(--bg-soft);border-color:var(--border-strong)}.theme-toggle:active{transform:scale(.92)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle svg{width:18px;height:18px;display:block}.theme-toggle .icon-moon,html[data-theme=dark] .theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-moon{display:block}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:2147483646;animation:themeReveal .5s var(--ease-out) both}::view-transition-old(root){z-index:1}@keyframes themeReveal{0%{clip-path:circle(0% at var(--vt-x, 100%) var(--vt-y, 0%))}to{clip-path:circle(145% at var(--vt-x, 100%) var(--vt-y, 0%))}}@media (prefers-reduced-motion: reduce){::view-transition-new(root){animation:none}}html[data-theme=dark] .dm-data .dm-res{background:#0b1019;border-color:#232e42}html[data-theme=dark] .dm-mlops .dm-train-in{background:#0b1019}html[data-theme=dark] .dm-tools .dm-tip{background:#0d1320}html[data-theme=dark] .dm-ai-bubble--me,html[data-theme=dark] .dm-ai-send,html[data-theme=dark] .dm-speech-play{background:#2c3e63}html[data-theme=dark] .dm-web .dmw-pay{background:#34527f}html[data-theme=dark] .dm-mlops .dm-btn{color:#0e1320}body.demo-lock{overflow:hidden}.demo-overlay{position:fixed;inset:0;z-index:200;display:flex;justify-content:flex-end;background:#101c3800;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out),background .45s var(--ease-out),backdrop-filter .45s var(--ease-out),visibility 0s .45s}.demo-overlay.is-open{opacity:1;visibility:visible;background:#101c3857;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .45s var(--ease-out),background .45s var(--ease-out),backdrop-filter .45s var(--ease-out)}.demo-panel{position:relative;width:min(580px,95vw);height:100%;background:var(--bg);box-shadow:-34px 0 90px -34px #101c388c;transform:translate(102%);transition:transform .55s var(--ease-out);display:flex;flex-direction:column;overflow:hidden;will-change:transform}.demo-overlay.is-open .demo-panel{transform:translate(0)}.demo-close{position:absolute;top:16px;right:16px;z-index:4;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#ffffffe6;color:var(--ink);font-size:1.35rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .25s var(--ease-out),transform .35s var(--ease-out),border-color .25s}.demo-close:hover{background:var(--white);border-color:var(--border-strong);transform:rotate(90deg)}.demo-head{padding:2.5rem 2.2rem 1.25rem;border-bottom:1px solid var(--border);flex:none}.demo-tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.55rem}.demo-title{font-family:var(--font-serif);font-weight:500;font-size:1.55rem;line-height:1.2;color:var(--ink)}.demo-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:1.6rem 2.2rem 2rem;-webkit-overflow-scrolling:touch}.demo-body::-webkit-scrollbar{width:9px}.demo-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9px;border:3px solid var(--bg)}.demo-foot{flex:none;padding:1rem 2.2rem;border-top:1px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo-foot-note{font-size:.78rem;color:var(--text-muted);max-width:62%;line-height:1.45}.demo-cta{font-size:.9rem;font-weight:600;color:var(--ink);white-space:nowrap}.demo-cta:hover{color:var(--accent)}.demo-loading{color:var(--text-muted);padding:2.5rem 0;text-align:center;font-size:.92rem}.demo-body>*{animation:demoIn .5s var(--ease-out) both}@keyframes demoIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.work-card[data-demo]{cursor:pointer}.card-demo-btn{margin-top:1.3rem;font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--ink);background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}.card-demo-btn .arrow{transition:transform .3s var(--ease-out)}.work-card[data-demo]:hover .card-demo-btn{color:var(--accent)}.work-card[data-demo]:hover .card-demo-btn .arrow{transform:translate(5px)}.card-demo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}@media (max-width: 760px){.demo-panel{width:100vw;max-width:100vw}.demo-head{padding:3rem 1.4rem 1rem}.demo-body{padding:1.3rem 1.4rem 1.6rem}.demo-foot{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.9rem 1.4rem}.demo-foot-note{max-width:100%}}@media (prefers-reduced-motion: reduce){.demo-overlay,.demo-panel,.demo-close,.card-demo-btn .arrow{transition-duration:1ms!important}.demo-body>*{animation:none!important}}