/* A consistent, restrained introduction system. The project supplies the visual character. */
#gs-portfolio .gs-nav{background:#f9f8f4f5;border-bottom:1px solid #dbdfd9;backdrop-filter:blur(12px)}
#gs-portfolio .ap-hero{background:#f9f8f4;padding:150px 0 85px;overflow:clip;color:#202d2d}
#gs-portfolio .ap-hero-grid{grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}
#gs-portfolio .ap-overline{font:8px/1.7 var(--mono);letter-spacing:.1em;color:#556662;max-width:42ch}
#gs-portfolio .ap-hello{font:500 13px/1.6 var(--body);margin:46px 0 19px;color:#566964}
#gs-portfolio .ap-intro h1{font:500 clamp(43px,5.1vw,70px)/1.08 var(--display);letter-spacing:-.06em;color:#20332f;margin:0}
#gs-portfolio .ap-lead{font:15px/1.85 var(--body);color:#53635f;max-width:44ch;margin-top:27px}
#gs-portfolio .ap-hero-actions{gap:24px;margin-top:30px}
#gs-portfolio .ap-btn{border-radius:3px;background:#203c34;font-size:11px;padding:16px 20px}
#gs-portfolio .ap-btn:hover{background:#385d50;transform:none}
#gs-portfolio .ap-text-link{color:#344e45;border-color:#c4ccc4;font-size:11px}
#gs-portfolio .professional-credentials{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #d8dfd6;margin-top:36px;padding-top:20px;font:10px/1.6 var(--body);color:#596c64}
#gs-portfolio .professional-feature{min-width:0;border:1px solid #d9dfd6;border-radius:4px;background:#fff;overflow:hidden}
#gs-portfolio .professional-feature-art{height:430px;background:#dfe5dd}
#gs-portfolio .professional-feature-art .trtl-reveal{min-height:0;height:100%}
#gs-portfolio .professional-feature-art .trtl-caption{display:none}
#gs-portfolio .professional-feature-caption{display:flex;align-items:center;justify-content:space-between;padding:25px 26px;gap:20px;color:#233b33}
#gs-portfolio .professional-feature-caption span{font:8px/1.6 var(--mono);letter-spacing:.12em;color:#596d60}
#gs-portfolio .professional-feature-caption strong{display:block;font:500 22px/1.3 var(--display);letter-spacing:-.025em;margin-top:9px}
#gs-portfolio .professional-feature-caption p{font:11px/1.7 var(--body);color:#596b62;margin-top:7px}
#gs-portfolio .professional-feature-caption>b{border:1px solid #c3d0c2;border-radius:50%;display:grid;place-items:center;width:34px;height:34px;flex:none;font-size:17px}
#gs-portfolio .chapter-hero{background:#f9f8f4;padding:145px 0 75px;border-bottom:1px solid #dbe1d7}
#gs-portfolio .chapter-hero>.gs-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}
#gs-portfolio .mp-crumb{font:10px/1.6 var(--body);letter-spacing:0;color:#546b60;margin-bottom:35px}
#gs-portfolio .chapter-copy>.cp-label{font:9px/1.6 var(--mono);letter-spacing:.1em;color:#5c7263}
#gs-portfolio .chapter-hero h1,#gs-portfolio .ab-hero h1{font:500 clamp(40px,4.6vw,64px)/1.08 var(--display);letter-spacing:-.055em;max-width:18ch;color:#213a30;margin-top:22px}
#gs-portfolio .chapter-hero h1 em,#gs-portfolio .ab-hero h1 em{font:inherit;color:inherit}
#gs-portfolio .chapter-hero p{font:14px/1.85 var(--body);max-width:46ch;color:#52675c;margin-top:25px}
#gs-portfolio .chapter-art{display:block;position:relative;height:425px;border:1px solid #dbe0d5;border-radius:4px;overflow:hidden;background:#e6e8dd}
#gs-portfolio .chapter-art img{width:100%;height:100%;object-fit:cover;object-position:50% center}
#gs-portfolio .professional-project-label{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:21px 22px;font:8px/1.5 var(--mono);letter-spacing:.08em;color:#294236;display:flex;justify-content:space-between}
#gs-portfolio .professional-menu{border-top:1px solid #aebfae}
#gs-portfolio .professional-menu>a{display:flex;align-items:center;gap:18px;padding:26px 0;border-bottom:1px solid #d3dcd0;color:#243f32}
#gs-portfolio .professional-menu>a>span{font:10px var(--mono);color:#637f67;align-self:flex-start;padding-top:4px}
#gs-portfolio .professional-menu strong{font:500 17px/1.4 var(--display);letter-spacing:-.025em;display:block}
#gs-portfolio .professional-menu p{font:12px/1.7 var(--body);color:#5b7061;margin-top:7px}
#gs-portfolio .professional-menu>a>b{margin-left:auto;font-size:19px;color:#536d55}
#gs-portfolio .professional-menu>a:hover strong{text-decoration:underline;text-underline-offset:5px}
#gs-portfolio .professional-process{border:1px solid #cfd9c8;border-radius:4px;background:#edf0e7;padding:30px 34px;color:#263f30}
#gs-portfolio .professional-process>span,#gs-portfolio .professional-profile>span{font:8px var(--mono);letter-spacing:.12em;color:#536b54}
#gs-portfolio .professional-process ol{list-style:none;padding:18px 0 0}
#gs-portfolio .professional-process li{position:relative;padding:17px 0 17px 42px;border-bottom:1px solid #d2dcc9}
#gs-portfolio .professional-process li:last-child{border:0}
#gs-portfolio .professional-process li>b{position:absolute;left:0;top:20px;font:9px var(--mono);color:#5b7c58}
#gs-portfolio .professional-process strong{font:500 16px var(--display);letter-spacing:-.025em}
#gs-portfolio .professional-process p{font:11px/1.6 var(--body);margin:7px 0 0;color:#576d55}
#gs-portfolio .ab-hero{background:#f9f8f4}
#gs-portfolio .professional-profile{border-left:1px solid #cbd6c2;padding:25px 40px;color:#233d2c}
#gs-portfolio .professional-profile>div{display:flex;gap:22px;align-items:center;margin-top:36px}
#gs-portfolio .professional-profile strong{font:500 54px/1 var(--display);letter-spacing:-.05em;min-width:115px}
#gs-portfolio .professional-profile p{font:13px/1.8 var(--body);color:#586e56}
#gs-portfolio .professional-profile>a{display:inline-block;font:12px var(--body);border-bottom:1px solid #aebfa7;padding-bottom:8px;margin-top:40px}
#gs-portfolio .ev-case-cover{grid-column:1/-1;height:300px;position:relative;background:#213b30;border-radius:4px;overflow:hidden;margin-bottom:15px}
#gs-portfolio .ev-case-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112b24ed,transparent 80%);pointer-events:none}
#gs-portfolio .case-hero-caption{position:absolute;left:28px;right:28px;bottom:25px;z-index:2;color:#fff}
#gs-portfolio .case-hero-caption>span{font:8px var(--mono);letter-spacing:.13em;color:#e5ecda}
#gs-portfolio .case-hero-caption>strong{display:block;font:500 clamp(25px,3vw,38px)/1.15 var(--display);letter-spacing:-.04em;margin-top:12px;max-width:22ch}
#gs-portfolio .case-product-cover img{object-fit:contain;object-position:85% center;background:#e3e7db;padding:10px 0 10px 35%}
#gs-portfolio .case-turtle-cover>.trtl-reveal{width:65%;margin-left:35%;min-height:0}
#gs-portfolio .case-turtle-cover .trtl-caption{display:none}
#gs-portfolio .case-authored-cover{background:radial-gradient(at 75% 40%,#6f896f,#263e31 65%)}
#gs-portfolio .case-flow{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:45px 30px}
#gs-portfolio .case-flow i{font:8px var(--mono);font-style:normal;border:1px solid #d9e2c96b;padding:23px 13px;border-radius:50%;color:#f0e9d6}
#gs-portfolio .case-flow b{color:#cfba8e;font-size:24px}
#gs-portfolio .ball-project--cutaway .gs-brandcard__img{background:#e6e9dc}#gs-portfolio .ball-project--cutaway .gs-brandcard__img img{object-fit:contain;padding:28px;mix-blend-mode:multiply}
#gs-portfolio .ap-person{background:#e9ede3}#gs-portfolio .ap-person h2,#gs-portfolio .ev-selected h2{font-family:var(--display);font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.045em;color:#243c30}#gs-portfolio .ap-person h2 em,#gs-portfolio .ev-selected h2 em{font:inherit;color:#65785a}
#gs-portfolio .ap-signature{display:none}#gs-portfolio .ap-person-grid{grid-template-columns:.7fr 1.6fr;gap:12%}
@media(max-width:900px){#gs-portfolio .ap-hero-grid,#gs-portfolio .chapter-hero>.gs-wrap{grid-template-columns:1fr;gap:45px}#gs-portfolio .professional-feature{max-width:600px;width:100%;margin:0 auto}#gs-portfolio .professional-feature-art{height:400px}#gs-portfolio .chapter-art{height:390px}}
@media(max-width:600px){#gs-portfolio .ap-hero,#gs-portfolio .chapter-hero{padding:110px 0 55px}#gs-portfolio .ap-hello{margin-top:30px}#gs-portfolio .ap-intro h1{font-size:44px}#gs-portfolio .ap-lead{font-size:14px}#gs-portfolio .professional-feature-art{height:310px}#gs-portfolio .professional-feature-caption{padding:20px}#gs-portfolio .professional-credentials{gap:8px;display:grid}#gs-portfolio .chapter-art{height:310px}#gs-portfolio .professional-menu strong{font-size:16px}#gs-portfolio .professional-process{padding:25px}#gs-portfolio .professional-profile{padding:20px 0;border-left:0;border-top:1px solid #cbd6c2}#gs-portfolio .ap-person-grid{grid-template-columns:1fr;gap:25px}#gs-portfolio .ev-case-cover{height:260px}#gs-portfolio .case-turtle-cover>.trtl-reveal{width:85%;margin-left:15%}}
#gs-portfolio::before{display:none}
@media(max-width:600px){#gs-portfolio .ap-intro h1{font-size:38px}}