*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f8f6f1;--color-bg-secondary:#fff;--color-text:#1c1c1e;--color-text-muted:#999;--color-accent:#1a6cf0;--color-accent-outline:#1a6cf033;--color-accent-soft:#1a6cf00a;--color-tick-idle:#1a6cf033;--color-border:#00000014;--color-divider:#0000000f;--color-quote-bg:#0000000a;--color-shadow:#1a6cf01f;--color-shadow-soft:#1a6cf014;--color-scrim:#00000059;color-scheme:light}html[data-theme=dark]{--color-bg:#16171b;--color-bg-secondary:#212227;--color-text:#f1f0ec;--color-text-muted:#8a8a8e;--color-accent:#5c97ff;--color-accent-outline:#5c97ff47;--color-accent-soft:#5c97ff14;--color-tick-idle:#5c97ff38;--color-border:#ffffff1a;--color-divider:#ffffff14;--color-quote-bg:#ffffff0d;--color-shadow:#00000073;--color-shadow-soft:#0000004d;--color-scrim:#0000008c;color-scheme:dark}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;scroll-behavior:smooth}body{background-color:var(--color-bg);transition:background-color .3s,color .3s}.sidebar{background-color:var(--color-bg);z-index:10;width:258px;height:calc(100vh - 32px);box-shadow:0 4px 32px var(--color-shadow), 0 1px 4px var(--color-shadow-soft);border-radius:24px;transition:transform .4s cubic-bezier(.25,1,.5,1),background-color .3s;position:fixed;top:16px;left:16px;overflow:hidden}body.sidebar-closed .sidebar{transform:translate(calc(-100% - 16px))}.logo{width:106px;height:46px;position:absolute;top:36px;left:36px}.logo-dot{background-color:var(--color-accent);outline:1px solid var(--color-accent-outline);transform-origin:0 0;width:8px;height:8px;top:20px;left:calc(var(--i) * 12px);rotate:var(--rt,0deg);border-radius:9999px;transition:all .4s ease-in-out;position:absolute;translate:0}.logo:hover .logo-dot{width:var(--w,8px);height:var(--h,8px);top:var(--t,0px);left:var(--l,0px);rotate:var(--r,0deg);translate:var(--tr,0px 0px)}.sidebar-nav{width:222px;height:160px;position:absolute;top:114px;left:36px}.tick-field{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:0;left:0}.tick{background-color:var(--color-tick-idle);border-radius:9999px;width:14px;height:2px;transition:width 70ms ease-out,background-color 70ms ease-out}.nav-link{color:var(--color-accent);white-space:nowrap;opacity:.4;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1;text-decoration:none;transition:opacity .2s;position:absolute;left:48px}.nav-link.active{opacity:1;font-weight:800}.nav-link:hover{opacity:1}.sidebar.has-subnav .sidebar-nav{height:360px}.cs-subnav{scrollbar-width:none;flex-direction:column;gap:2px;max-height:168px;display:flex;position:absolute;top:148px;left:84px;overflow-y:auto}.cs-subnav::-webkit-scrollbar{display:none}.cs-subnav-link{color:var(--color-accent);opacity:.35;white-space:nowrap;padding:5px 0;font-family:Manrope,system-ui,sans-serif;font-size:11px;line-height:1;text-decoration:none;transition:opacity .15s}.cs-subnav-link:hover{opacity:.8}.cs-subnav-link.active{opacity:1;font-weight:700}.theme-toggle{background:var(--color-accent-soft);border:1px solid var(--color-accent-outline);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .3s,border-color .3s,opacity .2s;display:flex;position:absolute;bottom:32px;left:36px}.theme-toggle:hover{opacity:.8}.theme-icon{color:var(--color-accent);font-size:20px;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.theme-icon--dark,html[data-theme=dark] .theme-icon--light{opacity:0;transform:translate(-50%,-50%)scale(.6)}html[data-theme=dark] .theme-icon--dark{opacity:1;transform:translate(-50%,-50%)scale(1)}.main{background-color:var(--color-bg);margin-left:290px;transition:margin-left .4s cubic-bezier(.25,1,.5,1),background-color .3s;position:relative}.main>*{width:100%;max-width:914px;margin:0 auto}body.sidebar-closed .main{margin-left:0}.work-section{padding:clamp(60px,8vh,100px) clamp(40px,9vw,122px) clamp(80px,10vh,120px)}.case-study-card{flex-direction:column;gap:16px;max-width:680px;display:flex}.case-study-header{flex-direction:column;gap:0;display:flex}.case-study-index{color:var(--color-text-muted);font-family:Manrope,system-ui,sans-serif;font-size:10px;line-height:1.3}.case-study-info{flex-direction:column;gap:8px;display:flex}.case-study-title{color:var(--color-text);font-family:system-ui,sans-serif;font-size:24px;font-weight:700;line-height:30px}.case-study-desc{color:var(--color-text);opacity:.65;margin-bottom:12px;font-family:Manrope,system-ui,sans-serif;font-size:12px;line-height:1.3}.case-study-tags{color:var(--color-accent);align-items:center;gap:4px;font-family:Manrope,system-ui,sans-serif;font-size:10px;line-height:1.3;display:flex}.case-study-img{object-fit:cover;border-radius:4px;width:100%;max-width:680px;height:284px;display:block}.sidebar-toggle{z-index:30;background-color:var(--color-accent);width:40px;height:40px;color:var(--color-bg);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:left .4s cubic-bezier(.25,1,.5,1),opacity .2s,background-color .3s,color .3s;display:none;position:fixed;top:16px;left:16px}.sidebar-toggle:hover{opacity:.85}.btn-icon{transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.btn-icon--arrow,body:not(.sidebar-closed) .sidebar-toggle .btn-icon--menu{opacity:0;transform:translate(-50%,-50%)scale(.75)}body:not(.sidebar-closed) .sidebar-toggle .btn-icon--arrow{opacity:1;transform:translate(-50%,-50%)scale(1)}.sidebar-overlay{background:var(--color-scrim);z-index:9;opacity:0;pointer-events:none;transition:opacity .4s;position:fixed;inset:0}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar{z-index:20}.main{margin-left:0!important}body:not(.sidebar-closed) .sidebar-overlay{opacity:1;pointer-events:auto}body:not(.sidebar-closed) .sidebar-toggle{left:286px}}