/* Personal consultancy: an editorial opening with the work behind it. */
#gs-portfolio .atelier-hero{position:relative;background:#162f30;color:#f3eee3;padding-top:117px;isolation:isolate}
#gs-portfolio .atelier-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 40%,#557b6940,transparent 50%),linear-gradient(110deg,#102527,transparent 70%)}
#gs-portfolio .atelier-hero .person-hero-meta{border-color:#b8c9b824;color:#9fb6ad}
#gs-portfolio .atelier-hero .person-hero-grid{grid-template-columns:1.1fr 1fr;gap:3%;padding:18px 0 30px;align-items:center}
#gs-portfolio .atelier-hero .person-greeting{font:400 23px/1.4 var(--body);color:#d2dcd0;margin:0 0 30px;letter-spacing:-.025em}
#gs-portfolio .atelier-hero .person-greeting>span{color:#e6ba93;font:italic 1.4em 'Cormorant Garamond',Georgia,serif}
#gs-portfolio .atelier-hero h1{font:500 clamp(44px,4.3vw,64px)/1.07 var(--display);letter-spacing:-.055em;color:#f7f2e8;max-width:18ch}
#gs-portfolio .atelier-hero h1 em{font:italic 1.15em/1.05 'Cormorant Garamond',Georgia,serif;color:#dbba9b;letter-spacing:-.045em}
#gs-portfolio .atelier-hero .person-hero-description{color:#b8cabe;font:13px/1.95 var(--body);max-width:47ch;margin-top:30px}
#gs-portfolio .atelier-hero .person-actions{margin-top:32px;gap:25px}
#gs-portfolio .atelier-hero .person-primary{background:#e6c8a9;color:#243b31;padding:17px 20px;box-shadow:0 10px 35px #00120d20}
#gs-portfolio .atelier-hero .person-primary:hover{background:#f1dbc0}
#gs-portfolio .atelier-hero .person-secondary{color:#d5ddcc;border-color:#657e6b}
#gs-portfolio .atelier-hero .person-footnote{color:#8ea99a;margin-top:30px}
#gs-portfolio .atelier-hero .person-scroll-foot{color:#b1c2ad;border-color:#a5bba529;padding-block:22px}
#gs-portfolio .atelier-hero .thinking-canvas{background:transparent;border:0;box-shadow:none;overflow:visible;transform:none;min-height:635px}
#gs-portfolio .atelier-hero .thinking-top{padding:18px 0;border:0;color:#9eb6a6;position:relative;z-index:5}
#gs-portfolio .atelier-hero .thinking-pause{color:#b4c7b7}
#gs-portfolio .atelier-hero .thinking-art{height:455px;overflow:visible;perspective:1100px}
#gs-portfolio .atelier-halo{position:absolute;width:380px;height:380px;left:16%;top:12%;border:1px solid #b0c7ad25;border-radius:50%;box-shadow:0 0 0 55px #b3c4ad03,0 0 0 110px #b3c4ad02}
#gs-portfolio .atelier-initial{position:absolute;left:0;top:-40px;font:italic 520px/.95 'Cormorant Garamond',Georgia,serif;color:#a2b79e09;pointer-events:none}
#gs-portfolio .atelier-path{position:absolute;inset:-25px -30px;width:110%;height:110%;fill:none;stroke:#b49c7c;stroke-width:1;stroke-dasharray:5 8;opacity:.3;animation:atelier-trace 40s linear infinite}
#gs-portfolio .atelier-craft{position:absolute;top:10px;left:0;width:63%;height:228px;transform:rotate(-8deg) translate3d(var(--art-x,0px),var(--art-y,0px),0);border:5px solid #c4c9b6;border-radius:3px;background:#ddd;box-shadow:0 25px 50px #051b2450;overflow:hidden;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1s}
#gs-portfolio .atelier-craft img{width:100%;height:100%;object-fit:cover}
#gs-portfolio .atelier-craft figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 8px;font:6px var(--mono);letter-spacing:.1em;color:#e8eddf;background:linear-gradient(transparent,#152b28df)}
#gs-portfolio .atelier-browser{position:absolute;left:23%;top:90px;width:72%;background:#f1f0e8;color:#243a30;border:1px solid #c7cdbc;border-radius:5px;overflow:hidden;box-shadow:0 28px 60px #041a2655;transform:rotate(5deg);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1s;z-index:2}
#gs-portfolio .atelier-chrome{display:flex;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #d0d7c4;font:5px var(--mono);color:#798670;gap:5px;align-items:center}
#gs-portfolio .atelier-chrome>b{font-weight:400;letter-spacing:.05em}
#gs-portfolio .atelier-browser>img{display:block;width:100%;height:190px;object-fit:cover;object-position:top}
#gs-portfolio .atelier-browser-caption{padding:16px 20px;font:500 15px/1.35 var(--display);letter-spacing:-.025em;background:#e6e9dc}
#gs-portfolio .atelier-browser-caption>em{font:italic 22px/1.2 'Cormorant Garamond',Georgia,serif;color:#6e785a}
#gs-portfolio .atelier-note{position:absolute;left:3%;top:250px;width:43%;background:#dcb997;padding:22px 24px;color:#3d3c2c;box-shadow:0 18px 35px #001e2433;transform:rotate(-7deg);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1s;z-index:3}
#gs-portfolio .atelier-note>span{font:6px var(--mono);letter-spacing:.1em}
#gs-portfolio .atelier-note>b{display:block;font:500 23px/1.05 var(--display);letter-spacing:-.045em;margin:17px 0}
#gs-portfolio .atelier-note>b>em{font:italic 29px/1.1 'Cormorant Garamond',Georgia,serif}
#gs-portfolio .atelier-note>i{display:block;font:italic 23px 'Cormorant Garamond',Georgia,serif;text-align:right;color:#795d43}
#gs-portfolio .atelier-annotation{position:absolute;right:0;bottom:0;font:italic 15px/1.25 'Cormorant Garamond',Georgia,serif;color:#a8b8a0;transform:rotate(-7deg)}
#gs-portfolio .atelier-hero [data-phase='1'] .atelier-craft{transform:translate(-12px,-8px) rotate(-12deg) scale(.93);opacity:.65}
#gs-portfolio .atelier-hero [data-phase='1'] .atelier-browser{transform:translate(-15px,-20px) rotate(-2deg) scale(1.04)}
#gs-portfolio .atelier-hero [data-phase='1'] .atelier-note{transform:translate(-15px,12px) rotate(-10deg) scale(.9);opacity:.7}
#gs-portfolio .atelier-hero [data-phase='2'] .atelier-craft{transform:translate(-10px,-8px) rotate(-12deg) scale(.9);opacity:.7}
#gs-portfolio .atelier-hero [data-phase='2'] .atelier-browser{transform:translate(12px,-12px) rotate(8deg) scale(.94);opacity:.8}
#gs-portfolio .atelier-hero [data-phase='2'] .atelier-note{transform:translate(50px,-28px) rotate(-2deg) scale(1.08);z-index:4}
#gs-portfolio .atelier-hero .thinking-caption{padding:16px 0 18px;min-height:125px;max-width:90%}
#gs-portfolio .atelier-hero .thinking-caption h2{font-size:18px;margin:10px 0 7px}
#gs-portfolio .atelier-hero .thinking-caption p{font-size:10px}
#gs-portfolio .atelier-hero .thinking-stages{border-top:1px solid #9bb59c35}
#gs-portfolio .atelier-hero .thinking-stages button{font-size:8px;padding:14px 3px}
#gs-portfolio .atelier-hero .thinking-stages button[aria-pressed=true]{background:transparent}
@keyframes atelier-trace{to{stroke-dashoffset:-520}}
#gs-portfolio .atelier-hero .motion-paused .atelier-path{animation-play-state:paused}
/* Each case has a campaign banner and a distinct detail. */
#gs-portfolio .trtl-campaign-banner{height:240px;background:#264133}
#gs-portfolio .trtl-campaign-banner>img,#gs-portfolio .gts-lifestyle-banner>img{width:100%;height:100%;object-fit:cover;padding:0;object-position:center}
#gs-portfolio .trtl-campaign-banner .case-hero-caption{color:#fff;z-index:1}
#gs-portfolio .gts-lifestyle-banner{height:320px}
/* A single image frame and predictable card rhythm. */
#gs-portfolio .gs-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:stretch}
#gs-portfolio .gs-brandcard{display:flex;flex-direction:column;min-width:0;overflow:hidden}
#gs-portfolio .gs-brandcard .gs-brandcard__img{height:0;padding:0 0 62.5%;position:relative;overflow:hidden;aspect-ratio:auto;flex:none;background:#dbe1d5}
#gs-portfolio .gs-brandcard .gs-brandcard__img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;max-width:none;max-height:none;mix-blend-mode:normal}
#gs-portfolio .gs-brandcard.ball-project--cutaway .gs-brandcard__img{background:radial-gradient(ellipse at center,#f5f2e8,#bec8b5)}
#gs-portfolio .gs-brandcard.ball-project--cutaway .gs-brandcard__img>img{object-fit:contain;width:76%;height:80%;inset:12% 12% 8%;filter:drop-shadow(0 20px 15px #20342922)}
#gs-portfolio .gs-brandcard .gs-brandcard__tag{z-index:2}
#gs-portfolio .gs-brandcard__body{flex:1;display:flex;flex-direction:column;padding:25px}
#gs-portfolio .gs-brandcard__body>p{flex:1}
#gs-portfolio .gs-brandcard__link{margin-top:24px}
/* The journey is a service demonstration, with concrete outputs. */
#gs-portfolio .connected-lab{background:#f1f0e8;padding-block:90px}
#gs-portfolio .connected-intro{grid-template-columns:1.3fr 1fr;gap:8%;margin-bottom:40px}
#gs-portfolio .connected-intro h2{font-size:clamp(34px,3.5vw,49px)}
#gs-portfolio .connected-track{gap:0;border-top:1px solid #b8c7ad;margin-bottom:30px}
#gs-portfolio .connected-track button{background:transparent;padding:22px 24px 10px 0;border:0;transform:none;position:relative}
#gs-portfolio .connected-track button::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#bac7af;box-shadow:0 0 0 6px #f1f0e8;transition:background .3s}
#gs-portfolio .connected-track button[aria-pressed=true]{background:transparent;color:#284d34;transform:none}
#gs-portfolio .connected-track button[aria-pressed=true]::before{background:#a06a48;box-shadow:0 0 0 6px #e9dfd1}
#gs-portfolio .connected-track button>span{margin-bottom:18px;font-size:8px;color:#7b8a70}
#gs-portfolio .connected-track button b{font-size:19px}
#gs-portfolio .connected-track button[aria-pressed=true] b{color:#a06a48}
#gs-portfolio .connected-track button small{max-width:22ch}
#gs-portfolio .connected-workspace{border-radius:6px;overflow:hidden;box-shadow:0 20px 45px #233d2a0a;grid-template-columns:1.05fr 1fr}
#gs-portfolio .journey-art{min-height:510px}
#gs-portfolio .journey-signal,#gs-portfolio .journey-guide{top:115px}
#gs-portfolio .journey-confidence,#gs-portfolio .journey-connection{top:115px}
#gs-portfolio .journey-detail{padding:35px 40px}
#gs-portfolio .journey-detail h3{font-size:28px}
#gs-portfolio .journey-detail>p{font-size:11px}
#gs-portfolio .journey-question{margin:20px 0;padding:15px 0}
#gs-portfolio .journey-question blockquote{font-size:20px}
#gs-portfolio .journey-deliverables{margin:20px 0 25px}
#gs-portfolio .journey-deliverables>span{font:7px var(--mono);letter-spacing:.1em;color:#79866a}
#gs-portfolio .journey-deliverables ul{padding:0;list-style:none;display:grid;gap:11px;margin-top:14px}
#gs-portfolio .journey-deliverables li{font:11px/1.5 var(--body);color:#3c5b35;padding-left:20px;position:relative}
#gs-portfolio .journey-deliverables li::before{content:'↗';position:absolute;left:0;color:#a57450}
#gs-portfolio .connected-close{padding-top:10px}
@media(max-width:1000px){#gs-portfolio .atelier-hero .person-hero-grid{grid-template-columns:1fr;gap:32px;padding-top:35px}#gs-portfolio .atelier-hero .thinking-canvas{max-width:620px;width:100%;margin:auto}#gs-portfolio .atelier-hero .person-hero-copy{max-width:690px}#gs-portfolio .atelier-hero h1{font-size:60px;max-width:none}#gs-portfolio .journey-detail{padding:30px 25px}#gs-portfolio .journey-art{min-height:550px}}
@media(max-width:600px){#gs-portfolio .atelier-hero{padding-top:100px}#gs-portfolio .atelier-hero .person-greeting{font-size:20px;margin-bottom:23px}#gs-portfolio .atelier-hero h1{font-size:clamp(37px,9.7vw,52px)}#gs-portfolio .atelier-hero h1 em{font-size:1.09em}#gs-portfolio .atelier-hero .person-hero-description{font-size:12px}#gs-portfolio .atelier-hero .person-primary{padding:16px}#gs-portfolio .atelier-hero .thinking-canvas{min-height:0}#gs-portfolio .atelier-hero .thinking-top{padding-block:10px 23px;font-size:7px}#gs-portfolio .atelier-hero .thinking-art{height:345px}#gs-portfolio .atelier-craft{height:160px;width:64%;left:0;top:10px}#gs-portfolio .atelier-browser{left:23%;width:74%;top:75px}#gs-portfolio .atelier-browser>img{height:135px}#gs-portfolio .atelier-browser-caption{padding:12px;font-size:10px}#gs-portfolio .atelier-browser-caption>em{font-size:16px}#gs-portfolio .atelier-chrome{padding:8px;font-size:4px}#gs-portfolio .atelier-note{top:210px;left:1%;padding:16px;width:45%}#gs-portfolio .atelier-note>b{font-size:18px;margin:12px 0}#gs-portfolio .atelier-note>b>em{font-size:23px}#gs-portfolio .atelier-note>i{font-size:17px}#gs-portfolio .atelier-annotation{font-size:11px;bottom:0}#gs-portfolio .atelier-halo{width:250px;height:250px;left:14%}#gs-portfolio .atelier-initial{font-size:360px}#gs-portfolio .atelier-hero .thinking-caption{padding-top:25px;min-height:125px;max-width:100%}#gs-portfolio .atelier-hero .thinking-caption h2{font-size:17px}#gs-portfolio .atelier-hero [data-phase='2'] .atelier-note{transform:translate(35px,-15px) rotate(-2deg) scale(1.06)}#gs-portfolio .trtl-campaign-banner{height:205px}#gs-portfolio .gts-lifestyle-banner{height:250px}#gs-portfolio .gs-brands{grid-template-columns:1fr;gap:22px}#gs-portfolio .gs-brandcard__body{padding:23px}#gs-portfolio .connected-lab{padding-block:65px}#gs-portfolio .connected-intro{grid-template-columns:1fr;gap:20px}#gs-portfolio .connected-track{grid-template-columns:1fr 1fr;gap:18px 14px;border:0}#gs-portfolio .connected-track button{border-top:1px solid #b8c7ad;padding:20px 0 0}#gs-portfolio .connected-track button b{font-size:17px}#gs-portfolio .connected-track button>span{margin-bottom:12px}#gs-portfolio .connected-workspace{grid-template-columns:1fr}#gs-portfolio .journey-art{min-height:390px}#gs-portfolio .journey-signal,#gs-portfolio .journey-guide,#gs-portfolio .journey-confidence,#gs-portfolio .journey-connection{top:65px}#gs-portfolio .journey-detail{padding:28px 23px}#gs-portfolio .journey-deliverables li{font-size:10px}}
@media(prefers-reduced-motion:reduce){#gs-portfolio .atelier-path{animation:none}#gs-portfolio .atelier-craft,#gs-portfolio .atelier-browser,#gs-portfolio .atelier-note{transition:none}}
#gs-portfolio .gs-brandcard.ball-project--cutaway .gs-brandcard__img>img{mix-blend-mode:multiply}
#gs-portfolio .case-editorial-cover{background:radial-gradient(ellipse at 80% 45%,#566e4f,#18392d);height:280px}
#gs-portfolio .case-editorial-cover .case-hero-caption{max-width:48%;z-index:2;color:#fff}
#gs-portfolio .case-editorial-cover .case-hero-caption strong{font-size:29px}
#gs-portfolio .case-message-art{position:absolute;right:5%;top:25px;width:45%;height:250px;z-index:1}
#gs-portfolio .case-message-art>div{position:absolute;top:0;left:0;width:55%;height:200px;padding:22px;background:#e0c2a5;transform:rotate(-9deg);box-shadow:0 20px 30px #001f1d44;color:#384331}
#gs-portfolio .case-message-art>div+div{left:43%;top:25px;background:#e5ebda;transform:rotate(7deg)}
#gs-portfolio .case-message-art span{font:6px var(--mono);letter-spacing:.08em}
#gs-portfolio .case-message-art b{display:block;font:500 23px/1.1 var(--display);letter-spacing:-.04em;margin:28px 0}
#gs-portfolio .case-message-art i{font:8px var(--body);display:block;border-top:1px solid #7d8c7040;padding-top:14px}
#gs-portfolio .case-loyalty-art{position:absolute;right:5%;top:30px;width:43%;padding:25px;background:#dfe6d3;color:#3f5737;transform:rotate(4deg);box-shadow:0 20px 30px #001f1d44;z-index:1}
#gs-portfolio .case-loyalty-art>span{font:6px var(--mono);letter-spacing:.1em}
#gs-portfolio .case-loyalty-art>b{display:block;font:italic 34px/1.05 'Cormorant Garamond',Georgia,serif;margin:20px 0}
#gs-portfolio .case-loyalty-art>div{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #abbc9b;padding-top:15px;font:7px var(--mono)}
#gs-portfolio .case-loyalty-art i{font-style:normal}
@media(max-width:600px){#gs-portfolio .case-editorial-cover{height:350px}#gs-portfolio .case-editorial-cover .case-hero-caption{max-width:90%;bottom:22px}#gs-portfolio .case-editorial-cover .case-hero-caption strong{font-size:24px}#gs-portfolio .case-message-art{width:80%;right:10%;top:20px;opacity:.8}#gs-portfolio .case-message-art>div{height:185px;padding:18px}#gs-portfolio .case-message-art b{font-size:20px;margin:23px 0}#gs-portfolio .case-loyalty-art{width:75%;right:12%;top:20px;padding:20px;opacity:.8}#gs-portfolio .case-loyalty-art>b{font-size:29px;margin:17px 0}}

#gs-portfolio .atelier-hero .thinking-art{transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .7s ease}
#gs-portfolio .atelier-hero .motion-paused .thinking-art{transform:none}
@media(max-width:600px),(prefers-reduced-motion:reduce){#gs-portfolio .atelier-hero .thinking-art{transform:none;transition:none}}