@font-face{font-family:Inter;src:url('/assets/fonts/Inter.ttf') format('truetype');font-display:swap}@font-face{font-family:Serif;src:url('/assets/fonts/SourceSerif4.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ee;color:#183a39;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:5px}a:hover{color:#9a4932}a:focus-visible{outline:3px solid #a74d31;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}header{border-bottom:1px solid #d6d9ce}.top{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:Serif,Georgia,serif;font-size:29px;text-decoration:none;line-height:1.2}.brand span{display:block;font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:2.5px;margin-top:8px}nav{display:flex;gap:32px}nav a{text-decoration:none;font-size:14px}nav a[aria-current]{border-bottom:1px solid}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:650;margin:0 0 20px}h1,h2,h3{font-family:Serif,Georgia,serif;font-weight:450;line-height:1.12;margin:0}h1{font-size:clamp(42px,5.6vw,76px);letter-spacing:-2.7px}h1 em{font-weight:400;color:#a65338}h2{font-size:40px;letter-spacing:-1px}h3{font-size:29px}.lede{font-size:20px;line-height:1.65;max-width:670px;color:#465b56}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:85px;align-items:center;padding-top:78px;padding-bottom:85px}.hero .lede{max-width:600px}.hero-note{font-size:14px;color:#586960;margin:22px 0 30px;max-width:470px}.button{display:inline-flex;gap:30px;align-items:center;background:#183a39;color:#fff;padding:13px 22px;border-radius:3px;text-decoration:none;font-size:14px}.button:hover{background:#28524c;color:#fff}.portrait{margin:0;background:#e4e5d9;padding:14px 14px 0;transform:rotate(2deg);border-radius:120px 120px 4px 4px;overflow:hidden}.portrait img{display:block;width:100%;height:365px;object-fit:cover;object-position:center 25%;border-radius:110px 110px 0 0}.portrait p{font-size:11px;letter-spacing:1.3px;margin:17px 5px;display:flex;justify-content:space-between;gap:10px}.portrait p span{font-size:10px;letter-spacing:0}.selected{padding-top:58px;padding-bottom:60px;border-top:1px solid #cbd1c5}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.section-top>a{font-size:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{text-decoration:none;display:block;border:1px solid #d3d7cb;background:#fbf9f4;border-radius:5px;overflow:hidden}.project-card:hover{color:#183a39;border-color:#849d8e}.card-copy{padding:28px}.card-copy h3{display:flex;justify-content:space-between}.card-copy p:not(.eyebrow){color:#52655e;font-size:15px}.card-copy .caption{font-size:11px!important;border-top:1px solid #dedfd5;padding-top:18px;margin-bottom:0}.art{padding:30px 36px;min-height:280px;position:relative;overflow:hidden}.vitals{background:#dfe6d7}.radar{background:#213f3e;color:#f1f2df}.mock-label{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.mock-label span{border:1px solid;padding:0 6px}.mock-title{font-family:Serif,Georgia,serif;font-size:30px;line-height:1.1;margin:18px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid>div{background:#f5f6eccc;padding:12px 16px;font-size:8px;letter-spacing:1px;border-radius:6px}.mini-grid b{font-family:Serif,Georgia,serif;font-size:21px;letter-spacing:0;font-weight:400}.mini-grid i{display:block;border-bottom:3px solid #819c80;width:75%;margin:9px 0 0}.mini-grid>div+div i{width:50%;border-color:#aa6845}.mock-bottom{display:flex;justify-content:space-between;border-top:1px solid #78908266;margin-top:20px;padding-top:12px;font-size:10px}.bars{display:flex;align-items:end;gap:12px;height:153px;margin:10px 0 0}.bars i{background:#a6b89a;width:10%;height:25%;border-radius:3px 3px 0 0}.bars i:nth-child(2){height:44%}.bars i:nth-child(3){height:38%}.bars i:nth-child(4){height:61%}.bars i:nth-child(5){height:51%}.bars i:nth-child(6){height:76%}.bars i:nth-child(7){height:67%}.bars i:nth-child(8){height:94%;background:#c99167}.signal{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:12px}.caption{font-size:12px;color:#58685f}.principles{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:75px 0;border-top:1px solid #cbd1c5}.principles p{max-width:650px}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:55px 0 65px;border-top:1px solid #cbd1c5}.contact-band h2{font-size:33px}.contact-band p{max-width:690px}.contact-band .button{white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-top:1px solid #cbd1c5;font-size:11px;color:#58685f}footer div{display:flex;gap:22px}.dot{margin:0 10px}.intro{padding:75px 0 55px}.intro h1{max-width:1000px}.article{max-width:820px;padding-bottom:70px}.article>.art{min-height:300px;border-radius:4px}.article-section{margin:42px 0}.article-section h2{font-size:30px}.article-section p{max-width:760px;color:#465b56}.facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid #cbd1c5;border-bottom:1px solid #cbd1c5;margin:35px 0;padding:25px 0}.facts b{display:block;font-family:Serif,Georgia,serif;font-size:28px;font-weight:450}.facts span{font-size:12px;display:block}.section-desc{max-width:750px;margin:25px 0 35px;color:#465b56}.work-row{display:grid;grid-template-columns:1fr 2fr 30px;align-items:center;gap:25px;text-decoration:none;border-top:1px solid #cbd1c5;padding:30px 0}.work-row>span{font-size:12px}.work-row h3{font-size:25px}.work-row:last-child{border-bottom:1px solid #cbd1c5}.note{background:#e9ecdf;padding:25px;font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding-bottom:70px}.about-photo{width:100%;height:auto;border-radius:4px}.about-grid .article-section:first-child{margin-top:0}.contact-panel{padding:35px 0 100px}.email-link{font-family:Serif,Georgia,serif;font-size:clamp(23px,4vw,48px)}.contact-panel p{max-width:600px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{gap:35px;grid-template-columns:1.2fr 1fr}.portrait img{height:300px}.portrait p{display:block}.portrait p span{display:block}.art{padding:25px}.principles{gap:25px}.contact-band{align-items:start}.contact-band h2{font-size:29px}.about-grid{gap:35px}}@media(max-width:620px){.top{min-height:110px;align-items:start;flex-direction:column;gap:20px;padding:22px 0}nav{gap:25px;width:100%;justify-content:space-between}.brand{font-size:25px}.brand span{display:none}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{letter-spacing:-1.6px;font-size:47px}.lede{font-size:18px}.portrait{max-width:350px;transform:none}.portrait img{height:310px}.portrait p{display:flex}.portrait p span{display:inline}.project-grid{grid-template-columns:1fr}.section-top{display:block}.section-top>a{display:inline-block;margin-top:20px}h2{font-size:33px}.selected{padding:40px 0}.principles{grid-template-columns:1fr;padding:45px 0;gap:5px}.contact-band{flex-direction:column;gap:16px;padding:40px 0}.intro{padding:45px 0 30px}.facts{grid-template-columns:1fr;gap:18px}.facts>div{display:flex;gap:20px;align-items:center}.facts b{min-width:95px;font-size:24px}.work-row{grid-template-columns:1fr 20px;gap:12px}.work-row>span{grid-column:1/-1}.work-row h3{font-size:24px}.about-grid{grid-template-columns:1fr;gap:30px}.about-photo{max-width:320px}.article-section{margin:30px 0}footer{align-items:start;flex-direction:column;gap:0}footer div{padding:10px 0}.email-link{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Detailed project collection */
.back-link{display:inline-block;font-size:13px;margin-bottom:28px}.status{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:13px;margin-top:25px}.status strong,.case-status{background:#e3e9db;padding:5px 10px;border-radius:3px;font-size:11px;line-height:1.5}.status span{color:#58685f}.category-nav{display:flex;flex-wrap:wrap;gap:10px 22px;max-width:960px}.category-nav a{font-size:13px;text-decoration:underline}.selected[id]{scroll-margin-top:25px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.case-card{display:flex;flex-direction:column;align-items:start;text-decoration:none;background:#fbf9f4;border:1px solid #d3d7cb;padding:29px;border-radius:5px}.case-card:hover{color:#183a39;border-color:#849d8e}.case-card h3{font-size:28px;margin-top:21px;line-height:1.2}.case-card p{color:#52655e;font-size:15px;margin-bottom:25px}.case-meta{font-size:11px;color:#58685f;border-top:1px solid #dedfd5;padding-top:15px;margin-top:auto;width:100%}.workflow{padding-left:25px}.workflow li{padding:7px 0 7px 8px;color:#465b56}.decision{margin:28px 0}.decision h3{font-family:Inter,Arial,sans-serif;font-size:17px;font-weight:650;line-height:1.4}.decision p{margin-top:9px}.stack{background:#e9ecdf;padding:18px 22px;font-size:13px}.collection-title{margin-bottom:30px}.article .facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.case-status{display:inline-block}.article a{overflow-wrap:anywhere}@media(max-width:620px){.case-grid{grid-template-columns:1fr}.case-card{padding:23px}.case-card h3{font-size:27px}.category-nav{gap:12px 20px}.article .facts{grid-template-columns:1fr}.article .facts>div{align-items:start}.article .facts b{min-width:110px}.status{gap:9px}.status span{width:100%}}

/* 2026-10-19 revision: role tags, workflow diagrams, compact project list */
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.role-tag{display:inline-block;background:#183a39;color:#fff;padding:5px 10px;border-radius:3px;font-size:11px;line-height:1.5}.status .role-tag{color:#fff}.status .case-status{color:#183a39}.status .role-tag,.status .case-status{width:auto}
.flow{margin:26px 0 8px;padding:24px 24px 26px;background:#fbf9f4;border:1px solid #d3d7cb;border-radius:5px}.flow figcaption{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:650;margin-bottom:20px}.flow-steps{list-style:none;margin:0;padding:0}.flow-node{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:center;padding-bottom:30px}.flow-node:last-child{padding-bottom:0}.flow-node:not(:last-child)::after{content:"↓";position:absolute;bottom:3px;left:calc((100% - 22px) * .2826);transform:translateX(-50%);font-size:16px;line-height:24px;color:#7f9585}.flow-box{background:#fff;border:1px solid #cbd1c5;border-radius:6px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.flow-kind{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;color:#58685f}.flow-box strong{font-size:15px;font-weight:650;line-height:1.35}.flow-detail{font-size:13px;color:#52655e;line-height:1.45}.flow-input .flow-box{background:#eef0e6}.flow-ai .flow-box{background:#e3e9db;border-color:#9fb59a}.flow-check .flow-box{border:1px dashed #a65338}.flow-check .flow-kind{color:#a65338}.flow-human .flow-box{background:#183a39;border-color:#183a39;color:#fff}.flow-human .flow-kind,.flow-human .flow-detail{color:#d8e2d6}.flow-output .flow-box{border:2px solid #183a39}.flow-branch{margin:0;font-size:13px;color:#7a3f2b;line-height:1.45;border-left:2px dashed #c99167;padding:2px 0 2px 12px}.article-section .flow-branch{color:#7a3f2b}.follow-on{border-top:1px solid #cbd1c5;padding-top:34px}.follow-on .status{margin:14px 0 18px}
.more-group{margin-top:36px;scroll-margin-top:25px}.more-group h3{font-size:23px;margin-bottom:12px}.more-list{list-style:none;margin:0;padding:0;border-top:1px solid #cbd1c5}.more-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 240px;gap:24px;align-items:start;padding:20px 0;border-bottom:1px solid #cbd1c5;text-decoration:none}.more-row:hover .more-title{color:#9a4932}.more-title{font-family:Serif,Georgia,serif;font-size:21px;line-height:1.25}.more-sum{font-size:14px;color:#52655e;line-height:1.55}.more-row .tags{justify-content:flex-end}.more-date{font-size:11px;color:#58685f;width:100%;text-align:right}
.next-link{display:flex;flex-direction:column;gap:4px;margin-top:50px;padding:22px 0;border-top:1px solid #cbd1c5;border-bottom:1px solid #cbd1c5;text-decoration:none;font-family:Serif,Georgia,serif;font-size:26px;line-height:1.25}.next-link>span:first-child{font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:650}
.shot{margin:0 0 10px}.shot img{display:block;width:100%;height:auto;border:1px solid #d3d7cb;border-radius:5px;background:#fff}.shot figcaption{font-size:12px;color:#58685f;margin-top:10px}.article-section .shot{margin-top:26px}.card-shot{display:block;width:100%;height:280px;object-fit:cover;object-position:left top;border-bottom:1px solid #d3d7cb;background:#fff}
.timeline{list-style:none;padding:0;margin:8px 0 0 6px;border-left:2px solid #cbd1c5}.timeline li{position:relative;padding:0 0 24px 26px}.timeline li:last-child{padding-bottom:4px}.timeline li::before{content:"";position:absolute;left:-8px;top:7px;width:10px;height:10px;border-radius:50%;background:#f7f4ee;border:2px solid #183a39}.timeline li:last-child::before{background:#183a39}.timeline b{display:block;font-weight:650}.timeline i{font-style:normal;font-size:11px;font-weight:500;background:#e3e9db;padding:2px 8px;border-radius:3px;margin-left:8px;vertical-align:2px}.timeline span{display:block;color:#465b56}.principle-list{padding-left:20px}.principle-list li{margin:10px 0;color:#465b56}.principle-list b{color:#183a39;font-weight:650}
@media(max-width:850px){.more-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.more-row .tags{grid-column:1/-1;justify-content:flex-start}.more-date{width:auto;text-align:left}}
@media(max-width:620px){.flow{padding:18px}.flow-node{grid-template-columns:1fr;gap:8px}.flow-node:not(:last-child)::after{left:50%}.more-row{grid-template-columns:1fr;gap:8px}.card-shot{height:auto;aspect-ratio:16/10}.article .facts>div{align-items:baseline}.next-link{font-size:23px}}