/* Homepage "What we build" expanding panels (22 Oct 2026, approved by Josh; replaced the orbit). panels_section.py; js/panels.js */
.xps{padding:clamp(88px,9vw,140px) 0;background:var(--cream,#f7f5e9);color:#3a3c1f}
.xps-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:48px}
.xps-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#5f6136;margin:0 0 14px}
.xps-title{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(42px,4.6vw,68px);line-height:1.02;margin:0;letter-spacing:-.01em}
.xps-side{color:#5c5e45;max-width:44ch;margin:0;line-height:1.65}
.xps-row{--e:cubic-bezier(.22,.8,.18,1);display:flex;gap:10px;height:clamp(520px,42vw,640px);list-style:none;margin:0;padding:0}
.xp{flex:1 1 0;min-width:0;transition:flex-grow 1s var(--e)}.xp.is-open{flex-grow:5.2}
.xp-link{position:relative;display:block;height:100%;overflow:hidden;border-radius:2px;color:#fbfaf3;text-decoration:none;outline:none;isolation:isolate}
.xp-link:focus-visible{box-shadow:0 0 0 2px #f7f5e9,0 0 0 4px #3a3c1f}
.xp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos);transform:scale(1.12);filter:saturate(.82) brightness(.92);transition:transform 1.6s var(--e),filter 1s var(--e);z-index:-2}
.xp.is-open .xp-img{transform:scale(1);filter:saturate(.95) brightness(1)}
.xp-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(28,30,14,.82) 0%,rgba(28,30,14,.35) 45%,rgba(28,30,14,.08) 75%,rgba(28,30,14,.3) 100%);transition:opacity .8s}
.xp-num{position:absolute;top:22px;left:0;right:0;padding:0 8px;box-sizing:border-box;text-align:center;text-shadow:0 1px 6px rgba(28,30,14,.55);font-size:11px;letter-spacing:.2em;opacity:.85;transition:all .8s var(--e)}
.xp.is-open .xp-num{left:36px;right:36px;padding:0;text-align:left}
.xp-tab{position:absolute;left:50%;bottom:30px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-family:"Cormorant Garamond",serif;font-size:26px;letter-spacing:.02em;white-space:nowrap;transition:opacity .4s .1s}
.xp.is-open .xp-tab{opacity:0;transition-delay:0s}
.xp-body{position:absolute;left:36px;right:36px;bottom:34px;display:block;opacity:0;transform:translateY(18px);transition:opacity .35s,transform .35s;pointer-events:none}
.xp.is-open .xp-body{opacity:1;transform:none;transition:opacity .7s .35s,transform .9s .35s var(--e)}
.xp-badge{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-bottom:10px}
.xp-title{display:block;font-family:"Cormorant Garamond",serif;font-size:clamp(36px,3.2vw,50px);line-height:1;margin-bottom:12px}
.xp-desc{display:block;max-width:46ch;line-height:1.6;font-size:15px;opacity:.92}
.xp-det{list-style:none;margin:16px 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;opacity:.85}
.xp-det li:before{content:"";display:inline-block;width:14px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}
.xp-more{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid rgba(251,250,243,.7)}
.xps-alts{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;margin-top:28px;padding-top:20px;border-top:1px solid #d8d6c3;font-size:14px}
.xps-alts>span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#5f6136}
.xps-alts ul{display:flex;flex-wrap:wrap;gap:8px 26px;list-style:none;margin:0;padding:0}
.xps-alts a{color:#3a3c1f;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:21px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--e,ease)}
.xps-alts a:hover,.xps-alts a:focus-visible{background-size:100% 1px}
@media (max-width:820px){
.xps-head{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
.xps-row{flex-direction:column;height:auto;gap:10px}
.xp,.xp.is-open{flex:none}
.xp-link{height:120px;transition:height .9s var(--e)}.xp.is-open .xp-link{height:500px}
.xp-tab{writing-mode:horizontal-tb;transform:none;left:24px;bottom:22px;font-size:30px}
.xp-tab:after{content:"+";position:absolute;right:-9999px}
.xp-num{left:24px;right:24px;padding:0;text-align:left;top:20px}.xp.is-open .xp-num{left:24px;right:24px}
.xp-body{left:24px;right:24px;bottom:26px}.xp-det{display:none}
.xp-link:after{content:"+";position:absolute;right:22px;bottom:18px;font-size:28px;font-weight:300;transition:transform .6s var(--e)}
.xp.is-open .xp-link:after{transform:rotate(45deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.xps *{transition-duration:.01s!important}}