/* Evidence-led imagery and distinct moments in the customer story. */
#gs-portfolio .scotty-editorial{background:#182922;overflow:hidden}
#gs-portfolio .scotty-editorial img{width:100%;height:100%;object-fit:cover!important;object-position:center;padding:0!important;background:#182922;mix-blend-mode:normal!important}
#gs-portfolio .ev-project-image.scotty-editorial img{opacity:.8;transform:scale(1.03)}
#gs-portfolio .ev-case-cover.scotty-editorial{height:430px}
#gs-portfolio .ev-case-cover.scotty-editorial::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061812c9,transparent 80%)}
#gs-portfolio .scotty-editorial .case-hero-caption{z-index:1;color:#fff}
#gs-portfolio .thought-real-work{display:block;width:100%;height:95px;object-fit:cover;margin-top:13px;border-radius:2px}
#gs-portfolio .thought-page>b{font-size:20px;margin:12px 0}
#gs-portfolio .thought-page>.thought-cta{font-size:6px}
#gs-portfolio .hero-evidence-picture{position:relative;overflow:hidden;border-radius:4px;min-width:0;background:#1a2e26;height:320px;border:1px solid #243b2b22}
#gs-portfolio .hero-evidence-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a13d9,transparent 80%);pointer-events:none}
#gs-portfolio .hero-evidence-picture>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#gs-portfolio .hero-evidence-picture:hover>img{transform:scale(1.045)}
#gs-portfolio .hero-evidence-picture figcaption{position:absolute;bottom:28px;left:28px;right:25px;z-index:1;color:#fff}
#gs-portfolio .hero-evidence-picture figcaption>span{display:block;font:7px/1.6 var(--mono);letter-spacing:.1em;color:#d1dacb}
#gs-portfolio .hero-evidence-picture figcaption>b{display:block;font:500 24px/1.15 var(--display);letter-spacing:-.04em;margin-top:10px;max-width:23ch}
#gs-portfolio .chapter-hero>.gs-wrap>.hero-evidence-picture{height:460px}
#gs-portfolio .hero-evidence-column{min-width:0;display:grid;gap:18px}
#gs-portfolio .hero-evidence-column .hero-evidence-picture{height:250px}
#gs-portfolio .hero-evidence-column .professional-menu{padding:0 20px;background:#edf0e5;border:1px solid #d1d9c6}
#gs-portfolio .hero-evidence-column .professional-menu>a{padding:14px 0}
#gs-portfolio .hero-evidence-column .professional-menu strong{font-size:15px}
#gs-portfolio .hero-evidence-column .professional-menu p{font-size:10px}
#gs-portfolio .hero-evidence-column .professional-process{padding:20px}
#gs-portfolio .hero-evidence-column .professional-process ol{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;padding-top:10px}
#gs-portfolio .hero-evidence-column .professional-process li{padding:12px 0 12px 27px}
#gs-portfolio .hero-evidence-column .professional-process li>b{top:14px}
#gs-portfolio .hero-evidence-column .professional-process strong{font-size:13px}
#gs-portfolio .hero-evidence-column .professional-process p{font-size:10px}
#gs-portfolio .hero-evidence-column .professional-profile{padding:20px;border:1px solid #cbd6c2;background:#edf0e5;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
#gs-portfolio .hero-evidence-column .professional-profile>span{flex-basis:100%}
#gs-portfolio .hero-evidence-column .professional-profile>div{margin:0;gap:12px}
#gs-portfolio .hero-evidence-column .professional-profile strong{font-size:32px;min-width:0}
#gs-portfolio .hero-evidence-column .professional-profile p{font-size:10px}
#gs-portfolio .hero-evidence-column .professional-profile>a{margin-top:0;font-size:10px}
/* Confidence and connection have separate visual stories. */
#gs-portfolio .journey-confidence,#gs-portfolio .journey-connection{position:absolute;top:75px;left:18%;width:65%;height:280px;z-index:4;padding:25px;background:#eef1e7;color:#2a4735;box-shadow:0 20px 35px #10251d55;opacity:0;transform:translate(70px,45px) rotate(10deg) scale(.8);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}
#gs-portfolio .journey-confidence>small,#gs-portfolio .journey-connection>small{font:7px var(--mono);letter-spacing:.08em}
#gs-portfolio .confidence-check{display:grid;place-items:center;position:absolute;right:24px;top:20px;width:29px;height:29px;border-radius:50%;background:#c8d6bd;font-size:16px}
#gs-portfolio .journey-confidence>b{display:block;font:500 27px/1.05 var(--display);letter-spacing:-.045em;margin:25px 0 20px}
#gs-portfolio .journey-confidence>div{display:grid;gap:10px;font:9px var(--body);color:#627558}
#gs-portfolio .journey-confidence>i{display:block;background:#315d40;color:white;font:9px var(--body);font-style:normal;margin-top:20px;padding:11px}
#gs-portfolio .journey-connection{background:#e1c5ad;top:80px;height:270px;padding:27px;left:20%}
#gs-portfolio .connection-envelope{position:absolute;right:20px;top:20px;font:22px Georgia;color:#957154}
#gs-portfolio .journey-connection>b{display:block;font:500 31px/1.07 var(--display);letter-spacing:-.05em;margin:22px 0 14px}
#gs-portfolio .journey-connection>p{font:9px/1.8 var(--body);color:#6d6352}
#gs-portfolio .connection-timeline{display:flex;align-items:center;gap:5px;margin:23px 0 18px;font:5px var(--mono);letter-spacing:.02em}
#gs-portfolio .connection-timeline i{height:1px;flex:1;background:#9d836a;position:relative}
#gs-portfolio .connection-timeline i::after{content:'';width:4px;height:4px;border-radius:50%;background:#6a7959;position:absolute;right:0;top:-1.5px}
#gs-portfolio .journey-connection>em{font:italic 15px Georgia;color:#7d6b51}
#gs-portfolio [data-journey-art='2'] .journey-confidence{opacity:1;transform:translate(0,-6px) rotate(-2deg);z-index:5}
#gs-portfolio [data-journey-art='3'] .journey-connection{opacity:1;transform:translate(-5px,-8px) rotate(3deg);z-index:5}
#gs-portfolio [data-journey-art='2'] .journey-guide,#gs-portfolio [data-journey-art='3'] .journey-guide{opacity:.22;transform:translate(-90px,0) rotate(-15deg) scale(.8)}
/* Review the real pages with independent scroll areas. */
#gs-portfolio .difference-lab{background:#172e28;color:#f1f1e7;padding:95px 0}
#gs-portfolio .refine-eyebrow{font:8px/1.6 var(--mono);letter-spacing:.12em;color:#a3b79c}
#gs-portfolio .difference-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end;margin-bottom:35px}
#gs-portfolio .difference-intro h2{font:500 clamp(34px,3.8vw,52px)/1.05 var(--display);letter-spacing:-.05em;margin-top:18px;color:#f2f1e8}
#gs-portfolio .difference-intro h2 em{font:italic 1.14em/1.05 'Cormorant Garamond',Georgia,serif;color:#c8cdae}
#gs-portfolio .difference-intro p{font:13px/1.9 var(--body);color:#b4c2b6}
#gs-portfolio .difference-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #7f9a792f}
#gs-portfolio .difference-toolbar>span{font:8px var(--mono);letter-spacing:.12em;color:#95af94}
#gs-portfolio .difference-toolbar>div{display:flex;gap:5px}
#gs-portfolio .difference-toolbar button{background:transparent;color:#b8c8b4;border:1px solid #51664d;padding:10px 16px;font:10px var(--body);cursor:pointer;border-radius:2px}
#gs-portfolio .difference-toolbar button[aria-pressed=true]{background:#d9dfc9;color:#284030;border-color:#d9dfc9}
#gs-portfolio .difference-pages{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
#gs-portfolio .difference-page{overflow:hidden;background:#f1f2e9;border:1px solid #70806a;border-radius:5px;box-shadow:0 20px 30px #05170b20}
#gs-portfolio .difference-page figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#e0e5d7;color:#3e563b;font:7px var(--mono)}
#gs-portfolio .difference-page figcaption>span:first-child{display:flex;gap:4px}
#gs-portfolio .difference-page figcaption i{width:5px;height:5px;border-radius:50%;background:#a0ae97}
#gs-portfolio .difference-page figcaption b{font-weight:400;letter-spacing:.08em}
#gs-portfolio .difference-page figcaption>span:last-child{font:8px var(--body);color:#6e7e64}
#gs-portfolio .difference-scroll{height:500px;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#859a75 #dfe6d5}
#gs-portfolio .difference-scroll>img{display:block;width:100%;height:auto}
#gs-portfolio [data-view='original'] .difference-rebuilt,#gs-portfolio [data-view='rebuilt'] .difference-original{display:none}
#gs-portfolio [data-view='original'] .difference-pages,#gs-portfolio [data-view='rebuilt'] .difference-pages{grid-template-columns:1fr;max-width:950px;margin-inline:auto}
#gs-portfolio [data-view='original'] .difference-scroll,#gs-portfolio [data-view='rebuilt'] .difference-scroll{height:580px}
#gs-portfolio .difference-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px;border-top:1px solid #829d732d;padding-top:28px}
#gs-portfolio .difference-reasons span{font:7px var(--mono);letter-spacing:.12em;color:#a2b798}
#gs-portfolio .difference-reasons h3{font:500 17px/1.3 var(--display);letter-spacing:-.025em;margin:13px 0 9px;color:#f1f1e7}
#gs-portfolio .difference-reasons p{font:11px/1.8 var(--body);color:#b4c2b0}
#gs-portfolio .difference-live{display:flex;justify-content:space-between;gap:20px;padding-top:24px;margin-top:28px;border-top:1px solid #829d732d;font:12px var(--body);color:#dae2c9}
#gs-portfolio .difference-lab :is(a,button,.difference-scroll):focus-visible{outline:3px solid #d1a078;outline-offset:4px}
#gs-portfolio .trtl-endorsement{background:#eee9df;padding:60px 0}
#gs-portfolio .trtl-feedback{display:grid;grid-template-columns:1fr auto;gap:8%;align-items:end;color:#344b37;border-top:1px solid #c8cdbb;padding-top:25px}
#gs-portfolio .trtl-feedback .refine-eyebrow{color:#737d62}
#gs-portfolio .trtl-feedback blockquote{font:400 24px/1.45 'Cormorant Garamond',Georgia,serif;max-width:77ch;margin:20px 0;color:#344b37}
#gs-portfolio .trtl-feedback blockquote strong{font-weight:600}
#gs-portfolio .trtl-feedback figcaption{font:9px var(--body);color:#7b826d}
#gs-portfolio .trtl-feedback>a{font:11px/1.7 var(--body);border-bottom:1px solid #a7b296;padding:8px 0;white-space:nowrap}
#gs-portfolio .gs-case .trtl-feedback{grid-template-columns:1fr;margin-top:25px;padding:25px;background:#e8ecde;border:0;border-radius:4px}
#gs-portfolio .gs-case .trtl-feedback blockquote{font-size:21px}
#gs-portfolio .gs-case .trtl-feedback>a{justify-self:start}
@media(max-width:900px){#gs-portfolio .hero-evidence-column{max-width:620px;width:100%}#gs-portfolio .difference-intro{gap:30px}#gs-portfolio .difference-scroll{height:400px}#gs-portfolio .trtl-feedback{grid-template-columns:1fr;gap:20px}#gs-portfolio .trtl-feedback>a{justify-self:start}}
@media(max-width:600px){#gs-portfolio .hero-evidence-picture,#gs-portfolio .chapter-hero>.gs-wrap>.hero-evidence-picture{height:320px}#gs-portfolio .hero-evidence-column .hero-evidence-picture{height:240px}#gs-portfolio .hero-evidence-picture figcaption{left:20px;bottom:22px}#gs-portfolio .hero-evidence-picture figcaption>b{font-size:22px}#gs-portfolio .ev-case-cover.scotty-editorial{height:280px}#gs-portfolio .journey-confidence,#gs-portfolio .journey-connection{width:72%;left:14%;top:65px;padding:23px}#gs-portfolio .journey-confidence>b{font-size:25px}#gs-portfolio .journey-connection>b{font-size:29px}#gs-portfolio .connection-timeline{font-size:4.5px}#gs-portfolio .difference-lab{padding:65px 0}#gs-portfolio .difference-intro{grid-template-columns:1fr;gap:20px}#gs-portfolio .difference-intro h2{font-size:39px}#gs-portfolio .difference-intro p{font-size:12px}#gs-portfolio .difference-toolbar{align-items:start;flex-direction:column;gap:15px}#gs-portfolio .difference-toolbar>div{width:100%}#gs-portfolio .difference-toolbar button{flex:1;padding:10px;font-size:9px}#gs-portfolio .difference-pages{gap:9px}#gs-portfolio .difference-page figcaption{padding:11px 7px;font-size:5px}#gs-portfolio .difference-page figcaption>span{display:none!important}#gs-portfolio .difference-scroll{height:300px}#gs-portfolio [data-view='original'] .difference-scroll,#gs-portfolio [data-view='rebuilt'] .difference-scroll{height:450px}#gs-portfolio .difference-reasons{grid-template-columns:1fr;gap:24px}#gs-portfolio .difference-reasons h3{margin:9px 0 5px}#gs-portfolio .trtl-feedback blockquote{font-size:22px}#gs-portfolio .trtl-endorsement{padding:45px 0}}
@media(prefers-reduced-motion:reduce){#gs-portfolio .hero-evidence-picture>img,#gs-portfolio .journey-confidence,#gs-portfolio .journey-connection{transition:none}}

#gs-portfolio .difference-scroll,#gs-portfolio [data-view='original'] .difference-scroll,#gs-portfolio [data-view='rebuilt'] .difference-scroll{height:auto;overflow:visible;overscroll-behavior:auto;touch-action:pan-y}