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