:root{
  --navy:#253950;--navy-deep:#162331;--teal:#325D6B;--rust:#AF6337;--blush:#CFB0AC;--blue:#6C97E1;--royal:#00087D;--ink:#18212a;--muted:#5d6873;--paper:#F7F4EF;--white:#fff;--line:#D9DEE3;--peach:#E7B29E;--soft-blue:#EEF5FA;--soft-rust:#F3E9E3;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 40px),900px);margin-inline:auto}.eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--rust)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,244,239,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(37,57,80,.12)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800}.brand span{color:var(--rust)}.nav-links{display:flex;align-items:center;gap:28px;font-size:.92rem}.nav-links a:hover{color:var(--rust)}.nav-cta{padding:9px 15px;border:1px solid var(--navy);border-radius:999px;font-weight:700}.menu{display:none;border:0;background:none;font-size:1.5rem;color:var(--navy)}
.hero{background:var(--navy-deep);color:#fff;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(207,176,172,.28);border-radius:50%;right:-130px;top:-160px;box-shadow:0 0 0 85px rgba(108,151,225,.055),0 0 0 170px rgba(175,99,55,.04)}.hero-grid{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:72px 0}.hero-eyebrow{color:var(--peach)}.hero h1{font-family:Georgia,serif;font-size:clamp(3.2rem,5.1vw,5.9rem);line-height:.98;letter-spacing:-.045em;font-weight:500;max-width:820px;margin:18px 0 22px}.hero h1 em{color:var(--peach);font-weight:500}.hero-copy{max-width:710px;color:#DDE5EC;font-size:1.02rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:999px;font-weight:750;border:1px solid transparent}.button.primary{background:var(--peach);color:#1a2733}.button.secondary{border-color:#718497;color:white}.outline-dark{border-color:var(--navy);color:var(--navy);background:transparent}.hero-art{height:380px;position:relative}.orbit{position:absolute;border:1px solid rgba(255,255,255,.26);border-radius:50%}.orbit.one{width:300px;height:300px;right:18px;top:36px}.orbit.two{width:195px;height:195px;right:72px;top:88px;border-color:rgba(226,164,135,.62)}.art-circle{position:absolute;border-radius:50%}.art-circle.a{width:125px;height:125px;right:145px;top:126px;background:var(--teal)}.art-circle.b{width:85px;height:85px;right:58px;bottom:50px;background:var(--blush)}.art-card{position:absolute;left:0;bottom:35px;width:220px;padding:17px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.065);border-radius:16px;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;line-height:1.75}
.metrics{background:#fff;border-bottom:1px solid var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:28px 28px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-family:Georgia,serif;color:var(--navy);font-size:2.35rem;font-weight:500;line-height:1}.metric span{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}
section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section-head h2{font-family:Georgia,serif;font-size:clamp(2.15rem,4vw,3.6rem);font-weight:500;letter-spacing:-.03em;line-height:1.04;margin:7px 0 0;color:var(--navy)}.section-head p{max-width:490px;color:var(--muted);margin:0}.selected-work{background:var(--paper)}.work-list{display:flex;flex-direction:column;gap:22px}.horizontal-work-card{display:grid;grid-template-columns:31% 1fr;min-height:245px;background:#fff;border:1px solid rgba(37,57,80,.13);border-radius:22px;overflow:hidden;transition:.2s transform,.2s box-shadow}.horizontal-work-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(37,57,80,.10)}.work-preview{background:#EDF1F4;overflow:hidden;border-right:1px solid rgba(37,57,80,.10);display:flex;align-items:center;justify-content:center;padding:18px}.work-preview img{width:100%;height:100%;object-fit:contain;object-position:center}.work-card-copy{padding:31px 38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.work-card-copy .tag{font-size:.71rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--rust)}.work-card-copy h3{font-family:Georgia,serif;color:var(--navy);font-weight:500;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.05;margin:9px 0 13px;max-width:730px}.work-card-copy p{margin:0;color:var(--muted);max-width:760px}.text-link{display:inline-block;margin-top:20px;font-weight:800;color:var(--navy);border-bottom:1px solid rgba(37,57,80,.32)}
.contact{background:var(--navy-deep);color:#fff}.compact-contact{padding:58px 0}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-row h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:500;line-height:1.04;margin:7px 0 10px}.contact-row p{color:#D5DEE5;max-width:720px;margin:0}.contact-eyebrow{color:var(--peach)}.contact-links{display:flex;gap:10px;flex-wrap:wrap;min-width:max-content}footer{background:#0f1922;color:#B7C2CB;padding:22px 0;font-size:.84rem}.footer-grid{display:flex;justify-content:space-between;gap:20px}
.about-hero{background:linear-gradient(145deg,var(--navy-deep),#253950);color:#fff;padding:100px 0 85px}.about-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,5.8rem);font-weight:500;letter-spacing:-.04em;line-height:.98;margin:12px 0 24px}.about-hero .lede{font-size:1.15rem;color:#DDE5EC;max-width:850px}.about-page{background:#fff}.about-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px}.about-main p{font-size:1.12rem;color:#44515d;margin:0 0 24px}.about-side{border-left:1px solid var(--line);padding-left:34px}.approach-stack>div{padding:20px 0;border-bottom:1px solid var(--line)}.approach-stack b{font-family:Georgia,serif;font-size:1.9rem;font-weight:500;color:var(--rust)}.approach-stack h3{margin:4px 0 6px;color:var(--navy)}.approach-stack p{margin:0;color:var(--muted);font-size:.94rem}
/* Case studies */
.case-hero{background:var(--navy-deep);color:#fff;padding:70px 0}.case-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px}.case-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5.6vw,5.6rem);font-weight:500;line-height:.98;letter-spacing:-.04em;margin:12px 0 20px}.case-hero p{color:#D8E0E7;font-size:1.06rem;max-width:660px}.case-hero-image{background:#fff;border-radius:18px;padding:14px;box-shadow:0 22px 60px rgba(0,0,0,.17)}.case-hero-image img{width:100%;max-height:430px;object-fit:contain;border-radius:10px}.case-subnav{position:sticky;top:70px;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.case-subnav .wrap{display:flex;gap:28px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}.case-subnav a{white-space:nowrap;color:var(--muted);font-size:.88rem;font-weight:700}.case-subnav a:hover{color:var(--rust)}.case-section{padding:76px 0;background:#fff}.case-section.alt{background:var(--paper)}.case-section h2{font-family:Georgia,serif;color:var(--navy);font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;font-weight:500;letter-spacing:-.025em;margin:7px 0 22px}.case-section h3{color:var(--navy);margin:0 0 7px}.case-section p,.case-section li{color:#44515d}.case-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.soft-panel{background:var(--soft-rust);padding:30px;border-radius:20px}.soft-panel h3{font-family:Georgia,serif;font-size:1.85rem;font-weight:500}.soft-panel ul{margin:12px 0 0;padding-left:21px}.constraint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 36px}.constraint-grid>div{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:12px 0}.constraint-grid span,.role-bullets span{width:36px;height:36px;border:1px solid var(--rust);border-radius:50%;display:grid;place-items:center;color:var(--rust);font-weight:800}.constraint-grid p,.role-bullets p{margin:4px 0 0}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px}.workflow-grid>div{padding:24px;border-right:1px solid var(--line)}.workflow-grid>div:last-child{border-right:0}.workflow-grid b{font-family:Georgia,serif;color:var(--rust);font-size:2rem;font-weight:500}.workflow-grid h3{margin-top:5px}.blue-wash{background:linear-gradient(90deg,#ECF4F8,#F8FBFC)}.role-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 32px;margin:22px 0 35px}.role-bullets>div{display:grid;grid-template-columns:40px 1fr;gap:13px}.progression{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.progression article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.progression-label{font-weight:800;color:var(--navy);margin-bottom:12px}.image-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-grid img{width:100%;height:180px;object-fit:contain;background:#f6f7f8;border-radius:10px;border:1px solid #e5e7e9}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:26px}.method-grid>div{background:#fff;padding:26px}.method-grid strong{font-family:Georgia,serif;font-size:2.5rem;color:var(--rust);font-weight:500}.method-grid p{font-size:.93rem}.section-intro{max-width:850px;font-size:1.05rem}.results-feature{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:start;margin-top:28px}.results-feature img{width:100%;background:#fff;border:1px solid var(--line);border-radius:16px}.image-caption{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted);margin-bottom:8px}.result-insights{background:#fff;padding:26px;border:1px solid var(--line);border-radius:18px}.benchmark-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.benchmark-strip img{height:235px;width:100%;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}.recommendation-list{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.recommendation-list li{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:17px 4px;border-bottom:1px solid var(--line);align-items:start}.recommendation-list span{font-family:Georgia,serif;color:var(--rust);font-size:1.8rem;line-height:1}.recommendation-list h3{margin:0 0 3px}.recommendation-list p{margin:0}.impact-section{background:var(--navy-deep);color:#fff}.impact-section h2{color:#fff}.impact-section .light{color:var(--peach)}.impact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:48px}.impact-copy li{color:#DDE5EC;margin:7px 0}.impact-copy ul ul{margin-top:4px}.impact-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.impact-metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:20px}.impact-metrics strong{display:block;font-family:Georgia,serif;font-size:2.3rem;color:var(--peach);font-weight:500}.impact-metrics span{font-size:.84rem;color:#DDE5EC}.lessons-wrap h2{margin-bottom:28px}.lesson-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lesson-list>div{padding:22px;border-top:2px solid var(--rust);background:var(--paper)}.lesson-list p{margin:0}.next-work{padding:48px 0;background:#EDE7E1}.next-grid{display:flex;justify-content:space-between;align-items:center;gap:24px}.next-grid h3{font-family:Georgia,serif;color:var(--navy);font-size:2rem;font-weight:500;margin:2px 0 0}.next-links{display:flex;gap:10px;flex-wrap:wrap}.narrow-copy{max-width:900px}.case-details{background:#fff;border:1px solid var(--line);border-radius:16px;margin:14px 0;overflow:hidden}.case-details summary{padding:20px 22px;font-weight:800;color:var(--navy);cursor:pointer;font-size:1.05rem}.case-details>div{padding:0 22px 22px}.long-findings{display:flex;flex-direction:column;gap:16px}.long-findings article,.redplum-findings article{display:grid;grid-template-columns:64px 1fr;gap:18px;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.finding-num{font-family:Georgia,serif;font-size:2rem;color:var(--rust)}.finding-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.finding-images img{height:220px;width:100%;object-fit:contain;background:#f7f7f7;border-radius:10px}.quote-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.quote-compare>div{background:var(--paper);padding:20px;border-radius:14px}.quote-compare blockquote{margin:10px 0;color:#44515d;font-style:italic}.recommendation-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.recommendation-cards>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.recommendation-cards span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--soft-rust);color:var(--rust);font-weight:800;margin-bottom:12px}.redplum-findings{display:flex;flex-direction:column;gap:16px}.redplum-findings img{max-height:360px;margin-top:15px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.change-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.change-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.change-gallery img{width:100%;height:300px;object-fit:contain}.change-gallery figcaption{padding:14px 16px;color:var(--muted);font-size:.9rem}
@media(max-width:920px){.hero-grid,.case-hero-grid,.about-page-grid,.case-prose-grid,.impact-grid{grid-template-columns:1fr}.hero-art{display:none}.horizontal-work-card{grid-template-columns:1fr}.work-preview{height:250px;border-right:0;border-bottom:1px solid var(--line)}.contact-row{display:block}.contact-links{margin-top:24px}.metric-grid,.workflow-grid,.progression,.method-grid,.benchmark-strip,.lesson-list,.recommendation-cards,.change-gallery{grid-template-columns:1fr 1fr}.results-feature{grid-template-columns:1fr}.role-bullets{grid-template-columns:1fr}.about-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}.case-hero-image img{max-height:360px}}
@media(max-width:700px){.wrap,.narrow{width:min(calc(100% - 28px),var(--max))}.nav-links{display:none;position:absolute;left:14px;right:14px;top:66px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;flex-direction:column;align-items:flex-start;box-shadow:0 16px 40px rgba(37,57,80,.12)}.nav-links.open{display:flex}.menu{display:block}.hero-grid{min-height:auto;padding:58px 0}.hero h1{font-size:2.75rem}.metric-grid,.workflow-grid,.progression,.method-grid,.benchmark-strip,.lesson-list,.recommendation-cards,.change-gallery,.constraint-grid,.finding-images,.quote-compare,.impact-metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.section-head{display:block}.section-head p{margin-top:14px}.work-card-copy{padding:26px}.case-section{padding:58px 0}.case-subnav{top:66px}.role-bullets{grid-template-columns:1fr}.image-grid.two{grid-template-columns:1fr}.image-grid img{height:auto}.long-findings article,.redplum-findings article{grid-template-columns:1fr}.contact-links,.next-links{min-width:0}.footer-grid,.next-grid{display:block}.next-links{margin-top:18px}.case-hero h1{font-size:2.9rem}.case-hero{padding:58px 0}}

/* Final portfolio refinements */
.about-hero-grid{display:grid;grid-template-columns:1.15fr .55fr;gap:64px;align-items:center}.about-hero-photo{margin:0;justify-self:end;width:min(100%,360px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:10px;border-radius:22px}.about-hero-photo img{display:block;width:100%;border-radius:14px;object-fit:cover}.personal-note{margin-top:44px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}.personal-note figure{margin:0}.personal-note img{width:100%;display:block;border-radius:20px;max-height:560px;object-fit:cover}.personal-note p{margin-top:10px}.compact-contact .contact-row>div:first-child p{display:none}
.experience-stages{display:flex;flex-direction:column;gap:18px}.stage-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;overflow:hidden}.stage-old{border-top:4px solid var(--blush)}.stage-prototype{border-top:4px solid var(--blue)}.stage-new{border-top:4px solid var(--teal)}.stage-gallery{display:grid;gap:10px}.stage-gallery.old-gallery{grid-template-columns:repeat(3,1fr)}.stage-gallery.five{grid-template-columns:repeat(5,1fr)}.stage-gallery img{width:100%;height:180px;object-fit:contain;background:#f7f8f9;border:1px solid #e5e7e9;border-radius:10px}.stage-gallery.five img{height:170px}.impact-copy strong{color:#fff}.footer-grid a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.stage-gallery.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.about-hero-grid{grid-template-columns:1fr}.about-hero-photo{justify-self:start;width:min(70%,360px)}.personal-note{grid-template-columns:1fr}.stage-gallery.old-gallery,.stage-gallery.five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.about-hero-photo{width:100%}.stage-gallery.old-gallery,.stage-gallery.five{grid-template-columns:1fr}.stage-gallery img,.stage-gallery.five img{height:auto}}