*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#5c5347;-webkit-font-smoothing:antialiased;background:#f8f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}.container{max-width:740px;margin:0 auto;padding:0 24px}.page{display:none}.page.active{display:block}::view-transition-old(page-content){animation:.25s ease-out forwards fade-out}::view-transition-new(page-content){animation:.35s ease-out 50ms both fade-in}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#page-container{view-transition-name:page-content}.page-transition-out{animation:.25s ease-out forwards fade-out}.page-transition-in{animation:.35s ease-out both fade-in}h1{color:#1e1a16;letter-spacing:-.02em;font-size:clamp(42px,6vw,58px);font-weight:700;line-height:1.1}h2{color:#1e1a16;letter-spacing:-.01em;font-size:clamp(24px,3.5vw,32px);font-weight:700;line-height:1.3}h3{color:#1e1a16;font-size:16px;font-weight:600}.section-label{letter-spacing:.12em;text-transform:uppercase;color:#8a7d6e;margin-bottom:8px;font-size:11px;font-weight:500}.bold-statement{color:#1e1a16;font-size:clamp(18px,2.2vw,21px);font-weight:600;line-height:1.55}.body-text{color:#7a6f63;font-size:15px;line-height:1.7}header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f8f6f2eb;border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}header.scrolled{border-bottom-color:#e8e2da}.header-inner{justify-content:space-between;align-items:center;max-width:740px;margin:0 auto;padding:20px 24px;display:flex}.logo{color:#1e1a16;letter-spacing:.02em;font-size:15px;font-weight:600;text-decoration:none}nav{align-items:center;gap:28px;display:flex}nav a{letter-spacing:.1em;text-transform:uppercase;color:#8a7d6e;font-size:11px;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:#1e1a16}nav .nav-home{align-items:center;gap:4px;display:flex}section{padding:80px 0}.divider{background:#e8e2da;max-width:740px;height:1px;margin:0 auto}.hero{padding-top:100px;padding-bottom:60px}.hero .tagline{color:#5c5347;max-width:540px;margin-top:20px;font-size:17px;line-height:1.7}.hero-proof{color:#8a7d6e;max-width:540px;margin-top:16px;font-size:14px;line-height:1.7}.case-dates{color:#b5a08a;margin-top:4px;font-size:13px}.project-status{color:#b5a08a;font-size:14px;font-style:italic;font-weight:500}.hero-layout{align-items:flex-start;gap:48px;display:flex}.hero-text{flex:1;padding-top:20px}.portrait-wrapper{flex-shrink:0;width:200px;position:relative}.portrait-wrapper img{mix-blend-mode:multiply;opacity:0;width:100%;height:auto;transition:opacity .5s;display:block;position:absolute;top:0;left:0}.portrait-wrapper img:first-child{opacity:0;position:relative}.portrait-wrapper img.active{opacity:1}@media (width<=640px){.hero-layout{flex-direction:column-reverse;gap:24px}.portrait-wrapper{width:160px}.hero-text{padding-top:0}}.section-anchors{opacity:0;padding:0 0 20px;animation:.6s .65s forwards fadeUp}.section-anchors .container{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-anchors a{letter-spacing:.1em;text-transform:uppercase;color:#b5a08a;font-size:11px;font-weight:500;text-decoration:none;transition:color .3s}.section-anchors a:hover{color:#1e1a16}.anchor-dot{color:#d4ccc2;font-size:14px;line-height:1}.status-cards{flex-direction:column;gap:16px;margin-top:48px;display:flex}.status-card{background:#f3ede4;border-radius:12px;padding:28px 32px}.status-card .card-label{letter-spacing:.1em;text-transform:uppercase;color:#8a7d6e;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.status-card .card-label svg{opacity:.7;width:16px;height:16px}.status-card p{color:#6b6057;font-size:15px;line-height:1.7}.status-list{margin:14px 0 0;padding:0;list-style:none}.status-list li{color:#6b6057;padding:5px 0 5px 18px;font-size:15px;line-height:1.6;position:relative}.status-list li:before{content:"";background:#b5a08a;width:6px;height:1px;position:absolute;top:13px;left:0}.philosophy .bold-statement{margin-bottom:40px}.two-col{grid-template-columns:1fr 1fr;gap:32px 48px;display:grid}@media (width<=640px){.two-col{grid-template-columns:1fr}}.logos-section{padding:48px 0}.logos-row{flex-wrap:wrap;align-items:center;gap:28px;margin-top:16px;display:flex}.logo-item{color:#1e1a16;opacity:.7;font-size:14px;font-weight:600}.logo-bbc{letter-spacing:.04em;font-family:serif;font-weight:700}.logo-skype{font-style:italic}.case-study{padding:40px 0 8px}.case-header{grid-template-columns:200px 1fr;gap:40px;display:grid}.case-number{color:#1e1a16;font-weight:600}.case-company{color:#8a7d6e;margin-top:2px;font-size:14px}.case-block{margin-bottom:28px}.case-block-label{letter-spacing:.1em;text-transform:uppercase;color:#b5a08a;margin-bottom:8px;font-size:11px;font-weight:600}.case-block p{color:#6b6057;font-size:15px;line-height:1.7}@media (width<=640px){.case-header{grid-template-columns:1fr;gap:16px}}.expertise-intro{margin-bottom:56px}.expertise-intro p{max-width:560px;margin-top:12px}.skill-group{border-top:1px solid #e8e2da;grid-template-columns:200px 1fr;gap:40px;padding:36px 0;display:grid}.skill-group h3{font-size:15px}.skill-list{list-style:none}.skill-list li{color:#6b6057;align-items:baseline;gap:10px;padding:5px 0;font-size:15px;display:flex}.skill-list li:before{content:"◆";color:#b5a08a;flex-shrink:0;font-size:8px;position:relative;top:-1px}@media (width<=640px){.skill-group{grid-template-columns:1fr;gap:12px}}#projects h2{margin-bottom:8px}.project-card{padding:36px 0}.project-name{color:#1e1a16;margin-bottom:8px;font-size:17px;font-weight:600}.project-description{color:#7a6f63;max-width:560px;margin-bottom:16px;font-size:15px;line-height:1.7}.project-link{color:#8a7d6e;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.project-link:hover{color:#1e1a16}.project-link svg{transition:transform .3s}.project-link:hover svg{transform:translate(2px,-2px)}.writing-intro{margin-bottom:48px}.writing-intro p{max-width:520px;margin-top:12px}.article-row{cursor:pointer;border-top:1px solid #e8e2da;border-radius:10px;grid-template-columns:1fr auto auto 20px;align-items:center;gap:16px;margin:0 -16px;padding:24px 16px;text-decoration:none;transition:background-color .3s,box-shadow .3s;display:grid}.article-row:hover{background:#f3ede499;box-shadow:0 0 0 1px #c8beaf4d}.article-row:last-child{border-bottom:1px solid #e8e2da}.article-title-text{color:#1e1a16;font-size:16px;font-weight:600;line-height:1.4}.article-meta{text-align:right}.article-category{letter-spacing:.08em;text-transform:uppercase;color:#8a7d6e;font-size:11px;font-weight:500}.article-read-time{color:#b5a08a;font-size:13px}.article-thumb{object-fit:cover;background:#e8e2da;border-radius:8px;width:72px;height:52px}.article-arrow{color:#b5a08a;flex-shrink:0;transition:transform .3s,color .3s}.article-row:hover .article-arrow{color:#1e1a16;transform:translate(2px,-2px)}.article-row:hover .article-title-text{color:#0a0806}@media (width<=640px){.article-row{grid-template-columns:1fr 20px}.article-thumb,.article-meta{display:none}}.back-link{letter-spacing:.1em;text-transform:uppercase;color:#8a7d6e;cursor:pointer;align-items:center;gap:6px;padding:12px 0;font-size:11px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.back-link:hover{color:#1e1a16}.article-header{margin-top:32px;margin-bottom:32px}.article-tag-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.article-tag{letter-spacing:.08em;text-transform:uppercase;color:#8a7d6e;border:1px solid #d4ccc2;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:500}.article-readtime{color:#b5a08a;font-size:14px}.article-subtitle{color:#7a6f63;margin-top:16px;font-size:17px;font-style:italic;line-height:1.6}.article-subtitle:empty{display:none}#article-page h1{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(32px,5vw,44px);line-height:1.2}.article-hero{max-width:calc(100% + 48px);margin:0 -24px 40px}.article-hero img{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:420px}@media (width>=740px){.article-hero{max-width:100%;margin:0 0 40px}}.article-body{padding-bottom:48px}.article-body img{border-radius:10px;width:100%;height:auto;margin:28px 0}.article-body p{color:#5c5347;margin-bottom:20px;font-size:16px;line-height:1.8}.article-body blockquote{color:#1e1a16;border-left:3px solid #c9bfb2;margin:32px 0;padding:8px 0 8px 24px;font-size:17px;font-style:italic;font-weight:500;line-height:1.6}.article-body .attribution{color:#8a7d6e;margin-top:-16px;margin-bottom:28px;padding-left:27px;font-size:14px}.article-body ul{margin:16px 0 24px;list-style:none}.article-body ul li{color:#5c5347;padding:4px 0 4px 20px;font-size:16px;line-height:1.8;position:relative}.article-body ul li:before{content:"◆";color:#b5a08a;font-size:8px;position:absolute;top:8px;left:0}.article-body ol{margin:16px 0 24px;padding-left:24px}.article-body ol li{color:#5c5347;padding:4px 0;font-size:16px;line-height:1.8}.article-body h2{margin-top:40px;margin-bottom:16px;font-size:22px}.article-body .note{color:#8a7d6e;border-top:1px solid #e8e2da;margin-top:32px;padding-top:24px;font-size:14px;font-style:italic}.article-footer{border-top:1px solid #e8e2da;justify-content:space-between;align-items:center;padding:24px 0 80px;display:flex}.contact{padding:80px 0 40px}.contact .bold-statement{margin-bottom:20px}.contact a{color:#1e1a16;text-underline-offset:3px;text-decoration:underline #c9bfb2;transition:text-decoration-color .3s}.contact a:hover{text-decoration-color:#1e1a16}footer{padding:24px 0 40px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:#b5a08a;font-size:13px}.footer-social{gap:16px;display:flex}.footer-social a{color:#b5a08a;transition:color .3s}.footer-social a:hover{color:#1e1a16}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.hero-animate .section-label{opacity:0;animation:.6s .1s forwards fadeUp}.hero-animate h1{opacity:0;animation:.6s .2s forwards fadeUp}.hero-animate .tagline{opacity:0;animation:.6s .35s forwards fadeUp}.hero-animate .status-cards{opacity:0;animation:.6s .5s forwards fadeUp}.hero-animate .portrait-wrapper{opacity:0;animation:.6s .3s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-enter .back-link{opacity:0;animation:.5s 50ms forwards fadeUp}.article-enter .article-tag-row{opacity:0;animation:.5s .1s forwards fadeUp}.article-enter h1{opacity:0;animation:.5s .15s forwards fadeUp}.article-enter .article-hero{opacity:0;animation:.5s .25s forwards fadeUp}.article-enter .article-body{opacity:0;animation:.5s .35s forwards fadeUp}.featured-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=640px){.featured-grid{grid-template-columns:1fr}}.featured-card{cursor:pointer;background:#f3ede4;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.featured-card-img{object-fit:cover;width:100%;height:200px}.featured-card-body{padding:24px}.featured-card-category{letter-spacing:.08em;text-transform:uppercase;color:#8a7d6e;font-size:11px;font-weight:500}.featured-card-title{color:#1e1a16;margin-top:8px;font-size:18px;font-weight:600;line-height:1.4}.featured-card-meta{color:#b5a08a;margin-top:12px;font-size:13px}.view-all-link{color:#8a7d6e;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.view-all-link:hover{color:#1e1a16}a.featured-card{text-decoration:none;display:block}a.article-row{color:inherit}