/* Approved team layout, with the existing character introduction retained. */
@font-face { font-family:Studio; src:local('Bahnschrift'); font-display:swap; }
#studio-team { width:calc(100% - 2 * var(--site-gutter)); margin-inline:auto; color:var(--site-white); font:16px/1.6 Arial,Helvetica,sans-serif; }
#studio-team h2,#studio-team h3 { font-family:Studio,Arial,sans-serif; line-height:1.04; letter-spacing:-.045em; font-weight:650; }
#studio-team h2 { font-size:clamp(36px,4.2vw,64px); }
#studio-team p { color:#babbb9; }
#studio-team img { display:block; max-width:100%; height:auto; }
#studio-team .member-photo img { width:100%; height:100%; }
#studio-team .member-photo img[src="Images/Lucas-team.png"] { object-position: 50% 25%; }
@font-face{font-family:Studio;src:local('Bahnschrift');font-display:swap}
#studio-team .eyebrow,#studio-team .meta{font:11px/1.5 Arial,sans-serif;letter-spacing:.15em;font-weight:700}
#studio-team .eyebrow{color:#e04349}
#studio-team .section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}
#studio-team .section-top h2{margin-top:14px}
#studio-team .section-top .meta{color:#aaa}
#studio-team{padding:45px 0 100px}
#studio-team .studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 35px}
#studio-team .member-photo{height:330px;overflow:hidden;background:#202226}
#studio-team .member-photo img{width:100%;height:100%;object-fit:cover;transform:none;transition:none}
#studio-team .member:hover img{transform:none}
#studio-team .member .eyebrow{font-size:9px;margin-top:23px}
#studio-team .member h3{font-size:26px;letter-spacing:-.025em;margin-top:8px}
#studio-team .member-games{font-size:13px;line-height:1.7;margin-top:15px;max-width:350px}
#studio-team .member-games span{display:block;font-size:10px;color:#838a7e;margin-bottom:6px}
@media(max-width:1100px){#studio-team .member-photo{height:280px}}
@media(max-width:760px){#studio-team .section-top{gap:20px;align-items:start}
#studio-team .section-top h2{font-size:36px}
#studio-team .section-top .text-link{font-size:11px;gap:12px}
#studio-team .studio-grid{grid-template-columns:1fr 1fr;gap:40px 18px}
#studio-team .member-photo{height:220px}
#studio-team .member h3{font-size:23px;line-height:1.12}
#studio-team .member-games{font-size:12px}
#studio-team .member .eyebrow{font-size:8px}
#studio-team{padding-bottom:65px}}
@media(max-width:400px){#studio-team .studio-grid{grid-template-columns:1fr}
#studio-team .member-photo{height:370px}}
/* Studio introduction: clear hierarchy, balanced copy and original artwork. */
.studio-intro { padding-block: 160px 90px; grid-template-columns: 1.1fr 1fr; align-items: center; gap: clamp(40px,6vw,100px); border-bottom: 0; }
.studio-intro .studio-intro-label { font: 700 10px/1.6 Arial,sans-serif; letter-spacing: .16em; color: #e04349; margin: 0 0 24px; }
.studio-intro h1 { font: 650 clamp(48px,5.2vw,76px)/1.04 Studio,Arial,sans-serif; letter-spacing: -.045em; margin: 0 0 30px; }
.studio-intro h1 span { color: #e04349; }
.studio-intro .studio-intro-description { font: 18px/1.8 Arial,sans-serif; color: #babbb9; max-width: 520px; margin: 0; }
.studio-intro-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; border-top: 1px solid #ffffff20; padding-top: 25px; margin-top: 36px; }
.studio-intro-details strong { display: block; color: var(--site-white); font: 600 23px/1.2 Studio,Arial,sans-serif; }
.studio-intro-details span { display: block; margin-top: 9px; color: #92988e; font: 11px/1.5 Arial,sans-serif; }
.studio-intro-link { display: inline-flex; align-items: center; gap: 45px; margin-top: 35px; font: 700 13px/1.6 Arial,sans-serif; color: var(--site-white); }
.studio-intro-link:hover { color: #e04349; }
.studio-intro-link:focus-visible { outline: 2px solid #e04349; outline-offset: 6px; }
.studio-intro-art { margin: 0; min-width: 0; }
.studio-intro .studio-intro-art img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; display: block; border: 0; }
.studio-intro-art figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 15px; margin-top: 12px; padding-inline: 3.5%; color: #a5a89f; font: 11px/1.5 Arial,sans-serif; }
.studio-intro-art figcaption span:first-child { letter-spacing: .1em; }
#studio-team { scroll-margin-top: 100px; }
@media(max-width:900px) { .studio-intro { gap: 35px; } .studio-intro .studio-intro-description { font-size: 16px; } }
@media(max-width:760px) { .studio-intro { grid-template-columns: 1fr; padding-block: 120px 60px; gap: 45px; } .studio-intro h1 { font-size: clamp(48px,11vw,64px); } .studio-intro-details { gap: 15px; } .studio-intro-art { max-width: 520px; } }

/* Quiet framed portraits, without hover zoom. */
#studio-team .member-photo{position:relative;isolation:isolate;border-radius:5px}
#studio-team .member-photo::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:url('Images/Atira-subtle-border.svg') center/100% 100% no-repeat}
:root body .studio-intro-link{gap:14px;vertical-align:middle}
.studio-intro-link .team-action-arrow{display:block;flex:none;width:16px;height:16px}