:root{--paper:#f5f2ea;--ink:#192923;--muted:#59655e;--line:#d2d8ce;--accent:#d5ec93;--dark:#122b24;--white:#fcfcf7;--orange:#e4ac6b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e39539;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;background:white;padding:10px;z-index:30}.skip:focus{top:15px}.review-banner{background:#e9eddd;padding:11px 4vw;font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #cdd6c0}.review-banner strong{font-size:10px;letter-spacing:1.8px}.review-banner a{margin-left:auto;text-decoration:none;font-weight:bold}.status-dot{width:7px;height:7px;background:#71832f;border-radius:50%}header{padding:25px 4vw;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:rgba(245,242,234,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.wordmark{text-decoration:none;font-size:14px;font-weight:800;letter-spacing:1px;white-space:nowrap}.wordmark span{display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-top:3px}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:12px;text-decoration:none;color:var(--muted)}nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}main{overflow:hidden}.hero{padding:62px 4vw 72px;display:grid;grid-template-columns:1fr 1fr;max-width:1550px;margin:auto;gap:5vw;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 25px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.5vw,86px);line-height:1.04;font-weight:500;letter-spacing:-4px;margin-bottom:28px}h1 em{font:italic 1.05em Georgia,serif;color:#5f7359}.intro{font-size:18px;max-width:470px;color:var(--muted);line-height:1.55}.cta{display:flex;gap:60px;justify-content:space-between;text-decoration:none;border-bottom:1px solid var(--ink);padding:15px 0;font-weight:600;max-width:250px;font-size:14px;margin-top:30px}.small-note{font-size:11px;color:var(--muted);margin-top:20px}.hero-media{position:relative;background:#dad3c2;min-height:520px;overflow:hidden;display:flex;align-items:center}.hero-media>img{width:100%;height:520px;object-fit:contain;mix-blend-mode:multiply}.image-label{position:absolute;bottom:24px;left:24px;right:24px;color:var(--paper);background:#182d26ed;display:flex;justify-content:space-between;align-items:center;padding:22px}.image-label span{font-size:10px;letter-spacing:2px}.image-label p{margin:0;font-size:17px;line-height:1.35}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:6vw}.principles b{font-size:14px}.principles p{font-size:13px;max-width:360px;color:var(--muted);margin:7px 0 0}.project-index{padding:85px 4vw 95px;max-width:1550px;margin:auto}h2{font-size:clamp(34px,4.2vw,62px);line-height:1.1;letter-spacing:-2px;font-weight:500;margin-bottom:24px}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;gap:0 36px}.index-grid a{display:grid;grid-template-columns:1fr auto;text-decoration:none;border-top:1px solid var(--line);padding:22px 0 27px;transition:background .2s}.index-grid a:hover{background:#e9eddd}.index-grid span{grid-column:1/-1;font-size:12px;color:#81917a;margin-bottom:20px}.index-grid strong{font-size:18px;font-weight:500;grid-column:1/-1}.index-grid small{font-size:11px;color:var(--muted);padding-top:6px}.project{padding:82px 4vw;border-top:1px solid var(--line);scroll-margin-top:0}.section-heading{max-width:1000px}.section-heading h2 span{font:italic .95em Georgia,serif;color:#c0d3ad}.deck{font-size:21px;line-height:1.45;max-width:670px;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 35px}.tags span{border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:10px;letter-spacing:.2px}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;margin-top:40px;align-items:start}.story-grid>div{max-width:690px}h3{font-size:16px;letter-spacing:-.2px;margin:26px 0 8px}h3:first-child{margin-top:0}p{margin-bottom:18px}.metric-panel{padding:0 0 0 35px;border-left:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:22px}.metric-panel div:first-child{grid-column:1/-1}.metric-panel strong{display:block;font-weight:500;letter-spacing:-2px;font-size:44px;line-height:1.1}.metric-panel div:first-child strong{font-size:58px}.metric-panel span{display:block;font-size:12px;color:var(--muted);max-width:200px;margin-top:10px}.metric-panel p{grid-column:1/-1;font-size:11px;color:var(--muted);margin-top:10px}.gallery{display:grid;gap:24px;margin:45px 0 10px}.gallery-three{grid-template-columns:repeat(3,1fr)}.gallery-two{grid-template-columns:repeat(2,1fr)}figure{margin:0;min-width:0}.image-button{display:block;background:#e3e0d7;border:0;padding:0;width:100%;cursor:zoom-in;overflow:hidden}.image-button img{display:block;width:100%;height:390px;object-fit:contain;transition:transform .3s}.image-button:hover img{transform:scale(1.02)}.gallery-two img{height:470px}figcaption{padding:13px 0 0;font-size:12px;line-height:1.5}figcaption strong{display:block;font-weight:600;margin-bottom:6px}figcaption span{color:var(--muted);display:block;max-width:500px}.media-status{border-left:3px solid #b4c3a1;background:#e9eddf;padding:16px 22px;margin:32px 0;font-size:12px;color:var(--muted)}.media-status strong{color:var(--ink);display:block;font-size:12px;margin-bottom:5px}.media-status p{margin:0}.copy-panel{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.copy-panel summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;display:flex;justify-content:space-between}.copy-panel summary::-webkit-details-marker{display:none}.copy-panel summary span{font-size:20px;line-height:1}.copy-panel[open] summary{margin-bottom:25px}.copy-panel[open] summary span{transform:rotate(45deg)}.copy-panel>p:not(.copy-note){max-width:900px;font-size:14px}.field-label{text-transform:uppercase;font-size:10px!important;letter-spacing:1.5px;color:var(--muted)}.copy-actions{display:flex;gap:12px;flex-wrap:wrap}.copy-actions button{background:var(--ink);color:var(--paper);border:0;padding:10px 16px;font-size:12px;cursor:pointer}.copy-actions button:hover{background:#3d5b4e}.copy-note{font-size:10px;color:var(--muted);margin:15px 0 0}.dark-project{background:var(--dark);color:#eff6e9;--muted:#b3c4b9;--line:#3e554b;--ink:#eff6e9;--paper:#15342a}.dark-project .copy-actions button{color:#15342a;background:var(--accent)}.dark-project .deck{color:#c2d5c7}.external-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.external-links a{padding:12px 20px;background:var(--accent);color:#102c22;text-decoration:none;font-size:12px;font-weight:bold}.external-links a:last-child{background:transparent;color:#d5ec93;border:1px solid #63794a}.workflow{margin-top:40px}.workflow .image-button{background:#101714;padding:30px 5px}.workflow img{height:auto;max-height:420px}.split-project{display:grid;grid-template-columns:1.05fr .75fr;gap:8vw;align-items:start}.split-project>div{max-width:690px}.split-project>figure img{height:650px}.split-project>figure{margin-top:30px}.reverse{grid-template-columns:1.05fr .75fr}.pale-project{background:#e7e9dc}.pale-project .image-button{background:#d9ddcf}.concept-label{display:inline-block;background:#eed7b2;font-size:10px;letter-spacing:1.4px;color:#755522;padding:7px 12px;margin-bottom:25px}.concept-image .image-button{background:#e2dbcf;padding:25px}.concept-image .image-button img{height:500px;image-rendering:auto}.quiet{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.leadership{background:#e9eddf}.leadership .story-grid{margin-top:0}.leadership-note{border:1px solid #c2ccb9;padding:35px}.big-number{font:italic 62px/1.1 Georgia,serif;letter-spacing:-2px}.leadership-note p{font-size:13px;color:var(--muted)}.leadership-note b{font-size:12px}.leadership-note hr{border:0;border-top:1px solid #c2ccb9;margin:28px 0}.review-checklist{padding:72px 4vw;background:#d4dfc6;display:grid;grid-template-columns:1fr 1fr;gap:0 8vw}.review-checklist>.eyebrow{grid-column:1/-1}.review-checklist h2{font-size:40px}.review-checklist ol{padding-left:22px;margin:0}.review-checklist li{padding-left:7px;margin-bottom:18px;font-size:14px}.review-checklist>p:last-child{font-size:12px;max-width:500px;grid-column:1/-1}footer{background:#142b23;color:#d3decb;display:flex;gap:24px;justify-content:space-between;padding:28px 4vw;font-size:11px;align-items:center}footer p{margin:0}footer a{text-decoration:none}dialog{padding:55px 20px 22px;max-width:94vw;width:1200px;border:0;background:#f2f2e9;color:#172b22;max-height:95vh}dialog::backdrop{background:#06120ee6;backdrop-filter:blur(5px)}dialog img{display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain}dialog p{font-size:12px;margin:15px auto 0;max-width:900px}#close-lightbox{position:absolute;top:12px;right:18px;cursor:pointer;border:1px solid #596b60;background:transparent;padding:5px 15px;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#172b22;color:#f7f9ef;padding:12px 24px;font-size:13px;z-index:25;transition:transform .2s;box-shadow:0 5px 30px #0002}#toast.visible{transform:translateX(-50%) translateY(0)}@media(min-width:1600px){.project,.principles,.review-checklist{padding-left:max(4vw,calc((100vw - 1420px)/2));padding-right:max(4vw,calc((100vw - 1420px)/2))}}@media(max-width:1000px){header{align-items:flex-start}nav{max-width:470px;gap:10px 16px}h1{letter-spacing:-2px}.hero-media,.hero-media>img{min-height:430px;height:430px}.hero{gap:35px}.image-label{padding:15px;left:15px;right:15px}.image-label p{font-size:14px}.story-grid{gap:45px}.metric-panel strong,.metric-panel div:first-child strong{font-size:40px}.gallery-three img{height:300px}.gallery-two img{height:400px}.split-project{gap:40px}.split-project>figure img{height:550px}}@media(max-width:700px){html{scroll-padding-top:108px}.review-banner{padding:12px 6vw;gap:5px 9px;font-size:11px}.review-banner span:nth-of-type(2){flex-basis:100%;padding-left:16px}.review-banner a{margin-left:16px;font-size:11px}header{padding:15px 6vw;display:block}.wordmark{font-size:12px}.wordmark span{font-size:8px}.wordmark{display:block}nav{display:flex;flex-wrap:nowrap;overflow:auto;max-width:100%;gap:18px;padding-top:15px;white-space:nowrap}nav a{font-size:10px}.hero{grid-template-columns:1fr;padding:40px 6vw 45px;gap:25px}h1{font-size:44px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.intro{font-size:16px}.hero-media,.hero-media>img{height:370px;min-height:370px}.image-label p{font-size:17px}.image-label span{font-size:10px}.principles{grid-template-columns:1fr;padding:28px 6vw;gap:22px}.principles>div{display:grid;grid-template-columns:110px 1fr;gap:10px}.principles p{margin:0;font-size:12px}.project-index{padding:50px 6vw}.project-index h2{font-size:36px}.index-grid{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:30px}.index-grid strong{font-size:16px;line-height:1.35}.index-grid small{font-size:10px}.index-grid span{margin-bottom:15px}.project{padding:52px 6vw}h2{font-size:42px;letter-spacing:-1.5px}.deck{font-size:18px}.story-grid,.split-project{grid-template-columns:1fr;gap:28px;margin-top:24px}.story-grid p,.split-project p{font-size:14px}.metric-panel{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;grid-template-columns:1fr 1fr}.metric-panel div:first-child{grid-column:1/-1}.metric-panel strong,.metric-panel div:first-child strong{font-size:48px}.metric-panel p{font-size:11px}.gallery{margin-top:30px;gap:25px}.gallery-three,.gallery-two{grid-template-columns:1fr}.gallery-three img{height:400px}.gallery-two img{height:420px}figcaption span{font-size:11px}.split-project>figure{margin-top:0}.split-project>figure img{height:500px}.concept-image .image-button img{height:390px}.copy-panel summary{font-size:12px;gap:20px}.copy-panel>p:not(.copy-note){font-size:13px}.workflow .image-button{padding:15px 0}.workflow img{min-height:120px}.review-checklist{display:block;padding:45px 6vw}.review-checklist h2{font-size:36px;margin-bottom:30px}.review-checklist li{font-size:13px}.review-checklist>p:last-child{margin-top:30px}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:25px 6vw}dialog{padding:50px 15px 18px;width:96vw;max-width:96vw}dialog img{max-height:72vh}.leadership-note{padding:25px}.leadership .story-grid{gap:25px}.small-note{margin-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Three-sample portfolio */
.language{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.language a{text-decoration:none;padding:3px 5px}.language a[aria-current]{background:var(--ink);color:var(--paper)}header nav{margin-left:auto}header{gap:30px}.hero{grid-template-columns:.85fr 1.15fr;padding-top:76px;padding-bottom:76px}.hero h1{font-size:clamp(50px,6vw,90px);line-height:1.02}.hero-work{background:#eef0ec;border:1px solid #d2d8ce;box-shadow:0 28px 50px #132a2210;transform:rotate(-1deg)}.hero-work img{width:100%;display:block}.browser-bar{display:flex;gap:5px;align-items:center;padding:13px 14px;background:#dce2d5}.browser-bar i{width:6px;height:6px;border-radius:100%;background:#91a283}.browser-bar span{font-size:8px;letter-spacing:1.5px;margin-left:auto}.hero-caption{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:#eff6e9;gap:12px}.hero-caption span{font-size:9px;letter-spacing:1.5px;white-space:nowrap}.hero-caption p{font-size:12px;margin:0}.project-index{border-top:1px solid var(--line);padding-top:28px;padding-bottom:38px}.index-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.index-heading p{margin:0;font-size:12px}.index-heading .eyebrow{font-size:10px}.index-grid{margin-top:28px}.index-grid a{padding-bottom:12px}.index-grid span{margin-bottom:10px}.index-grid strong{font-size:19px}.section-intro{max-width:800px;color:var(--muted)}.explore-list{border-left:1px solid var(--line);padding-left:30px}.explore-list ol{list-style:none;counter-reset:step;padding:0;margin:0}.explore-list li{counter-increment:step;position:relative;padding-left:30px;margin:18px 0;font-size:13px}.explore-list li:before{content:'0' counter(step);position:absolute;left:0;color:var(--muted);font-size:10px;top:2px}.explore-list b,.explore-list span{display:block}.explore-list span{color:var(--muted);margin-top:3px}.product-gallery .image-button img{height:auto;max-height:520px}.product-gallery .image-button{background:#eef2f6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:11px;color:var(--muted)}.steps h3{margin:12px 0 10px}.steps p{font-size:13px;color:var(--muted)}.subheading{margin-top:45px;border-top:1px solid var(--line);padding-top:30px;max-width:900px}.subheading p{font-size:14px;color:var(--muted)}.code-gallery{margin-top:25px}.code-gallery .image-button img{height:auto}.workflow .image-button{padding:20px 0;background:#141514}.workflow img{width:100%;height:auto;min-height:0}.evidence-note{font-size:12px;line-height:1.6;color:var(--muted);border-left:2px solid #8c9d75;padding:4px 0 4px 18px;margin-top:28px}.prototype-block{margin-top:45px;border-top:1px solid var(--line);padding-top:35px}.chapter{display:flex;align-items:center;gap:20px;margin-bottom:25px}.chapter>span{font-family:Georgia,serif;font-size:50px;line-height:1;color:#6b7c60}.chapter h3{font-size:23px;margin:0 0 3px}.chapter p{font-size:12px;color:var(--muted);margin:0}.prototype-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px;align-items:start}.prototype-detail .image-button img{height:450px}.video-panel video{width:100%;max-height:450px;display:block;background:#172b22;object-fit:contain}.video-panel h3{margin-top:0}.video-caption{font-size:12px;margin:10px 0}.blood-block{margin-top:55px;padding-top:40px}.blood-block .split-project{grid-template-columns:1.1fr .7fr}.blood-block figure{margin-top:0}.blood-block figure .image-button img{height:500px}.stage-label{font-size:9px!important;letter-spacing:1.2px;display:inline-block;background:#d6dfc8;padding:9px 12px}.plain-list{padding-left:18px}.plain-list li{margin:10px 0;font-size:14px}.url-line{overflow-wrap:anywhere}.url-line a{font-size:12px}.review-checklist ol li{font-size:13px}.review-checklist>p:last-child{margin-top:20px;margin-bottom:0}#original-link{display:block;text-align:center;margin-top:10px;font-size:12px}dialog img{max-height:68vh}dialog p{max-width:1100px}.copy-panel .copy-note{max-width:800px}
@media(max-width:1000px){header{gap:20px}.hero h1{font-size:58px}.hero-caption{display:block}.hero-caption p{margin-top:5px}.prototype-detail{gap:25px}.prototype-detail .image-button img{height:370px}}
@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto;gap:0 10px}header nav{grid-row:2;grid-column:1/-1;margin-left:0;padding-bottom:2px}header .language{grid-column:2;grid-row:1}.hero{grid-template-columns:1fr;gap:35px;padding:42px 6vw}.hero h1{font-size:51px}.hero-work{transform:none}.hero-caption{display:flex}.hero-caption p{margin:0;font-size:10px}.hero-caption span{font-size:8px}.index-heading{display:block}.index-heading p:last-child{margin-top:10px}.project-index{padding:27px 6vw}.index-grid{grid-template-columns:1fr;margin-top:23px}.index-grid a{padding:17px 0}.index-grid strong{font-size:20px}.index-grid small{font-size:11px}.index-grid span{font-size:10px}.story-grid{gap:30px}.explore-list{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:25px}.steps{grid-template-columns:1fr;gap:15px}.steps h3{margin:6px 0}.steps p{margin-bottom:4px}.gallery-three{grid-template-columns:1fr}.gallery-three img{height:360px}.prototype-detail{grid-template-columns:1fr;gap:32px}.prototype-detail .image-button img{height:400px}.blood-block .split-project{grid-template-columns:1fr}.blood-block figure .image-button img{height:460px}.chapter h3{font-size:21px}.chapter>span{font-size:43px}.workflow .image-button{padding:15px 0}.workflow img{min-height:0}.product-gallery,.code-gallery{gap:28px}.product-gallery .image-button img,.code-gallery .image-button img{height:auto}.subheading{margin-top:35px}.review-checklist h2{font-size:33px}}
.index-grid{grid-template-columns:repeat(4,1fr)}.crm-pending{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.crm-pending h2{font-size:40px}.crm-pending p{max-width:600px}@media(max-width:1000px){.index-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.index-grid,.crm-pending{grid-template-columns:1fr}.crm-pending{gap:15px}.crm-pending h2{font-size:35px}}
/* Complete English portfolio */
.header-about{font-size:11px;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--line);padding:5px 0}.crm-project .story-grid{grid-template-columns:1fr 1fr}.crm-project .external-links a{background:var(--ink);color:var(--paper);border:0}.access-card{padding:30px;background:#e7ebdf;border:1px solid var(--line);font-size:14px}.access-card p:last-child{margin-bottom:0}.access-card h3{margin-top:18px}.agent-examples{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.agent-example{background:#e9eddf;padding:30px;border:1px solid var(--line);font-size:14px}.agent-example .eyebrow{font-size:9px;margin-bottom:18px}.agent-example h3{font-size:20px;line-height:1.4;margin-top:0}.agent-example li{margin-bottom:14px}.agent-example ul{padding-left:18px}.agent-example dt{font-weight:bold;margin-top:18px}.agent-example dd{margin:5px 0 0;color:var(--muted)}.submission-section{padding:75px 4vw;background:#17382d;color:#f1f5eb;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.submission-section .eyebrow,.submission-section .field-label{color:#c5d6b8}.submission-section h2{font-size:48px}.submission-section>div>p:not(.eyebrow){max-width:450px}.submission-copy{border-left:1px solid #607764;padding-left:35px}.submission-copy #desc-portfolio{font-size:17px;line-height:1.7;max-width:none}.submission-section .copy-actions button{background:var(--accent);color:#102c22;font-weight:600}.submission-section .url-line{max-width:none!important}.submission-section .url-line a{font-size:13px}.submission-section .copy-actions{margin-top:23px}#toast{max-width:90vw;min-width:220px;text-align:center}.review-checklist .eyebrow{color:#415a3b}
@media(max-width:1000px){header{flex-wrap:wrap;gap:14px}.header-about{margin-left:auto}.submission-section{gap:4vw}.submission-section h2{font-size:40px}.agent-example{padding:24px}}
@media(max-width:700px){header{grid-template-columns:1fr}.header-about{display:none}.crm-project .story-grid,.agent-examples,.submission-section{grid-template-columns:1fr}.submission-section{padding:50px 6vw;gap:20px}.submission-section h2{font-size:38px}.submission-copy{border-left:0;border-top:1px solid #607764;padding:24px 0 0}.submission-copy #desc-portfolio{font-size:15px}.access-card,.agent-example{padding:23px}.agent-example h3{font-size:19px}.hero .intro{max-width:100%}}