@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#fafaf5;color:#1a1a1a;font-size:16px;line-height:1.7}h1,h2,h3,h4{font-family:Geist Mono,monospace}a{color:inherit;text-decoration:none}.tag{font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid #6e6e73;border-radius:4px;color:#1a1a1a;background-color:#f7f8fa}.tag--green{border-color:#8bb31d;background-color:#e4ebb1}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;border:1px solid #1a1a1a;font-size:11px;font-weight:500;box-shadow:2px 2px #1a1a1a}.badge__dot{width:6px;height:6px;border-radius:50%;background:#f1a900}.badge--default{background:#fff;color:#1a1a1a}.badge--filled{background:#f1a900;color:#1a1a1a}.badge--outline{background:transparent;color:#6e6e73;box-shadow:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-family:Geist Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.03em;cursor:pointer;border-radius:8px;border:1px solid #1a1a1a;box-shadow:3px 3px #1a1a1a;transition:box-shadow .1s,transform .1s;background:#fff;color:#1a1a1a}.btn:active{box-shadow:none;transform:translate(3px,3px)}.btn--primary{background:#f1a900}.btn--ghost{box-shadow:3px 3px #1a1a1a;background:transparent}.case-item{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:start;padding:1.25rem;border:1px solid #1a1a1a;border-radius:10px;box-shadow:3px 3px #1a1a1a;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .1s,transform .1s;margin-bottom:24px}.case-item:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #f1a900;border-color:#f1a900}.case-item:active{box-shadow:none;transform:translate(3px,3px)}.case-item__num{font-size:11px;color:#6e6e73;font-weight:500;padding-top:3px;min-width:28px;font-family:Geist Mono,monospace}.case-item__title{font-size:14px;font-weight:500;margin-bottom:4px;font-family:Geist Mono,monospace}.case-item__desc{font-size:13px;color:#6e6e73;line-height:1.6}.case-item__tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.case-item__year{font-size:11px;color:#6e6e73;padding-top:3px;font-family:Geist Mono,monospace}.blog-row{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #d2d2d7;text-decoration:none;color:inherit}.blog-row:first-of-type{border-top:1px solid #d2d2d7}.blog-row:hover .blog-row__title{color:#f1a900}.blog-row__date{font-size:11px;color:#6e6e73;line-height:1.8}.blog-row__title{font-size:13px;font-weight:500;margin-bottom:4px;transition:color .1s}.blog-row__excerpt{font-size:12px;color:#6e6e73;line-height:1.6}.nav{position:sticky;top:0;z-index:10;background:#fafaf5;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #1a1a1a;max-width:900px;margin:0 auto;width:100%}.nav__logo-icon{width:48px;height:48px;flex-shrink:0}.nav__logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;text-decoration:none;color:#1a1a1a;white-space:nowrap}.nav__links{display:flex;gap:2rem}.nav__link{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73;text-decoration:none;transition:color .1s}.nav__link:hover,.nav__link--active{color:#1a1a1a}.nav__link--active{border-bottom:1px solid #f1a900}.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:1px solid #1a1a1a;border-radius:8px;box-shadow:3px 3px #1a1a1a;cursor:pointer;padding:8px}.nav__burger span{display:block;width:20px;height:1.5px;background:#1a1a1a;transition:transform .2s,opacity .2s}.nav__burger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__burger--open span:nth-child(2){opacity:0}.nav__burger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__mobile{position:sticky;top:48px;z-index:9;background:#fafaf5;display:none;flex-direction:column;border-bottom:1px solid #1a1a1a;padding:1rem 1.5rem;gap:1rem;max-width:900px;margin:0 auto}.nav__mobile--open{display:flex}.nav__mobile-link{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73;font-family:Geist Mono,monospace}.nav__mobile-link:hover,.nav__mobile-link--active{color:#1a1a1a}.nav__mobile-link--active{border-bottom:1px solid #f1a900}@media(max-width:640px){.nav__links{display:none}.nav__burger{display:flex}}.hero{padding-bottom:3rem;border-bottom:1px solid #d2d2d7;margin-bottom:3rem}.hero__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;margin-bottom:1rem;font-family:Geist Mono,monospace}.hero h1{font-family:Geist Mono,monospace;font-size:clamp(28px,5vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem;color:#1a1a1a}.hero h1 em{font-style:normal;border-bottom:1px solid #d2d2d7}.hero__meta{display:flex;gap:2rem;font-size:11px;color:#6e6e73;font-family:Geist Mono,monospace}.footer{max-width:900px;margin:0 auto;padding:1.5rem;border-top:1px solid #d2d2d7;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6e6e73}.footer__links{display:flex;gap:1.5rem}.footer__links a{color:#6e6e73;text-decoration:none;transition:color .1s}.footer__links a:hover{color:#1a1a1a}.main{max-width:900px;margin:0 auto;padding:3rem 1.5rem}@media(max-width:640px){.main{padding:2rem 1rem}}.section{margin-bottom:4rem}.section__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.section__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.section__count{font-size:11px;color:#6e6e73}.case-layout{display:grid;grid-template-columns:1fr 220px;gap:4rem;align-items:start}@media(max-width:768px){.case-layout{grid-template-columns:1fr}}.case-layout__aside{position:sticky;top:4rem}@media(max-width:768px){.case-layout__aside{display:none}}.case-back{font-size:11px;font-family:Geist Mono,monospace;letter-spacing:.05em;color:#6e6e73;text-decoration:none}.case-back:hover{color:#1a1a1a}.case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.case-category{font-size:11px;font-family:Geist Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.case-hero{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #d2d2d7}.case-hero h1{font-family:Geist Mono,monospace;font-size:clamp(24px,4vw,40px);font-weight:400;line-height:1.1;margin-bottom:.75rem}.case-subtitle{font-size:16px;color:#6e6e73;line-height:1.6}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:1px solid #d2d2d7;border:1px solid #d2d2d7;border-radius:8px;margin-bottom:2rem}@media(max-width:640px){.case-meta{grid-template-columns:1fr}}.case-meta__block{background:#fff;border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:6px;font-size:13px}.case-challenge,.case-results{padding:1.25rem;border:1px solid #6e6e73;border-radius:8px;margin-bottom:1rem;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.7}.case-results{background:#f7f8fa}.case-content{margin-top:3rem;padding-top:2rem;border-top:1px solid #d2d2d7}.case-content h2{font-family:Geist Mono,monospace;font-size:16px;font-weight:500;margin:2rem 0 .75rem;letter-spacing:-.01em}.case-content h3{font-family:Geist Mono,monospace;font-size:14px;font-weight:500}.case-content p{font-size:14px;line-height:1.8;color:#6e6e73;margin-bottom:1rem}.case-content strong{font-weight:500;font-family:Geist Mono,monospace}.case-content ul,.case-content ol{padding-left:1.5rem;margin-bottom:1rem}.case-content ul li,.case-content ol li{font-size:15px;line-height:1.8;margin-bottom:.25rem}.case-content img{width:100%;height:auto;margin-top:2rem;border:1px solid #d2d2d7;border-radius:8px}.youtube-embed{position:relative;width:100%;aspect-ratio:16/9;margin:2rem 0}.youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:1px solid #d2d2d7;border-radius:8px}.toc{position:sticky;top:2rem;padding-left:2rem;border-left:1px solid #d2d2d7}.toc__label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;font-family:Geist Mono,monospace;display:block;margin-bottom:1rem}.toc__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.toc__link{font-size:12px;font-family:Geist Mono,monospace;color:#6e6e73;text-decoration:none;transition:color .15s;line-height:1.4}.toc__link:hover{color:#1a1a1a}.toc__link--active{color:#1a1a1a;border-left:2px solid #f1a900;padding-left:6px;margin-left:-8px}.about-hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #d2d2d7}.about-hero h1{font-size:clamp(24px,4vw,40px);font-weight:400;margin:.5rem 0 1rem}.about-label,.oldies-label,.contact-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;font-family:Geist Mono,monospace;display:block;margin-bottom:.5rem}.about-bio{font-size:16px;line-height:1.8;color:#6e6e73;max-width:640px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}@media(max-width:640px){.about-grid{grid-template-columns:1fr;gap:2rem}}.about-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #d2d2d7}.about-section h2{display:inline-flex;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border:1px solid #1a1a1a;border-radius:4px;font-weight:500;font-family:Geist Mono,monospace;margin:2rem 0 1rem;color:#1a1a1a;background-color:#f7f8fa}.about-img{width:10rem;height:auto;margin-top:2rem}.timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline__item{display:grid;grid-template-columns:100px 1fr;gap:1rem;align-items:start}.timeline__year{font-size:11px;font-family:Geist Mono,monospace;color:#6e6e73;padding-top:2px}.timeline__title{font-size:13px;font-weight:500;margin-bottom:2px}.timeline__sub{font-size:12px;color:#6e6e73}.contact-wrap{max-width:480px}.contact-wrap h1{font-size:clamp(24px,4vw,40px);font-weight:400;margin:.5rem 0 2rem}.contact-cta{display:inline-flex;align-items:center;padding:12px 24px;border:1px solid #1a1a1a;border-radius:8px;box-shadow:3px 3px #1a1a1a;background:#fff;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;color:#1a1a1a;text-decoration:none;transition:box-shadow .1s,transform .1s;margin-bottom:2rem}.contact-cta:hover{background:#f1a900}.contact-cta:active{box-shadow:none;transform:translate(3px,3px)}.contact-links{display:flex;gap:1.5rem;font-size:12px;font-family:Geist Mono,monospace}.contact-links a{color:#6e6e73;text-decoration:none}.contact-links a:hover{color:#1a1a1a}.oldies-hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #d2d2d7}.oldies-hero h1{font-size:clamp(22px,3vw,36px);font-weight:400;margin:.5rem 0 1rem}.oldies-intro{font-size:15px;line-height:1.8;color:#6e6e73;max-width:600px}.oldies-series{margin-bottom:3rem}.oldies-series__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d2d2d7}.oldies-series__name{font-family:Geist Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.05em}.oldies-series__year{font-size:11px;font-family:Geist Mono,monospace;color:#6e6e73}.oldies-series__track{display:flex;gap:12px;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:#d2d2d7 transparent}.oldies-series__track::-webkit-scrollbar{height:4px}.oldies-series__track::-webkit-scrollbar-track{background:transparent}.oldies-series__track::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:2px}.oldies-card{flex-shrink:0;width:160px;aspect-ratio:210/297;border:1px solid #d2d2d7;overflow:hidden;cursor:pointer;transition:box-shadow .1s,transform .1s;border-radius:8px}.oldies-card:hover{box-shadow:3px 3px #1a1a1a;transform:translate(-1px,-1px)}.oldies-card:active{box-shadow:none;transform:translate(2px,2px)}.oldies-card img{width:100%;height:100%;object-fit:cover;display:block}.oldies-overlay{display:none;position:fixed;inset:0;background:#1a1a1aeb;z-index:100;align-items:center;justify-content:center}.oldies-overlay--open{display:flex}.oldies-overlay__close{position:fixed;top:1.5rem;right:1.5rem;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:16px;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.oldies-overlay__close:hover{background:#ffffff1a}.oldies-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border:none;margin:0}