.study-hero{padding:145px 0 80px;background:#191e1b;color:#f4f5ef}.study-back{display:inline-block;color:#c6cebf;margin-bottom:55px;font-size:14px}.study-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:end}.study-hero h1{font-size:clamp(40px,5vw,78px);line-height:1.05;letter-spacing:-.055em;font-weight:450;margin:22px 0 0;max-width:900px}.study-hero-intro p{font-size:19px;line-height:1.65;color:#d4d9cf;margin:0 0 25px}.study-link{display:inline-flex;align-items:center;min-height:44px;color:inherit;border-bottom:1px solid currentColor;text-decoration:none}.study-banner .device-showcase{margin:0}.study-banner .device-heading{padding-top:36px}.study-banner .device-stage{margin-bottom:0}.study-content{--study-tint:#e9eee7;--study-ink:#253b30}.study-content>.wp-block-group{margin:0}.study-section{padding:100px max(24px,calc((100vw - 1360px)/2));}.study-section h2{font-size:clamp(30px,3.2vw,50px);line-height:1.12;letter-spacing:-.04em;font-weight:450;margin:15px 0 28px}.study-section h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:450;margin:14px 0 20px}.study-section p{font-size:17px;line-height:1.8;max-width:68ch}.study-label{font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;color:#566455;margin:0 0 20px}.study-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;align-items:start}.study-scope{padding:32px;border-top:2px solid var(--study-ink);background:var(--study-tint)}.study-scope ul{padding-left:18px;margin:0}.study-scope li{padding:8px 0;line-height:1.6;font-size:15px}.study-visual{background:var(--study-tint);padding-top:70px;padding-bottom:70px}.study-visual-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.study-visual-top h2{margin:0;max-width:760px}.study-visual-top p{max-width:35ch;font-size:15px}.study-screen{margin:0;background:#fff;border:1px solid #0001;border-radius:10px;overflow:hidden;box-shadow:0 22px 50px #17231816}.study-screen:before{content:'●  ●  ●';display:block;height:30px;box-sizing:border-box;padding:7px 14px;background:#f7f7f4;color:#b4b9af;letter-spacing:3px;font-size:9px;border-bottom:1px solid #0001}.study-crop{aspect-ratio:16/8;overflow:hidden;background:white;position:relative}.study-crop img{display:block;width:100%;max-width:none;height:auto;transform:translateY(var(--offset,0%));margin:0}.study-screen figcaption{font-size:13px;line-height:1.6;padding:16px 22px;margin:0;color:#53604f;background:#fff}.study-story{display:grid;grid-template-columns:1fr 1fr;gap:90px}.study-story>div{border-top:1px solid #cdd2c8;padding-top:24px}.study-detail{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;align-items:center;background:var(--study-tint)}.study-detail .study-crop{aspect-ratio:1.3}.study-detail .study-screen{transform:rotate(-1.2deg)}.study-detail-copy{padding:15px}.study-social{background:#1b211d;color:#edf2e8;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:center;overflow:hidden}.study-social .study-label{color:#bfceaf}.study-social h2{font-size:clamp(34px,3.8vw,60px)}.study-social a{color:#d4f1b4}.study-social figure{margin:25px 0;transform:rotate(2deg);position:relative}.study-social figure:before{content:'SOCIAL / BRAND IN CONTEXT';position:absolute;top:-35px;left:0;font-size:10px;letter-spacing:.2em;color:#b9c9b0}.study-social img{width:100%;height:auto;display:block;box-shadow:0 20px 60px #0005;border:8px solid #e9eee5}.study-social figcaption{font-size:12px;line-height:1.6;color:#c5d0be;padding-top:20px}.study-closing{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.study-contact{padding:85px 0;background:#e8eddf}.study-contact>.container{display:flex;align-items:center;justify-content:space-between;gap:48px}.study-contact h2{font-size:clamp(32px,3vw,52px);letter-spacing:-.04em;line-height:1.15;margin:18px 0}.study-contact p{font-size:16px;line-height:1.6}.study-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.study-actions .work-live-link{margin:0;display:inline-flex;align-items:center;min-height:44px}.study-actions .button{flex-shrink:0}.study-content a:focus-visible,.study-contact a:focus-visible,.study-hero a:focus-visible{outline:2px solid #61883d;outline-offset:6px}
@media(min-width:1700px){.study-section{padding-left:max(60px,calc((100vw - 1500px)/2));padding-right:max(60px,calc((100vw - 1500px)/2))}}
@media(max-width:900px){.study-hero{padding:120px 0 55px}.study-hero-grid{grid-template-columns:1fr;gap:30px}.study-back{margin-bottom:30px}.study-section{padding:60px 24px}.study-overview,.study-story,.study-detail,.study-social,.study-closing{grid-template-columns:1fr;gap:35px}.study-visual-top{display:block}.study-visual-top p{max-width:60ch}.study-contact>.container{display:block}.study-actions{margin-top:30px;gap:24px}.study-social figure{max-width:100%;margin:30px 10px}.study-detail-copy{padding:0}.study-scope{padding:24px}.study-crop{aspect-ratio:1.4}.study-hero-intro p{font-size:17px}.study-contact{padding:60px 0}}
.study-content .wp-block-group__inner-container{display:contents}
.study-crop:has(img[src*="project-studies"]),.study-crop:has(img[src*="hris.png"]),.study-crop:has(img[src*="october-8-geenger"]),.study-crop:has(img[src*="concept-grounds-desktop"]){aspect-ratio:16/9}
.study-crop img[src*="project-studies"],.study-crop img[src*="hris.png"],.study-crop img[src*="october-8-geenger"],.study-crop img[src*="concept-grounds-desktop"]{height:100%;object-fit:cover;object-position:top;transform:none}
.study-project-alere-consulting{--study-tint:#e3eee8;--study-ink:#164b43}
.study-project-snackers-plus{--study-tint:#efede8;--study-ink:#282723}
.study-project-geenger{--study-tint:#f3eac1;--study-ink:#665406}
.study-project-dr-chio{--study-tint:#f3e6ec;--study-ink:#6f3657}
.study-project-asrm{--study-tint:#ebe6f3;--study-ink:#594878}
.study-project-hris{--study-tint:#eee5f1;--study-ink:#64436c}
.study-project-concept-grounds{--study-tint:#dfeeea;--study-ink:#205951}

/* Compact project introduction and prominent delivery scope. */
.study-hero{position:relative;isolation:isolate;overflow:hidden;min-height:0;height:auto;padding:112px 0 48px}
.study-hero-mesh{position:absolute;inset:-24px;z-index:-1;background:linear-gradient(90deg,#10181399,#10181355),url('study/portfolio-mesh.png') center/cover;transform:translate(var(--mesh-x,0px),var(--mesh-y,0px));transition:transform .65s ease}
.study-hero>.container{position:relative}.study-back{margin-bottom:26px}.study-hero-grid{gap:56px}.study-hero h1{font-size:clamp(36px,4vw,62px);margin-top:14px}.study-hero-intro p{font-size:17px;line-height:1.6;margin-bottom:12px}
.study-scope{background:#1b291f;color:#f4f6ee;border:1px solid #a4c97455;border-top:5px solid #b8e47d;border-radius:16px;box-shadow:0 20px 45px #14261917;padding:36px}
.study-scope .study-label{color:#c2ed91;font-size:14px!important;font-weight:600;letter-spacing:.1em}.study-scope li{border-bottom:1px solid #ffffff18;padding:11px 0}.study-scope li:last-child{border-bottom:0}.study-scope li::marker{color:#c2ed91}
.study-visual-top h2{font-size:clamp(40px,calc(3.2vw + 10px),60px)}
.study-social figure:before{content:none}.study-detail figcaption,.study-social figcaption{display:none}
.study-contact{background:#141c16;color:#f0f5eb;position:relative;isolation:isolate;overflow:hidden}.study-contact>.hero-visual{position:absolute;inset:0;z-index:-1;opacity:.65;pointer-events:none}.study-contact>.container{position:relative}.study-contact .eyebrow{color:#b8e47d}.study-contact h2{color:#d1efa8}.study-contact p{max-width:62ch;color:#d2dccc}.study-contact .work-live-link{color:#e7f3dc}.study-contact .ink-button{background:#d2efa8;color:#17241c}.study-actions{gap:32px;min-width:300px}
@media(max-width:900px){.study-hero{padding:100px 0 36px}.study-hero-grid{gap:20px}.study-back{margin-bottom:20px}.study-scope{padding:26px}.study-actions{min-width:0}.study-visual-top h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.study-hero-mesh{transition:none;transform:none}}
.study-crop:has(img[src*="anonymized"]),.study-crop:has(img[src*="asrm-learning"]),.study-crop:has(img[src*="alere-founder"]),.study-crop:has(img[src*="alere-forum"]),.study-crop:has(img[src*="snackers-shop"]){aspect-ratio:auto}
.study-crop img[src*="anonymized"],.study-crop img[src*="asrm-learning"],.study-crop img[src*="alere-founder"],.study-crop img[src*="alere-forum"],.study-crop img[src*="snackers-shop"]{height:auto;object-fit:contain}
.study-project-snackers-plus .study-visual .study-screen{max-width:1150px;margin:0 auto;border:10px solid #242923;border-bottom-width:22px;border-radius:20px;box-shadow:0 25px 0 -12px #737971,0 40px 65px #252a2425}

.study-hero .study-hero-grid{min-height:0;height:auto;padding:0;display:grid;align-items:center}.study-hero .study-hero-grid>div{width:auto}

/* Preserve the complete homepage sections and cropped HRIS interfaces. */
.study-project.study-project-hris .study-crop,.study-project.study-project-alere-consulting .study-crop{aspect-ratio:auto}
.study-project-hris .study-crop img,.study-project-alere-consulting .study-crop img{height:auto;object-fit:contain;transform:none}

/* Resolution-aware portfolio layouts: pair copy with imagery instead of stretching captures. */
.study-project .study-section{padding:80px max(28px,calc((100vw - 1120px)/2))}
.study-project .study-visual{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.study-project .study-visual-top{display:block;margin:0}
.study-project .study-visual-top h2{font-size:clamp(36px,3vw,50px);line-height:1.12;margin:0 0 24px}
.study-project .study-visual-top p{font-size:17px;line-height:1.75;max-width:42ch;margin:0}
.study-project .study-screen{width:100%;max-width:640px;justify-self:center;transform:none;margin:0;border:1px solid #17231820;border-radius:12px;box-shadow:0 16px 36px #17231812}
.study-project .study-detail{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}
.study-project .study-detail-copy{padding:0}
.study-project .study-detail h2{font-size:clamp(32px,2.7vw,44px)}
.study-project .study-social{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.study-project .study-social figure{width:100%;max-width:470px;justify-self:center;transform:none;margin:0}
.study-project .study-social img{border:0;border-radius:10px}
.study-project .study-social h2{font-size:clamp(34px,3vw,46px)}
.study-project .study-overview,.study-project .study-story,.study-project .study-closing{gap:56px}
.study-project.study-project-hris .study-visual .study-screen{max-width:467px}
.study-project.study-project-asrm .study-detail .study-screen{max-width:565px}
.study-project .study-screen figcaption{padding:16px 20px;font-size:13px}
@media(max-width:800px){
 .study-project .study-section{padding:56px 24px}
 .study-project .study-visual,.study-project .study-detail,.study-project .study-social,.study-project .study-overview,.study-project .study-story,.study-project .study-closing{grid-template-columns:minmax(0,1fr);gap:32px}
 .study-project .study-visual-top h2{font-size:36px}
 .study-project .study-detail-copy{grid-row:1}
 .study-project .study-visual-top p{max-width:60ch}
}

/* October portfolio review: taller heroes and larger social previews. */
.study-hero{padding-bottom:68px}
.study-project .study-social{grid-template-columns:minmax(0,1fr) minmax(0,1.128fr)}
.study-project .study-social figure{max-width:564px}
.study-project .study-social{column-gap:56px}
.study-project .study-fullpage{display:block}
.study-project .study-fullpage .study-visual-top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:36px}
.study-fullpage-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.study-project .study-fullpage-panels .study-crop{aspect-ratio:auto}
.study-project .study-fullpage-panels img{height:auto;object-fit:contain;transform:none}
.study-fullpage-link{text-align:center;margin:24px auto 0}
.study-project .study-crop:has(img[src*="-v3"]){aspect-ratio:auto}
.study-project .study-crop img[src*="-v3"]{height:auto;object-fit:contain;transform:none}
@media(max-width:900px){.study-hero{padding-bottom:56px}}
@media(max-width:800px){.study-project .study-social,.study-project .study-fullpage .study-visual-top{grid-template-columns:1fr;gap:24px}.study-fullpage-panels{grid-template-columns:1fr;max-width:420px;margin:auto}}

/* Alere: one horizontal CEO showcase across the content width. */
.study-project .study-ceo-wide{display:block}
.study-project .study-ceo-wide .study-visual-top{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:36px}
.study-project .study-ceo-wide .study-screen{max-width:none;width:100%}
@media(max-width:800px){.study-project .study-ceo-wide .study-visual-top{grid-template-columns:1fr;gap:24px}}

/* Gentle entrance movement; content stays readable before JavaScript runs. */
@keyframes study-enter{from{opacity:.65;translate:0 18px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.study-entered{animation:study-enter .8s cubic-bezier(.2,.65,.3,1) both}}
@media(prefers-reduced-motion:reduce){.study-entered{animation:none}}