@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#231e11;--ink:#ddd8ca;--rust:#df9473;--muted:#b1ad9b;--line:#454333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--rust);outline-offset:6px}a:hover{color:var(--rust)}button{cursor:pointer}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:10px;z-index:100}.skip:focus{top:0}.container{max-width:1220px;margin:auto;width:calc(100% - 112px)}header{height:108px;margin:auto;max-width:1332px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:800 40px/1 'Manrope',Arial;letter-spacing:-3px}.wordmark span{font-size:14px;letter-spacing:0;vertical-align:top;margin-left:4px}header nav{display:flex;gap:38px;font-size:14px}.nav-contact{font-size:14px;border-bottom:1px solid;padding:6px 0}.nav-contact span{margin-left:24px}.hero{padding-top:40px;padding-bottom:58px}.eyebrow{font:11px/1.5 'DM Sans',Arial;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 22px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-top .eyebrow{margin:0}.available{font-size:12px;display:flex;align-items:center;gap:8px}.available i{width:6px;height:6px;background:#a3ba86;border-radius:100%}.hero-title{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:25px;margin:42px 0 28px}h1,h2,h3,h4,p{margin-top:0}h1{font:500 clamp(62px,6.7vw,98px)/1.03 'Manrope',Arial,sans-serif;letter-spacing:-6px;margin:0}em{font-family:Georgia,serif;font-weight:400;color:var(--rust);letter-spacing:-.04em}h1 em{line-height:1.03}.hero-art{transform:rotate(-7deg);padding:16px 0}.hero-art svg{width:100%;display:block}.art-caption{font:9px monospace;letter-spacing:1.4px;text-align:center}.hero-bottom{display:flex;justify-content:space-between;align-items:end;max-width:960px}.hero-bottom p{font-size:16px;color:#b9b5a4;max-width:410px;margin:0}.circle-cta{display:flex;align-items:center;gap:40px;font-size:13px}.circle-cta b{border:1px solid var(--ink);border-radius:50%;width:51px;height:51px;display:grid;place-items:center;font-size:24px;font-weight:400;transition:.2s}.circle-cta:hover b{background:var(--rust);color:var(--paper);border-color:var(--rust);transform:translateY(4px)}.expertise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:19px 35px;font-size:16px}.expertise-strip i{font-size:24px;font-style:normal;color:var(--rust)}.work{padding-top:95px;padding-bottom:85px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end}.section-heading>p{color:var(--muted);max-width:370px;font-size:14px;margin-bottom:8px}h2{font:500 48px/1.15 'Manrope',Arial;letter-spacing:-2px;margin-bottom:0}.filters{display:flex;gap:8px;margin:40px 0 35px;flex-wrap:wrap}.filters button{font-size:12px;border:1px solid var(--line);background:transparent;padding:10px 19px;border-radius:30px;color:var(--muted)}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}sup{font-size:8px;margin-left:8px}.project{margin-bottom:68px}.project[hidden]{display:none}.project-visual{position:relative;min-height:425px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:58px 80px 35px;transition:filter .3s}.project-visual:hover{filter:saturate(1.15);color:inherit}.project-index{position:absolute;left:28px;top:22px;font-size:10px;letter-spacing:1.6px}.round-arrow{position:absolute;bottom:23px;right:26px;border:1px solid #d9e0dd40;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:22px;transition:transform .2s}.project-visual:hover .round-arrow{transform:rotate(45deg)}.pink{background:#3f261d}.green{background:#292d1c}.blue{background:#243435}.sand{background:#43351e}.lilac{background:#282c2d}.mini-window{background:#231d0f;width:640px;max-width:100%;box-shadow:0 16px 30px #00000035;transform:rotate(-3deg);padding:21px 28px}.window-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;border-bottom:1px solid #49402b;padding-bottom:12px}.window-top span:first-child{font-weight:800}.mini-title{font:500 39px/1.1 'Manrope',Arial;letter-spacing:-2px;float:left;margin:25px 0;width:48%}.bars{display:flex;align-items:end;gap:8px;height:145px;width:48%;padding-top:20px;margin-left:52%}.bars i,.spark i{height:var(--h);background:#b86e50;flex:1;border-radius:2px 2px 0 0}.bars i:nth-child(2n){background:#7e4d34}.window-bottom{clear:both;font:8px monospace;border-top:1px solid #49402b;padding-top:12px;margin-top:20px;letter-spacing:1.2px}.wallet-art{width:630px;position:relative;display:flex;align-items:center;justify-content:center}.coin{font:80px Georgia;color:#e1eacb;background:#425333;border:9px double #7e9872;border-radius:100%;width:150px;height:150px;text-align:center;line-height:132px;z-index:2;transform:rotate(-16deg);margin-right:-20px}.wallet-panel{padding:33px 38px;background:#20240e;transform:rotate(4deg);box-shadow:0 12px 40px #00000035;display:flex;flex-direction:column}.wallet-panel small,.care-art small,.jaffle-art small{font:9px monospace;letter-spacing:1px}.wallet-panel strong{font:500 49px/1.6 'Manrope',Arial;letter-spacing:-2px}.wallet-panel span{font-size:10px}.spark{display:flex;gap:6px;height:65px;align-items:end;margin-top:20px}.spark i{background:#8da96d}.care-art,.jaffle-art{display:flex;gap:45px;align-items:center}.cross{font-size:185px;line-height:1;color:#acb5a4}.care-art h4,.jaffle-art h4{font:500 40px/1.15 'Manrope',Arial;letter-spacing:-2px;margin:14px 0}.care-art div>span,.jaffle-art div>span{font:11px monospace}.olist-art{text-align:center}.olist-art>strong{font:800 100px/1.4 'Manrope',Arial;letter-spacing:-7px;color:#d5c39a}.pipeline{display:flex;align-items:center;gap:18px;margin:15px 0 20px}.pipeline span{background:#2b250f;border:1px solid #66583a;padding:10px 20px;font:10px monospace}.pipeline b{font-weight:400}.olist-art p{font-size:12px;margin-bottom:0}.jaffle-mark{background:#756486;color:#f0e9e1;width:150px;height:150px;border-radius:35px;display:grid;place-items:center;font:italic 110px Georgia;transform:rotate(-8deg);box-shadow:7px 8px 0 #494239}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:26px}.project-info .eyebrow{font-size:9px;color:var(--muted);margin-bottom:9px}.project-info h3{font:500 26px/1.25 'Manrope',Arial;letter-spacing:-1px;margin:0}.project-info>p{font-size:13px;color:var(--muted);margin:0}.project-bottom{border-bottom:1px solid var(--line);margin-top:23px;padding-bottom:22px;display:flex;justify-content:space-between;align-items:center}.project-metrics{display:flex;gap:18px;font-size:10px;color:var(--muted)}.project-metrics span+span{border-left:1px solid var(--line);padding-left:18px}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px;display:inline-block}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project-card{border-top:1px solid var(--line);padding-top:22px}.project-card h3{font:500 24px 'Manrope',Arial;margin:12px 0}.project-card p{font-size:13px;color:var(--muted)}.project-card .tags{display:flex;gap:10px;margin:15px 0;font-size:10px}.project-card a{font-size:12px;border-bottom:1px solid}.about-wrap{background:#252419;padding:80px 0}.about-wrap .section{padding:45px 0}.about-wrap .section:first-child{padding-top:0}.about-wrap .section:last-child{padding-bottom:0}.about-wrap h2{font-size:36px;max-width:650px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split-section>div:last-child{padding-top:30px}.split-section p:not(.eyebrow){font-size:14px;color:#b9b5a4}.section-header{margin-bottom:40px}.timeline-item{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;border-top:1px solid #454333;padding:26px 0}.timeline-item h3{font-size:20px;font-weight:500;line-height:1.5;margin-bottom:6px}.timeline-item h3 span{color:#acb395}.timeline-item p{font-size:12px;color:var(--muted);margin:0}.timeline-item ul{margin:0;padding-left:16px;font-size:13px;color:#b9b5a4}.timeline-item li{margin-bottom:10px}.timeline-date{font-size:12px}.skills-grid,.credentials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 60px}.skill-card{border-top:1px solid #454333;padding-top:20px}.skill-card h3,.credentials h3{font-size:17px;margin-bottom:10px;font-weight:500}.skill-card p,.credentials p:not(.eyebrow){color:#b9b5a4;font-size:13px}.credential-type{font:9px monospace;letter-spacing:1px;color:var(--muted)}.credentials-grid>div{border-top:1px solid #454333;padding-top:20px}.writing{padding:80px 0}.writing>div{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.writing p:not(.eyebrow){font-size:14px;color:var(--muted)}.writing .text-link{margin-top:18px;color:var(--ink)}.contact{background:#8a3925;color:#f6e9db;padding:70px 0}.contact .eyebrow{color:#e0b19b}.contact h2{font-size:clamp(58px,8vw,110px);line-height:1.05;position:relative;letter-spacing:-5px}.contact em{color:#f6e9db}.contact h2>a{position:absolute;right:20px;top:10px;border:1px solid #c78e70;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:60px}.contact a:hover{color:#e0b19b}.contact-bottom{border-top:1px solid #a25f44;margin-top:45px;padding-top:25px;display:flex;align-items:end;justify-content:space-between;font-size:13px}.contact-bottom p{margin-bottom:3px;color:#e0b19b}.socials{display:flex;gap:30px}footer{padding:25px 56px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.case-nav{max-width:1100px;width:calc(100% - 60px);margin:25px auto 50px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.case-nav>a:first-child{font:800 30px 'Manrope',Arial;letter-spacing:-2px}.case-nav span{font-size:12px;vertical-align:top}.case-content{max-width:1000px;width:calc(100% - 60px);margin:auto}.case-content main{display:contents}.case-content .container{width:100%}.case-content section{margin:55px 0}.case-content h1{font-size:64px;letter-spacing:-3px;line-height:1.1;margin:25px 0}.case-content h2{font-size:32px;margin:20px 0}.case-content h3{font-size:22px;margin:20px 0 12px}.case-content p,.case-content li{color:#b9b5a4;font-size:15px}.case-content a{border-bottom:1px solid var(--rust);margin-right:15px}.case-content .button{display:inline-block;padding:10px 17px;background:var(--ink);color:white;border:0;margin:5px 12px 5px 0}.case-content img{max-width:100%;height:auto}.case-content table{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow:auto}.case-content td,.case-content th{text-align:left;border-bottom:1px solid var(--line);padding:12px}.case-content pre{background:#2b291b;padding:20px;overflow:auto;font-size:12px}.case-content .metrics,.case-content .stat-grid,.case-content .snapshot-grid{display:flex;flex-wrap:wrap;gap:30px}.case-content .metrics article{display:flex;flex-direction:column}.case-content .metrics strong{font-size:28px}.case-page footer{margin-top:70px;border-top:1px solid var(--line)}
@media(min-width:1500px){h1{font-size:100px}}@media(max-width:1000px){.container{width:calc(100% - 64px)}header{padding:0 32px}.hero-title{grid-template-columns:1.6fr 1fr}h1{font-size:66px;letter-spacing:-4px}.hero-bottom{gap:30px}.section-heading{gap:30px}.project-visual{min-height:360px;padding:65px 50px 40px}.project-info{gap:30px}.project-bottom{gap:20px}.project-metrics{gap:10px}.project-metrics span+span{padding-left:10px}.skills-grid{gap:25px}.split-section{gap:35px}.timeline-item{gap:30px}.contact h2>a{width:80px;height:80px;font-size:45px}.extra-grid{gap:25px}}
@media(max-width:650px){body{font-size:14px}.container{width:calc(100% - 40px)}header{height:82px;padding:0 20px}.wordmark{font-size:31px}header nav{gap:17px;font-size:11px}header nav a:last-child{display:none}.nav-contact{font-size:11px}.nav-contact span{margin-left:10px}.hero{padding-top:28px;padding-bottom:35px}.hero-top{align-items:start;gap:15px}.hero-top .eyebrow{font-size:8px;letter-spacing:1px;max-width:180px}.available{font-size:9px;white-space:nowrap}.hero-title{display:block;margin:34px 0 22px;position:relative}h1{font-size:57px;letter-spacing:-3.5px}.hero-art{position:absolute;width:140px;bottom:5px;right:-10px;opacity:.5}.art-caption{display:none}.hero-bottom{display:block}.hero-bottom p{font-size:14px;max-width:310px}.circle-cta{justify-content:space-between;margin-top:25px;width:100%}.circle-cta b{width:40px;height:40px}.expertise-strip{padding:15px 20px;gap:15px;flex-wrap:wrap;justify-content:center;font-size:12px}.expertise-strip i{font-size:16px}.work{padding:55px 0}.section-heading{display:block}.section-heading>p{margin-top:22px;font-size:13px}h2{font-size:36px;letter-spacing:-1.5px}.eyebrow{font-size:9px;margin-bottom:17px}.filters{margin:25px 0}.filters button{padding:8px 12px;font-size:10px}.project{margin-bottom:40px}.project-visual{min-height:260px;padding:55px 20px 35px}.project-index{font-size:7px;left:16px;top:16px}.round-arrow{width:30px;height:30px;bottom:15px;right:15px;font-size:18px}.mini-window{padding:14px 18px}.window-top{font-size:6px}.mini-title{font-size:26px;margin:17px 0}.bars{height:95px;gap:4px}.window-bottom{font-size:5px;margin-top:12px}.wallet-panel{padding:20px}.wallet-panel small{font-size:6px}.wallet-panel strong{font-size:30px}.wallet-panel span{font-size:7px}.coin{width:90px;height:90px;line-height:75px;font-size:45px;border-width:7px}.spark{height:40px}.care-art,.jaffle-art{gap:15px}.cross{font-size:100px}.care-art small,.jaffle-art small{font-size:6px}.care-art h4,.jaffle-art h4{font-size:25px;letter-spacing:-1px}.care-art div>span,.jaffle-art div>span{font-size:7px}.olist-art>strong{font-size:65px}.pipeline{gap:6px}.pipeline span{font-size:7px;padding:8px}.olist-art p{font-size:9px}.jaffle-mark{width:90px;height:95px;border-radius:20px;font-size:70px}.project-info{display:block;padding-top:20px}.project-info h3{font-size:24px}.project-info>p{margin-top:13px;font-size:12px}.project-bottom{display:block;margin-top:18px}.project-metrics{flex-wrap:wrap;font-size:8px;margin-bottom:15px}.text-link{font-size:11px}.extra-grid{display:block}.project-card{margin-bottom:30px}.about-wrap{padding:45px 0}.about-wrap .section{padding:30px 0}.about-wrap h2{font-size:30px}.split-section{display:block}.split-section>div:last-child{padding-top:22px}.timeline-item{display:block}.timeline-item ul{margin-top:15px;font-size:12px}.timeline-item h3{font-size:18px}.skills-grid,.credentials-grid{grid-template-columns:1fr}.writing{padding:50px 0}.writing>div{display:block}.writing>div>p{margin-top:25px}.contact{padding:45px 0}.contact h2{font-size:54px;letter-spacing:-2.5px}.contact h2>a{width:48px;height:48px;font-size:26px;right:0;top:5px}.contact-bottom{display:block;margin-top:30px;font-size:11px}.socials{margin-top:25px;gap:25px}footer{padding:20px;font-size:8px;gap:15px}footer>span:nth-child(2){display:none}.case-content h1{font-size:40px;letter-spacing:-2px}.case-content h2{font-size:28px}.case-content .split-section,.case-content .project-info{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.project-topline{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1px}.project-topline .project-number{color:var(--rust)}.case-content .tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.case-content .tags span{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:4px 12px}.case-content .profile-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.case-content .profile-row>span{font-size:9px;letter-spacing:1px}.case-content .hero-panel{background:#252419;padding:24px;margin:25px 0}.case-content .code-label{font:10px monospace;margin-bottom:12px}.case-content code{overflow-wrap:anywhere}.case-content .preview-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font:10px monospace;margin-bottom:20px}.case-content .kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-content .kpi-grid>div{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:16px}.case-content .kpi-grid span{font-size:12px}.case-content .kpi-grid strong{font-size:26px}
@media(max-width:650px){.hero-art{display:none}h1{font-size:clamp(43px,13vw,57px);letter-spacing:-2.5px}.case-content .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-content .profile-row{display:block}.case-content .profile-row>span{display:block;margin-bottom:4px}.case-content .split-section>div:last-child{padding-top:0}}
@media(max-width:380px){header nav a:nth-child(2){display:none}header nav{gap:0}header{gap:20px}.nav-contact{white-space:nowrap}.hero-top .eyebrow{max-width:150px}}
.case-content .project-nav{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.case-content .project-nav a{display:block;max-width:100%;overflow-wrap:anywhere}.case-content .project-nav a span{display:block;font-size:10px;letter-spacing:1px}.case-content .project-nav a strong{display:block;font-size:16px}.case-content .project-navigation a{display:inline-block;max-width:100%;overflow-wrap:anywhere}
@media(max-width:650px){.case-content a{overflow-wrap:anywhere}.case-content .project-nav{display:block}.case-content .project-nav a{margin-bottom:20px}.case-content .case-navigation a{display:block;max-width:100%}}
.case-content .case-nav{width:100%;margin:25px 0;gap:25px}.case-content .case-nav a{display:block;flex:1;min-width:0;font:inherit;letter-spacing:normal;margin:0}.case-content .case-nav a span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:5px}.case-content .case-nav a strong{display:block;font:500 17px/1.5 'Manrope',Arial}.case-content .case-nav a:last-child{text-align:right}
@media(max-width:650px){.case-content .case-nav{flex-direction:column}.case-content .case-nav a:last-child{text-align:left}}

/* Dark edition: warm copper accents on cool charcoal. */
:root{color-scheme:dark}
body{background:radial-gradient(ellipse at 83% 9%,#2a251600,transparent 35%),var(--paper)}
::selection{background:#8d5748;color:#fff5e6}
.skip{background:#df9473;color:#231e11}
.available i{box-shadow:0 0 12px #a3ba8640}
.hero-art svg{filter:drop-shadow(0 0 28px #c77b5d12)}
.hero-art svg [stroke="#b54f32"]{stroke:#d58a6d}
.hero-art svg [fill="#b54f32"]{fill:#b56e52}
.hero-art svg [fill="#c4b7a2"]{fill:#526064}
.hero-art svg [fill="#725d4b"]{fill:#b2b8b5}
.hero-art svg [fill="#fff8ec"]{fill:#fff0e2}
.project-visual{border:1px solid #ffffff09}
.project-visual:hover{filter:brightness(1.08) saturate(1.05)}
.mini-window,.wallet-panel{border:1px solid #ffffff0e}
.filters button:hover{border-color:#b98161;color:var(--ink)}
.filters button.active{background:#df9473;color:#231e11;border-color:#df9473}
.case-content .button{background:#df9473;color:#231e11}
.case-content .button:hover{background:#edb39b;color:#231e11}
.circle-cta:hover b{color:#231e11}
.art-caption{color:#b1ad9b}
.case-content th{color:var(--ink)}
.case-content td{color:#b9b5a4}
.case-content code{color:#e2b394}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease}}

/* Warm earth palette matched to the supplied reference. */
body{background:#231e11}
.hero-art svg [stroke="#b54f32"]{stroke:#bf6746}
.hero-art svg [fill="#b54f32"]{fill:#994c30}
.hero-art svg [fill="#c4b7a2"]{fill:#675b38}
.hero-art svg [fill="#725d4b"]{fill:#b0a888}
.art-caption{color:#aaa48e}
.contact{background:#8a3925}
.contact h2,.contact em{color:#f6e4ca}
.contact-bottom{border-color:#b16a4e}
.contact .eyebrow,.contact-bottom p{color:#e7bea6}

/* Shared project components: spacing, metadata and evidence. */
.toolset{margin:22px 0 24px;min-width:0}
.tools-label{margin:0 0 10px!important;color:var(--muted);font:10px/1.5 'DM Sans',Arial!important;letter-spacing:1.6px;text-transform:uppercase}
.tool-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.tool-list li{margin:0!important;border:1px solid #5a4d36;border-radius:5px;background:#2c271a;color:#ddd8ca!important;padding:6px 11px;font:12px/1.5 'DM Sans',Arial!important;overflow-wrap:anywhere}
.project-info{align-items:start}
.project-info>p{font-size:14px;line-height:1.8}
.project>.toolset{margin-top:20px;margin-bottom:22px}
.project-card .toolset{margin:20px 0}
.project-card p{line-height:1.8}
.project-metrics{flex-wrap:wrap;row-gap:10px}
.project-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px}
.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 48px}
.credential-grid>div{padding:20px 0 0;border-top:1px solid var(--line)}
.case-content{max-width:1120px}
.case-content *, .toolset *{min-width:0}
.case-content section{margin:72px 0}
.case-content section:first-child{margin-top:36px}
.case-content h1{font-size:clamp(40px,4.8vw,64px);line-height:1.12;margin:16px 0 24px;letter-spacing:-2.5px}
.case-content h2{font-size:clamp(28px,3.2vw,38px);line-height:1.25;margin:0 0 22px;letter-spacing:-1.3px}
.case-content h3{font-size:20px;line-height:1.45;margin:0 0 14px;letter-spacing:-.45px}
.case-content p,.case-content li{font-size:15px;line-height:1.85}
.case-content p{margin:0 0 18px}
.case-content p:last-child{margin-bottom:0}
.case-content ul{padding-left:20px;margin:16px 0}
.case-content li+li{margin-top:10px}
.case-content strong{color:var(--ink)}
.case-content .eyebrow,.story-label,.mini-label,.summary-label,.case-content .code-label{display:block;font:10px/1.6 'DM Sans',Arial;letter-spacing:1.5px;color:#c29c7b;text-transform:uppercase;margin:0 0 16px}
.case-content .case-breadcrumb,.case-content .jaffle-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:var(--muted);margin:0 0 35px;line-height:1.8}
.case-content .case-breadcrumb a,.case-content .jaffle-breadcrumb a{margin:0}
.case-content .case-breadcrumb span,.case-content .jaffle-breadcrumb span{font-size:12px}
.case-content .case-hero-grid,.case-content .jaffle-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:48px;align-items:start}
.case-content .case-lede,.case-content .hero-text{font-size:17px;line-height:1.8;color:#d0cbbb}
.case-content .case-note,.case-content .jaffle-note,.case-content .production-note{padding:20px 24px;border-left:2px solid #aa7354;background:#2b271b;font-size:13px;line-height:1.85;color:#b9b5a4;margin:24px 0}
.case-content .case-note strong{margin-right:5px}
.case-content .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0;align-items:stretch}
.case-content .button{margin:0;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1.6;border:1px solid #df9473;min-height:44px}
.case-content .button.secondary{background:transparent;color:#ddd8ca;border-color:#766045}
.case-content .button.secondary:hover{background:#352c1d;border-color:#df9473}
.case-content .case-summary,.case-content .hero-panel{padding:26px;background:#2b281c;border:1px solid #49422c;border-radius:6px;margin:8px 0 0;align-self:start}
.case-content .summary-label,.case-content .code-label{padding-bottom:16px;border-bottom:1px solid #49422c;margin-bottom:0}
.case-content .detail-list{margin:0;padding:0}
.case-content .detail-list>div{display:grid;grid-template-columns:minmax(88px,.75fr) minmax(0,1.4fr);gap:10px 20px;align-items:start;padding:17px 0;border-bottom:1px solid #49422c;margin:0}
.case-content .detail-list>div:last-child{border-bottom:0;padding-bottom:0}
.case-content .detail-list dt{font-size:10px;line-height:1.8;font-weight:500;letter-spacing:.8px;color:#b1ad9b;overflow-wrap:anywhere;margin:0}
.case-content .detail-list dd{font-size:13px;line-height:1.8;font-weight:500;color:#ddd8ca;overflow-wrap:anywhere;margin:0}
.case-content .story-grid,.case-content .split-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:55px;align-items:start}
.case-content .section-heading{display:block;margin:0 0 30px;max-width:850px}
.case-content .section-heading .eyebrow{margin-bottom:14px}
.case-content .section-heading h2{margin-bottom:0}
.case-content .split-section .section-heading{margin:0}
.case-content .section-copy{padding:0!important}
.case-content .section-intro{max-width:850px;margin:22px 0}
.case-content .case-heading{max-width:850px;margin-bottom:30px}
.case-content .question-list{display:grid;gap:0;margin-top:24px;border-top:1px solid var(--line)}
.case-content .question-list>div{padding:15px 0 15px 19px;position:relative;font-size:14px;line-height:1.8;border-bottom:1px solid var(--line);color:#c8c0ac}
.case-content .question-list>div:before{content:'↗';position:absolute;left:0;color:#df9473;font-size:12px}
.case-content .dashboard,.case-content .project-preview{padding:30px;background:#29261b;border:1px solid #49422c;border-radius:6px}
.case-content .dashboard-head{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:28px}
.case-content .dashboard-head>div{max-width:760px}
.case-content .dashboard-head h2{font-size:30px;margin-bottom:14px}
.case-content .dashboard-head p{font-size:13px}
.case-content .status-pill{display:inline-block;flex-shrink:0;align-self:start;border:1px solid #6b694b;border-radius:30px;padding:7px 12px;color:#c6cfaa;font-size:9px;letter-spacing:.7px;line-height:1.6;white-space:nowrap}
.case-content .dash-kpis,.case-content .preview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.case-content .jaffle-results{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-content .kpi,.case-content .preview-kpis>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#201e14;border:1px solid #49422c;border-radius:4px;padding:20px;min-width:0}
.case-content .kpi>span,.case-content .preview-kpis>div>span{display:block;font-size:12px;line-height:1.6;color:#b9b5a4}
.case-content .kpi>strong,.case-content .preview-kpis>div>strong{display:block;font:500 clamp(22px,2.2vw,30px)/1.25 'Manrope',Arial;letter-spacing:-.8px;color:#e4d5bb;overflow-wrap:anywhere}
.case-content .kpi>small{display:block;font-size:11px;line-height:1.7;color:#aaa48e;overflow-wrap:anywhere}
.case-content .dash-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:28px;align-items:start}
.case-content .viz-card{padding-top:24px;border-top:1px solid var(--line)}
.case-content .viz-card h3{margin-bottom:18px}
.case-content .metric-list>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:20px}
.case-content .metric-list dt{font-size:12px;letter-spacing:0;color:#b9b5a4}
.case-content .metric-list dd{font-size:13px;font-weight:500}
.case-content .architecture-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:start}
.case-content .arch-box{padding:22px 18px;background:#29261b;border:1px solid #49422c;border-radius:4px;height:100%}
.case-content .arch-box>span{display:block;font-size:9px;letter-spacing:1px;color:#c29c7b;margin-bottom:15px}
.case-content .arch-box h3{font-size:17px;margin-bottom:12px}
.case-content .arch-box p{font-size:13px;line-height:1.8}
.case-content .arch-arrow{font-size:20px;color:#c29c7b;padding-top:55px}
.case-content .decision-grid,.case-content .quality-grid,.case-content .metric-grid,.case-content .env-grid,.case-content .skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}
.case-content .decision-card,.case-content .quality-card,.case-content .metric-card,.case-content .env-card,.case-content .skill-card{padding:25px;border:1px solid #49422c;border-radius:5px;background:#29261b;min-width:0}
.case-content .skill-card{border-top:1px solid #49422c}
.case-content .decision-card p,.case-content .quality-card p,.case-content .skill-card p,.case-content .env-card p{font-size:14px}
.case-content article li{font-size:14px;padding-left:2px}
.case-content .production-note{margin-top:30px;padding:26px}
.case-content .production-note h3{margin:0 0 14px}
.case-content .production-note p{font-size:14px}
.case-content .code-block,.case-content pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;background:#201e14;border:1px solid #49422c;border-radius:4px;padding:18px;margin:20px 0 0;font:12px/1.9 ui-monospace,Consolas,monospace;max-width:100%}
.case-content .code-block code{font:inherit}
.case-content p code,.case-content li code{font-size:.9em;padding:1px 4px;background:#342b1d;border-radius:3px;overflow-wrap:anywhere}
.case-content .jaffle-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0;padding:0;list-style:none}
.case-content .jaffle-pipeline>li{margin:0;padding:22px;background:#29261b;border:1px solid #49422c;border-radius:5px}
.case-content .jaffle-pipeline>li p{font-size:13px}
.case-content .jaffle-pipeline>li h3{font-size:18px}
.case-content .jaffle-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}
.case-content .jaffle-model-grid code{font-size:12px;display:block;margin-top:16px;line-height:1.8;overflow-wrap:anywhere}
.case-content .preview-head{padding-bottom:18px;border-bottom:1px solid #49422c;margin:0 0 24px;line-height:1.8}
.case-content .preview-head span{font-size:10px}
.case-content .preview-note{padding-top:24px;font-size:13px;margin:0}
.case-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:0;font-size:13px;line-height:1.7}
.case-content caption{text-align:left;font-size:12px;color:#b9b5a4;padding:0 0 18px}
.case-content td,.case-content th{padding:14px 16px;vertical-align:top;line-height:1.8;min-width:75px}
.case-content .jaffle-table-wrap{border:1px solid #49422c;border-radius:5px;padding:22px;margin:28px 0;background:#29261b;max-width:100%;overflow:auto}
.case-content .jaffle-table th[scope=row]{min-width:160px;font-weight:500}
.case-content .case-nav{gap:25px;margin:20px 0 0;padding-top:25px;border-top:1px solid #49422c;border-bottom:0}
.case-content .case-nav a{padding:16px 0;line-height:1.8}
.case-content .case-nav a span{margin-bottom:9px;line-height:1.7}
.case-content .case-nav a strong{font-size:17px;line-height:1.7}
@media(max-width:1050px){
.case-content .case-hero-grid,.case-content .jaffle-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:28px}
.case-content .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-content .architecture-line,.case-content .jaffle-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-content .arch-arrow{display:none}
.case-content .detail-list>div{grid-template-columns:1fr;gap:7px}
.case-content .dash-grid{grid-template-columns:1fr}
.case-content .metric-list>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:20px}
.case-content .dashboard-head{display:block}
.case-content .status-pill{margin-top:18px}
}
@media(max-width:760px){
.case-content{width:calc(100% - 40px)}
.case-content section{margin:52px 0}
.case-content .case-hero-grid,.case-content .jaffle-hero-grid,.case-content .story-grid,.case-content .split-section{grid-template-columns:1fr;gap:28px}
.case-content .case-summary,.case-content .hero-panel{margin-top:0}
.case-content .detail-list>div{grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr);gap:18px}
.case-content .decision-grid,.case-content .quality-grid,.case-content .metric-grid,.case-content .env-grid,.case-content .skills-grid{grid-template-columns:1fr;gap:20px}
.case-content .jaffle-model-grid{grid-template-columns:1fr}
.case-content .dashboard,.case-content .project-preview{padding:22px}
.case-content .jaffle-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.credential-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:480px){
.case-content h1{font-size:38px;line-height:1.15;letter-spacing:-1.7px}
.case-content h2,.case-content .dashboard-head h2{font-size:28px;line-height:1.3;letter-spacing:-1px}
.case-content p,.case-content li{font-size:14px;line-height:1.85}
.case-content .case-lede,.case-content .hero-text{font-size:15px}
.case-content .case-summary,.case-content .hero-panel{padding:22px}
.case-content .detail-list>div{grid-template-columns:1fr;gap:7px;padding:16px 0}
.case-content .detail-list dt{font-size:10px}
.case-content .detail-list dd{font-size:14px}
.case-content .metric-list dt{font-size:12px}
.case-content .dashboard,.case-content .project-preview{padding:20px}
.case-content .dash-kpis,.case-content .preview-kpis,.case-content .architecture-line,.case-content .jaffle-pipeline{grid-template-columns:1fr;gap:14px}
.case-content .kpi,.case-content .preview-kpis>div{padding:20px;gap:12px}
.case-content .kpi>strong,.case-content .preview-kpis>div>strong{font-size:28px}
.case-content .decision-card,.case-content .quality-card,.case-content .metric-card,.case-content .env-card,.case-content .skill-card{padding:22px}
.case-content .status-pill{white-space:normal}
.case-content .jaffle-table-wrap{padding:14px}
.tool-list{gap:7px}.tool-list li{font-size:11px!important;padding:6px 9px}
.project-info>p{font-size:13px;line-height:1.85}
.project>.toolset{margin:18px 0 22px}
.case-content .hero-actions{flex-direction:column;align-items:stretch}
.case-content .button{width:100%;min-height:46px;padding:12px 16px}
}
.case-content .tool-list{padding:0;margin:0;list-style:none}
.case-content .kpi>.identifier-value{font:500 18px/1.5 ui-monospace,Consolas,monospace;letter-spacing:-.3px}

/* Expand a project to reveal its original visual card. */
.anchor-alias{display:block;position:relative;top:-35px;visibility:hidden}
.project-dropdown{border-top:1px solid var(--line);margin:0}
.project-dropdown:last-child{border-bottom:1px solid var(--line)}
.project-dropdown>summary{display:flex;align-items:center;gap:24px;padding:26px 0;list-style:none;cursor:pointer;min-height:80px}
.project-dropdown>summary::-webkit-details-marker{display:none}
.project-dropdown>summary:focus-visible{outline:2px solid var(--rust);outline-offset:5px}
.dropdown-title{flex:1;font:500 26px/1.4 'Manrope',Arial;letter-spacing:-.8px;color:var(--ink)}
.dropdown-prompt{font-size:11px;color:var(--muted)}
.dropdown-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #68543b;border-radius:50%;font-size:25px;line-height:1;color:var(--rust);transition:transform .2s ease}
.project-dropdown[open] .dropdown-icon{transform:rotate(45deg)}
.project-dropdown[open] .dropdown-title{color:var(--rust)}
.dropdown-body{padding:8px 0 30px}
.dropdown-body .project{margin:0}
.dropdown-body .project-bottom{border:0;padding-bottom:0}
.compact-dropdown>summary{align-items:center;gap:15px}
.compact-dropdown .dropdown-title{font-size:20px}
.compact-dropdown .dropdown-icon{width:30px;height:30px;font-size:21px;flex-shrink:0}
.compact-dropdown .project-card{border:0;padding-top:4px;margin:0}
.compact-dropdown .project-card .project-topline{margin-bottom:18px}
.compact-dropdown .project-card h3{display:none}
@media(max-width:650px){.project-dropdown>summary{padding:22px 0;gap:15px;min-height:78px}.dropdown-title{font-size:21px;letter-spacing:-.6px}.dropdown-prompt{display:none}.dropdown-icon{width:32px;height:32px;font-size:23px;flex-shrink:0}.dropdown-body{padding:0 0 25px}.compact-dropdown .dropdown-title{font-size:19px}.extra-grid{display:block}}
@media(prefers-reduced-motion:reduce){.dropdown-icon{transition:none}}

.extra-grid > .compact-dropdown{border-bottom:1px solid var(--line)}