*{box-sizing:border-box}:root{--site-font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--chat-response-font-size:1rem}html,body{overscroll-behavior:none;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:var(--site-font-family);background:#000;position:fixed;inset:0}a{color:inherit;text-decoration:none}.app-shell{--sidebar-width:17.9rem;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);width:100%;height:100dvh;transition:grid-template-columns .18s;display:grid;position:relative;overflow:hidden}.app-shell.sidebar-collapsed{--sidebar-width:3.6rem;grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.sidebar{z-index:30;background:#050505;border-right:1px solid #222;flex-direction:column;height:100%;padding:.75rem .3rem;display:flex;position:sticky;top:0}.sidebar-header{justify-content:space-between;align-items:center;margin:0 .45rem .75rem;display:flex}.brand{width:auto;height:2.6rem;font-family:var(--site-font-family);letter-spacing:normal;align-items:center;gap:.45rem;font-size:1.2rem;font-weight:500;display:flex}.sidebar-toggle-logo{object-fit:contain;flex:none;width:1.75rem;height:1.75rem;display:block}.sidebar-toggle{color:#bdbdbd;cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.sidebar-toggle:hover{color:#fff;background:#202020}.sidebar-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1rem;height:1.1rem}.side-nav,.pinned-chat-list{flex-direction:column;gap:.15rem;display:flex}.pinned-chat-section{margin-top:1.75rem;position:relative}.sidebar-section-label{color:#afafaf;margin:0 .75rem .35rem;font-size:.875rem;font-weight:600;line-height:1.2}.pinned-chat-row{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0}.pinned-chat-collapsed-trigger{color:#fff;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;display:none}.pinned-chat-popover{z-index:20;width:min(21rem, calc(100vw - var(--sidebar-width) - 1.5rem));background:#383838;border:1px solid #444;border-radius:1.2rem;flex-direction:column;max-height:calc(100dvh - 2rem);padding:1rem .6rem .6rem;display:flex;position:absolute;top:-1rem;left:calc(100% + .65rem);overflow:hidden;box-shadow:0 1rem 2.5rem #00000061}.pinned-chat-popover-title{color:#afafaf;margin:0 .65rem .45rem;font-size:1.05rem;font-weight:600;line-height:1.2}.pinned-chat-popover-list{flex-direction:column;gap:.15rem;min-height:0;display:flex;overflow-y:auto}.pinned-chat-option{color:#fff;min-height:2.3rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.6rem;align-items:center;padding:.45rem .75rem;font-size:.95rem;font-weight:400;line-height:1.25;display:flex}.pinned-chat-option:hover,.pinned-chat-option.is-active{background:#444}.pinned-chat-option>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pinned-chat-unread-dot{background:#2f81f7;border-radius:50%;flex:none;width:.55rem;height:.55rem;margin-left:auto}.nav-label{color:#737373;letter-spacing:normal;text-transform:uppercase;margin:0 .75rem .35rem;font-size:.68rem;font-weight:500}.nav-link{color:#fff;border-radius:.7rem;align-items:center;gap:.5rem;min-height:2rem;padding:0 .8rem;font-size:.9rem;transition:background .15s,color .15s;display:flex;position:relative}.nav-generation-loader{border:2px solid #555;border-top-color:#fff;border-radius:50%;flex:none;width:1rem;height:1rem;margin-left:auto;animation:.65s linear infinite nav-generation-spin}.nav-generation-loader.is-complete{width:.55rem;height:.55rem;box-shadow:none;background:#2f81f7;border:0;animation:none}@keyframes nav-generation-spin{to{transform:rotate(360deg)}}.nav-link:hover{color:#fff;background:#171717}.nav-link.active{color:#fff;background:#1a1a1a}.nav-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:1.25rem;height:1.25rem}.sidebar-collapsed .sidebar-header{margin-inline:auto}.sidebar-collapsed .brand{display:none}.sidebar-collapsed .sidebar-toggle{width:2.25rem;height:2.25rem;margin-inline:auto}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-link span,.sidebar-collapsed .sidebar-section-label{display:none}.sidebar-collapsed .pinned-chat-section{margin-top:0}.sidebar-collapsed .pinned-chat-list{display:none}.sidebar-collapsed .pinned-chat-collapsed-trigger{justify-content:center;align-items:center;padding-inline:0;display:flex}.sidebar-collapsed .nav-generation-loader:not(.is-complete){border-width:1px;width:.65rem;height:.65rem;margin-left:0;position:absolute;right:.25rem}.mobile-sidebar-toggle,.mobile-sidebar-backdrop{display:none}main{--page-gutter:2rem;height:100%;min-height:0;padding:var(--page-gutter);place-items:center;display:grid;position:relative;overflow:hidden}.selected-state{position:absolute;inset:0}.selected-top-fade{z-index:10;pointer-events:none;background:linear-gradient(#000 0%,#000000b8 28%,#0000001f 72%,#0000 100%);height:9rem;display:none;position:absolute;top:0;left:0;right:0}.selected-prompt-frame{padding:4.5rem var(--page-gutter) 2rem;pointer-events:auto;-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;scroll-padding-top:4.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}.selected-prompt-inner{flex-direction:column;align-items:flex-end;gap:2.5rem;width:min(100%,52rem);padding-bottom:10rem;display:flex}.selected-prompt-inner.conversation-follow-up-active{padding-bottom:max(22rem,65svh)}.conversation-turn{flex-direction:column;align-items:flex-end;gap:2.5rem;width:100%;display:flex}.conversation-end{height:0;margin-top:-2.5rem}.thinking-status{color:#afafaf;-webkit-text-fill-color:transparent;background-color:#afafaf;background-image:linear-gradient(90deg,#0000 0% 35%,#626262 45% 55%,#0000 65% 100%);background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;align-self:flex-start;margin:0;font-size:.9rem;line-height:1.2;animation:1.8s linear infinite thinking-shimmer}.best-work-response{color:#fff;max-width:100%;font-size:var(--chat-response-font-size);text-align:left;white-space:pre-line;align-self:flex-start;margin:0;line-height:1.7}.best-work-response strong{font-weight:600}.chat-projects{flex-direction:column;align-self:flex-start;gap:1rem;width:100%;display:flex}.chat-project-grid{align-self:stretch;width:100%}.chat-project-expander{color:#bdbdbd;font:inherit;cursor:pointer;background:#242424;border:1px solid #3d3d3d;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.85rem;line-height:1.2;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.chat-project-expander:hover{color:#fff;background:#2f2f2f;border-color:#656565}.response-actions{pointer-events:auto;align-self:flex-start;gap:.125rem;margin-top:-1.5rem;margin-left:-.5rem;display:flex}.response-action-button{color:#b4b4b4;cursor:pointer;background:0 0;border:0;border-radius:.55rem;place-items:center;width:2rem;height:2rem;padding:0;transition:background-color .16s,color .16s;animation:.18s ease-out both response-action-in;display:grid}.response-action-button:nth-child(2){animation-delay:35ms}.response-action-button:nth-child(3){animation-delay:70ms}.response-action-button:nth-child(4){animation-delay:.105s}.response-action-button:hover{color:#fff;background:#262626}.response-action-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.35rem;height:1.35rem}.response-action-button .overflow-icon circle{fill:currentColor;stroke:none}.response-action-button .copy-icon{transform:scaleX(-1)}@keyframes response-action-in{0%{opacity:0;transform:translate(-.35rem)}to{opacity:1;transform:translate(0)}}.follow-up-suggestions{overscroll-behavior-inline:contain;pointer-events:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.65rem;padding:.25rem 2.25rem;scroll-padding-inline:2.25rem;animation:.42s both follow-up-suggestions-in;display:flex;position:absolute;bottom:calc(100% + 1.75rem);left:0;right:0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.follow-up-suggestion{color:#fff;cursor:pointer;letter-spacing:normal;background:#242424;border:1px solid #5b5b5b;border-radius:999px;flex:none;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;transition:background-color .16s,border-color .16s;animation:.36s both follow-up-suggestion-in}.follow-up-suggestion:nth-child(2){animation-delay:.1s}.follow-up-suggestion:hover{background:#2f2f2f;border-color:#737373}@keyframes follow-up-suggestions-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes follow-up-suggestion-in{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes thinking-shimmer{0%,15%{background-position:100% 0}72%,to{background-position:-100% 0}}.selected-composer-frame{z-index:20;padding:2rem var(--page-gutter) 1.625rem;isolation:isolate;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.selected-composer-frame:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#0000,#0000001f 32%,#000000b8 72%,#000 100%);height:12rem;position:absolute;bottom:0;left:0;right:0}.selected-composer-inner{z-index:1;pointer-events:auto;width:min(100%,52rem);position:relative}.selected-composer-inner .composer{margin-top:0}.selected-prompt-bubble{color:#fff;text-align:left;background:#2b2b2b;border-radius:999px;max-width:min(32rem,100%);padding:.8rem 1.2rem;font-size:1rem;line-height:1.2}button,input{font:inherit}button{color:inherit}.hero{flex-direction:column;align-items:center;width:min(100%,52rem);display:flex;position:relative;transform:translateY(-4rem)}h1{letter-spacing:normal;text-align:center;margin:0;font-size:clamp(1.6rem,2.25vw,1.7rem);font-weight:400;line-height:1.05}.composer{background:#212121;border:.5px solid #3a3a3a;border-radius:1.75rem;align-items:center;gap:.75rem;width:100%;height:3.65rem;margin-top:1.75rem;padding:0 .55rem 0 1rem;display:flex;box-shadow:inset 0 0 0 .5px #ffffff05}.composer-input{color:#fff;letter-spacing:normal;text-align:left;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:1.1rem}.composer-input::placeholder{color:#afafaf;opacity:1;text-indent:.15rem}.icon-button,.send-button,.suggestion{cursor:pointer;border:0}.icon-button{background:0 0;flex:none;place-items:center;padding:0;display:grid}.icon-button svg{fill:none;stroke:#f5f5f5;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1.4rem;height:1.4rem}.mic-button svg{width:1.3rem;height:1.3rem}.send-button{background:#424242;border-radius:50%;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.send-button.is-generating{background:#fff}.send-button svg{fill:none;stroke:#111;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:72%;height:72%}.send-button .stop-icon{fill:#111;stroke:none;width:1.5rem;height:1.5rem}.suggestions{visibility:hidden;opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;margin-top:0;transition:opacity .42s,transform .42s,visibility 0s linear .42s;display:flex;position:absolute;top:calc(100% + 1.75rem);left:0;transform:translateY(-.5rem)}.follow-up-suggestions::-webkit-scrollbar{display:none}.hero.suggestions-open .suggestions{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.suggestion{opacity:0;transition:opacity .36s,transform .36s;transform:translateY(-.35rem)}.hero.suggestions-open .suggestion{opacity:1;transform:translateY(0)}.suggestion:nth-child(2){transition-delay:.1s}.suggestion:nth-child(3){transition-delay:.2s}.follow-up-suggestion:first-child{margin-left:auto}.follow-up-suggestion:last-child{margin-right:auto}@media (prefers-reduced-motion:reduce){.suggestions,.suggestion,.sidebar,.mobile-sidebar-toggle,.mobile-sidebar-backdrop{transition:none}.thinking-status{-webkit-text-fill-color:currentColor;background:0 0;animation:none}.response-action-button,.follow-up-suggestion{transition:none;animation:none}.chat-project-expander{transition:none}.follow-up-suggestions{animation:none}}.about-main{padding-block:clamp(1.5rem,4vw,4rem);padding-top:clamp(5rem,8vw,8rem);padding-inline:var(--page-gutter);place-items:initial;display:block;overflow:hidden auto}.about-page{grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr);align-content:start;column-gap:clamp(2rem,8vw,8rem);width:min(100%,52rem);min-height:0;margin:0 auto;padding-bottom:1rem;display:grid}.about-intro h1{color:#f5f5f5;letter-spacing:normal;text-align:left;margin:0;font-size:28px;font-weight:600;line-height:.95}.about-copy{max-width:44rem}.about-copy p{color:#fff;max-width:100%;font-size:var(--chat-response-font-size);text-align:left;white-space:pre-line;align-self:flex-start;margin:0;line-height:1.7}.about-copy p+p{margin-top:1.25rem}.about-copy strong{color:#fff;font-weight:600}.about-details{border-top:1px solid #2a2a2a;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:clamp(3rem,8vw,7rem) 0 0;padding:1.25rem 0 0;display:grid}.about-details div{flex-direction:column;gap:.55rem;min-width:0;display:flex}.about-details dt{clip:rect(0, 0, 0, 0);white-space:nowrap;color:#757575;letter-spacing:normal;text-transform:uppercase;border:0;width:1px;height:1px;margin:-1px;padding:0;font-size:.875rem;font-weight:600;line-height:1.2;position:absolute;overflow:hidden}.about-details dd{color:#e2e2e2;margin:0;font-size:1rem;line-height:1.45}@media (max-width:760px){.about-main{padding:7rem var(--page-gutter) 2rem}.about-page{flex-direction:column;justify-content:flex-start;gap:2rem;min-height:0;display:flex}.about-copy p+p{margin-top:1rem}.about-details{grid-template-columns:1fr;gap:1.1rem;width:100%;margin-top:1rem}}.contact-main{padding-block:clamp(1.5rem,4vw,4rem);padding-top:clamp(5rem,8vw,8rem);padding-inline:var(--page-gutter);place-items:initial;display:block;overflow:hidden auto}.contact-page{flex-direction:column;justify-content:flex-start;width:min(100%,52rem);min-height:0;margin:0 auto;padding-bottom:1rem;display:flex}.contact-heading h1{color:#f5f5f5;letter-spacing:normal;text-align:left;max-width:none;margin:0;font-size:28px;font-weight:600;line-height:.95}.contact-heading p{color:#fff;font-size:var(--chat-response-font-size);text-align:left;white-space:pre-line;margin:1.5rem 0 0;line-height:1.7}.contact-links{border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:2rem;margin-top:clamp(2.5rem,6vw,4.5rem);padding-top:1.2rem;display:flex}.contact-email{color:#111;background:#f5f5f5;border-radius:999px;align-items:center;gap:.55rem;padding:.85rem 1.1rem .85rem 1.2rem;font-size:.95rem;font-weight:600;line-height:1;transition:background-color .16s,transform .16s;display:inline-flex}.contact-email span{font-size:1.1rem;transition:transform .16s}.contact-email:hover{background:#fff;transform:translateY(-.1rem)}.contact-email:hover span{transform:translate(.15rem)}.contact-socials{align-items:center;gap:1.3rem;display:flex}.contact-socials a{color:#a6a6a6;font-size:.95rem;transition:color .16s}.contact-socials a:hover{color:#fff}.contact-bottom-line{justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.25rem;display:flex}.contact-location,.contact-footer{color:#707070;margin:0;font-size:.875rem;line-height:1.45}.contact-footer{text-align:right;text-wrap:balance;max-width:22rem}@media (max-width:620px){.contact-main{padding:7rem var(--page-gutter) 2rem}.contact-heading h1{font-size:28px}.contact-links,.contact-bottom-line{flex-direction:column;align-items:flex-start}.contact-socials{gap:1.1rem}.contact-footer{text-align:left;max-width:19rem}}@media (prefers-reduced-motion:reduce){.contact-email,.contact-email span,.contact-socials a{transition:none}}.suggestion{letter-spacing:normal;touch-action:manipulation;background:#242424;border:1px solid #5b5b5b;border-radius:999px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.icon-button:focus-visible,.send-button:focus-visible,.response-action-button:focus-visible,.follow-up-suggestion:focus-visible,.suggestion:focus-visible,.sidebar-toggle:focus-visible,.mobile-sidebar-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:560px){main{--page-gutter:1rem;padding-inline:var(--page-gutter)}.composer{padding-left:1rem}.mic-button{display:none}}@media (max-width:720px){.app-shell,.app-shell.sidebar-collapsed{--sidebar-width:0px;display:block}.sidebar{z-index:50;visibility:hidden;pointer-events:none;width:min(17.9rem,100vw - 2.5rem);max-width:calc(100vw - 2.5rem);height:100dvh;padding:.75rem .3rem;transition:transform .18s,visibility 0s linear .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-sidebar-toggle{top:max(.85rem, env(safe-area-inset-top));z-index:60;cursor:pointer;background:#303030;border:1px solid #4d4d4d;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;transition:opacity .18s,transform .18s,background .15s,border-color .15s;display:grid;position:fixed;left:.85rem;box-shadow:0 .35rem 1.25rem #00000047}.mobile-sidebar-toggle.is-hidden{opacity:0;pointer-events:none;transform:translate(-.35rem,-.35rem)scale(.82)}.mobile-sidebar-toggle:hover{background:#3a3a3a;border-color:#444}.mobile-sidebar-toggle svg{color:#fff;stroke:currentColor;width:1.45rem;height:1.45rem}.mobile-sidebar-backdrop{z-index:40;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;background:#00000085;border:0;padding:0;transition:opacity .18s,visibility 0s linear .18s;display:block;position:fixed;inset:0}.mobile-sidebar-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,visibility linear}.sidebar.mobile-sidebar-open{visibility:visible;pointer-events:auto;transition:transform .18s,visibility linear;transform:translate(0)}.sidebar.mobile-sidebar-open .sidebar-header{margin-inline:.45rem}.sidebar.mobile-sidebar-open .brand{display:flex}.sidebar.mobile-sidebar-open .sidebar-toggle{width:2rem;height:2rem;margin-inline:0}.sidebar.mobile-sidebar-open .nav-link{justify-content:flex-start;padding-inline:.8rem}.sidebar.mobile-sidebar-open .nav-link span{display:inline}.sidebar.mobile-sidebar-open .sidebar-section-label{display:block}.sidebar.mobile-sidebar-open .pinned-chat-section{margin-top:1.75rem}.sidebar.mobile-sidebar-open .pinned-chat-list{display:flex}.sidebar.mobile-sidebar-open .pinned-chat-collapsed-trigger{display:none}main{padding-top:2rem;padding-bottom:2rem}.hero{transform:translateY(-2.5rem)}.selected-prompt-frame{padding-top:7rem;scroll-padding-top:7rem}.selected-top-fade{display:block}.selected-composer-frame{padding-bottom:max(1.625rem, calc(env(safe-area-inset-bottom) + .75rem))}}.projects-main{padding-block:clamp(1.5rem,4vw,4rem);padding-top:clamp(5rem,8vw,8rem);padding-inline:var(--page-gutter);place-items:initial;scroll-behavior:smooth;display:block;overflow:hidden auto}.projects-page{width:min(100%,52rem);margin:0 auto;padding-bottom:2rem}.projects-header{justify-content:flex-start;align-items:flex-end;gap:2rem;margin-bottom:clamp(1.75rem,4vw,3.25rem);display:flex}.project-detail-label{color:#777;letter-spacing:normal;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600;line-height:1.2}.projects-header h1{letter-spacing:normal;text-align:left;margin-top:0;font-size:28px;font-weight:600;line-height:.95}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{min-width:0;height:100%;display:flex}.project-card-link{background:#303030;border:1px solid #292929;border-radius:1rem;flex-direction:column;width:100%;height:100%;min-height:0;transition:border-color .18s,background-color .18s,transform .18s;display:flex;overflow:hidden}.project-card-link:hover{background:#151515;border-color:#4a4a4a;transform:translateY(-.2rem)}.project-card-link:focus-visible,.project-back-link:focus-visible{outline-offset:4px;outline:2px solid #fff}.project-visual{aspect-ratio:2.1;isolation:isolate;position:relative;overflow:hidden}.project-visual:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 50%,#00000052);position:absolute;inset:0}.project-card .project-visual{min-height:0}.project-visual-image{background:#0a0a0a}.project-visual-image img{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.project-card-link:hover .project-visual-image img{transform:scale(1.025)}.project-visual-logo img{padding:11%}.project-card-content{background:#303030;flex-direction:column;flex:none;justify-content:space-between;gap:.6rem;min-height:7.5rem;padding:.9rem;display:flex}.project-card-heading{display:block}.project-card h2{color:#f4f4f4;letter-spacing:normal;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;line-height:1.1}.project-card-description{color:#a4a4a4;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:31rem;margin:.25rem 0 0;font-size:.75rem;line-height:1.25;display:-webkit-box;overflow:hidden}.project-card-footer{justify-content:space-between;align-items:flex-end;gap:.6rem;display:flex}.project-card-tags{flex-wrap:wrap;gap:0;max-width:75%;display:flex}.project-tag{color:#fff;white-space:nowrap;padding:0;font-size:.78rem;line-height:1.35}.project-tag:not(:last-child):after{color:#fff;content:"·";vertical-align:-.08em;margin-inline:.3rem;font-size:.9rem;font-weight:600;line-height:1}.project-card-action{color:#111;white-space:nowrap;background:#fff;border:0;border-radius:999px;flex:none;align-items:center;padding:.46rem .72rem;font-size:.75rem;font-weight:400;line-height:1;display:inline-flex}.visual-window-bar{z-index:2;background:#ffffff6b;border-bottom:1px solid #13274b29;align-items:center;gap:.35rem;height:2.4rem;padding:0 1rem;display:flex;position:relative}.visual-window-bar>span{background:#16315959;border-radius:50%;width:.42rem;height:.42rem}.visual-window-bar small{color:#0f264a9e;letter-spacing:normal;margin-left:.65rem;font-size:.62rem}.project-visual-blue{color:#0d2e62;background:#b7d1ff}.blue-visual-body{grid-template-columns:1fr .8fr;align-items:center;gap:1rem;height:calc(100% - 2.4rem);padding:clamp(1.4rem,3vw,2.5rem);display:grid;position:relative}.blue-visual-heading{flex-direction:column;gap:1.3rem;display:flex}.blue-visual-heading>span{letter-spacing:normal;font-size:.72rem;font-weight:700}.blue-visual-heading strong{color:#0b2a58;letter-spacing:normal;font-size:clamp(2rem,5.3vw,5rem);font-weight:500;line-height:.8}.blue-visual-panel{background:#ffffff8f;border:1px solid #143b742e;border-radius:.8rem;flex-direction:column;justify-content:space-between;min-height:9rem;padding:1.2rem;display:flex;box-shadow:0 1rem 3rem #1b4c9721}.visual-mini-label{color:currentColor;letter-spacing:normal;text-transform:uppercase;font-size:.6rem;font-weight:700;line-height:1}.blue-visual-progress{background:#12397226;border-radius:999px;height:.45rem}.blue-visual-progress i{border-radius:inherit;background:#2369d4;width:62%;height:100%;display:block}.blue-visual-row{align-items:center;gap:.4rem;height:.85rem;display:flex}.blue-visual-row b,.blue-visual-row span,.blue-visual-row em{background:#13366a47;border-radius:999px;display:block}.blue-visual-row b{background:#2369d4;border-radius:.15rem;width:.6rem;height:.6rem}.blue-visual-row span{width:45%;height:.3rem}.blue-visual-row em{width:20%;height:.3rem;margin-left:auto}.project-visual-campaigns{color:#1b1713;background:#d7d0c5;padding:clamp(1.25rem,3vw,2rem)}.project-visual-campaigns:before{content:"";background:#ffbf17;border-radius:50%;width:62%;height:125%;position:absolute;top:-22%;right:-10%;transform:rotate(-17deg)}.campaigns-visual-header{z-index:2;color:#1b1713;letter-spacing:normal;justify-content:space-between;font-size:.68rem;font-weight:700;display:flex;position:relative}.campaigns-visual-poster{z-index:2;flex-direction:column;justify-content:flex-end;height:calc(100% - 1rem);padding-bottom:.4rem;display:flex;position:relative}.campaigns-visual-poster .visual-mini-label{margin-bottom:.85rem}.campaigns-visual-poster strong{color:#1b1713;letter-spacing:normal;font-size:clamp(2.7rem,7vw,6.4rem);font-weight:600;line-height:.72}.campaigns-visual-poster strong i{color:#df3120;font-style:normal}.campaigns-visual-blocks{gap:.35rem;width:45%;margin-top:1.25rem;display:flex}.campaigns-visual-blocks i{background:#1b1713;flex:1;height:.55rem;display:block}.campaigns-visual-blocks i:nth-child(2){background:#df3120}.campaigns-visual-blocks i:nth-child(3){background:#1d684e}.project-visual-shopee{color:#f5f5f5;background:#f05b38}.shopee-visual-header{z-index:2;letter-spacing:normal;background:#eb4e2e;justify-content:space-between;align-items:center;height:2.55rem;padding:0 1.2rem;font-size:.7rem;font-weight:700;display:flex;position:relative}.shopee-visual-header i{background:#ffffff73;border-radius:999px;width:4.5rem;height:.45rem}.shopee-visual-body{grid-template-columns:.23fr 1fr;height:calc(100% - 2.55rem);display:grid}.shopee-visual-sidebar{background:#d8442a;flex-direction:column;gap:.9rem;padding:1.5rem .85rem;display:flex}.shopee-visual-sidebar i{background:#ffffff7a;border-radius:999px;width:100%;height:.45rem;display:block}.shopee-visual-sidebar i:first-child{background:#fff;width:70%}.shopee-visual-main{color:#49271f;background:#f7eee8;flex-direction:column;gap:1.1rem;padding:1.6rem;display:flex}.shopee-visual-metrics,.shopee-visual-list{gap:.7rem;display:grid}.shopee-visual-metrics{grid-template-columns:repeat(3,1fr)}.shopee-visual-metrics i{background:#fff;border:1px solid #5c322629;border-radius:.55rem;height:3.5rem;display:block}.shopee-visual-metrics i:nth-child(2){background:#ffd0a2}.shopee-visual-metrics i:nth-child(3){background:#f7b1a3}.shopee-visual-list{grid-template-columns:repeat(3,1fr)}.shopee-visual-list i{background:#e7a36a;border-radius:.55rem;height:4.2rem;display:block}.shopee-visual-list i:nth-child(2){background:#fff}.shopee-visual-list i:nth-child(3){background:#f8cc5a}.project-detail{width:min(100%,52rem);margin:0 auto;padding-bottom:3rem}.project-back-link{color:#a0a0a0;margin-bottom:clamp(2rem,5vw,4.5rem);font-size:.9rem;transition:color .16s;display:inline-flex}.project-back-link:hover{color:#fff}.project-detail-header{max-width:48rem}.project-detail-header h1{letter-spacing:normal;text-align:left;margin-top:.7rem;font-size:clamp(2.75rem,7vw,6rem);font-weight:400;line-height:.92}.project-detail-header>p{color:#b9b9b9;max-width:39rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.project-detail-header .project-card-tags{max-width:none;margin-top:1.35rem}.project-detail-visual{border:1px solid #292929;border-radius:1rem;margin-top:clamp(2.5rem,6vw,5rem);overflow:hidden}.project-detail-visual .project-visual{min-height:0}.project-detail-summary{grid-template-columns:1.15fr .85fr;gap:clamp(2rem,8vw,8rem);max-width:58rem;margin-top:clamp(2.5rem,6vw,5rem);display:grid}.project-detail-summary section{min-width:0}.project-detail-summary section>p:last-child{color:#d2d2d2;margin:.75rem 0 0;font-size:1rem;line-height:1.6}@media (max-width:900px){.project-card-link,.project-card .project-visual{min-height:0}}@media (max-width:720px){.projects-main{padding:7rem var(--page-gutter) 2rem}.projects-header{align-items:flex-start}.project-card .project-visual{height:auto;min-height:0}.project-grid{grid-template-columns:1fr}.project-card-content{min-height:8rem;padding:.85rem}.project-card-footer{flex-direction:column;align-items:flex-start;gap:.55rem}.project-card-tags{max-width:100%}.project-detail-summary{grid-template-columns:1fr;gap:1.75rem}}@media (prefers-reduced-motion:reduce){.projects-main{scroll-behavior:auto}.project-card-link,.project-visual-image img{transition:none}}