.design-root{--dn-bg:#f4f4f4;--dn-panel:#ececec;--dn-panel-alt:#e4e4e4;--dn-text:#000;--dn-muted:#6c6c6c;--dn-line:#d6d6d6;--dn-btn-bg:#000;--dn-btn-text:#fff;--dn-btn-alt-bg:#ededed;--dn-btn-alt-text:#404040;--dn-sidebar-w:355px;color:var(--dn-text);background:var(--dn-bg);font-family:Host Grotesk,Indivisible,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300}.dark .design-root{--dn-bg:#111;--dn-panel:#1a1a1a;--dn-panel-alt:#212121;--dn-text:#fff;--dn-muted:#9e9e9e;--dn-line:#2e2e2e;--dn-btn-bg:#f5f5f5;--dn-btn-text:#000;--dn-btn-alt-bg:#212121;--dn-btn-alt-text:#dedede}html.design-active,html.design-active body{background:var(--dn-bg);height:100%;color:var(--dn-text);margin:0;overflow:hidden}.design-root *,.design-root :before,.design-root :after{box-sizing:border-box}.design-root button{font-family:inherit;font-weight:300}.design-root a{color:var(--dn-text);text-decoration:none}.design-layout{height:100vh;overflow:hidden}.design-sidebar{width:var(--dn-sidebar-w);background:var(--dn-bg);flex-direction:column;gap:24px;height:100vh;min-height:0;padding:24px;display:flex;position:fixed;top:0;left:0}.design-brand-row{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.design-logo{width:170px;height:auto;color:var(--dn-text)}.design-theme-switch{border:1px solid var(--dn-line);background:var(--dn-panel-alt);cursor:pointer;border-radius:999px;width:48px;height:26px;padding:2px}.design-theme-switch span{background:var(--dn-text);border-radius:50%;width:20px;height:20px;transition:transform .18s;display:block;transform:translate(0)}.dark .design-theme-switch span{transform:translate(21px)}.design-intro{color:var(--dn-muted);flex-shrink:0;font-size:.94rem;line-height:1.45}.design-intro p{margin:0 0 14px}.design-works-nav-shell{flex:1;min-height:0;position:relative}.design-works-nav-shell:before,.design-works-nav-shell:after{content:"";pointer-events:none;opacity:0;z-index:1;height:48px;transition:opacity .18s;position:absolute;left:0;right:0}.design-works-nav-shell:before{background:linear-gradient(to bottom, var(--dn-bg), transparent);top:0}.design-works-nav-shell:after{background:linear-gradient(to bottom, transparent, var(--dn-bg));bottom:0}.design-works-nav-shell.is-fade-top:before,.design-works-nav-shell.is-fade-bottom:after{opacity:1}.design-works-nav{scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow-y:auto}.design-works-nav::-webkit-scrollbar{display:none}.design-works-nav ul,.design-works-nav li{margin:0;padding:0;list-style:none}.design-works-nav-list{flex-direction:column;gap:10px;display:flex}.design-works-nav-item{background:var(--dn-panel);color:inherit;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.design-works-nav-logo{-o-object-fit:cover;object-fit:cover;background:var(--dn-panel-alt);width:48px;height:48px;color:var(--dn-text);text-transform:uppercase;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;font-weight:500;display:flex}.design-works-nav-logo img{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%}.design-works-nav-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.design-works-nav-name{color:var(--dn-text);font-size:.95rem;line-height:1.2}.design-works-nav-description{color:var(--dn-muted);font-size:.82rem;line-height:1.3}.design-works-nav-item.is-active{background:var(--dn-panel-alt)}.design-actions{flex-shrink:0;gap:8px;padding-top:10px;display:flex}.design-btn{border:1px solid var(--dn-line);border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-size:.9rem;display:inline-flex}.design-btn svg{width:14px;height:14px}.design-btn-primary,a.design-btn-primary{background:var(--dn-btn-bg);color:var(--dn-btn-text);border-color:#0000}.design-btn-secondary{background:var(--dn-btn-alt-bg);color:var(--dn-btn-alt-text)}.design-site-footer{color:var(--dn-muted);flex-shrink:0;font-size:1rem;line-height:1.4}.design-site-footer p{margin:0 0 5px}.design-site-footer strong{color:var(--dn-text);font-weight:300}.design-city-rotator-label{vertical-align:middle;height:1.2em;line-height:1.2em;display:inline-block}.design-city-rotator{vertical-align:middle;min-width:11ch;height:1.2em;color:var(--dn-text);display:inline-block;position:relative;overflow:hidden}.design-city-rotator>span{white-space:nowrap;opacity:1;will-change:transform, opacity;line-height:1.2em;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .38s;display:block;position:absolute;inset:0 auto auto 0;transform:translateY(0)}.design-city-current{opacity:1;transform:translateY(0)}.design-city-next{opacity:0;transform:translateY(100%)}.design-city-rotator.is-animating .design-city-current{opacity:0;transform:translateY(-18%)}.design-city-rotator.is-animating .design-city-next{opacity:1;transform:translateY(0)}.design-city-rotator.is-resetting>span{transition:none}@media (prefers-reduced-motion:reduce){.design-city-rotator>span{transition:none}}.design-content-pane{margin-left:var(--dn-sidebar-w);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;height:100vh;padding:0 22px 12px;display:flex;overflow:hidden}.design-content-pane::-webkit-scrollbar{width:0;height:0}.design-content-header{z-index:8;background:var(--dn-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:24px 0 14px;display:flex;position:sticky;top:0}.design-content-breadcrumb{align-items:center;gap:8px;min-width:0;display:flex}.design-breadcrumb-root{color:var(--dn-text)}.design-breadcrumb-separator,.design-breadcrumb-current{color:var(--dn-muted);font-size:.95rem}.design-breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.design-content-header-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.design-view-switcher{align-items:center;gap:12px;display:inline-flex}.design-view-switcher-label{color:var(--dn-muted);font-size:.9rem}.design-view-btn{width:20px;height:15px;color:var(--dn-text);cursor:pointer;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.design-view-btn.is-active{opacity:1}.design-works-container{flex-direction:column;flex:1;min-height:0;display:flex}.design-works-container.is-one-view{overflow:hidden}.design-works-container.is-grid-view{padding-bottom:24px;overflow-y:auto}.design-page{scrollbar-width:thin;flex:1;min-height:0;padding-bottom:32px;overflow-y:auto}.design-page-inner{max-width:880px;margin:0 auto;padding:8px 4px 0}.design-page-eyebrow{color:var(--dn-muted);margin:0;font-size:.95rem}.design-page-title{letter-spacing:-.01em;color:var(--dn-text);margin:6px 0 0;font-size:2rem;font-weight:400;line-height:1.15}.design-page-lead{color:var(--dn-muted);margin-top:14px;font-size:1rem;line-height:1.55}.design-page-section{margin-top:28px}.design-card-list{gap:16px;display:grid}.design-card{border:1px solid var(--dn-line);background:var(--dn-panel);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.design-card-media{aspect-ratio:16/7;background:var(--dn-panel-alt);width:100%;display:block;overflow:hidden}.design-card-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.design-card-body{padding:18px 20px 20px}.design-card-title{color:var(--dn-text);margin:0;font-size:1.25rem;font-weight:400}.design-card-title a:hover{text-decoration:underline}.design-card-excerpt{color:var(--dn-muted);margin:10px 0 0;line-height:1.55}.design-card-meta{color:var(--dn-muted);margin-top:12px;font-size:.88rem}.design-card-actions{gap:16px;margin-top:14px;font-size:.9rem;display:flex}.design-card-actions a{text-decoration:underline}.design-empty{border:1px solid var(--dn-line);background:var(--dn-panel);color:var(--dn-muted);border-radius:16px;padding:22px;font-size:.95rem}.design-prose{color:var(--dn-text);margin-top:24px;font-size:1rem;line-height:1.7}.design-prose p,.design-prose ul,.design-prose ol,.design-prose blockquote{margin:0 0 16px}.design-prose h1,.design-prose h2,.design-prose h3{letter-spacing:-.01em;margin:28px 0 12px;font-weight:500;line-height:1.25}.design-prose h1{font-size:1.6rem}.design-prose h2{font-size:1.35rem}.design-prose h3{font-size:1.15rem}.design-prose a{color:var(--dn-text);text-underline-offset:3px;text-decoration:underline}.design-prose img{border-radius:12px;max-width:100%;height:auto}.design-prose blockquote{border-left:2px solid var(--dn-line);color:var(--dn-muted);padding-left:14px}.design-prose code{background:var(--dn-panel);border-radius:6px;padding:2px 6px;font-size:.92em}.design-prose pre{background:var(--dn-panel);border-radius:12px;padding:14px 16px;overflow-x:auto}.design-prose pre code{background:0 0;padding:0}.design-page-cover{border:1px solid var(--dn-line);background:var(--dn-panel-alt);border-radius:16px;margin-top:24px;overflow:hidden}.design-page-cover img{width:100%;height:auto;display:block}.design-form{gap:18px;max-width:640px;margin-top:8px;display:grid}.design-form-row{gap:6px;display:grid}.design-form label{color:var(--dn-muted);font-size:.85rem}.design-form input,.design-form select,.design-form textarea{border:1px solid var(--dn-line);background:var(--dn-panel);width:100%;color:var(--dn-text);font:inherit;color-scheme:normal;border-radius:10px;padding:10px 12px}.dark .design-form input,.dark .design-form select,.dark .design-form textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.design-form input::-moz-placeholder{color:var(--dn-muted)}.design-form textarea::-moz-placeholder{color:var(--dn-muted)}.design-form input::placeholder,.design-form textarea::placeholder{color:var(--dn-muted)}.design-form textarea{resize:vertical;min-height:140px}.design-form input:focus,.design-form select:focus,.design-form textarea:focus{border-color:var(--dn-text);outline:none}.design-form-checkbox{color:var(--dn-text);white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.design-form-error{color:#e25555;font-size:.82rem}.design-form-banner{border-radius:10px;padding:10px 14px;font-size:.9rem}.design-form-banner.is-error{color:#e25555;background:#e255551f;border:1px solid #e2555566}.design-form-banner.is-success{color:#4d9b65;background:#5bb27124;border:1px solid #5bb27173}.design-form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.design-form-submit{background:var(--dn-btn-bg);color:var(--dn-btn-text);cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:.92rem}.design-form-submit:disabled{opacity:.6;cursor:not-allowed}@media (min-width:760px){.design-form-grid{grid-template-columns:1fr 1fr}.design-form-grid .design-form-row.span-2{grid-column:span 2}}.design-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.design-work-media-grid{margin-bottom:11px}.design-work-preview{cursor:pointer;aspect-ratio:16/10;background:0 0;border:1px solid #0000;border-radius:10px;padding:3px;position:relative;overflow:hidden}.design-work-preview img{-o-object-fit:cover;object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.design-work-preview.is-active{border-color:var(--dn-text);box-shadow:0 0 0 1px var(--dn-text)}.design-work-preview-compact{aspect-ratio:16/10;border-radius:8px;flex:0 0 72px;width:72px}.design-works-strip-overlay .design-work-preview{position:relative}.design-works-strip-overlay .design-work-preview.is-active{box-shadow:none}.design-works-strip-overlay .design-work-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);border-radius:0 7px 7px;height:calc(50% - 3px);position:absolute;top:50%;left:3px;right:3px}.design-work-preview-progress{pointer-events:none;z-index:1;opacity:0;background:#ffffff47;border-radius:999px;height:2px;position:absolute;bottom:20%;left:6px;right:6px;overflow:hidden}.design-work-preview.is-active .design-work-preview-progress{opacity:1}.design-work-preview-progress-fill{background:#fff;border-radius:999px;width:0;height:100%;display:block}.design-work-preview-progress-fill.is-running{animation:design-work-preview-progress-fill var(--dn-progress-duration,4.5s) linear forwards}@keyframes design-work-preview-progress-fill{0%{width:0}to{width:100%}}.design-works-strip{overflow:hidden}.design-works-strip-overlay{z-index:3;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.design-works-strip-overlay.has-thumb-nav{left:8px;right:8px}.design-works-strip-overlay .design-works-strip-track{pointer-events:auto;flex:1;min-width:0}.design-works-strip-overlay .design-carousel-control{pointer-events:auto;flex:0 0 36px;position:static;transform:none}.design-works-strip-overlay .design-carousel-control[hidden]{display:none}.design-works-strip-track{scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.design-works-strip-track::-webkit-scrollbar{display:none}.design-carousel-track.is-full-width{grid-auto-columns:initial;grid-auto-flow:initial;aspect-ratio:16/9;scroll-snap-type:none;gap:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.design-carousel-track.is-full-width .design-media-frame{aspect-ratio:auto;opacity:0;pointer-events:none;scroll-snap-align:none;border-radius:14px;width:100%;min-width:0;height:100%;transition:opacity .6s;position:absolute;inset:0}.design-carousel-track.is-full-width .design-media-frame.is-active{opacity:1;pointer-events:auto;z-index:1}.design-media-frame-selectable{cursor:pointer}.design-content-header:after{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--dn-bg), transparent);height:16px;position:absolute;bottom:-14px;left:0;right:0}.design-text-btn{color:var(--dn-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem}.design-meta{color:var(--dn-muted);margin:0;font-size:.9rem}.design-work-item{min-height:0;padding-bottom:18px;scroll-margin-top:75px}.is-one-view .design-work-item{flex-direction:column;flex:1;display:flex}.is-one-view .design-carousel-wrap{flex:1 1 0;width:100%;min-height:0;display:flex}.is-one-view .design-carousel-track.is-full-width{width:100%;height:100%;min-height:0;aspect-ratio:unset;flex:auto;max-height:none;display:block;position:relative}.is-one-view .design-carousel-track.is-full-width .design-media-frame{height:100%}.design-carousel-wrap{width:100%;position:relative}.design-carousel-track{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;background:var(--dn-panel);scrollbar-width:none;border-radius:14px;grid-auto-columns:minmax(72%,1fr);grid-auto-flow:column;gap:12px;padding:8px;display:grid;overflow-x:auto}.design-carousel-track::-webkit-scrollbar{display:none}.design-media-frame{scroll-snap-align:start;aspect-ratio:16/9;background:var(--dn-panel-alt);border-radius:10px;overflow:hidden}.design-media-frame img,.design-media-frame video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.design-carousel-control{border:1px solid var(--dn-line);color:#fff;cursor:pointer;z-index:4;background:#14141480;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.design-work-meta{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-top:11px;display:flex}.design-work-caption{color:var(--dn-text);margin:0;font-size:.98rem}.design-work-link{color:var(--dn-text);white-space:nowrap;font-size:.92rem}@media (max-width:700px){html.design-active,html.design-active body{overflow:auto}.design-layout{height:auto;overflow:visible}.design-sidebar{width:100%;height:auto;position:static}.design-works-nav-shell{flex:none;min-height:auto}.design-works-nav{height:auto;overflow:visible}.design-works-nav-shell:before,.design-works-nav-shell:after{display:none}.design-content-pane{height:auto;min-height:0;margin-left:0;padding:0 22px 12px;display:block;overflow:visible}.design-works-container{flex:none;display:block;overflow:visible}.design-works-container.is-one-view{overflow:visible}.is-one-view .design-work-item{flex:none;height:auto;display:block}.is-one-view .design-carousel-wrap{flex:none;width:100%;height:auto;display:block}.is-one-view .design-carousel-track.is-full-width{aspect-ratio:16/9;flex:none;width:100%;height:auto;min-height:0;max-height:none;display:block;position:relative}.is-one-view .design-carousel-track.is-full-width .design-media-frame{aspect-ratio:auto;width:100%;min-width:0;height:100%}.design-page{flex:none;overflow:visible}.design-page-inner{padding-left:0;padding-right:0}}@media (max-width:680px){.design-works-grid{grid-template-columns:1fr}.design-content-header,.design-work-meta{flex-direction:column;align-items:flex-start}.design-page-title{font-size:1.6rem}}