/* Borsh only: stage light, bold title and real desktop walkthrough. */
#selected-cases .br-slide{display:none}
#selected-cases[data-cs-active="borch"]{background:#f6f7f3;color:#20372e;min-height:0;height:auto;padding:0;overflow:hidden}
#selected-cases[data-cs-active="borch"]::before,#selected-cases[data-cs-active="borch"]::after,#selected-cases[data-cs-active="borch"]>.cs-grain,#selected-cases[data-cs-active="borch"]>.cs-desktop,#selected-cases[data-cs-active="borch"]>.cs-mobile{display:none!important}
#selected-cases[data-cs-active="borch"]>.br-slide{display:block}
#selected-cases .br-slide{box-sizing:border-box;padding:38px clamp(22px,4vw,64px) 28px;text-align:left;font-family:Arial,"Segoe UI",sans-serif}
.br-slide *{box-sizing:border-box}
.br-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.br-top a,.br-actions a{color:#244b3b;text-decoration:none}
.br-eyebrow::before{content:"";display:inline-block;width:5px;height:5px;background:#315342;border-radius:50%;margin-right:12px;vertical-align:middle}
.br-counter{display:flex;align-items:center;gap:20px;white-space:nowrap;letter-spacing:.04em}
.br-counter i{width:130px;height:1px;background:linear-gradient(to right,#ccd3cb 50%,#315342 50%,#315342 75%,#ccd3cb 75%)}
.br-main{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,33fr) minmax(0,67fr);column-gap:32px;align-items:center;padding:85px 0 65px;margin:0}
.br-landscape{position:absolute;z-index:-1;right:calc(-1 * clamp(22px,4vw,64px));bottom:0;width:105%;height:100%;object-fit:cover;object-position:right bottom;pointer-events:none;opacity:.82;mask-image:linear-gradient(to right,transparent 22%,#000 48%)}
.br-copy{min-width:0;align-self:end}
.br-category{display:inline-block;border:1px solid #c5d0c6;border-radius:8px;padding:8px 12px;margin:0 0 26px;font-size:10px;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
#selected-cases .br-copy h2{display:block;font:500 clamp(62px,6.6vw,106px)/.88 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em;color:#172d24;margin:0 0 32px}
.br-description{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:#657268;margin:0;max-width:390px}
.br-actions{align-self:start;margin-top:30px;min-width:0}
.br-actions a{display:inline-block;border-bottom:1px solid #597261;padding-bottom:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.br-tech{font-size:10px;letter-spacing:.14em;line-height:1.9;text-transform:uppercase;color:#748177;margin:32px 0 0;max-width:290px}
.br-media{grid-column:2;grid-row:1/3;position:relative;min-width:0;margin:0 -18px 0 0;padding:70px 0 48px;align-self:end}
.br-laptop{width:88%;padding-right:5px}
.br-screen{position:relative;overflow:hidden;aspect-ratio:1410/880;border:10px solid #151a17;border-radius:18px 18px 3px 3px;background:#05070b;box-shadow:0 0 0 1px #6b746c}
.br-screen img{display:block;width:100%;height:auto}
.br-base{position:relative;width:110%;margin-left:-5%;height:22px;border-radius:0 0 45% 45%;background:linear-gradient(#72796f,#c4c9bf 35%,#7f887b 75%,#515c4e);box-shadow:0 8px 12px #1a281f22}
.br-base::before{content:"";position:absolute;left:39%;width:22%;top:0;height:5px;border-radius:0 0 7px 7px;background:#697264}
.br-phone{position:absolute;right:-4px;bottom:45px;width:24%;padding:5px;border:2px solid #7c857b;border-radius:28px;background:#151a17;box-shadow:0 6px 12px #18291b22}
.br-phone-screen{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:360/1105;background:#05070b}
.br-phone-screen img{display:block;width:100%;height:auto}
.br-screen img{display:block;width:100%;max-width:none;height:auto}
.br-poster{position:absolute;inset:0}
.br-screen .br-scroll{position:absolute;top:0;left:0;opacity:0;visibility:hidden}
.br-slide.br-tour-ready .br-scroll{visibility:visible;animation:br-gallery-tour 20s linear infinite;animation-play-state:paused}
.br-slide.br-tour-running .br-scroll{animation-play-state:running}
@keyframes br-gallery-tour{0%,10%{transform:translateY(0);opacity:1}83%,91%{transform:translateY(var(--br-travel,0px));opacity:1}96%{transform:translateY(var(--br-travel,0px));opacity:0}97%{transform:translateY(0);opacity:0}100%{transform:translateY(0);opacity:1}}
#selected-cases .br-motion{position:absolute;bottom:10px;right:0;padding:5px 0;background:none;border:0;border-bottom:1px solid #a7b4a7;color:#536259;font:11px/1.5 Arial,sans-serif;cursor:pointer}
.br-motion[hidden]{display:none}
.br-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d3dcd2;border-bottom:1px solid #d3dcd2;padding:30px 0;margin:0 0 22px}
.br-results>div{position:relative;min-width:0;padding:4px 15px 4px 58px}.br-results>div+div{border-left:1px solid #d3dcd2}
.br-results svg{position:absolute;left:17px;top:8px;width:28px;height:28px;fill:none;stroke:#315447;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.br-results dt{font:500 clamp(21px,1.85vw,28px)/1.2 "Cormorant Garamond",Georgia,serif;color:#20372e;letter-spacing:-.02em}
.br-results dd{margin:8px 0 0;font-size:12px;line-height:1.65;color:#748177}
.br-nav{display:flex;align-items:center;gap:28px}.br-nav button{font:inherit;cursor:pointer;color:#315041;background:none;border:0}.br-nav>button{width:44px;height:44px;border:1px solid #a6b5a8;border-radius:50%;flex-shrink:0;font-size:23px}
.br-projects{display:flex;justify-content:space-around;flex:1;gap:18px}.br-projects button{font:500 18px/1.6 "Cormorant Garamond",Georgia,serif;color:#7a8980;padding:10px 0;border-bottom:1px solid transparent;white-space:nowrap}.br-projects button[aria-current=true]{color:#244b3b;border-bottom-color:#244b3b}.br-projects span{font:12px Arial,sans-serif;margin-right:12px}
.br-slide :focus-visible{outline:2px solid #376049;outline-offset:5px}.br-slide a:hover,.br-slide button:hover{color:#101e17}
@media(max-width:1000px){.br-main{column-gap:22px;padding-top:55px;padding-bottom:40px}.br-counter i{width:70px}.br-description{font-size:16px}.br-media{padding-top:40px}.br-results>div{padding-left:40px;padding-right:10px}.br-results svg{left:10px;width:22px;height:22px}.br-projects{gap:12px}.br-projects span{margin-right:5px}.br-nav{gap:15px}.br-screen{border-width:7px}.br-phone{border-radius:22px;padding:4px}.br-phone-screen{border-radius:16px}}
@media(max-width:850px){.br-main{grid-template-columns:minmax(0,1fr)}.br-copy{grid-row:1}.br-description{max-width:540px}.br-actions{grid-row:3}.br-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.br-results>div:nth-child(3){border-left:0}.br-media{grid-column:1;grid-row:2;margin:24px 0 0;padding-top:15px}.br-landscape{width:115%;height:72%}}
@media(max-width:600px){
 #selected-cases .br-slide{padding:28px 20px}
 .br-top{flex-wrap:wrap;gap:14px;font-size:9px;letter-spacing:.07em}.br-counter{gap:10px}.br-counter i{width:45px}
 .br-main{grid-template-columns:minmax(0,1fr);gap:0;padding:36px 0 28px}.br-copy{grid-row:1}.br-category{font-size:9px;margin-bottom:24px}.br-description{font-size:17px}
 #selected-cases .br-copy h2{font-size:74px;line-height:.92}
 .br-media{grid-column:1;grid-row:2;margin:28px 0 0;padding:0 0 35px}.br-laptop{display:none}.br-phone{position:relative;right:auto;bottom:auto;width:72%;max-width:240px;margin:0 auto;border-radius:28px}.br-phone-screen{border-radius:20px}
 .br-landscape{width:160%;right:-20px;height:70%;bottom:0;opacity:.48;mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent)}
 .br-actions{grid-row:3;margin-top:20px}.br-tech{margin-top:18px}#selected-cases .br-motion{bottom:0;right:50%;transform:translateX(50%);white-space:nowrap;max-width:100%}
 .br-results{grid-template-columns:1fr;gap:0;padding:0;margin-bottom:22px}.br-results>div{padding:23px 0 23px 50px}.br-results>div+div{border-left:0;border-top:1px solid #d3dcd2}.br-results svg{top:28px;left:3px;width:30px;height:30px}.br-results dt{font-size:29px}.br-results dd{font-size:13px;margin-top:5px}
 .br-nav{gap:12px}.br-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.br-projects button{font:12px/1.6 Arial,sans-serif;text-align:left;white-space:normal}.br-projects span{font-size:10px;margin-right:4px}.br-nav>button{width:34px;height:34px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){.br-slide.br-tour-ready .br-scroll{animation:none;visibility:hidden}.br-motion{display:none}}

/* Borsh's own composition and accents, distinct from the photo scene. */
#selected-cases[data-cs-active="borch"]{background:#f7f6f2;color:#242924}
.br-counter i{background:linear-gradient(to right,#d8d1d2 75%,#c5447c 75%)}
.br-main{grid-template-columns:minmax(0,32fr) minmax(0,68fr);column-gap:38px;padding-top:62px;padding-bottom:42px}
.br-category{border-radius:12px;margin-bottom:24px}
#selected-cases .br-copy h2{font-size:clamp(66px,6.5vw,106px);line-height:1;margin-bottom:10px;letter-spacing:-.025em}
.br-subtitle{font:500 clamp(28px,2.8vw,44px)/1.05 "Cormorant Garamond",Georgia,serif;color:#242924;margin:0 0 26px}
.br-subtitle::after{content:"";display:block;width:40px;height:1px;background:#e9549c;margin-top:25px}
.br-description{font-size:clamp(15px,1.15vw,18px);line-height:1.65}
.br-landscape{opacity:.66;width:105%;height:110%;mask-image:linear-gradient(to right,transparent 25%,#000 55%)}
.br-glow{position:absolute;z-index:-1;right:0;top:0;width:70%;height:90%;object-fit:cover;opacity:.09;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}
.br-media{isolation:isolate;padding-top:65px;padding-bottom:55px;align-self:center}
.br-surface{position:absolute;z-index:-1;bottom:13px;left:-10%;width:113%;height:130px;object-fit:fill;opacity:.75;pointer-events:none}
.br-laptop{width:85%;transform:rotate(-2deg)}
.br-phone{width:21%;bottom:50px}
.br-actions a{padding:16px 26px;border:0;border-radius:40px;background:#1c201d;color:#fff;letter-spacing:.1em;font-size:11px}
.br-actions a span{color:#ff95c3;margin-left:10px}.br-actions a:hover{color:#fff;background:#353c36}
.br-tech{max-width:360px;margin-top:26px}
.br-results>div{padding-left:60px}.br-results svg{background:#f2e8e9;border-radius:18px;padding:10px;width:45px;height:45px;left:5px;stroke:#582c39}
.br-results dt{font-size:clamp(21px,1.65vw,26px)}
.br-projects button{position:relative;padding:8px 10px;flex:1;text-align:left}
.br-projects button+button{border-left:1px solid #ddd7d7}.br-projects span{display:block;margin:0 0 4px}
.br-projects button[aria-current=true]{border-bottom-color:#e9549c}.br-projects button[aria-current=true] span{color:#db3d87}
#selected-cases .br-motion{color:#675563;border-bottom-color:#c6a6b6}
@media(max-width:1000px){.br-main{column-gap:24px}.br-results>div{padding-left:48px}.br-results svg{width:36px;height:36px;padding:8px}.br-phone-screen{border-radius:16px}}
@media(max-width:850px){.br-main{grid-template-columns:minmax(0,1fr)}.br-copy{max-width:580px}.br-description{max-width:540px}.br-media{padding-top:40px}.br-landscape{height:70%}}
@media(max-width:600px){
 .br-main{padding-top:36px;padding-bottom:30px}.br-media{padding-top:0;padding-bottom:34px}.br-subtitle{font-size:32px}.br-subtitle::after{margin-top:20px}
 #selected-cases .br-copy h2{font-size:76px}.br-description{font-size:17px}.br-phone{width:68%;bottom:auto}.br-phone-screen{border-radius:20px}
 .br-landscape{height:70%;width:150%;opacity:.38;mask-image:linear-gradient(transparent,#000 35%,#000 80%,transparent)}.br-surface{bottom:22px;height:95px;width:100%;left:0}
 .br-results>div{padding-left:58px}.br-results svg{top:24px;left:0;width:42px;height:42px;padding:9px}.br-results dt{font-size:28px}
 .br-projects button{padding:8px 0}.br-projects button+button{border-left:0}.br-projects span{display:inline;margin-right:5px}
}