/* The Balance scene is independent of the other three portfolio compositions. */
#selected-cases .bp-slide{display:none}
#selected-cases[data-cs-active="balance"]{background:#f5f5ef;color:#20372e;min-height:0;height:auto;padding:0;overflow:hidden}
#selected-cases[data-cs-active="balance"]::before,#selected-cases[data-cs-active="balance"]::after,#selected-cases[data-cs-active="balance"]>.cs-grain,#selected-cases[data-cs-active="balance"]>.cs-desktop,#selected-cases[data-cs-active="balance"]>.cs-mobile{display:none!important}
#selected-cases[data-cs-active="balance"]>.bp-slide{display:block}
#selected-cases .bp-slide{box-sizing:border-box;padding:38px clamp(22px,4vw,64px) 28px;text-align:left;font-family:Arial,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 73% 40%,#e7ece2 0,transparent 60%)}
.bp-slide *{box-sizing:border-box}
.bp-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.bp-top a,.bp-actions a{color:#244b3b;text-decoration:none}
.bp-eyebrow::before{content:"";display:inline-block;width:5px;height:5px;background:#52745e;border-radius:50%;margin-right:12px;vertical-align:middle}
.bp-counter{display:flex;align-items:center;gap:20px;white-space:nowrap;letter-spacing:.04em}
.bp-counter i{width:140px;height:2px;background:linear-gradient(to right,#cbd4c9 24%,transparent 24%,transparent 27%,#315342 27%,#315342 49%,transparent 49%,transparent 52%,#cbd4c9 52%,#cbd4c9 74%,transparent 74%,transparent 77%,#cbd4c9 77%)}
.bp-main{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);column-gap:36px;align-items:center;margin:70px 0 50px}
.bp-copy{min-width:0;align-self:end}
.bp-category{display:inline-block;border:1px solid #bccbbc;border-radius:30px;padding:7px 14px;margin:0 0 16px;font-size:10px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}
#selected-cases .bp-copy h2{display:block;font:500 clamp(64px,7vw,112px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em;color:#172d24;margin:0 0 20px}
.bp-description{font-size:clamp(16px,1.5vw,22px);line-height:1.55;color:#56635b;margin:0;max-width:390px}
.bp-actions{align-self:start;margin-top:25px;min-width:0}
.bp-actions a{display:inline-block;border-bottom:1px solid #597261;padding-bottom:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.bp-tech{font-size:10px;letter-spacing:.1em;line-height:1.8;text-transform:uppercase;color:#748177;margin:28px 0 0}
.bp-media{grid-column:2;grid-row:1/3;position:relative;min-width:0;margin:0;padding:12px 0 38px 10px;align-self:center}
.bp-laptop{width:86%;transform:rotate(-2deg);transform-origin:center}
.bp-screen{position:relative;overflow:hidden;aspect-ratio:1425/900;border:9px solid #202521;border-radius:17px 17px 5px 5px;background:#f8f5ef;box-shadow:0 0 0 1px #939a92}
.bp-screen img{display:block;width:100%;max-width:none;height:auto}
.bp-poster{position:absolute;inset:0}
.bp-screen .bp-scroll{position:absolute;top:0;left:0;opacity:0;visibility:hidden}
.bp-slide.bp-tour-ready .bp-scroll{visibility:visible;animation:bp-site-tour 24s linear infinite;animation-play-state:paused}
.bp-slide.bp-tour-running .bp-scroll{animation-play-state:running}
/* 2 s at the top, 17.8 s of scrolling, a hold, then fade back to the poster. */
@keyframes bp-site-tour{0%,8%{transform:translateY(0);opacity:1}82%,90%{transform:translateY(var(--bp-travel,0px));opacity:1}95%{transform:translateY(var(--bp-travel,0px));opacity:0}96%{transform:translateY(0);opacity:0}100%{transform:translateY(0);opacity:1}}
.bp-base{position:relative;width:110%;margin-left:-5%;height:24px;border-radius:0 0 48% 48%;background:linear-gradient(#aab0aa,#dde0da 35%,#91988f 80%,#657063);box-shadow:0 9px 12px #253c2515}
.bp-base::before{content:"";position:absolute;left:40%;width:20%;top:0;height:5px;border-radius:0 0 7px 7px;background:#8c948c}
.bp-phone{position:absolute;right:0;bottom:35px;width:24%;padding:5px;border:2px solid #8d938b;border-radius:27px;background:#202521;box-shadow:0 6px 12px #253c251a;transform:rotate(4deg)}
.bp-phone-screen{overflow:hidden;border-radius:19px;aspect-ratio:375/812;background:#f8f5ef}
.bp-phone-screen img{display:block;width:100%;height:auto}
.bp-motion{position:absolute;bottom:0;right:0;padding:5px 0;background:none;border:0;border-bottom:1px solid #a7b4a7;color:#5d7062;font:11px/1.5 Arial,sans-serif;cursor:pointer}
.bp-motion[hidden]{display:none}
.bp-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c3cec1;border-bottom:1px solid #c3cec1;padding:28px 0;margin:0 0 22px}
.bp-results>div{min-width:0;padding:0 25px}.bp-results>div:first-child{padding-left:0}.bp-results>div+div{border-left:1px solid #c3cec1}
.bp-results dt{font:500 clamp(25px,2.2vw,36px)/1.15 "Cormorant Garamond",Georgia,serif;color:#20372e;letter-spacing:-.025em}
.bp-results dd{margin:10px 0 0;font-size:12px;line-height:1.65;color:#728074}
.bp-nav{display:flex;align-items:center;gap:28px}.bp-nav button{font:inherit;cursor:pointer;color:#315041;background:none;border:0}.bp-nav>button{width:44px;height:44px;border:1px solid #a6b5a8;border-radius:50%;flex-shrink:0;font-size:23px}
.bp-projects{display:flex;justify-content:space-around;flex:1;gap:18px}.bp-projects button{font:14px/1.6 Arial,sans-serif;color:#7a8980;padding:10px 0;border-bottom:1px solid transparent;white-space:nowrap}.bp-projects button[aria-current=true]{color:#244b3b;border-bottom-color:#244b3b}.bp-projects span{font-size:12px;margin-right:12px}
.bp-slide :focus-visible{outline:2px solid #376049;outline-offset:5px}.bp-slide a:hover,.bp-slide button:hover{color:#101e17}
@media(max-width:1000px){.bp-main{column-gap:24px;margin-top:45px}.bp-counter i{width:70px}.bp-description{font-size:17px}.bp-results>div{padding:0 15px}.bp-projects{gap:12px}.bp-projects span{margin-right:5px}.bp-nav{gap:15px}.bp-screen{border-width:7px}.bp-phone{border-radius:22px;padding:4px}.bp-phone-screen{border-radius:16px}}
@media(max-width:760px){
 #selected-cases .bp-slide{padding:28px 20px}
 .bp-top{flex-wrap:wrap;gap:14px;font-size:9px;letter-spacing:.07em}.bp-counter{gap:10px}.bp-counter i{width:45px}
 .bp-main{grid-template-columns:minmax(0,1fr);gap:0;margin:36px 0 28px}.bp-copy{grid-row:1}.bp-category{font-size:9px}.bp-description{max-width:520px;font-size:17px}
 #selected-cases .bp-copy h2{font-size:70px}
 .bp-media{grid-column:1;grid-row:2;margin:25px 0 0;padding:10px 0 32px 10px}.bp-actions{grid-row:3;margin-top:20px}.bp-tech{margin-top:18px}
 .bp-results{grid-template-columns:1fr;padding:0;margin-bottom:22px}.bp-results>div,.bp-results>div:first-child{padding:20px 0}.bp-results>div+div{border-left:0;border-top:1px solid #c3cec1}.bp-results dt{font-size:30px}.bp-results dd{font-size:13px;margin-top:5px}
 .bp-nav{gap:14px}.bp-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.bp-projects button{font-size:12px;text-align:left;white-space:normal}.bp-projects span{font-size:10px;margin-right:5px}.bp-nav>button{width:36px;height:36px;font-size:20px}
}
@media(max-width:600px){.bp-laptop{display:none}.bp-media{padding:0;margin-top:26px}.bp-phone{position:relative;right:auto;bottom:auto;width:58%;max-width:230px;margin:0 auto;transform:rotate(0);border-radius:26px}.bp-phone-screen{border-radius:19px}.bp-motion{display:none}}
@media(prefers-reduced-motion:reduce){.bp-slide.bp-tour-ready .bp-scroll{animation:none;visibility:hidden}.bp-motion{display:none}}