@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";body{font-family:system-ui,-apple-system,sans-serif;background:#fafaf5;color:#1a1a1a;font-size:16px;line-height:1.7;min-height:100vh;margin:0}h1,h2,h3,h4{font-family:Geist Mono,monospace}a{color:inherit;text-decoration:none}.desktop{width:100vw;min-height:100vh;background-color:#fafaf5;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 8px);position:relative;overflow-x:hidden}.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:2rem;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}.menubar{position:fixed;top:0;left:0;right:0;z-index:1000;height:22px;background:#fff;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-family:Geist Mono,monospace;font-size:12px;user-select:none}.menubar__left{display:flex;align-items:center;gap:0}.menubar__apple{background:none;border:none;cursor:pointer;padding:0 8px;height:22px;display:flex;align-items:center;border-right:1px solid #1a1a1a}.menubar__apple:hover{background:#1a1a1a}.menubar__apple:hover img{filter:invert(1)}.menubar__logo{width:16px;height:16px}.menubar__title{display:flex;align-items:center;gap:12px;padding:0 12px;border-right:1px solid #1a1a1a;height:22px}.menubar__name{font-size:12px;font-weight:500;font-family:Geist Mono,monospace}.menubar__baseline{font-size:11px;color:#6e6e73;font-family:Geist Mono,monospace}.menubar__right{display:flex;align-items:center;gap:12px;font-size:11px;padding-right:8px}.menubar__link{font-size:11px;font-family:Geist Mono,monospace;color:#6e6e73;text-decoration:none;height:22px;display:flex;align-items:center;padding:0 8px;border-left:1px solid #1a1a1a}.menubar__link:hover{color:#f1a900}.window{position:absolute;background:#fff;border:1px solid #1a1a1a;box-shadow:2px 2px #1a1a1a;min-width:300px;max-height:80vh;display:flex;flex-direction:column}.window--hidden{display:none}.window__titlebar{height:22px;background:repeating-linear-gradient(180deg,#1a1a1a 0px 1px,#fff 1px 3px);display:flex;align-items:center;padding:0 6px;gap:8px;cursor:move;flex-shrink:0}.window__close{width:12px;height:12px;border:1px solid #1a1a1a;background:#fff;cursor:pointer;flex-shrink:0;padding:0}.window__close:hover{background:#1a1a1a}.window__title{font-family:Geist Mono,monospace;font-size:11px;font-weight:500;color:#fff;text-align:center;flex:1;letter-spacing:.05em;mix-blend-mode:difference}.window__content{overflow-y:auto;padding:1.5rem;flex:1;background:#fff}.window__content::-webkit-scrollbar{width:12px}.window__content::-webkit-scrollbar-track{background:#fff;border-left:1px solid #1a1a1a}.window__content::-webkit-scrollbar-thumb{background:#1a1a1a;border:1px solid #1a1a1a}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px;width:100px}.desktop-icon:hover .desktop-icon__img{filter:drop-shadow(3px 3px 0px #f1a900);transform:translate(-1.5px,-1.5px)}.desktop-icon:focus .desktop-icon__img,.desktop-icon.desktop-icon--selected .desktop-icon__img{background:#1a1a1a}.desktop-icon:focus .desktop-icon__img svg *,.desktop-icon.desktop-icon--selected .desktop-icon__img svg *{fill:#fff;stroke:#fff}.desktop-icon:focus .desktop-icon__label,.desktop-icon.desktop-icon--selected .desktop-icon__label{background:#1a1a1a;color:#fff}.desktop-icon__img{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:4px}.desktop-icon__img svg{width:100%;height:100%}.desktop-icon__label{font-family:Geist Mono,monospace;font-size:11px;color:#1a1a1a;text-align:center;line-height:1.3;padding:1px 3px;word-break:break-word}.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}.desktop-icons{position:fixed;top:32px;left:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:32px;pointer-events:none}.desktop-icons__row{display:flex;flex-direction:row;justify-content:flex-start;gap:16px;pointer-events:all}.desktop-icons__row:first-child{padding-top:40px}.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-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}.about-wrap{width:100%}.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}.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{width:100%}.contact-wrap h1{font-size:clamp(24px,4vw,40px);font-weight:400;margin:.5rem 0}.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: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}