/* Portfolio work follows Speeler's approved service-page typography, palette and motion. */
.case-page{background:#f3f2f5;color:#21194f}.case-wrap{max-width:1440px;margin:auto;padding-inline:40px}
.case-page .case-eyebrow{font:9px/1.6 Arial,sans-serif;letter-spacing:.13em;margin:0 0 24px;color:#81748f}
.case-hero{position:relative;background:#15132d;color:#fff;overflow:hidden}
.case-hero-inner{max-width:1520px;margin:auto;padding:165px 40px 85px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center;min-height:760px}
.case-hero h1,.case-detail-hero h1{font:700 clamp(40px,4.8vw,70px)/1.08 'Chakra Petch',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 28px}
.case-hero h1>span{color:#f26528}.case-hero .case-eyebrow{color:#b7a9c9}.case-hero-copy{min-width:0}.case-hero-copy>p:not(.case-eyebrow){font:15px/1.8 Arial,sans-serif;color:#c6bdcf;max-width:470px;margin:0 0 30px}
.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.case-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:18px;background:#f26528;color:#fff;padding:18px 22px;text-decoration:none;font:13px/1.5 Arial,sans-serif;min-height:52px;box-sizing:border-box}.case-primary>span{font-size:23px}.case-primary:hover{filter:brightness(1.05)}.case-text-link{font:12px/1.5 Arial,sans-serif;color:#d3c8df;text-decoration:none}.case-text-link>span{margin-left:10px}.case-text-link:hover{color:#f26528}.case-hero-footnote{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.09em;color:#9b8cab;margin-top:42px}
.case-hero-art{position:relative;padding:0 30px 120px 0;min-width:0}.case-hero-art figure{margin:0;overflow:hidden;border:1px solid #b6a6d333;border-radius:24px;box-shadow:0 24px 50px #08051433;background:#21194f}.case-hero-art img{display:block;width:100%;height:100%;object-fit:cover}.case-hero-primary{height:380px;transform:translateY(var(--case-parallax,0px))}.case-hero-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 20px 18px;background:linear-gradient(transparent,#100b20c9);font:9px/1.6 Arial,sans-serif;letter-spacing:.08em;color:#fff}.case-hero-secondary{position:absolute;right:0;bottom:0;width:65%;height:220px;transform:translateY(calc(var(--case-parallax,0px)*-.5))}
.case-projects{padding-block:95px}.case-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:70px;margin-bottom:50px;align-items:end}.case-section-heading .case-eyebrow{grid-column:1/-1}.case-page h2{font:700 clamp(34px,4.1vw,60px)/1.08 'Chakra Petch',Arial,sans-serif;letter-spacing:-.035em;margin:0}.case-section-heading h2>span{color:#f26528}.case-section-heading>p:last-child{font:15px/1.8 Arial,sans-serif;color:#726780;max-width:380px;margin:0}
.case-project-list{display:grid;gap:50px}.case-project{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#fff;border-radius:28px;overflow:hidden;border:1px solid #21194f12;min-height:440px}.case-project-image{position:relative;display:block;overflow:hidden}.case-project-image img{height:100%;min-height:100%;width:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}.case-project-image:hover img{transform:scale(1.035)}.case-image-arrow{position:absolute;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#21194f;font-size:28px}.case-project-copy{padding:42px;min-width:0}.case-project-copy h3{font:700 clamp(28px,2.6vw,38px)/1.15 'Chakra Petch',Arial,sans-serif;letter-spacing:-.025em;margin:0 0 22px}.case-project-copy h3 a{color:inherit;text-decoration:none}.case-project-copy>p:not(.case-eyebrow){font:14px/1.8 Arial,sans-serif;color:#726780;margin:0 0 26px}.case-preview-result{display:flex;gap:15px;align-items:center;border-block:1px solid #21194f18;padding:18px 0;margin-bottom:24px}.case-preview-result strong{font:700 clamp(25px,2.3vw,34px)/1.1 'Chakra Petch',Arial,sans-serif;white-space:nowrap}.case-preview-result>span{font:10px/1.6 Arial,sans-serif;color:#81748f;max-width:100px}.case-read-link{display:inline-flex;gap:25px;align-items:center;color:#21194f;text-decoration:none;border-bottom:1px solid #21194f44;padding-bottom:7px;font:13px/1.5 Arial,sans-serif}.case-read-link>span{font-size:23px}.case-read-link:hover{color:#f26528;border-color:#f26528}.case-source-note{font:12px/1.8 Arial,sans-serif;color:#7a6f89;max-width:900px;margin:35px 0 0}
.case-detail-hero{background:#15132d;color:#fff;padding:150px 0 0}.case-back{display:inline-flex;align-items:center;gap:13px;font:12px/1.5 Arial,sans-serif;color:#bfb2cf;margin-bottom:38px;text-decoration:none}.case-back:hover{color:#f26528}.case-detail-hero .case-eyebrow{color:#f9a27e}.case-detail-hero h1{max-width:1000px}.case-detail-summary{font:17px/1.8 Arial,sans-serif;color:#c7bed1;max-width:710px;margin:0 0 38px}.case-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:28px 0 40px;border-top:1px solid #ffffff24;font:13px/1.7 Arial,sans-serif;color:#eee8f7}.case-detail-meta small{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.1em;color:#a99bb8;margin-bottom:10px}.case-detail-meta em{display:block;font:11px/1.7 Arial,sans-serif;color:#aa9eb9;margin-top:4px}.case-detail-image{margin:0;position:relative;overflow:hidden;border-radius:28px 28px 0 0}.case-detail-image img{display:block;width:100%;height:470px;object-fit:cover}.case-detail-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 24px 18px;background:linear-gradient(transparent,#100b20b8);color:#fff;font:10px/1.6 Arial,sans-serif}
.case-story{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.7fr);gap:90px;padding-block:90px;align-items:start}.case-story-nav{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px}.case-story-nav a{font:12px/1.7 Arial,sans-serif;color:#81748f;text-decoration:none}.case-story-nav a.is-active,.case-story-nav a:hover{color:#f26528}.case-story-content{min-width:0}.case-story-chapter{padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid #21194f24;scroll-margin-top:120px}.case-story-chapter:last-child{margin-bottom:0}.case-page .case-story-chapter h2{font-size:clamp(32px,3.3vw,48px);margin-bottom:28px}.case-story-chapter>p:not(.case-eyebrow):not(.case-source-note){font:16px/1.85 Arial,sans-serif;color:#6d627b;margin:0 0 24px;max-width:780px}.case-story-chapter h3{font:700 22px/1.4 'Chakra Petch',Arial,sans-serif;margin:30px 0 18px}.case-deliverables{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.case-deliverables li{font:14px/1.75 Arial,sans-serif;color:#6d627b;padding:14px 0;border-top:1px solid #21194f1c}.case-deliverables li:before{content:'+';color:#f26528;margin-right:12px}.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.case-metrics>div{border-top:1px solid #f2652860;padding-top:22px}.case-metrics strong{display:block;font:700 clamp(30px,3.5vw,48px)/1.1 'Chakra Petch',Arial,sans-serif;color:#21194f;margin-bottom:12px}.case-metrics span{font:12px/1.8 Arial,sans-serif;color:#81748f;display:block;max-width:225px}.case-next{padding-bottom:80px}.case-next>a{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#21194f;text-decoration:none;border-block:1px solid #21194f24;padding:30px 0;font:700 clamp(24px,3vw,38px)/1.2 'Chakra Petch',Arial,sans-serif}.case-next>a>span:last-child{color:#f26528;font-size:45px}.case-next>a:hover{color:#f26528}
.case-page .invitation-content h2{font:700 clamp(42px,4.6vw,68px)/1.08 'Chakra Petch',Arial,sans-serif;letter-spacing:-.035em}.case-page .about-invitation{overflow:clip}.case-page :is(a,button):focus-visible{outline:2px solid #f26528;outline-offset:5px}.case-motion [data-case-reveal]{opacity:.2;transform:translateY(25px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}.case-motion [data-case-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1000px){.case-hero-inner{gap:35px}.case-hero h1{font-size:clamp(38px,5vw,58px)}.case-hero-primary{height:330px}.case-hero-secondary{height:180px}.case-project-copy{padding:30px}.case-preview-result{display:block}.case-preview-result>span{display:block;max-width:none;margin-top:10px}.case-story{gap:45px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:700px){.case-wrap{padding-inline:20px}.case-hero-inner{display:block;padding:130px 20px 55px;min-height:0}.case-hero h1,.case-detail-hero h1{font-size:clamp(34px,9vw,48px);line-height:1.1}.case-hero-copy>p:not(.case-eyebrow){font-size:14px}.case-eyebrow{font-size:8px}.case-actions{gap:20px}.case-primary{padding:15px 18px}.case-hero-footnote{font-size:7px;margin-top:30px}.case-hero-art{margin-top:40px;padding-right:25px;padding-bottom:85px}.case-hero-primary{height:270px}.case-hero-secondary{height:165px}.case-hero-art figcaption{font-size:8px;padding:30px 14px 14px}.case-projects{padding-block:65px}.case-section-heading{display:block;margin-bottom:35px}.case-page h2{font-size:clamp(32px,8.5vw,44px)}.case-section-heading>p:last-child{font-size:14px;margin-top:24px}.case-project-list{gap:28px}.case-project{display:block;border-radius:24px;min-height:0}.case-project-image{height:245px}.case-project-copy{padding:28px 22px}.case-project-copy h3{font-size:29px}.case-project-copy .case-eyebrow{font-size:8px}.case-preview-result{display:flex;gap:18px}.case-preview-result strong{font-size:27px}.case-preview-result>span{font-size:10px;margin:0}.case-source-note{font-size:11px;margin-top:25px}.case-detail-hero{padding-top:130px}.case-detail-summary{font-size:14px}.case-detail-meta{grid-template-columns:1fr;gap:22px}.case-detail-image img{height:270px}.case-detail-image figcaption{font-size:9px}.case-story{display:block;padding-block:55px}.case-story-nav{position:relative;top:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-bottom:45px}.case-story-nav .case-eyebrow{width:100%;margin-bottom:0}.case-story-nav a{font-size:11px}.case-story-chapter{margin-bottom:40px;padding-bottom:40px;scroll-margin-top:100px}.case-page .case-story-chapter h2{font-size:32px}.case-story-chapter>p:not(.case-eyebrow):not(.case-source-note){font-size:14px;line-height:1.8}.case-deliverables{grid-template-columns:1fr}.case-metrics{gap:24px 18px}.case-metrics strong{font-size:29px}.case-metrics span{font-size:11px}.case-metrics>div:first-child{grid-column:1/-1}.case-metrics>div:first-child strong{font-size:36px}.case-next{padding-bottom:55px}.case-next>a{font-size:26px}.case-page .invitation-content h2{font-size:clamp(34px,9vw,44px)}}
@media(prefers-reduced-motion:reduce){.case-hero-primary,.case-hero-secondary{transform:none}.case-motion [data-case-reveal]{opacity:1;transform:none;transition:none}.case-project-image img{transition:none}.case-story-nav{position:relative;top:auto}}

.case-page main{padding-top:0}.case-projects{scroll-margin-top:100px}
/* Retain deliberate editorial line breaks against inherited mobile reset rules. */
.case-page h1>br,.case-page .case-section-heading h2>br{display:initial}
.case-page .case-hero h1>span,.case-page .case-section-heading h2>span{display:block}