:root {
  --canvas:#f5f4ef; --surface:#fff; --ink:#111318; --muted:#5f636c; --line:#d9d8d2;
  --blue:#1649ff; --blue-dark:#0b2fc4; --lime:#d9ff43; --dark:#10141c; --soft-blue:#e8efff;
  --violet:#8b5cf6; --radius-sm:12px; --radius-md:22px; --radius-lg:34px;
  --shadow:0 24px 70px rgba(17,19,24,.12); --shell:min(1180px,calc(100vw - 48px));
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:110px} body{margin:0;background:var(--canvas);color:var(--ink);font:400 1rem/1.65 "DM Sans",system-ui,sans-serif;text-rendering:optimizeLegibility} img{display:block;max-width:100%} a{color:inherit} button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;padding:12px 18px;background:var(--ink);color:#fff;text-decoration:none}.skip-link:focus{top:20px}.progress{position:fixed;inset:0 0 auto;height:3px;z-index:999;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--blue)}
.site-header{width:var(--shell);min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:700;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font:700 .72rem/1 "Manrope",sans-serif}.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:600;font-size:.92rem}.primary-nav a:not(.nav-cta):hover,.primary-nav a[aria-current="page"]{color:var(--blue)}.nav-cta{padding:0 18px;border:1px solid currentColor;border-radius:999px}.nav-cta:hover{background:var(--ink);color:#fff}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;padding:13px 11px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:currentColor;margin:5px 0}
.section-shell{width:var(--shell);margin-inline:auto}.eyebrow{margin:0 0 18px;font:700 .76rem/1.2 "Manrope",sans-serif;letter-spacing:.13em;text-transform:uppercase}.availability-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(217,255,67,.18)}h1,h2,h3{font-family:"Manrope",system-ui,sans-serif;letter-spacing:-.045em}h1{margin:0;font-size:clamp(3rem,6.8vw,6.5rem);line-height:.98;font-weight:600}h2{font-size:clamp(2.35rem,5vw,4.9rem);line-height:1.03;font-weight:600}h3{font-weight:600}
.hero{min-height:calc(100vh - 84px);padding:clamp(76px,10vw,140px) 0 96px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:clamp(56px,8vw,120px);align-items:end}.hero-summary{max-width:760px;margin:34px 0 0;color:var(--muted);font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.55}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.button-secondary{border-color:var(--ink)}.button-secondary:hover{background:var(--ink);color:#fff}.expertise-list{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 0;padding:0;list-style:none}.expertise-list li{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.84rem}.hero-proof{border-top:2px solid var(--ink);padding-top:22px}.proof-kicker{margin:0 0 24px;font-weight:700}.hero-stats{margin:0}.hero-stats div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.hero-stats dt{color:var(--muted);font-size:.82rem}.hero-stats dd{margin:0;font-weight:700}.proof-note{margin:28px 0 0;padding:20px;border-radius:var(--radius-sm);background:var(--soft-blue);font-size:.9rem;line-height:1.55}
.trust-strip{padding:22px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff;display:flex;align-items:center;gap:32px;overflow:hidden}.trust-strip p{margin:0;flex:0 0 auto;color:#a9adb6;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.trust-strip ul{flex:1;display:flex;justify-content:space-around;gap:28px;margin:0;padding:0;list-style:none;font-weight:700;white-space:nowrap}
.work,.approach{padding-block:140px}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:60px}.section-heading h2,.about h2,.contact h2{margin:0}.section-heading>p{max-width:520px;margin:0;color:var(--muted);font-size:1.05rem}.project{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.project+.project{margin-top:30px}.project-featured{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px}.project-media{position:relative;display:block;min-height:360px;background:var(--dark);overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-media:hover img{transform:scale(1.025)}.media-caption{position:absolute;left:16px;bottom:16px;padding:7px 10px;border-radius:999px;background:rgba(17,19,24,.82);color:#fff;font-size:.68rem;backdrop-filter:blur(8px)}.project-body{padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;align-items:flex-start}.project-meta{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:34px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.project-label{margin:0 0 13px;color:var(--blue);font-weight:700;font-size:.86rem}.project h3{margin:0;font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.03}.project-problem{margin:22px 0 30px;color:var(--muted);font-size:1.08rem}.project-facts{width:100%;margin:auto 0 0}.project-facts div{padding:14px 0;border-top:1px solid var(--line)}.project-facts dt{margin-bottom:4px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.project-facts dd{margin:0}.case-link{min-height:44px;display:inline-flex;align-items:center;gap:14px;margin-top:26px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px}.case-link:hover{color:var(--blue)}.project-basic{background:var(--dark);color:#fff;border-color:var(--dark)}.project-basic .project-meta,.project-basic .project-problem,.project-basic dt{color:#aeb3bd}.project-basic .project-facts div{border-color:#343a45}.project-basic .project-label{color:#b9a1ff}.project-basic .case-link:hover{color:#c4b5fd}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.capability{min-height:350px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.capability>span{color:var(--blue);font-weight:700}.capability h3{margin:auto 0 16px;font-size:1.55rem;line-height:1.1}.capability p{margin:0;color:var(--muted)}.about{padding-block:140px;display:grid;grid-template-columns:1.05fr .75fr .7fr;gap:clamp(36px,6vw,80px);align-items:start;border-top:1px solid var(--line)}.about-copy{font-size:1.06rem}.about-copy p:first-child{margin-top:4px}.principles{padding:26px;border-radius:var(--radius-md);background:var(--ink);color:#fff}.principles ul{margin:0;padding:0;list-style:none}.principles li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:15px 0;border-top:1px solid #343842}.principles li span{color:var(--lime);font-size:.7rem}.contact{width:100%;padding:130px max(24px,calc((100vw - 1180px)/2));background:var(--blue);color:#fff}.contact h2{max-width:1000px}.contact>p:not(.eyebrow){max-width:660px;margin:30px 0 0;color:rgba(255,255,255,.82);font-size:1.1rem}.button-light{background:#fff;color:var(--blue)}.button-outline-light{border-color:rgba(255,255,255,.75);color:#fff}.button-outline-light:hover{background:#fff;color:var(--blue)}.site-footer{padding:28px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:24px;background:var(--dark);color:#b9bdc7;font-size:.78rem}.site-footer nav{display:flex;gap:22px}.site-footer a{min-height:30px;display:inline-flex;align-items:center}

/* Case studies */
.case-page .site-header{background:color-mix(in srgb,var(--canvas) 90%,transparent)}.case-page h1{font-size:clamp(3rem,6.2vw,6rem)}.case-hero{padding:44px 0 110px}.case-breadcrumb,.page-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--muted);font-size:.82rem}.case-breadcrumb{margin:18px 0 22px}.case-breadcrumb a,.page-breadcrumb a{text-underline-offset:4px}.case-breadcrumb [aria-current="page"],.page-breadcrumb [aria-current="page"]{color:var(--ink);font-weight:650}.page-breadcrumb{margin:0 0 34px}.case-local-nav{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:72px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-local-nav a{text-decoration:none;font-size:.8rem;font-weight:650}.case-local-back{flex:0 0 auto}.case-local-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;align-items:center}.case-local-links a:hover{color:var(--blue)}.case-local-external{padding:8px 12px;border:1px solid currentColor;border-radius:999px}.case-hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(50px,8vw,110px);align-items:end}.case-deck{max-width:800px;margin:32px 0 0;color:var(--muted);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.5}.case-role{border-top:2px solid currentColor}.case-role dl{margin:0}.case-role dl div{padding:16px 0;border-bottom:1px solid var(--line)}.case-role dt{margin-bottom:5px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.case-role dd{margin:0;font-weight:600}.case-cover{margin-top:90px}.case-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow)}.case-cover p{max-width:700px;margin:15px 0 0;color:var(--muted);font-size:.82rem}.case-section{padding-block:130px}.case-section-label{display:flex;align-items:center;gap:18px;margin-bottom:58px;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.case-section-label span{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%}.case-section-label p{margin:0}.case-two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(52px,8vw,110px)}.case-heading h2{margin:0}.case-copy{font-size:1.08rem}.case-copy>p:first-child{margin-top:5px}.case-copy p{color:var(--muted)}.case-copy blockquote{margin:36px 0 0;padding:26px 0 0;border-top:2px solid currentColor;font:600 clamp(1.45rem,2.5vw,2.3rem)/1.3 "Manrope",sans-serif;letter-spacing:-.035em}.audience-grid,.responsibility-grid,.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:75px}.audience-grid article,.responsibility-grid article,.report-grid article{padding:26px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.audience-grid span,.responsibility-grid b,.report-grid span{color:var(--blue);font-size:.73rem;text-transform:uppercase;letter-spacing:.09em}.audience-grid h3,.responsibility-grid h3,.report-grid h3{margin:54px 0 12px;font-size:1.45rem;line-height:1.12}.audience-grid p,.responsibility-grid p,.report-grid p{margin:0;color:var(--muted)}.case-tint{background:#eaf0ff}.case-tint .responsibility-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.journey-flow,.product-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:76px 0 0;padding:0;list-style:none}.journey-flow li,.product-flow li{min-height:170px;display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.journey-flow span,.product-flow span{color:var(--blue);font-size:.72rem;font-weight:700}.journey-flow strong,.product-flow strong{margin-top:auto;font:600 1.2rem/1.1 "Manrope",sans-serif}.journey-flow small,.product-flow small{margin-top:7px;color:var(--muted);line-height:1.3}.decision-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.decision-list article{min-height:330px;padding:28px;border-radius:var(--radius-md);background:var(--ink);color:#fff}.decision-list span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lime)}.decision-list h3{margin:95px 0 14px;font-size:1.55rem;line-height:1.12}.decision-list p{margin:0;color:#b9bdc7}.case-dark{background:var(--dark);color:#fff}.case-dark .case-section-label,.case-dark .case-copy p{color:#b9bdc7}.stream-map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:75px}.stream-map>div{min-height:190px;display:flex;flex-direction:column;padding:24px;border:1px solid #363b47;border-radius:var(--radius-md)}.stream-map .stream-core{grid-column:span 2;background:var(--blue);border-color:var(--blue)}.stream-map span{color:#aeb4c0;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.stream-map .stream-core span{color:rgba(255,255,255,.72)}.stream-map strong{margin-top:auto;font:600 1.45rem/1.1 "Manrope",sans-serif}.stream-map small{margin-top:8px;color:#b9bdc7}.stream-core small{color:rgba(255,255,255,.8)}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:75px}.outcome-grid article{padding:28px;border-top:2px solid var(--ink)}.outcome-grid strong{display:block;font:600 clamp(2.5rem,5vw,5rem)/1 "Manrope",sans-serif;letter-spacing:-.06em;color:var(--blue)}.outcome-grid h3{margin:22px 0 8px;font-size:1.4rem}.outcome-grid p{margin:0;color:var(--muted)}.impact-list{columns:2;column-gap:64px;margin:70px 0 0;padding:0;list-style:none}.impact-list li{break-inside:avoid;padding:18px 0 18px 30px;border-top:1px solid var(--line);position:relative}.impact-list li:before{content:"↳";position:absolute;left:0;color:var(--blue)}.reflection{margin-top:90px;padding:clamp(34px,6vw,80px);border-radius:var(--radius-lg);background:var(--blue);color:#fff}.reflection h2{max-width:900px;margin:0}.reflection p:last-child{max-width:650px;color:rgba(255,255,255,.8);font-size:1.1rem}.next-project a{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:30px;align-items:center;padding:58px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff;text-decoration:none}.next-project span{color:#aeb3bd;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.next-project strong{font:600 clamp(1.8rem,4vw,3.6rem)/1 "Manrope",sans-serif}.next-project em{font-style:normal;text-align:right}.next-project a:hover{background:var(--blue)}

/* Basic Designs variation */
.case-basic{--canvas:#0b0b0e;--surface:#151519;--ink:#f5f5f5;--muted:#a7a7af;--line:#303036;--blue:#a78bfa;--blue-dark:#7c3aed;background:var(--canvas);color:var(--ink)}.case-basic .site-header{background:rgba(11,11,14,.88)}.case-basic .brand-mark{background:#f2f2f2;color:#111}.case-basic .nav-cta:hover{background:#fff;color:#111}.case-basic .case-cover img{box-shadow:0 24px 80px rgba(0,0,0,.45)}.case-basic .case-tint{background:#121218}.case-basic .button-light{color:#111}.case-basic .button-outline-light{color:#fff}.case-basic .audience-grid article,.case-basic .report-grid article{background:#131317}.case-basic .audience-grid span,.case-basic .report-grid span{color:#b99cff}.case-basic .method-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:75px 0 0;padding:0;list-style:none}.method-steps li{min-height:300px;padding:25px;border:1px solid var(--line);border-radius:var(--radius-md);background:#09090b}.method-steps span{color:#b99cff;font-size:.72rem;font-weight:700}.method-steps h3{margin:110px 0 12px;font-size:1.5rem}.method-steps p{margin:0;color:var(--muted)}.product-flow{grid-template-columns:repeat(4,1fr)}.product-flow li{min-height:190px;background:#131317}.case-basic .report-grid{grid-template-columns:repeat(4,1fr)}.token-architecture{margin-top:75px;padding:38px;border:1px solid var(--line);border-radius:var(--radius-md);background:#131317}.token-architecture>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:16px;align-items:center}.token-architecture span{min-height:120px;display:flex;flex-direction:column;justify-content:center;padding:20px;border-radius:var(--radius-sm);background:#23232a;font-weight:700}.token-architecture small{margin-top:8px;color:var(--muted);font-weight:400}.token-architecture i{font-style:normal;color:#b99cff}.decision-dark{grid-template-columns:repeat(4,1fr)}.decision-dark article{border:1px solid #373742;background:#15151a}.decision-dark span{color:#b99cff}.decision-dark h3{margin-top:75px}.ai-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:75px}.ai-split>div{padding:35px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.ai-split span{color:#b99cff;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.ai-split ul{margin:25px 0 0;padding:0;list-style:none}.ai-split li{padding:13px 0;border-top:1px solid var(--line)}.iteration-timeline{margin-top:30px;border-top:1px solid var(--line)}.iteration-timeline article{display:grid;grid-template-columns:.35fr .75fr 1fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.iteration-timeline span{color:#b99cff;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.iteration-timeline h3{margin:0;font-size:1.4rem}.iteration-timeline p{margin:0;color:var(--muted)}.case-outcome{background:#f3f0ff;color:#15121f}.case-outcome .case-section-label,.case-outcome .case-copy p,.case-outcome .outcome-grid p{color:#625f69}.case-outcome .outcome-grid article{border-color:#15121f}.basic-outcomes strong{color:#6d28d9}.limits{margin-top:75px;padding:38px;border-radius:var(--radius-md);background:#fff}.limits ul{margin:0;padding:0;list-style:none;columns:2;column-gap:50px}.limits li{break-inside:avoid;padding:14px 0;border-top:1px solid #ddd8ea}.case-basic .next-project a{background:#15151a}.case-basic .next-project a:hover{background:#6d28d9}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){:root{--shell:min(100% - 36px,760px)}.hero{min-height:auto;grid-template-columns:1fr;align-items:start}.hero-proof{max-width:620px}.project-featured{grid-template-columns:1fr}.project-basic .project-body{order:2}.project-featured .project-media{aspect-ratio:16/10}.capability-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1fr}.about-intro{grid-column:1/-1}.case-hero-grid,.case-two-col{grid-template-columns:1fr}.case-role{margin-top:20px}.audience-grid,.case-tint .responsibility-grid,.case-basic .report-grid{grid-template-columns:repeat(2,1fr)}.journey-flow{grid-template-columns:repeat(3,1fr)}.decision-list,.decision-dark{grid-template-columns:1fr 1fr}.stream-map{grid-template-columns:1fr 1fr}.method-steps,.case-basic .method-steps{grid-template-columns:repeat(3,1fr)}.token-architecture>div{grid-template-columns:1fr}.token-architecture i{transform:rotate(90deg);text-align:center}.next-project a{grid-template-columns:.4fr 1fr}.next-project em{grid-column:2;text-align:left}}
@media(max-width:760px){html{scroll-padding-top:88px}.site-header{min-height:70px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px;flex-direction:column;align-items:stretch;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.primary-nav a{padding-inline:10px}.nav-cta{justify-content:center;margin-top:6px}.hero{padding-top:64px}.section-heading{grid-template-columns:1fr;gap:20px}.trust-strip{align-items:flex-start;flex-direction:column;gap:14px}.trust-strip ul{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.capability-grid,.about{grid-template-columns:1fr}.case-local-nav{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:48px}.case-local-links{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;white-space:nowrap}.page-breadcrumb{margin-bottom:24px}.case-hero{padding-bottom:80px}.case-cover{margin-top:60px}.case-section{padding-block:90px}.audience-grid,.case-tint .responsibility-grid,.case-basic .report-grid,.decision-list,.decision-dark,.outcome-grid,.ai-split{grid-template-columns:1fr}.journey-flow,.product-flow{grid-template-columns:repeat(2,1fr)}.stream-map{grid-template-columns:1fr}.stream-map .stream-core{grid-column:auto}.method-steps,.case-basic .method-steps{grid-template-columns:1fr 1fr}.impact-list,.limits ul{columns:1}.iteration-timeline article{grid-template-columns:1fr;gap:8px}.next-project a{grid-template-columns:1fr}.next-project em{grid-column:auto}.site-footer{flex-direction:column}}
@media(max-width:520px){:root{--shell:calc(100% - 28px)}h1,.case-page h1{font-size:clamp(2.75rem,14vw,4.2rem)}.hero{padding:50px 0 70px}.hero-actions .button,.contact-actions .button{width:100%}.project-meta{justify-content:flex-start}.case-role dl div{padding:13px 0}.journey-flow,.product-flow,.method-steps,.case-basic .method-steps{grid-template-columns:1fr}.decision-list article{min-height:280px}.decision-list h3{margin-top:70px}.token-architecture{padding:24px}.next-project a{padding-block:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}

/* Oyster Del Sol */
.project-oyster{background:#dedbd8;color:#1d201f;border-color:#c9c5c0}.project-oyster .project-meta,.project-oyster .project-problem,.project-oyster dt{color:#5d605e}.project-oyster .project-facts div{border-color:#c1bcb6}.project-oyster .project-label,.project-oyster .case-link:hover{color:#9b3f1f}.project-oyster .project-media{background:#b8b5b0}
.case-oyster{--canvas:#dedbd8;--surface:#f1efed;--ink:#1d201f;--muted:#5d605e;--line:#bbb7b2;--blue:#9b3f1f;--blue-dark:#733019;--dark:#1d2926;background:var(--canvas);color:var(--ink)}
.case-oyster .site-header{background:rgba(222,219,216,.9)}.case-oyster .brand-mark{background:#1d2926}.case-oyster .nav-cta:hover{background:#1d2926;color:#fff}.case-oyster .case-cover img{border-radius:0;box-shadow:0 28px 70px rgba(29,32,31,.18)}
.button-oyster{background:#9b3f1f;color:#fff}.button-oyster:hover{background:#733019}.button-oyster-outline{border-color:#1d201f;color:#1d201f}.button-oyster-outline:hover{background:#1d201f;color:#fff}
.oyster-tint{background:#cdd3cb}.case-oyster .case-section-label span{border-radius:2px}.evidence-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:76px;background:#aaa6a1;border:1px solid #aaa6a1}.evidence-strip article{min-height:245px;padding:30px;background:#f1efed}.evidence-strip strong{display:block;font:600 clamp(3.2rem,7vw,6.5rem)/1 "Manrope",sans-serif;letter-spacing:-.07em;color:#9b3f1f}.evidence-strip p{max-width:26ch;margin:28px 0 0}.source-note{max-width:760px;margin:18px 0 0;color:var(--muted);font-size:.8rem}
.restaurant-method{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:76px 0 0;padding:0;background:#aab2a8;border:1px solid #aab2a8;list-style:none}.restaurant-method li{min-height:310px;padding:24px;background:#e2e5e0;display:flex;flex-direction:column}.restaurant-method span{color:#9b3f1f;font-size:.72rem;font-weight:700}.restaurant-method div{margin-top:auto}.restaurant-method h3{margin:0 0 12px;font-size:1.45rem}.restaurant-method p{margin:0;color:#555b57}
.restaurant-arc{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin:76px 0 0;padding:0;background:#bbb7b2;border:1px solid #bbb7b2;list-style:none}.restaurant-arc li{min-height:180px;padding:18px;background:#f1efed;display:flex;flex-direction:column}.restaurant-arc span{color:#9b3f1f;font-size:.72rem;font-weight:700}.restaurant-arc strong{margin-top:auto;font:600 1.15rem/1.1 "Manrope",sans-serif}.restaurant-arc small{margin-top:8px;color:#5d605e;line-height:1.35}.oyster-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,7vw,90px);align-items:center;margin-top:90px;padding-top:75px;border-top:1px solid #bbb7b2}.oyster-showcase figure{margin:0}.oyster-showcase img{width:100%;aspect-ratio:1/1;object-fit:cover}.oyster-showcase figcaption{margin-top:12px;color:#5d605e;font-size:.78rem}.oyster-showcase ul{margin:0;padding:0;list-style:none}.oyster-showcase li{display:grid;grid-template-columns:.72fr 1fr;gap:25px;padding:19px 0;border-top:1px solid #bbb7b2}.oyster-showcase li strong{font-family:"Manrope",sans-serif}.oyster-showcase li span{color:#5d605e}
.content-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:76px;background:#44514d;border:1px solid #44514d}.content-model-grid article{min-height:290px;padding:26px;background:#23302d}.content-model-grid span{color:#d49a75;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.content-model-grid h3{margin:95px 0 12px;font-size:1.5rem}.content-model-grid p{margin:0;color:#bdc6c2}.oyster-outcomes strong{color:#9b3f1f}.oyster-reflection{background:#9b3f1f}.case-oyster .next-project a{background:#1d2926}.case-oyster .next-project a:hover{background:#9b3f1f}
@media(max-width:980px){.restaurant-method{grid-template-columns:repeat(3,1fr)}.restaurant-arc{grid-template-columns:repeat(4,1fr)}.content-model-grid{grid-template-columns:repeat(2,1fr)}.oyster-showcase{grid-template-columns:1fr}}
@media(max-width:760px){.evidence-strip{grid-template-columns:1fr}.restaurant-arc{grid-template-columns:repeat(2,1fr)}.restaurant-method{grid-template-columns:1fr 1fr}.content-model-grid{grid-template-columns:1fr}}
@media(max-width:520px){.restaurant-method,.restaurant-arc{grid-template-columns:1fr}.oyster-showcase li{grid-template-columns:1fr;gap:5px}}

/* Editorial home refresh */
.home-page h1{font-size:clamp(3rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.052em}
.home-page h2{font-size:clamp(2.25rem,3.8vw,3.35rem);line-height:1.06;letter-spacing:-.045em}
.home-page .hero{min-height:570px;padding:66px 0 70px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.62fr);gap:clamp(56px,8vw,110px);align-items:start}
.home-page .hero-summary{max-width:720px;margin-top:28px;font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.6}
.home-page .hero-actions{margin-top:32px}
.home-page .hero-proof{padding-top:0;border-top:0}
.home-page .proof-kicker{margin:0 0 18px;padding-bottom:18px;border-bottom:2px solid var(--ink);font:700 .76rem/1.2 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.home-page .hero-stats div{grid-template-columns:.72fr 1.35fr;gap:18px;padding:15px 0}
.home-page .hero-stats div:first-child{border-top:0}
.home-page .hero-stats dt{font-size:.78rem}
.home-page .hero-stats dd{font-size:.92rem;line-height:1.45}
.experience-ticker{height:58px;display:flex;align-items:center;background:var(--canvas);color:var(--muted);border-block:1px solid var(--line);overflow:hidden}
.ticker-label{z-index:2;align-self:stretch;display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0 max(24px,calc((100vw - 1180px)/2));padding-right:24px;background:var(--canvas);color:#747982;font:600 .62rem/1 "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.ticker-window{min-width:0;overflow:hidden}
.ticker-track{display:flex;align-items:center;width:max-content;gap:26px;padding-left:22px;animation:portfolio-ticker 46s linear infinite;font-size:.86rem;font-weight:500;white-space:nowrap}
.ticker-track i{color:#b7b7b1;font-size:.62rem;font-style:normal}
@keyframes portfolio-ticker{to{transform:translateX(-50%)}}

.home-page .work{padding-block:74px 82px}
.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:32px;border-bottom:2px solid var(--ink)}
.work-heading h2{margin:0;font-size:clamp(2.1rem,3.5vw,3rem)}
.work-heading p{max-width:430px;margin:0;color:var(--muted);font:600 .74rem/1.5 "Manrope",sans-serif;letter-spacing:.08em;text-align:right;text-transform:uppercase}
.project-row{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(360px,.92fr);gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}
.project-index{align-self:start;padding-top:4px;color:var(--muted);font:600 .72rem/1 "DM Sans",sans-serif;letter-spacing:.08em}
.project-row .project-body{display:block;padding:0 24px 0 0}
.project-meta-line{margin:0 0 14px;color:var(--blue);font:700 .73rem/1.4 "Manrope",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.project-row h3{max-width:610px;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.045em}
.project-row .project-problem{max-width:640px;margin:18px 0 20px;font-size:1rem;line-height:1.62}
.project-evidence{display:inline-block;margin:0;padding:10px 12px;border:1px solid var(--line);color:#3f444d;font-size:.78rem;line-height:1.45}
.project-row .case-link{margin-top:18px;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em}
.project-row .project-media{min-height:0;aspect-ratio:4/3;border:1px solid var(--line);background:#dfe2e8}
.project-row .project-media img{width:100%;height:100%;object-fit:cover}

.profile{padding-block:76px;display:grid;grid-template-columns:1.03fr .97fr;gap:28px 70px;border-top:1px solid var(--line)}
.profile h2{max-width:680px;margin:0}
.profile-copy{padding-top:35px;font-size:1.08rem;line-height:1.65}
.profile-copy p:first-child{margin-top:0}
.profile-copy p{color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:12px;font-weight:700;text-underline-offset:5px}
.profile-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:8px 0 0;padding:0;border-block:1px solid var(--line);list-style:none}
.profile-principles li{min-height:176px;padding:20px;border-right:1px solid var(--line)}
.profile-principles li:last-child{border-right:0}
.profile-principles span{display:block;margin-bottom:30px;color:var(--blue);font-size:.72rem;font-weight:700}
.profile-principles strong{display:block;font:600 1.05rem/1.25 "Manrope",sans-serif}
.profile-principles p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.visual-work{padding-block:48px;background:var(--dark);color:#fff}
.visual-work-heading{display:grid;grid-template-columns:1.05fr .65fr;gap:70px;align-items:end;margin-bottom:20px}
.visual-work-heading h2{max-width:760px;margin:0;font-size:clamp(2.1rem,3.2vw,2.8rem)}
.visual-work-heading>p{max-width:470px;margin:0;color:#b7bdc8;font-size:1.02rem}
.visual-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(92px,8.2vw,104px);gap:8px}
.gallery-item,.gallery-item-wide,.gallery-item-tall{position:relative;grid-column:span 3;grid-row:span 1;aspect-ratio:auto;margin:0;overflow:hidden;background:#252b36}
.gallery-item:nth-child(1){grid-column:span 4;grid-row:span 2}
.gallery-item:nth-child(2){grid-column:span 2;grid-row:span 2}
.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 3}
.gallery-item:nth-child(7){grid-column:span 2}
.gallery-item:nth-child(8){grid-column:span 4}
.gallery-item:nth-child(9),.gallery-item:nth-child(10){grid-column:span 3}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.gallery-item:hover img{transform:scale(1.025);filter:saturate(1.06)}
.home-page .contact{padding-top:68px;padding-bottom:68px}
.home-page .contact h2{max-width:900px;font-size:clamp(2.25rem,4vw,3.8rem)}

/* CV and on-page cover letter */
.cv-page{background:#ebeae4}
.cv-page .site-header{background:color-mix(in srgb,#ebeae4 90%,transparent)}
.cv-page .primary-nav a[aria-current="page"]{color:var(--blue)}
.cv-shell{width:min(1060px,calc(100vw - 48px));margin:0 auto;padding:76px 0 120px}
.cv-page-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px;align-items:end;margin-bottom:48px}
.cv-page-heading .eyebrow{grid-column:1/-1;margin-bottom:4px}
.cv-page-heading h1{margin:0;font-size:clamp(3.4rem,7vw,6.6rem)}
.cv-page-heading>p:not(.eyebrow){max-width:470px;margin:0 0 10px;color:var(--muted);font-size:1.08rem}
.cv-page-actions{grid-column:2;display:flex;align-items:center;margin-top:4px}.cv-page-actions .button{min-height:48px;padding-inline:20px}
.cv-document{padding:clamp(38px,6vw,76px);background:#fff;box-shadow:0 28px 80px rgba(17,19,24,.1)}
.cv-document-header{display:flex;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:2px solid var(--ink)}
.cv-document-header h2{margin:0;font-size:2.3rem}
.cv-document-header p{margin:6px 0 0;color:var(--muted)}
.cv-document-header address{font-style:normal;text-align:right}
.cv-block{display:grid;grid-template-columns:180px 1fr;gap:44px;padding:38px 0;border-bottom:1px solid var(--line)}
.cv-block>h3{margin:4px 0 0;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}
.cv-block>p{margin:0;color:#3f444d;font-size:1.04rem}
.cv-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:0;padding:0;list-style:none}
.cv-capabilities li{padding:9px 0;border-top:1px solid var(--line)}
.cv-role{grid-column:2;display:grid;grid-template-columns:180px 1fr;gap:32px;padding:30px 0;border-top:1px solid var(--line)}
.cv-role:first-of-type{padding-top:4px;border-top:0}
.cv-role-meta strong,.cv-role-meta span{display:block}
.cv-role-meta span{margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.45}
.cv-role-copy h4{margin:0 0 10px;font:600 1.24rem/1.3 "Manrope",sans-serif}
.cv-role-copy p{margin:0;color:var(--muted)}
.cv-role-copy ul{margin:16px 0 0;padding-left:20px;color:#3f444d}
.cv-role-copy li+li{margin-top:8px}
.cv-strengths{display:grid;grid-template-columns:1fr 1fr;gap:22px 36px}
.cv-strengths p{margin:0;color:var(--muted)}
.cv-strengths strong{display:block;margin-bottom:6px;color:var(--ink)}
.cover-letter{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;margin-top:110px;padding-top:60px;border-top:2px solid var(--ink)}
.cover-letter h2{margin:0;font-size:clamp(2.3rem,4vw,3.8rem)}
.cover-letter-copy{font-size:1.08rem;line-height:1.72}
.cover-letter-copy p:first-child{margin-top:0}
.cv-resume{color:#17191d;font-family:"DM Sans",sans-serif}
.cv-resume-head{padding-bottom:18px;border-bottom:1px solid #b8bbc1}
.cv-resume-head h2{margin:0;font:700 clamp(2rem,4vw,3rem)/1.05 "DM Sans",sans-serif;letter-spacing:-.04em}
.cv-resume-head>p{margin:7px 0 12px;color:#454951;font-size:1.05rem}
.cv-contact-line{display:flex;flex-wrap:wrap;gap:5px 10px;color:#555a63;font-size:.82rem;font-style:normal}
.cv-contact-line a{text-underline-offset:3px}
.resume-section{padding-top:20px}
.resume-section>h3{margin:0 0 14px;padding-bottom:7px;border-bottom:1px solid #b8bbc1;font:700 .78rem/1.2 "DM Sans",sans-serif;letter-spacing:.01em;text-transform:uppercase}
.resume-section>p{margin:0;color:#252930;font-size:.9rem;line-height:1.56}
.resume-skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.resume-skill-groups p{margin:0;color:#343940;font-size:.8rem;line-height:1.48}
.resume-skill-groups strong{display:block;margin-bottom:3px;color:#17191d;font-size:.77rem}
.resume-project-links{margin-top:10px;font-size:.76rem;font-weight:750}.resume-project-links a{color:#17191d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.resume-entry+.resume-entry{margin-top:18px}
.resume-entry header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.resume-entry h4,.resume-row h4{margin:0;font:700 .91rem/1.3 "DM Sans",sans-serif}
.resume-entry header p{margin:3px 0 0;color:#5b6068;font-size:.82rem;font-style:italic}
.resume-entry-date{display:flex;flex-direction:column;align-items:flex-end;color:#5b6068;font-size:.8rem;line-height:1.45;text-align:right}
.resume-entry-date span{font-style:italic}
.resume-entry ul{margin:9px 0 0;padding-left:32px;color:#252930;font-size:.84rem;line-height:1.5}
.resume-entry li+li{margin-top:4px}
.resume-tags{margin:6px 0 0!important;color:#666b73!important;font-size:.72rem!important;font-style:italic;line-height:1.4!important}
.resume-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.resume-row p{margin:5px 0 0;color:#40454d;font-size:.84rem}
.resume-row time{color:#5b6068;font-size:.8rem}
.resume-compact>p{font-size:.84rem}

@media(max-width:980px){
  .home-page .hero{grid-template-columns:1fr;min-height:auto}.home-page .hero-proof{max-width:none}.project-row{grid-template-columns:42px 1fr}.project-row .project-media{grid-column:2;max-width:720px}.profile{grid-template-columns:1fr}.profile-copy{padding-top:0}.profile-principles{grid-column:1}.profile-principles{grid-template-columns:1fr 1fr}.profile-principles li:nth-child(2){border-right:0}.profile-principles li:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .visual-work-heading{grid-template-columns:1fr;gap:20px}.visual-gallery{grid-template-columns:repeat(6,1fr);grid-auto-rows:120px}.gallery-item,.gallery-item-wide,.gallery-item-tall{grid-column:span 2;grid-row:span 1}.gallery-item:nth-child(1){grid-column:span 4;grid-row:span 2}.gallery-item:nth-child(2){grid-column:span 2;grid-row:span 2}.gallery-item:nth-child(5),.gallery-item:nth-child(6){grid-column:span 3}.gallery-item:nth-child(8){grid-column:span 4}.cv-role{grid-template-columns:150px 1fr}.cover-letter{gap:45px}
}
@media(max-width:760px){
  .home-page .hero{padding:56px 0 64px;gap:52px}.ticker-label{padding-inline:18px}.work-heading{align-items:flex-start;flex-direction:column;gap:14px}.work-heading p{text-align:left}.home-page .work{padding-block:76px 84px}.project-row{grid-template-columns:1fr;gap:20px;padding:38px 0}.project-index{padding:0}.project-row .project-body{padding:0}.project-row .project-media{grid-column:1;grid-row:2}.profile{padding-block:84px;gap:28px}.profile-principles{grid-template-columns:1fr}.profile-principles li,.profile-principles li:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid var(--line)}.profile-principles li:last-child{border-bottom:0}.profile-principles span{margin-bottom:30px}
  .visual-work{padding-block:62px}.visual-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:132px;gap:7px}.gallery-item,.gallery-item-wide,.gallery-item-tall,.gallery-item:nth-child(n){grid-column:span 1;grid-row:span 1}.gallery-item:nth-child(1),.gallery-item:nth-child(5),.gallery-item:nth-child(8){grid-column:span 2}.gallery-item:nth-child(1){grid-row:span 2}.cv-shell{width:min(100% - 32px,720px);padding-top:56px}.cv-page-heading{grid-template-columns:1fr;gap:14px}.cv-page-heading .eyebrow,.cv-page-actions{grid-column:1}.cv-document{padding:30px 24px}.cv-document-header{flex-direction:column}.cv-document-header address{text-align:left}.cv-block{grid-template-columns:1fr;gap:20px}.cv-role{grid-column:1;grid-template-columns:1fr;gap:14px}.cv-capabilities,.cv-strengths,.resume-skill-groups{grid-template-columns:1fr}.cover-letter{grid-template-columns:1fr;gap:34px;margin-top:80px}.resume-entry header,.resume-row{grid-template-columns:1fr;gap:7px}.resume-entry-date{align-items:flex-start;text-align:left}.cv-contact-line span[aria-hidden="true"]{display:none}.cv-contact-line{gap:6px 14px}
}
@media(max-width:520px){
  .home-page h1{font-size:clamp(2.45rem,10.8vw,3rem);line-height:1.04}.home-page h2{font-size:2.25rem}.home-page .hero-summary{font-size:1rem}.experience-ticker{height:54px}.ticker-label{display:flex;padding:0 12px;font-size:.56rem}.ticker-track{gap:18px;padding-left:14px;font-size:.78rem}.project-row h3{font-size:1.9rem}.project-evidence{display:block}.home-page .contact{padding-block:70px}.home-page .contact h2{font-size:2.25rem}.cv-page-heading h1{font-size:3.5rem}.cv-document-header h2{font-size:1.9rem}
}

/* Editorial case-study refresh */
.case-page h1{max-width:960px;font-size:clamp(2.75rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.052em}
.case-page h2{font-size:clamp(2.05rem,3.5vw,3.15rem);line-height:1.07;letter-spacing:-.045em}
.case-page .case-hero{padding:26px 0 76px}
.case-page .case-breadcrumb{margin:12px 0 20px;font-size:.78rem}
.case-page .case-hero-grid{grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr);gap:clamp(48px,7vw,92px);align-items:start}
.case-page .case-deck{max-width:760px;margin-top:25px;font-size:clamp(1.05rem,1.55vw,1.22rem);line-height:1.58}
.case-page .hero-actions{margin-top:30px}
.case-page .button{min-height:48px;padding-inline:20px;font-size:.9rem}
.case-page .case-role{padding-top:3px;border-top:2px solid currentColor}
.case-page .case-role dl div{padding:14px 0}
.case-page .case-role dt{font-size:.68rem}
.case-page .case-role dd{font-size:.9rem;line-height:1.48}
.case-page .case-cover{margin-top:58px}
.case-page .case-cover img{border:1px solid var(--line);border-radius:0;box-shadow:none}
.case-hp .case-cover img{height:auto;aspect-ratio:1180/694;object-fit:cover;object-position:center}
.case-basic .case-cover img{height:auto;aspect-ratio:1180/694;object-fit:cover;object-position:center}
.case-basic .case-cover img.basic-screen{object-fit:contain;background:#07090d}
.case-hp .case-cover img.hp-screen,.live-product-proof img.hp-screen{object-fit:contain;background:#fff}
.case-page .architecture-cover{margin-top:48px}
.case-page .architecture-cover+.decision-list{margin-top:40px}
.case-page .case-cover p{margin-top:12px;font-size:.76rem;line-height:1.5}
.case-page .case-section{padding-block:82px}
.case-page .case-section-label{gap:12px;margin-bottom:36px;font-size:.68rem;letter-spacing:.13em}
.case-page .case-section-label span{width:auto;height:auto;border:0;border-radius:0;color:var(--blue)}
.case-page .case-two-col{grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr);gap:clamp(44px,7vw,86px)}
.case-page .case-heading h2{max-width:700px}
.case-page .case-copy{font-size:1rem;line-height:1.7}
.case-page .case-copy p{margin-block:0 18px}
.case-page .case-copy blockquote{margin-top:28px;padding-top:22px;font-size:clamp(1.35rem,2.25vw,2rem);line-height:1.34}
.live-product-proof{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);margin:48px 0 0;border-block:1px solid var(--line)}
.live-product-proof figcaption{display:flex;flex-direction:column;align-items:flex-start;padding:28px 32px 28px 0;border-right:1px solid var(--line)}
.live-product-proof figcaption>span{color:var(--blue);font:700 .68rem/1.3 "Manrope",sans-serif;letter-spacing:.11em;text-transform:uppercase}
.live-product-proof h3{max-width:320px;margin:44px 0 12px;font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.08}
.live-product-proof p{max-width:400px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.58}
.live-product-proof figcaption a{margin-top:auto;padding-top:28px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-underline-offset:5px}
.live-product-proof>a{display:block;min-height:420px;background:#eee;overflow:hidden}
.live-product-proof img{width:100%;height:100%;object-fit:cover;object-position:center}
.case-page .audience-grid,.case-page .responsibility-grid,.case-page .report-grid{gap:0;margin-top:48px;border-block:1px solid var(--line)}
.case-page .audience-grid article,.case-page .responsibility-grid article,.case-page .report-grid article{min-height:220px;padding:22px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.case-page .audience-grid article:last-child,.case-page .responsibility-grid article:last-child,.case-page .report-grid article:last-child{border-right:0}
.case-page .audience-grid h3,.case-page .responsibility-grid h3,.case-page .report-grid h3{margin:42px 0 10px;font-size:1.28rem}
.case-page .audience-grid p,.case-page .responsibility-grid p,.case-page .report-grid p{font-size:.92rem;line-height:1.55}
.case-page .journey-flow,.case-page .product-flow{gap:0;margin-top:48px;border-block:1px solid var(--line)}
.case-page .journey-flow li,.case-page .product-flow li{min-height:150px;padding:18px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.case-page .journey-flow li:last-child,.case-page .product-flow li:last-child{border-right:0}
.case-page .journey-flow strong,.case-page .product-flow strong{font-size:1.08rem}
.case-page .decision-list{gap:10px;margin-top:24px}
.case-page .decision-list article{min-height:270px;padding:24px;border-radius:0}
.case-page .decision-list h3{margin:68px 0 12px;font-size:1.38rem}
.case-page .stream-map{gap:8px;margin-top:48px}
.case-page .stream-map>div{min-height:165px;padding:20px;border-radius:0}
.case-page .stream-map strong{font-size:1.3rem}
.case-page .outcome-grid{gap:0;margin-top:48px;border-bottom:1px solid var(--line)}
.case-page .outcome-grid article{padding:24px 22px;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.case-page .outcome-grid article:last-child{border-right:0}
.case-page .outcome-grid strong{font-size:clamp(2.4rem,4.5vw,4.25rem)}
.case-page .outcome-grid h3{margin-top:18px;font-size:1.24rem}
.case-page .impact-list{margin-top:48px;column-gap:48px}
.case-page .impact-list li{padding-block:14px}
.case-page .reflection{margin-top:58px;padding:clamp(32px,5vw,58px);border-radius:0}
.case-page .reflection h2{font-size:clamp(2rem,3.5vw,3.2rem)}
.case-page .next-project a{grid-template-columns:.35fr 1fr 1fr;padding-block:42px}
.case-page .next-project strong{font-size:clamp(1.65rem,3.2vw,2.8rem)}
.case-page .site-footer{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.case-basic .method-steps{gap:0;margin-top:48px;border-block:1px solid var(--line)}
.case-basic .method-steps li{min-height:240px;padding:22px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.case-basic .method-steps li:last-child{border-right:0}
.case-basic .method-steps h3{margin:72px 0 10px;font-size:1.32rem}
.case-basic .token-architecture,.case-basic .ai-split>div,.case-basic .limits{border-radius:0}
.case-basic .token-architecture,.case-basic .ai-split{margin-top:48px}
.case-basic .iteration-timeline article{padding-block:24px}
.case-oyster .evidence-strip,.case-oyster .restaurant-method,.case-oyster .restaurant-arc,.case-oyster .content-model-grid{margin-top:48px}
.case-oyster .evidence-strip article,.case-oyster .content-model-grid article{min-height:220px;padding:24px}

@media(max-width:980px){
  .case-page .case-hero-grid,.case-page .case-two-col{grid-template-columns:1fr}
  .case-page .case-role{max-width:620px;margin-top:4px}
  .case-page .audience-grid article:nth-child(2n),.case-page .responsibility-grid article:nth-child(2n),.case-page .report-grid article:nth-child(2n){border-right:0}
  .case-page .audience-grid article,.case-page .responsibility-grid article,.case-page .report-grid article{border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .case-page h1{font-size:clamp(2.55rem,11.5vw,3.8rem)}
  .case-page h2{font-size:clamp(2rem,8vw,2.65rem)}
  .case-page .case-hero{padding:18px 0 58px}
  .case-page .case-breadcrumb{margin-bottom:18px}
  .case-page .case-hero-grid{gap:38px}
  .case-page .case-cover{margin-top:44px}
  .case-page .case-section{padding-block:64px}
  .case-page .case-section-label{margin-bottom:28px}
  .live-product-proof{grid-template-columns:1fr}
  .live-product-proof figcaption{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}
  .live-product-proof h3{margin-top:28px}
  .live-product-proof figcaption a{margin-top:12px;padding-top:12px}
  .live-product-proof>a{min-height:320px}
  .case-page .audience-grid,.case-page .responsibility-grid,.case-page .report-grid,.case-page .journey-flow,.case-page .product-flow,.case-page .outcome-grid{grid-template-columns:1fr}
  .case-page .audience-grid article,.case-page .responsibility-grid article,.case-page .report-grid article,.case-page .journey-flow li,.case-page .product-flow li,.case-page .outcome-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .case-page .audience-grid h3,.case-page .responsibility-grid h3,.case-page .report-grid h3{margin-top:26px}
  .case-page .decision-list article{min-height:230px}
  .case-page .decision-list h3{margin-top:54px}
  .case-page .reflection{margin-top:46px}
  .case-page .next-project a{grid-template-columns:1fr;gap:12px;padding-block:36px}
  .case-page .next-project em{grid-column:auto;text-align:left}
  .case-basic .method-steps{grid-template-columns:1fr}
  .case-basic .method-steps li{min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .case-basic .method-steps h3{margin-top:38px}
}