*,: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}.page-title{letter-spacing:-.02em;color:#1e1a16;font-size:clamp(42px,6vw,58px);font-weight:700;line-height:1.1}.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}.wide-page footer .container{max-width:1200px}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;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:72px;padding-bottom:32px}.hero-text{--hero-measure:100%}.hero .tagline{color:#5c5347;max-width:min(726px, var(--hero-measure));font-size:17px;line-height:1.7}.hero-proof{color:#8a7d6e;max-width:min(711px, var(--hero-measure));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{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:48px;padding-top:20px;display:grid}.hero-text{grid-area:1/1/span 5;grid-template-rows:subgrid;display:grid}.hero-text h1{margin-bottom:20px}.portrait-wrapper{grid-area:3/2;align-self:center;align-items:center;width:243px;height:0;margin-right:110px;display:flex}.portrait-wrapper img{mix-blend-mode:multiply;width:100%;height:auto;display:block}@media (width<=640px){.hero-layout{flex-direction:column-reverse;gap:24px;display:flex}.hero-text{display:block}.portrait-wrapper{align-self:start;width:140px;height:auto;margin-right:0;display:block}}.status-cards{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-top:48px;display:grid}@media (width<=760px){.status-cards{grid-template-columns:1fr}}.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 0 0 20px;list-style:outside}.status-list li{color:#6b6057;padding:5px 0;font-size:15px;line-height:1.6}.status-list li::marker{color:#b5a08a}.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}}.two-col .approach-subhead{grid-column:1/-1;margin:24px 0 -24px}.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-header{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:48px;display:grid}@media (width<=760px){.project-header{grid-template-columns:1fr;gap:24px}}.product-frame{max-width:420px;margin:0}.product-frame>div{border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #14100a0f,0 10px 30px #14100a1f}.product-frame img{aspect-ratio:1172/628;object-fit:fill;width:100%;height:auto;display:block}.product-frame figcaption{flex-direction:column;gap:4px;padding-top:10px;display:flex}.product-frame figcaption span:first-child{color:#1e1a16;font-size:12.5px;font-weight:500;line-height:1.5}.product-frame figcaption span:last-child{letter-spacing:.08em;text-transform:uppercase;color:#8a7d6e;font-size:10.5px;line-height:1.5}.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:1}@media (prefers-reduced-motion:reduce){.reveal{transition:opacity .3s ease-out;transform:none}}.hero-animate .section-label,.hero-animate h1,.hero-animate .tagline,.hero-animate .status-cards,.hero-animate .portrait-wrapper{opacity:0;animation:.25s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=980px){.featured-grid{grid-template-columns:1fr 1fr}}@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}#home-page .container,#home-page .divider{max-width:1200px}#home-page .case-header>div:last-child{max-width:733px}#home-page .contact .body-text{max-width:720px}#writing-page .container,#article-page .container{max-width:1200px}@media (width>=820px){#article-page article>.container>*{max-width:692px}}