@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg:#f7f6f2;--border:#e2e0da;--text:#1a1916;--muted:#7c7b78;--hover:#e8e6df;--tag:#e8e6e0;--tag-text:#5a5854;--accent:#4e99a4;--accent-mid:#3d8491;--accent-bg:#e6f5f7;--card-bg:#fafaf7;--nav-h:64px;--nav-top:14px;--cursor-color:#4e99a4;--hover-accent:#4e99a4;--serif:"DM Serif Display",Georgia,serif;--sans:"Inter",ui-sans-serif,system-ui,sans-serif}.dark{--bg:#111110;--border:#2a2927;--text:#e8e6e0;--muted:#6b6a67;--hover:#1e1d1b;--tag:#252420;--tag-text:#9b9a97;--accent:#4e99a4;--accent-mid:#5aaab5;--accent-bg:#0e2e31;--card-bg:#181715;--cursor-color:#4e99a4;--hover-accent:#4e99a4}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;transition:background .25s,color .25s}img,video{display:block;max-width:100%}a{color:inherit}body.cursor-custom,body.cursor-custom *{cursor:none!important}@media (hover:none){body.cursor-custom,body.cursor-custom *{cursor:auto!important}}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);opacity:0;will-change:left,top,width,height;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),background .25s ease,opacity .3s ease}.custom-cursor.cursor-visible{opacity:1}.custom-cursor.cursor-dot{width:10px;height:10px;background:var(--cursor-color)}.custom-cursor.cursor-view{width:84px;height:84px;background:var(--cursor-color)}.cursor-label{color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:scale(.85);transition:opacity .2s .1s,transform .2s .1s}.custom-cursor.cursor-view .cursor-label{opacity:1;transform:scale(1)}.main-content{min-height:100vh;padding-top:var(--nav-h);position:relative;z-index:1}.top-nav{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:500;width:100%;max-width:100%;height:var(--nav-h);border-radius:0;background:var(--bg);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border:none;border-bottom:1px solid var(--border);box-shadow:none;transition:width .55s cubic-bezier(.22,1,.36,1),max-width .55s cubic-bezier(.22,1,.36,1),border-radius .55s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,background .3s ease,border-color .3s ease,backdrop-filter .4s ease}.top-nav.nav-scrolled{top:var(--nav-top);width:calc(100% - 48px);max-width:920px;height:56px;border-radius:9999px;border-color:hsla(45,12%,87%,.55);background:hsla(48,24%,96%,.52);backdrop-filter:blur(40px) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.04);box-shadow:0 12px 40px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.6)}.dark .top-nav{background:var(--bg);border-bottom-color:var(--border)}.dark .top-nav.nav-scrolled{background:rgba(17,17,16,.55);border-color:rgba(52,50,48,.65);backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);box-shadow:0 12px 40px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.2)}.nav-inner{height:100%;width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:20px;transition:padding .45s cubic-bezier(.22,1,.36,1)}.top-nav.nav-scrolled .nav-inner{max-width:none;padding:0 24px}.nav-logo{font-family:var(--serif);font-size:20px;color:var(--text);text-decoration:none;white-space:nowrap;flex-shrink:0;letter-spacing:-.025em;line-height:1;transition:opacity .15s}.nav-logo:hover{opacity:.6}.nav-links{display:flex;align-items:center;gap:2px}.nav-link{font-size:16px;font-weight:400;font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--muted);text-decoration:none;padding:6px 13px;border-radius:9999px;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--hover)}.nav-actions{flex-shrink:0}.nav-actions,.nav-desktop-ctas{display:flex;align-items:center;gap:8px}.nav-desktop-ctas .nav-btn-ghost,.nav-desktop-ctas .nav-btn-primary{padding:0 12px;border-radius:8px;font-size:13px;width:100px;height:34px;min-height:unset;display:inline-flex;align-items:center;justify-content:center;gap:6px}.nav-desktop-ctas .nav-btn-arrow{width:18px;height:18px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.55);display:inline-flex;font-size:10px}.nav-desktop-ctas .nav-btn-arrow,.theme-pill{align-items:center;justify-content:center;flex-shrink:0}.theme-pill{display:flex;width:34px;height:34px;border:none;border-radius:9999px;cursor:pointer;background:transparent;color:var(--muted);transition:color .2s,background .2s}.theme-pill:hover{color:var(--text);background:var(--hover)}.theme-pill svg{width:16px;height:16px;display:block;flex-shrink:0}.nav-btn-primary{background:#4e99a4;color:#fff;font-size:14px;font-weight:600;padding:16px 24px;border-radius:10px;text-decoration:none;letter-spacing:.01em;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;box-sizing:border-box}.nav-btn-primary:hover{background:#3d8491;transform:translateY(-1px);box-shadow:0 4px 14px rgba(78,153,164,.35)}.nav-btn-arrow{width:28px;height:28px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.55);display:inline-flex;font-size:13px;flex-shrink:0}.nav-btn-arrow,.nav-btn-ghost{align-items:center;justify-content:center}.nav-btn-ghost{background:none;border:1.5px solid var(--border);color:var(--muted);font-size:14px;font-weight:500;padding:16px 24px;border-radius:10px;text-decoration:none;white-space:nowrap;display:flex;width:100%;box-sizing:border-box;transition:border-color .15s,color .15s,transform .15s}.nav-btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;width:32px;height:32px}.ham-bar{display:block;width:20px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.ham-bar.ham-top.open{transform:translateY(3.5px) rotate(45deg)}.ham-bar.ham-bottom.open{transform:translateY(-3.5px) rotate(-45deg)}.nav-mobile-drawer{display:flex;flex-direction:column;gap:0;background:hsla(48,24%,96%,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:0;border:1px solid hsla(45,12%,87%,.55);overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s ease}.dark .nav-mobile-drawer{background:rgba(17,17,16,.97);border-color:rgba(52,50,48,.7)}.nav-mobile-drawer.drawer-open{max-height:480px;opacity:1;pointer-events:auto}.dark .nav-mobile-drawer.drawer-open{border-color:rgba(52,50,48,.7)}.top-nav.nav-scrolled .nav-mobile-drawer{border-radius:0 0 28px 28px}@media (max-width:900px){.top-nav.nav-scrolled:has(.drawer-open){border-radius:20px 20px 0 0}}.nav-mobile-link{font-size:16px;font-weight:400;font-family:var(--sans);color:var(--text);text-decoration:none;padding:14px 24px;border-bottom:1px solid var(--border);transition:color .15s,background .15s;display:block}.nav-mobile-link:last-of-type{border-bottom:none}.nav-mobile-link:hover{color:var(--accent);background:var(--hover)}.nav-mobile-ctas{display:flex;flex-direction:column;gap:10px;padding:16px 24px 24px}.nav-mobile-ctas a{text-align:center}.case-layout{max-width:1120px;margin:0 auto;padding:0 48px 140px;display:grid;grid-template-columns:1fr 196px;gap:56px;align-items:start}.case-main{min-width:0;padding-top:80px}.case-toc-col{padding-top:80px;position:sticky;top:calc(var(--nav-h) + 8px)}.case-toc-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.case-toc-link{display:block;font-size:12.5px;color:var(--muted);text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid transparent;line-height:1.45;margin-bottom:1px;transition:color .15s,border-color .15s,padding-left .2s}.case-toc-link:hover{color:var(--text);padding-left:14px}.case-toc-link.toc-active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.page-glow{position:fixed;top:-120px;left:50%;transform:translateX(-50%);width:900px;height:560px;background:radial-gradient(ellipse at 50% 30%,rgba(78,153,164,.14) 0,rgba(78,153,164,.07) 35%,transparent 70%);pointer-events:none;z-index:0;will-change:transform}.dark .page-glow{background:radial-gradient(ellipse at 50% 30%,rgba(78,153,164,.1) 0,rgba(78,153,164,.04) 35%,transparent 70%)}.content{max-width:1120px;margin:0 auto;padding:130px 48px 140px}.hero-name{font-family:var(--serif);font-size:64px;font-weight:400;color:var(--text);line-height:1.05;letter-spacing:-.03em;margin-bottom:28px}.hero-bio-block{font-size:18px;color:var(--muted);line-height:1.75;max-width:640px;font-weight:400}.bio-current{color:var(--accent);font-weight:500}.bio-former{color:var(--muted)}.divider{border:none;border-top:1px solid var(--border);margin:48px 0}.section-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}.ticker-wrap{overflow:hidden;width:100%;padding:40px 0;margin-top:48px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent)}.ticker-track{display:flex;align-items:center;gap:80px;width:-moz-max-content;width:max-content;animation:ticker-scroll 28s linear infinite}.ticker-track:hover{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;white-space:nowrap;color:var(--muted);transition:opacity .15s;flex-shrink:0}.ticker-item:hover{opacity:.75}.ticker-name{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.ticker-sep{margin-left:10px;margin-right:4px;color:var(--border);font-size:14px}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.work-container{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card-bg);margin-bottom:16px;transition:border-color .2s}.work-container:hover{border-color:var(--hover-accent)}.work-container-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border)}.work-container-company{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.work-container-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.work-container-inner .work-card{border:none;border-radius:0;border-top:1px solid var(--border)}.work-container-inner .work-card:first-child{border-top:none}.work-container-inner .work-card:hover{transform:none;box-shadow:inset 0 0 0 1px var(--accent)}.work-grid{gap:48px}.work-grid,.work-project-group{display:flex;flex-direction:column}.work-project-group{gap:14px}.work-project-label{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400;letter-spacing:-.01em;color:var(--text)}.work-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);display:block;position:relative;transition:border-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}.work-card:hover{border-color:var(--hover-accent);box-shadow:0 8px 36px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.04);transform:translateY(-3px)}.work-card:active{transform:translateY(0);transition-duration:.08s}.work-card-thumbnail{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--accent-bg);border-bottom:1px solid var(--border);position:relative}.work-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.work-card:hover .work-card-thumbnail img{transform:scale(1.04)}.work-card-body{padding:22px 26px 24px}.work-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.work-card-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.work-card-title{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--text);line-height:1.2;letter-spacing:-.01em}.work-card-arrow{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);flex-shrink:0;transition:background .2s,border-color .2s,color .2s,transform .2s}.work-card:hover .work-card-arrow{background:var(--hover-accent);border-color:var(--hover-accent);color:#fff;transform:rotate(-45deg)}.work-card-desc{font-size:13.5px;color:var(--muted);line-height:1.65;margin-bottom:14px}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}[data-reveal].in-view{opacity:1;transform:translateY(0)}[data-reveal-delay="1"]{transition-delay:.08s}[data-reveal-delay="2"]{transition-delay:.16s}[data-reveal-delay="3"]{transition-delay:.24s}[data-reveal-delay="4"]{transition-delay:.32s}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:10px;text-decoration:none;display:block;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.card:hover{border-color:var(--accent);box-shadow:0 4px 24px rgba(78,153,164,.09);transform:translateY(-2px)}.card:active{transform:translateY(0)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.card-title{font-size:14.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.card-subtitle{font-size:12px;color:var(--muted);margin-bottom:8px}.card-preview{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:10px}.tags-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{background:var(--tag);color:var(--tag-text);padding:3px 9px;font-weight:500;letter-spacing:.01em;pointer-events:none}.status-badge,.tag{font-size:11px;border-radius:4px}.status-badge{padding:2px 8px;font-weight:600}.exp-grid{border:1px solid var(--border);border-radius:12px;overflow:hidden}.exp-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px 24px;gap:16px}.exp-row:nth-child(odd){background:var(--bg)}.exp-row:nth-child(2n){background:var(--card-bg)}.exp-company{font-size:16px;font-weight:600;color:var(--text);margin-bottom:3px}.exp-role{font-size:13.5px;color:var(--muted)}.exp-period{font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.exp-current-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle;position:relative;top:-1px}.page-title{font-family:var(--serif);font-size:42px;font-weight:400;color:var(--text);margin-bottom:10px;line-height:1.15;letter-spacing:-.02em}.page-subtitle{font-size:14.5px;color:var(--muted);margin-bottom:32px;line-height:1.65;max-width:560px}.article-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-bottom:36px;text-decoration:none;transition:color .12s,transform .12s}.article-back:hover{color:var(--text);transform:translateX(-3px)}.article-title{font-family:var(--serif);font-size:40px;font-weight:400;color:var(--text);margin-bottom:12px;line-height:1.1;letter-spacing:-.02em}.article-meta{font-size:12.5px;color:var(--muted);margin-bottom:14px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.article-section{margin-bottom:40px}.article-heading{font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:-.01em;position:relative}.article-heading:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--accent);border-radius:2px;transition:width .3s cubic-bezier(.22,1,.36,1)}.article-section:hover .article-heading:after{width:40px}.article-body{font-size:14.5px;color:var(--text);line-height:1.85}.case-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.case-pagination-link{display:flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:13px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);transition:color .12s,border-color .12s,background .12s}.case-pagination-link:hover{color:var(--text);border-color:var(--accent)}.process-photo{margin:32px 0}.process-photo img{width:100%;border-radius:10px;border:1px solid var(--border);margin-bottom:10px;cursor:zoom-in;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.process-photo img:hover{transform:scale(1.012);box-shadow:0 8px 32px rgba(0,0,0,.08)}.photo-caption{font-size:12px;color:var(--muted);text-align:center;font-style:italic;line-height:1.55}.photo-placeholder{border:2px dashed var(--border);border-radius:10px;padding:20px 24px;margin-bottom:10px;background:var(--card-bg)}.photo-placeholder-label{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.photo-placeholder-suggestion{font-size:13px;color:var(--muted);line-height:1.65}.photo-placeholder-path{font-size:11px;color:var(--muted);margin-top:8px;font-family:monospace}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.lightbox-container{position:relative;display:inline-flex;cursor:default}.lightbox-img{max-width:92vw;max-height:92vh;border-radius:10px;box-shadow:0 32px 80px rgba(0,0,0,.5);-o-object-fit:contain;object-fit:contain}.lightbox-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s}.lightbox-close:hover{background:rgba(0,0,0,.75)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.info-block{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px;transition:border-color .15s,transform .15s}.info-block:hover{border-color:var(--accent);transform:translateY(-1px)}.info-label{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.info-value{font-size:13.5px}.contact-btn,.info-value{color:var(--text);font-weight:500}.contact-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:6px;font-size:13px;text-decoration:none;background:var(--card-bg);border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s,transform .15s;white-space:nowrap}.contact-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.ds-layout{display:flex;min-height:calc(100vh - var(--nav-h))}.ds-sidebar{width:200px;min-width:200px;padding:36px 16px;border-right:1px solid var(--border);position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));overflow-y:auto}.ds-content{flex:1;padding:52px;max-width:920px}.ds-nav-section{margin-bottom:20px}.ds-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px;padding:0 8px}.ds-nav-item{display:flex;align-items:center;padding:7px 8px;border-radius:5px;font-size:13px;color:var(--muted);text-decoration:none;transition:background .1s,color .1s;cursor:pointer;margin-bottom:1px;background:none;border:none;width:100%;text-align:left;font-family:var(--sans)}.ds-nav-item.active,.ds-nav-item:hover{background:var(--hover);color:var(--text)}.ds-nav-item.active{font-weight:500;border-left:2px solid var(--accent);padding-left:6px}.ds-title{font-family:var(--serif);font-size:42px;font-weight:400;color:var(--text);letter-spacing:-.02em;margin-bottom:10px}.ds-subtitle{font-size:15px;color:var(--muted);line-height:1.7;max-width:540px;margin-bottom:40px}.ds-section{margin-bottom:52px}.ds-section-title{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:6px}.ds-section-desc{font-size:13.5px;color:var(--muted);margin-bottom:20px;line-height:1.65}.token-table{width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:24px}.token-row{display:grid;grid-template-columns:160px 1fr auto;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center;gap:16px;font-size:13px}.token-row:last-child{border-bottom:none}.token-name{font-weight:600;color:var(--text);font-family:monospace;font-size:12px;letter-spacing:.02em}.token-desc{color:var(--muted);font-size:13px}.token-count{color:var(--muted);font-size:12px;font-weight:600;text-align:right;white-space:nowrap}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.color-swatch{border-radius:8px;overflow:hidden;border:1px solid var(--border)}.swatch-block{height:56px}.swatch-label{padding:8px 10px;background:var(--card-bg)}.swatch-name{font-size:11px;font-weight:600;color:var(--text);display:block;text-transform:uppercase;letter-spacing:.05em}.swatch-hex{font-size:10.5px;color:var(--muted);font-family:monospace}.type-scale{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:24px}.type-row{display:grid;grid-template-columns:120px 1fr;padding:14px 20px;border-bottom:1px solid var(--border);align-items:baseline;gap:24px}.type-row:last-child{border-bottom:none}.type-meta{font-size:11px;color:var(--muted);font-family:monospace}.component-preview{border:1px solid var(--border);border-radius:10px;padding:28px 24px;background:var(--card-bg);margin-bottom:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.code-block{background:var(--text);color:var(--bg);border-radius:8px;padding:16px 20px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;line-height:1.7;overflow-x:auto;margin-bottom:24px;position:relative}.code-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.1)}.code-filename{font-size:12px;color:hsla(0,0%,100%,.6);font-family:monospace}.code-copy-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:hsla(0,0%,100%,.8);font-size:11px;padding:3px 10px;cursor:pointer;font-family:var(--sans);transition:background .15s}.code-copy-btn:hover{background:hsla(0,0%,100%,.18)}.ds-badge{display:inline-flex;align-items:center;gap:5px;background:var(--accent-bg);border:1px solid var(--accent);border-radius:20px;padding:3px 12px 3px 8px;font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.ds-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.photo-grid-item .process-photo{margin:0}.photo-grid-item .process-photo img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.photo-grid-item .photo-placeholder{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-block{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px;transition:border-color .15s,transform .15s}.about-block:hover{border-color:var(--accent);transform:translateY(-1px)}.about-icon{font-size:22px;margin-bottom:8px}.about-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.about-value{font-size:13px;color:var(--text);line-height:1.5}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:16px;font-weight:400;letter-spacing:0;color:var(--muted);text-decoration:none;margin-bottom:24px;line-height:1.2;position:relative;transition:color .18s}.section-eyebrow:hover{color:var(--text)}.work-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0 0}.work-gallery-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:border-color .18s,transform .22s cubic-bezier(.22,1,.36,1)}.work-gallery-item:hover{border-color:#4e99a4;transform:translateY(-3px)}.work-gallery-item:hover .work-gallery-arrow{background:#4e99a4;border-color:#4e99a4;color:#fff}.work-gallery-item:hover .work-gallery-chip{border-color:#4e99a4;color:#4e99a4}.work-gallery-thumb{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block;background:var(--tag);position:relative;overflow:hidden}.work-gallery-info{padding:18px;background:var(--card-bg);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:12px;flex:1;min-height:150px}.work-gallery-text{display:flex;flex-direction:column;flex:1}.work-gallery-label{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:4px}.work-gallery-caption{font-size:13px;color:var(--muted);line-height:1.5}.work-gallery-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}.work-gallery-chip{font-family:var(--sans);font-size:11px;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:5px;padding:3px 9px;letter-spacing:.01em;line-height:1.6;transition:color .15s,border-color .15s}.work-gallery-arrow{flex-shrink:0;align-self:flex-end;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);transition:background .18s,color .18s,border-color .18s}.device-viewer{margin:28px 0 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.device-toggle{display:inline-flex;gap:4px;background:var(--hover);border:1px solid var(--border);padding:4px}.device-toggle,.device-toggle-btn{align-items:center;border-radius:9999px}.device-toggle-btn{display:flex;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.device-toggle-btn.active{background:var(--accent);color:#fff}.device-toggle-btn:not(.active):hover{background:var(--border);color:var(--text)}.device-hint{font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent);border-radius:9999px;padding:5px 14px;opacity:.85}.device-frame{width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--hover)}.device-frame--desktop .device-screen{max-height:520px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.device-frame--mobile{max-width:320px;margin:0 auto;border-radius:24px}.device-frame--mobile .device-screen{max-height:560px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.device-screen::-webkit-scrollbar{display:none}.device-screen img{width:100%;max-width:100%;display:block}.site-footer{margin-top:80px;padding:32px 0 48px;border-top:1px solid var(--border);font-family:var(--sans);font-size:13px;color:var(--muted);text-align:center;letter-spacing:.01em}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-name{opacity:0;animation:fadeUp .6s cubic-bezier(.22,1,.36,1) .05s forwards}.hero-bio-block{opacity:0;animation:fadeUp .6s cubic-bezier(.22,1,.36,1) .18s forwards}@media (max-width:900px){.top-nav{width:100%;max-width:none;background:hsla(48,24%,96%,.97);backdrop-filter:blur(40px) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.04);border-radius:0;border:none;border-bottom:1px solid hsla(45,12%,87%,.55);top:0}.dark .top-nav{background:rgba(17,17,16,.72);border-color:rgba(52,50,48,.55)}.nav-desktop-ctas,.nav-links{display:none}.nav-hamburger{display:flex}.content{padding:90px 28px 100px}.hero-bio-block{font-size:16px}.case-layout{grid-template-columns:1fr;padding:0 24px 100px;gap:0}.case-toc-col{display:none}}@media (max-width:640px){.content{padding:72px 20px 80px}.hero-bio-block{font-size:15px}.work-card-title{font-size:19px}.about-grid,.info-grid,.photo-grid{grid-template-columns:1fr}.ds-layout{flex-direction:column}.ds-sidebar{position:static;height:auto;width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border);padding:20px 16px}.ds-content{padding:28px 20px 80px}.page-title{font-size:32px}.article-title{font-size:30px}.work-gallery{grid-template-columns:repeat(3,calc(100vw - 80px));overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:0;gap:12px;padding-bottom:8px;scrollbar-width:none}.work-gallery::-webkit-scrollbar{display:none}.work-gallery-thumb{aspect-ratio:16/9}.work-gallery-item{scroll-snap-align:start;border-radius:14px}.work-gallery-info{flex-direction:column;align-items:flex-start;min-height:auto;padding:18px 18px 64px;position:relative}.work-gallery-text{width:100%}.work-gallery-label{font-size:15px;letter-spacing:-.01em}.work-gallery-caption{font-size:12.5px;width:100%}.work-gallery-chips{width:100%;padding-top:10px;margin-top:0;padding-right:52px}.work-gallery-arrow{position:absolute;bottom:18px;right:18px;align-self:auto;margin:0}}@media (max-width:400px){.hero-name{font-size:32px}.nav-inner{padding:0 16px}.content{padding:60px 16px 72px}}