/* An editorial studio statement followed by a horizontal capabilities gallery. */
#studio{padding:130px 0 120px}
#studio .split{display:block}
#studio .split>div:first-child{border-top:1px solid #ffffff35;padding-top:28px}
#studio h2{font-size:clamp(58px,8.5vw,124px);max-width:1000px;line-height:1.02;margin:42px 0 65px}
#studio .split>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-left:24%;max-width:900px}
#studio .split>div:last-child p{margin:0;font-size:18px;line-height:1.75}
#studio .button{grid-column:1/-1;justify-self:start;margin-top:15px}
#beyond{padding:70px 0 110px;display:block;min-height:0}
.support-heading{display:grid;grid-template-columns:2fr 1fr;gap:65px;align-items:end;margin-bottom:45px;border-top:1px solid #ffffff35;padding-top:28px}
#beyond h2{font-size:clamp(44px,5vw,72px);margin-bottom:0}
#beyond .support-heading>p{font-size:17px;max-width:300px;margin:0 0 6px}
.support-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 26px;scrollbar-width:thin;scrollbar-color:#d58a5c55 transparent}
.support-rail:focus-visible{outline:2px solid #edc6a9;outline-offset:5px}
.support-card{flex:0 0 32%;min-width:290px;box-sizing:border-box;min-height:400px;padding:28px;display:flex;flex-direction:column;scroll-snap-align:start;border:1px solid #ffffff40;border-radius:24px;background:linear-gradient(135deg,#76604b90,#342c26a6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 2px #ffffff55,0 12px 24px -16px #0008}
.support-card:nth-child(2){background:linear-gradient(135deg,#b9542680,#53291890)}.support-card:nth-child(3){background:linear-gradient(135deg,#48443f9c,#242323b0)}.support-card:nth-child(4){background:linear-gradient(135deg,#86533490,#382b21a6)}
.support-index{font-size:11px;letter-spacing:2px;color:#edc6a9}
#beyond .support-card h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin:24px 0 55px}
.support-detail{margin-top:auto}.support-detail h4{font-size:14px;font-weight:500;margin:0 0 12px}
#beyond .support-detail p{font-size:15px;line-height:1.65;color:#dfd5cb;margin:0 0 24px}
.support-detail a{display:flex;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:18px;font-size:13px}.support-detail a:hover{color:#edc6a9}.support-detail a:focus-visible{outline:2px solid #edc6a9;outline-offset:5px}
#beyond .support-hint{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-top:16px;color:#d6c3b3}
@media(max-width:700px){#studio{padding:75px 0}#studio h2{font-size:clamp(48px,12vw,72px);margin:32px 0}#studio .split>div:last-child{margin-left:0;grid-template-columns:1fr;gap:22px}#studio .button{max-width:100%;box-sizing:border-box}.support-heading{grid-template-columns:1fr;gap:25px}#beyond{padding:40px 0 75px}#beyond h2{font-size:clamp(42px,10vw,60px)}.support-card{flex-basis:86%;min-width:0;min-height:390px;padding:25px}.support-rail{gap:14px}}

#beyond .support-hint{display:block}#beyond .support-hint>span[aria-hidden]{float:right}#beyond :is(.support-hint,.support-card) .word{opacity:1}