/* Team.dc.html
   Generated. Every declaration is copied from the design file, and
   hover and focus come from its style-hover / style-focus attributes.
   Do not hand-edit: re-run the build.
*/

.tm-1 { font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif; color:#16181C; line-height:1.6 }
.tm-2 { background:#15171B; color:#E9EAEC; padding:0 clamp(24px,5vw,72px) }
.tm-3 { padding:clamp(56px,7vw,92px) 0 clamp(56px,7vw,88px); display:flex; flex-direction:column; gap:26px; max-width:48ch; margin:0 auto; align-items:center; text-align:center }
.tm-4 { font-family:ui-monospace,monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#E8622E }
.tm-5 { font-family:'Newsreader',Georgia,serif; font-weight:500; font-size:clamp(36px,4.4vw,58px); letter-spacing:-.026em; line-height:1.06; margin:0; color:#fff; text-wrap:pretty }
.tm-6 { margin:0; font-size:18.5px; line-height:1.65; color:#A9AEB6; max-width:44ch; text-wrap:pretty }
.tm-7 { background:#fff; border-bottom:1px solid #E2E2DE; padding:clamp(56px,7vw,88px) clamp(24px,5vw,72px); display:flex; flex-direction:column; gap:36px }
.tm-8 { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); border-top:1px solid #E2E2DE; border-left:1px solid #E2E2DE }
.tm-9 { background:#fff; padding:30px 28px 34px; display:flex; flex-direction:column; gap:18px; min-width:0; border-right:1px solid #E2E2DE; border-bottom:1px solid #E2E2DE }
.tm-10 { width:100%; aspect-ratio:4/5; background:#F2F2EF }
.tm-11 { display:flex; flex-direction:column }
.tm-12 { font-family:'Newsreader',Georgia,serif; font-size:23px; font-weight:600; letter-spacing:-.014em; line-height:1.2; color:#16181C }
.tm-13 { font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#E8622E; line-height:1.5 }
.tm-14 { background:#fff; border-bottom:1px solid #E2E2DE; padding:clamp(56px,7vw,88px) clamp(24px,5vw,72px) }
.tm-15 { max-width:44ch; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px }
.tm-16 { font-family:ui-monospace,monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#8B9199 }
.tm-17 { margin:0; font-family:'Newsreader',Georgia,serif; font-size:clamp(24px,2.7vw,33px); font-weight:500; letter-spacing:-.018em; line-height:1.3; margin:0; color:#16181C; text-wrap:pretty }
.tm-18 { font-size:15px; font-weight:600; color:#E8622E; border-bottom:1px solid #F2C8B6; padding:12px 0 3px }
.tm-19 { background:#15171B; color:#E9EAEC; padding:clamp(56px,7vw,92px) clamp(24px,5vw,72px); display:flex; justify-content:space-between; align-items:flex-end; column-gap:60px; row-gap:34px; flex-wrap:wrap }
.tm-20 { font-family:'Newsreader',Georgia,serif; font-weight:500; font-size:clamp(34px,4vw,54px); letter-spacing:-.024em; line-height:1.06; margin:0; max-width:14ch; color:#fff }
.tm-21 { display:flex; flex-direction:column; gap:18px; align-items:flex-start }
.tm-22 { margin:0; font-size:16.5px; color:#A9AEB6; max-width:40ch }
.tm-23 {  display:flex; align-items:stretch; column-gap:8px; row-gap:12px; flex-wrap:wrap; width:100%; max-width:460px  }
.tm-24 {  display:flex; align-items:center; background:#1B1E23; border:1px solid #2A2F36; border-radius:5px; padding:0 16px; flex:1 1 100%; min-width:0  }
.tm-25 { font-size:15.5px; color:#5E656E; flex:none }
.tm-26 { background:transparent; border:0; outline:none; color:#E9EAEC; font-family:inherit; font-size:15.5px; padding:14px 0 14px 6px; width:100% }
.tm-27 { display:flex; align-items:center; justify-content:center; background:#E8622E; color:#15171B; font-size:15px; font-weight:700; padding:14px 26px; border-radius:5px; white-space:nowrap; flex:1 1 auto }

/* Empty photo slots. The block's size and tint are the design's, inline;
   this exists so they can be found when real photos arrive. */
.zslot { display: block }

/* The capture buttons are <button> now, not <a>, so they need the type
   and chrome an anchor gave them for free. */
.tm-27 { border: 0; cursor: pointer; font-family: inherit }

/* The design file for this page carries no style-hover or style-focus
   attributes, so these come from the site's own values rather than
   from the file. Scoped to this page. */
.tm-1 a:focus-visible,
.tm-1 button:focus-visible { outline: 2px solid #E8622E; outline-offset: 3px }
.tm-27:hover { background: #D9561F; color: #15171B }

/* The whole field shows focus, not the bare input. */
.tm-24:has(:focus-visible) { border-color: #E8622E }
.tm-26:focus-visible { outline: none }