/* Consultancy offers with a point of view, a practical output and real proof. */
#gs-portfolio .engagement-hero{padding:120px 0 0;background:#f3f0e8;color:#2c4035;overflow:hidden}
#gs-portfolio .engagement-back{font:10px var(--body);color:#5c7156}
#gs-portfolio .engagement-hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:13%;align-items:center;padding:45px 0}
#gs-portfolio .engagement-kicker{font:8px/1.6 var(--mono);letter-spacing:.1em;color:#627a54}
#gs-portfolio .engagement-hero h1{font:500 clamp(42px,4.6vw,65px)/1.08 var(--display);letter-spacing:-.055em;margin:23px 0 25px;color:#2e4637}
#gs-portfolio .engagement-hero h1 em{font:italic 1.15em/1 'Cormorant Garamond',Georgia,serif;color:#926b48}
#gs-portfolio .engagement-hero-grid>div>p{font:13px/1.95 var(--body);max-width:47ch;color:#607551}
#gs-portfolio .engagement-hero-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:28px}
#gs-portfolio .engagement-hero-actions>a:first-child{background:#31543c;color:#fff;padding:15px 19px;border-radius:3px;font:600 11px var(--body)}
#gs-portfolio .engagement-hero-actions>a+ a{font:11px var(--body);color:#6c7d51;border-bottom:1px solid #b6c29f;padding:6px 0}
#gs-portfolio .engagement-manifesto{background:#ddbea0;color:#5b4d34;padding:32px;position:relative;border-radius:140px 140px 4px 4px;min-height:345px;display:flex;flex-direction:column;justify-content:end;box-shadow:12px 14px 0 #c6d2bb66}
#gs-portfolio .engagement-manifesto>span{font:7px var(--mono);letter-spacing:.1em;color:#775d3b}
#gs-portfolio .engagement-manifesto>p{font:500 34px/1.08 var(--display);letter-spacing:-.05em;margin:22px 0}
#gs-portfolio .engagement-manifesto p em{font:italic 1.2em/1 'Cormorant Garamond',Georgia,serif;color:#8d6f46}
#gs-portfolio .engagement-manifesto>div{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #aa8c6540;padding-top:19px}
#gs-portfolio .engagement-manifesto>div>span{font:9px/1.7 var(--body);color:#7b6545}
#gs-portfolio .engagement-manifesto b{font:italic 28px 'Cormorant Garamond',Georgia,serif;font-weight:400;transform:rotate(-8deg)}
#gs-portfolio .engagement-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #c3cfb5;padding:24px 0}
#gs-portfolio .engagement-nav>a{display:flex;gap:12px;align-items:center;font:11px/1.5 var(--body);color:#586e47}
#gs-portfolio .engagement-nav span{font:7px var(--mono);color:#80936b}
#gs-portfolio .engagement-nav b{margin-left:auto;font:normal 17px Georgia}
#gs-portfolio .engagement-chapter{padding:75px 0;background:#f9faf3;scroll-margin-top:90px}
#gs-portfolio .engagement-chapter-1{background:#eee6d9}
#gs-portfolio .engagement-chapter-2{background:#e5ebdc}
#gs-portfolio .engagement-chapter-heading{display:flex;justify-content:space-between;gap:25px;padding-bottom:24px;border-bottom:1px solid #bccbab;color:#5b7448;font:8px/1.6 var(--mono);letter-spacing:.09em}
#gs-portfolio .engagement-chapter-heading>span+span{font:11px var(--body);letter-spacing:0}
#gs-portfolio .engagement-chapter-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start;margin-top:35px}
#gs-portfolio .engagement-detail h2{font:500 clamp(30px,3vw,42px)/1.08 var(--display);letter-spacing:-.05em;color:#3a5734}
#gs-portfolio .engagement-detail h2 em{font:italic 1.13em/1.04 'Cormorant Garamond',Georgia,serif;color:#887c51}
#gs-portfolio .engagement-intro{font:12px/1.9 var(--body);color:#5e744d;margin-top:22px;max-width:49ch}
#gs-portfolio .engagement-viewpoint{border-left:2px solid #b18a5f;padding:2px 0 2px 18px;margin-top:25px}
#gs-portfolio .engagement-viewpoint>span,#gs-portfolio .engagement-deliverables>span,#gs-portfolio .engagement-outcome>span{font:7px/1.5 var(--mono);letter-spacing:.1em;color:#5b6f42}
#gs-portfolio .engagement-viewpoint blockquote{font:italic 22px/1.3 'Cormorant Garamond',Georgia,serif;color:#6e794d;margin-top:10px;max-width:38ch}
#gs-portfolio .engagement-deliverables{margin:28px 0}
#gs-portfolio .engagement-deliverables ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:12px}
#gs-portfolio .engagement-deliverables li{position:relative;padding-left:22px;font:12px/1.6 var(--body);color:#5d7549}
#gs-portfolio .engagement-deliverables li::before{content:'↗';position:absolute;left:0;color:#a47f50}
#gs-portfolio .engagement-outcome{border-top:1px solid #c2d0b2;padding:19px 0 0;margin-bottom:25px}
#gs-portfolio .engagement-outcome strong{display:block;font:500 17px/1.5 var(--display);letter-spacing:-.025em;margin-top:10px;color:#49683a;max-width:37ch}
#gs-portfolio .engagement-detail>button{display:flex;gap:30px;align-items:center;background:#416b48;color:white;border:0;border-radius:3px;padding:16px 19px;font:600 11px/1.5 var(--body);cursor:pointer;transition:background .2s,transform .2s}
#gs-portfolio .engagement-detail>button:hover{background:#5c7c4f;transform:translateY(-2px)}
#gs-portfolio .engagement-proof{position:sticky;top:110px;min-width:0}
#gs-portfolio .engagement-proof-art{aspect-ratio:16/11;position:relative;overflow:hidden;border:1px solid #b8caa5;border-radius:5px;background:#dce5cf}
#gs-portfolio .engagement-proof-art>img{width:100%;height:100%;object-fit:contain;background:#f8faf0;display:block}
#gs-portfolio .engagement-proof-art>.trtl-reveal{height:100%;min-height:0}
#gs-portfolio .engagement-proof-art .trtl-caption{display:none}
#gs-portfolio .engagement-proof-caption{padding:22px 0}
#gs-portfolio .engagement-proof-caption>span{font:7px/1.6 var(--mono);letter-spacing:.09em;color:#637f4b}
#gs-portfolio .engagement-proof-caption p{font:11px/1.85 var(--body);color:#627f4e;margin:13px 0 18px;max-width:45ch}
#gs-portfolio .engagement-proof-caption a{display:inline-block;border-bottom:1px solid #a9bf90;padding-bottom:6px;font:11px var(--body);color:#5e7c43}
#gs-portfolio .engagement-endorsement{font:italic 24px/1.3 'Cormorant Garamond',Georgia,serif;color:#8b704a;border-top:1px solid #ccb895;padding-top:22px;margin-top:3px}
#gs-portfolio .engagement-endorsement cite{display:block;font:9px/1.8 var(--body);font-style:normal;color:#856e4e;margin-top:15px}
#gs-portfolio .engagement-scope{display:flex;gap:40px;align-items:start;padding-block:30px;color:#667d50;background:#f4f5eb}
#gs-portfolio .engagement-scope>span{font:7px/1.6 var(--mono);letter-spacing:.1em;flex:none}
#gs-portfolio .engagement-scope p{font:10px/1.8 var(--body);max-width:80ch}
/* A readable sequence: every idea and output stays visible. */
#gs-portfolio .delivery-story{padding:80px 0 0;background:#f5f2e9;color:#3c5438;overflow:hidden}
#gs-portfolio .delivery-story-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end;padding-bottom:40px}
#gs-portfolio .delivery-story-heading span{font:8px/1.6 var(--mono);letter-spacing:.1em;color:#647c4f}
#gs-portfolio .delivery-story-heading h2{font:500 clamp(34px,3.9vw,54px)/1.07 var(--display);letter-spacing:-.055em;margin-top:20px;color:#395634}
#gs-portfolio .delivery-story-heading h2 em{font:italic 1.12em/1 'Cormorant Garamond',Georgia,serif;color:#977a4d}
#gs-portfolio .delivery-story-heading>p{font:12px/1.9 var(--body);color:#536b42}
#gs-portfolio .delivery-chapter{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center;padding:45px 0;border-top:1px solid #c3d1b1}
#gs-portfolio .delivery-chapter-copy>span{font:7px/1.6 var(--mono);letter-spacing:.1em;color:#536c3e}
#gs-portfolio .delivery-chapter-copy h3{font:500 34px/1.1 var(--display);letter-spacing:-.05em;margin:18px 0 20px;color:#4a683c}
#gs-portfolio .delivery-chapter-copy>p{font:12px/1.9 var(--body);color:#526b40;max-width:43ch}
#gs-portfolio .delivery-chapter-copy>div{margin:23px 0;border-left:2px solid #b2915c;padding-left:17px}
#gs-portfolio .delivery-chapter-copy>div>b{display:block;font:7px/1.5 var(--mono);letter-spacing:.09em;color:#748b5a}
#gs-portfolio .delivery-chapter-copy>div>span{display:block;font:11px/1.8 var(--body);color:#56753e;margin-top:10px;max-width:42ch}
#gs-portfolio .delivery-chapter-copy>a{font:600 11px/1.7 var(--body);color:#80663c;border-bottom:1px solid #c5b38e;padding-bottom:7px;display:inline-block}
#gs-portfolio .delivery-image{min-width:0;aspect-ratio:4/3;position:relative;overflow:hidden;background:#d9e1ca;border-radius:4px}
#gs-portfolio .delivery-image-comparison{display:flex;gap:12px;padding:23px 20px 55px;background:#dfe7d3;border:1px solid #b5cba1;align-items:center}
#gs-portfolio .delivery-image-comparison>div{width:50%;background:#f5f7ec;border:1px solid #aec697;box-shadow:0 15px 25px #4c6a3720;transform:rotate(-3deg)}
#gs-portfolio .delivery-image-comparison>div+div{transform:rotate(4deg) translateY(10px)}
#gs-portfolio .delivery-image-comparison img{width:100%;height:auto;display:block}
#gs-portfolio .delivery-image-comparison>div>span{display:block;font:5px/1.5 var(--mono);letter-spacing:.04em;padding:12px 10px;color:#718d55}
#gs-portfolio .delivery-image-comparison small{display:block;font:6px var(--mono);padding:12px 10px;color:#718d55}
#gs-portfolio .delivery-image-comparison figcaption{position:absolute;bottom:21px;left:23px;right:20px;font:10px/1.5 var(--body);color:#5e7d43}
#gs-portfolio .delivery-chapter-reverse{grid-template-columns:1.15fr 1fr}
#gs-portfolio .delivery-chapter-reverse .delivery-chapter-copy{order:1}
#gs-portfolio .delivery-turtle{background:#21432f;border:1px solid #6c9250}
#gs-portfolio .delivery-turtle>.trtl-reveal{height:100%;min-height:0}
#gs-portfolio .delivery-turtle .trtl-caption{display:none}
#gs-portfolio .delivery-turtle>span{position:absolute;top:22px;left:23px;font:6px var(--mono);letter-spacing:.09em;color:#c2d5ab;z-index:3}
#gs-portfolio .delivery-turtle>a{position:absolute;bottom:20px;left:23px;right:23px;color:#dce8c9;font:10px var(--body);z-index:3;text-shadow:0 1px 10px #152e1d}
#gs-portfolio .relationship-map{height:100%;padding:25px;background:radial-gradient(ellipse at 80% 10%,#59794460,transparent 75%),#274831;color:#e0ebcf;display:flex;flex-direction:column}
#gs-portfolio .relationship-map>span{font:6px/1.5 var(--mono);letter-spacing:.1em;color:#bfd3a6}
#gs-portfolio .relationship-map>ol{list-style:none;padding:0;display:grid;gap:18px;flex:1;align-content:center;margin:18px 0}
#gs-portfolio .relationship-map li{display:flex;align-items:center;gap:18px;border-bottom:1px solid #87a86a40;padding-bottom:16px}
#gs-portfolio .relationship-map li:last-child{padding-bottom:0;border:0}
#gs-portfolio .relationship-map li>b{font:italic 30px/1 'Cormorant Garamond',Georgia,serif;color:#d9be91}
#gs-portfolio .relationship-map strong{font:500 20px/1.2 var(--display);letter-spacing:-.035em;color:#e4edda}
#gs-portfolio .relationship-map p{font:9px/1.8 var(--body);color:#bfd2ac;margin-top:7px}
#gs-portfolio .relationship-map>small{font:5px/1.6 var(--mono);letter-spacing:.07em;color:#a7c28e}
#gs-portfolio .delivery-relationship{padding-bottom:40px;background:#274831}
#gs-portfolio .delivery-relationship>.relationship-map{padding-bottom:15px}
#gs-portfolio .delivery-relationship>a{position:absolute;bottom:20px;left:25px;font:10px var(--body);color:#d8e7c5}
#gs-portfolio .delivery-story-close{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #b6cca0;padding:27px 0}
#gs-portfolio .delivery-story-close>span{font:6px/1.8 var(--mono);letter-spacing:.08em;color:#6f8b52}
#gs-portfolio .delivery-story-close>a{font:11px var(--body);color:#5d7b43}
/* One banner geometry and one detail geometry across the case-study library. */
#gs-portfolio .gs-cases .gs-case>.universal-case-banner{height:260px;min-height:0;max-height:none;margin-bottom:20px;aspect-ratio:auto;border-radius:4px;position:relative;overflow:hidden}
#gs-portfolio .gs-cases .gs-case>.universal-case-banner>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;padding:0;background:#233e31;mix-blend-mode:normal}
#gs-portfolio .gs-cases .gs-case>.universal-case-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071f1beb,transparent 90%);z-index:1;pointer-events:none}
#gs-portfolio .gs-cases .gs-case>.universal-case-banner>.case-hero-caption{bottom:25px;left:28px;right:25px;color:#fff;z-index:2;max-width:75%}
#gs-portfolio .gs-cases .gs-case>.universal-case-banner .case-hero-caption>span{font:7px/1.6 var(--mono);letter-spacing:.1em;color:#d1e0bd}
#gs-portfolio .gs-cases .gs-case>.universal-case-banner .case-hero-caption>strong{font:500 30px/1.1 var(--display);letter-spacing:-.04em;color:#fff;display:block;margin-top:11px}
#gs-portfolio .gs-cases .gs-case .universal-case-detail{height:320px;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;border-radius:5px;padding:0;position:relative}
#gs-portfolio .gs-cases .gs-case .universal-case-detail>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;padding:0;mix-blend-mode:normal;background:#1e3b2b}
#gs-portfolio .gs-cases .gs-case .universal-case-detail>.trtl-reveal{width:100%;height:100%;min-height:0;margin:0}
#gs-portfolio .gs-cases .gs-case .universal-case-detail .trtl-caption{display:none}
#gs-portfolio :is(.engagement-hero,.engagement-services,.delivery-story) :is(a,button):focus-visible{outline:3px solid #b28555;outline-offset:5px}
@media(max-width:1000px){#gs-portfolio .engagement-hero-grid{gap:7%;grid-template-columns:1.2fr 1fr}#gs-portfolio .engagement-manifesto{padding:28px;min-height:320px}#gs-portfolio .engagement-manifesto>p{font-size:30px}#gs-portfolio .engagement-chapter-grid{gap:6%}#gs-portfolio .engagement-detail h2{font-size:34px}#gs-portfolio .engagement-proof-art{aspect-ratio:1/1}#gs-portfolio .delivery-chapter,#gs-portfolio .delivery-chapter-reverse{gap:6%}#gs-portfolio .delivery-image{aspect-ratio:1/1}#gs-portfolio .delivery-chapter-copy h3{font-size:31px}#gs-portfolio .relationship-map{padding:22px}#gs-portfolio .relationship-map strong{font-size:18px}}
@media(max-width:700px){#gs-portfolio .engagement-hero{padding-top:105px}#gs-portfolio .engagement-hero-grid{grid-template-columns:1fr;gap:32px;padding:30px 0}#gs-portfolio .engagement-hero h1{font-size:42px}#gs-portfolio .engagement-hero-grid>div>p{font-size:12px}#gs-portfolio .engagement-manifesto{max-width:420px;width:100%;margin:auto;min-height:285px;padding:25px}#gs-portfolio .engagement-manifesto>p{font-size:32px}#gs-portfolio .engagement-nav{grid-template-columns:1fr;gap:19px}#gs-portfolio .engagement-nav>a{font-size:11px}#gs-portfolio .engagement-chapter{padding:50px 0}#gs-portfolio .engagement-chapter-heading{gap:20px;font-size:7px}#gs-portfolio .engagement-chapter-heading>span+span{font-size:10px;text-align:right;max-width:20ch}#gs-portfolio .engagement-chapter-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}#gs-portfolio .engagement-detail h2{font-size:33px}#gs-portfolio .engagement-intro{font-size:12px}#gs-portfolio .engagement-proof{position:static}#gs-portfolio .engagement-proof-art{aspect-ratio:4/3}#gs-portfolio .engagement-proof-caption p{font-size:11px}#gs-portfolio .engagement-outcome strong{font-size:17px}#gs-portfolio .engagement-scope{flex-direction:column;gap:15px;padding-block:25px}#gs-portfolio .delivery-story{padding-top:55px}#gs-portfolio .delivery-story-heading{grid-template-columns:1fr;gap:22px;padding-bottom:28px}#gs-portfolio .delivery-story-heading h2{font-size:39px}#gs-portfolio .delivery-story-heading>p{font-size:12px}#gs-portfolio .delivery-chapter,#gs-portfolio .delivery-chapter-reverse{grid-template-columns:1fr;gap:28px;padding:35px 0}#gs-portfolio .delivery-chapter-copy h3{font-size:33px}#gs-portfolio .delivery-chapter-reverse .delivery-chapter-copy{order:0}#gs-portfolio .delivery-image{aspect-ratio:1/1}#gs-portfolio .delivery-story-close{align-items:start;flex-direction:column;gap:18px}#gs-portfolio .gs-cases .gs-case>.universal-case-banner{height:200px}#gs-portfolio .gs-cases .gs-case>.universal-case-banner>.case-hero-caption{bottom:20px;left:20px;right:20px;max-width:90%}#gs-portfolio .gs-cases .gs-case>.universal-case-banner .case-hero-caption>strong{font-size:24px}#gs-portfolio .gs-cases .gs-case .universal-case-detail{height:250px}#gs-portfolio .relationship-map strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){#gs-portfolio .engagement-detail>button{transition:none;transform:none}}
#gs-portfolio .home-offer-personal{margin-top:20px;border-left:2px solid #b28c5e;padding-left:13px}
#gs-portfolio .home-offer-personal>span{font:6px var(--mono);letter-spacing:.1em;color:#637e50}
#gs-portfolio .home-offer-personal>p{font:italic 20px/1.2 'Cormorant Garamond',Georgia,serif;color:#6e7147;margin:10px 0}
#gs-portfolio .home-offer-personal>a{font:9px/1.7 var(--body);color:#5d7845;display:inline-block}
@media(max-width:700px){#gs-portfolio .engagement-chapter-2 .engagement-proof-art{min-height:330px}}
#gs-portfolio .engagement-reported-proof{display:flex;gap:18px;align-items:center;border-block:1px solid #becfa9;padding:18px 0;margin:20px 0;color:#496e37}
#gs-portfolio .engagement-reported-proof>strong{font:500 32px/1 var(--display);letter-spacing:-.045em;flex:none}
#gs-portfolio .engagement-reported-proof b{display:block;font:500 11px/1.5 var(--body);color:#527440}
#gs-portfolio .engagement-reported-proof small{display:block;font:8px/1.8 var(--body);color:#5e794c;margin-top:5px}

#gs-portfolio .engagement-teardown-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin-top: 5px;
  border-bottom: 1px solid #aab69d;
  color: #47603d;
  font: 600 12px/1.4 var(--body);
}

#gs-portfolio .engagement-detail > [data-review-enquiry] {
  margin-top: 18px;
  min-height: 44px;
}