*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:#f1f1f1}html,body{min-height:100%;font-family:Onest,sans-serif;color:#1e1f20;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}body{display:flex;background:#f1f1f1;max-width:1440px;margin:0 auto}.sidebar{position:sticky;top:0;flex-shrink:0;width:320px;height:100vh;background:#f1f1f1;padding:20px;display:flex;flex-direction:column;z-index:100}.sidebar-top{display:flex;flex-direction:column;gap:32px;flex:1;min-height:0}.logo{flex-shrink:0;line-height:0}.logo img{width:120px;height:120px;display:block}.logo-placeholder{width:120px;height:120px;background:#9e9e9e}.sidebar-content{display:flex;flex-direction:column;gap:14px}.resume-btn{display:flex;align-items:center;gap:4px;text-decoration:none;transition:opacity .15s}.resume-btn:hover .resume-text,.resume-btn:hover .resume-pdf{color:#757575}.resume-text{font-family:Onest,sans-serif;font-weight:600;font-size:32px;letter-spacing:-1.2px;text-transform:none;color:#1e1f20;white-space:nowrap;line-height:1}.resume-pdf{font-size:14px;font-weight:700;color:#757575;line-height:1.2}.bio{font-weight:400;font-size:16px;line-height:22px;color:#1e1f20}.filters{display:flex;flex-direction:column;gap:8px}.filters-label{font-weight:400;font-size:16px;color:#757575;letter-spacing:-.32px}.tabs{display:flex;flex-direction:column;gap:4px}.tab{font-family:Onest,sans-serif;font-weight:600;font-size:32px;letter-spacing:-1.2px;color:#1e1f20;background:none;border:none;padding:0;text-align:left;line-height:1;align-self:flex-start;text-decoration:none;transition:color .15s}.tab:hover{color:#757575}.tab.active{text-decoration:line-through}.contacts{display:flex;flex-direction:column;gap:10px;margin-top:auto}.contact-row{display:flex;align-items:baseline;gap:4px;min-width:0}.contact-label{font-weight:400;font-size:16px;color:#1e1f20;letter-spacing:-.192px;white-space:nowrap;flex-shrink:0}.contact-link{font-weight:400;font-size:16px;color:#1e1f20;letter-spacing:-.192px;text-decoration:underline;text-decoration-style:solid;white-space:nowrap;transition:opacity .15s}.contact-link:hover{opacity:.6}.main{flex:1;padding:20px 20px 40px;min-height:100vh;min-width:0}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.case-card{display:flex;flex-direction:column;gap:10px;cursor:pointer;text-decoration:none}.case-card[hidden]{display:none}.case-cover{width:100%;aspect-ratio:340 / 420;background:#fff;overflow:hidden;transition:opacity .2s}.case-card:hover .case-cover{opacity:.85}.case-cover img{width:100%;height:100%;object-fit:cover;display:block}.case-info{display:flex;flex-direction:column;gap:2px}.case-title{font-weight:500;font-size:14px;line-height:1.2;color:#000}.case-tag-wrap{display:flex}.case-tag{font-weight:500;font-size:12px;line-height:1.2;color:#9e9e9e;white-space:nowrap}.modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:#f1f1f1;overflow-y:auto;padding:20px 20px 48px}.modal-overlay.is-open{display:block}.modal-overlay .case-detail{min-height:unset}.case-detail{display:flex;flex-direction:column;gap:60px;min-height:calc(100vh - 40px)}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-nav-left{display:flex;align-items:center;gap:28px}.detail-top-link{font-size:16px;color:#1e1f20;text-decoration:underline;text-decoration-style:solid;letter-spacing:-.192px;transition:color .15s}.detail-top-link:hover{color:#757575}.detail-close-btn{font-family:inherit;font-size:16px;font-weight:400;color:#757575;background:none;border:none;cursor:pointer;letter-spacing:-.192px;padding:0;transition:color .15s;text-decoration:none}.detail-close-btn:hover{color:#1e1f20}.detail-content{display:flex;flex-direction:column;gap:60px;flex:1}.detail-block-1{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:start}.detail-title-wrap{display:flex;flex-direction:column;gap:12px}.detail-title{font-family:Onest,sans-serif;font-weight:600;font-size:32px;letter-spacing:-1.2px;line-height:1.05;color:#1e1f20}.detail-task{display:flex;flex-direction:column;gap:12px}.detail-label{font-size:16px;font-weight:700;color:#1e1f20;letter-spacing:-.192px}.detail-task-text{font-size:16px;line-height:1.5;color:#1e1f20;max-width:520px}.detail-hero-img{background:#fff;overflow:hidden}.detail-hero-img img{width:100%;height:auto;display:block}.detail-block-2{display:block;width:100%}.detail-block-3{display:flex;flex-direction:column;gap:12px}.detail-description-text{font-size:16px;line-height:1.5;color:#1e1f20;max-width:520px}.detail-desc-block+.detail-desc-block{margin-top:1em}.detail-desc-block p{margin:0}.detail-desc-item{padding-left:1.2em;text-indent:-1.2em}.detail-block-4{display:flex;flex-direction:column;gap:60px}.detail-block-4--compact .detail-grid-full img,.detail-block-4--compact .detail-grid-full video,.detail-block-2--compact .detail-hero-img img{max-height:85vh;width:auto;margin:0 auto}.detail-img-wrap{display:flex;flex-direction:column;gap:8px}.detail-img-caption{font-size:14px;font-weight:400;color:#757575;line-height:1.4;white-space:pre-wrap;max-width:520px}.detail-grid-full{background:#fff;overflow:hidden}.detail-grid-full img,.detail-grid-full video{width:100%;height:auto;display:block}.detail-block-5{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:auto}@media (max-width: 1280px){.sidebar{width:300px}.contact-label,.contact-link{font-size:14px}}@media (max-width: 1024px){body{flex-direction:column}.sidebar{position:static;width:100%;height:auto;padding:20px 20px 24px}.sidebar-top{flex:none;gap:20px}.main{margin-left:0;padding:16px 16px 40px}.resume-text{font-size:32px}.bio{font-size:16px;line-height:22px}.tab{font-size:32px;flex-shrink:0}.tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:0 20px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.contacts{order:3;margin-top:0;flex-direction:column;gap:8px}.filters{order:4}.contact-row{flex-direction:row;align-items:baseline;gap:4px}.contact-label,.contact-link{font-size:14px}.cases-grid{grid-template-columns:repeat(2,1fr)}.detail-block-1{grid-template-columns:1fr;gap:32px}.detail-nav{flex-direction:row;align-items:center;justify-content:space-between}.detail-nav-left{display:flex;flex-direction:row;gap:20px}.detail-top-link,.detail-close-btn,.detail-block-5 .detail-top-link{min-height:44px;display:flex;align-items:center}}@media (max-width: 768px){.sidebar{padding:16px 16px 20px}}@media (max-width: 600px){.sidebar{padding:16px 16px 20px}.resume-text{font-size:28px}.bio{font-size:15px;line-height:20px}.tab{font-size:28px}.tabs{gap:0 16px}.cases-grid{grid-template-columns:repeat(2,1fr);gap:12px}.case-title{font-size:13px}}@media (max-width: 420px){.resume-text,.tab{font-size:24px}.tabs{gap:0 14px}.cases-grid{grid-template-columns:1fr;gap:16px}.contacts{flex-direction:column;gap:6px}}