

html:not(.au-post) .au7 [data-launch="post"], html.au-post .au7 [data-launch="pre"] { display: none !important; }


.au7 .co-roles { margin-top: var(--space-40); border-top: 1px solid var(--color-rule); }
.au7 .co-role { border-bottom: 1px solid var(--color-rule); }
.au7 .co-role summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); min-height: 76px; padding: var(--space-20) 0; list-style: none; cursor: pointer; }
.au7 .co-role summary::-webkit-details-marker { display: none; }
.au7 .co-role summary::before { content: ""; position: absolute; inset: 0 calc(-1 * var(--space-16)); border-radius: var(--radius-window); background: var(--color-surface-panel); opacity: 0; pointer-events: none; transition: opacity var(--t-exit) var(--ease-in-exit); }
.au7 .co-role summary:hover::before { opacity: 1; transition: opacity var(--t-base) var(--ease-std); }
.au7 .co-role summary > * { position: relative; }
.au7 .co-role summary:focus-visible { outline-offset: calc(-1 * var(--focus-width)); }
.au7 .co-role .rt { font-size: var(--font-size-lead); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-heading); text-wrap: balance; }   
.au7 .co-role .pm { position: relative; flex: none; width: 14px; height: 14px; color: var(--color-text); }
.au7 .co-role .pm::before, .au7 .co-role .pm::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin-top: -.5px; background: currentColor; transition: transform var(--t-move) var(--ease-out); }
.au7 .co-role .pm::after { transform: rotate(90deg); }
.au7 .co-role[open] .pm::after { transform: rotate(90deg) scaleX(0); }
.au7 .co-role .rbody { padding: var(--space-8) 0 var(--space-40); max-width: 40em; }
.au7 .co-role.co-anim .rbody { overflow: hidden; }
.au7 .co-role .co-dir { font-size: var(--font-size-lead); line-height: var(--line-height-lead); color: var(--color-text); }

.au7 .co-role .rk { margin-left: auto; font-size: var(--font-size-caption); line-height: var(--line-height-small); color: var(--color-text-muted); white-space: nowrap; }
.au7 .co-role .rbody > .co-dl:first-child { margin-top: 0; }
.au7 .co-role .co-dl + .co-dir { margin-top: var(--space-8); }
.au7 .co-role h3 + .about { margin-top: var(--space-8); }
.au7 .co-role .about { margin-top: var(--space-16); color: var(--color-text-muted); }
.au7 .co-role h3 { margin-top: var(--space-32); font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text); }
.au7 .co-role ul { margin: var(--space-8) 0 0; padding-left: 1.1em; font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-muted); }
.au7 .co-role li + li { margin-top: var(--space-8); }
.au7 .co-role .apply { margin-top: var(--space-40); }
.au7 .co-nofit { padding-top: var(--space-24); color: var(--color-text-muted); }
.au7 :is(.co-nofit, .nw-lead, .la-mc, .la-aside-mc) a { display: inline-block; padding: 10px 0; margin: -10px 0; color: var(--color-text); background: linear-gradient(currentColor, currentColor) 0 calc(100% - 10px) / 100% 1px no-repeat; white-space: nowrap; }


.nw7 .nw-head { padding-bottom: var(--space-24); }
.nw7 .nw-head h1 { grid-column: 2 / span 8; }
.nw7 .nw-ann { grid-column: 2 / -2; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr) minmax(0, 3fr) auto; column-gap: var(--gut); align-items: center;
  margin-top: var(--space-block); padding: var(--space-32) 0; border-top: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); }
.nw7 .nw-ann-date { font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-muted); }
.nw7 .nw-ann-t { font-size: var(--font-size-heading); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-heading); justify-self: start;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size var(--t-exit) var(--ease-in-exit); }
.nw7 .nw-ann-go { font-style: normal; font-size: var(--font-size-heading); transition: transform var(--t-move) var(--ease-out); }

.nw7 .nw-ann-th { display: block; overflow: hidden; border-radius: var(--radius-media); aspect-ratio: 16 / 9; background: #e4e7ea; box-shadow: inset 0 0 0 .5px rgba(12,15,23,.1); }
.nw7 .nw-ann-th > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nw7 .nw-ann:hover .nw-ann-t { background-size: 100% 1px; transition: background-size var(--t-move) var(--ease-out); }
.nw7 .nw-ann:hover .nw-ann-go { transform: translateX(var(--nudge)); }
.nw7 .nw-ann:focus-visible { outline-offset: var(--space-8); }

.nw7 .nw-kit { padding-top: var(--space-block); padding-bottom: var(--space-block); }
html.au-post .nw7 .nw-kit { padding-top: var(--sec); }
.nw7 .nw-kit-head { grid-column: 2 / span 8; }
.nw7 .nw-lead { margin-top: var(--space-16); max-width: 30em; color: var(--color-text-muted); }
.nw7 .nw-rows { grid-column: 2 / span 8; margin-top: var(--space-40); border-top: 1px solid var(--color-rule); }
.nw7 .nw-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 24px; column-gap: var(--space-24); align-items: center; min-height: 104px; padding: var(--space-16) 0; border-bottom: 1px solid var(--color-rule); }
.nw7 .nw-row::before { content: ""; position: absolute; inset: 0 calc(-1 * var(--space-16)); border-radius: var(--radius-window); background: var(--color-surface-panel); opacity: 0; pointer-events: none; transition: opacity var(--t-exit) var(--ease-in-exit); }
.nw7 a.nw-row:hover::before { opacity: 1; transition: opacity var(--t-base) var(--ease-std); }
.nw7 .nw-row > * { position: relative; }
.nw7 .nw-row-t { display: grid; gap: var(--space-4); justify-items: start; }
.nw7 .nw-row-t b { font-weight: var(--font-weight-regular); font-size: var(--font-size-lead); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-heading); }
.nw7 .nw-row-t span { font-size: var(--font-size-caption); line-height: var(--line-height-small); color: var(--color-text-muted); }

.nw7 .nw-th { position: relative; display: block; width: 168px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-media); background: var(--color-surface-window); box-shadow: inset 0 0 0 .5px rgba(12,15,23,.1); }
.nw7 .nw-th > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nw7 .nw-th-logo > img { inset: 0; margin: auto; width: 58%; height: 36%; object-fit: contain; }
.nw7 .nw-th-render { background: var(--color-surface-studio); }
.nw7 .nw-th-render > img { object-position: 50% 30%; }
.nw7 .nw-th-dish > img { object-position: 55% 65%; }
.nw7 .nw-dl { justify-self: end; font-style: normal; color: var(--color-text); transition: transform var(--t-move) var(--ease-out); }
.nw7 a.nw-row:hover .nw-dl { transform: translateY(var(--nudge)); }
.nw7 .nw-th-logo { background: var(--p-white); }   


.la7 .la-art { padding-bottom: var(--space-block); align-items: start; }
.la7 .la-head, .la7 .la-body { grid-column: 5 / span 7; max-width: 720px; }
.la7 .la-head { grid-row: 1; }
.la7 .la-body { grid-row: 2; margin-top: var(--space-block); padding-top: var(--space-40); border-top: 1px solid var(--color-rule); }
.la7 .la-aside { grid-column: 2 / span 3; grid-row: 2; position: sticky; top: calc(var(--nav-inset) + var(--nav-height-solid) + var(--space-24)); margin-top: var(--space-block);
  display: grid; gap: var(--space-20); padding-top: var(--space-40); border-top: 1px solid var(--color-rule); }   
.la7 .la-draft { display: inline-block; margin-bottom: var(--space-24); padding: 4px 10px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--color-rule); }
.la7 .la-back { min-height: 44px; }
.la7 .la-back i { font-style: normal; transition: transform var(--t-move) var(--ease-out); }
.la7 .la-back:hover i { transform: translateX(calc(-1 * var(--nudge))); }
.la7 .la-date { margin-top: var(--space-32); font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-muted); }
.la7 .la-head h1 { margin-top: var(--space-12); }
.la7 .la-stand { margin-top: var(--space-24); max-width: 30em; color: var(--color-text-muted); }
.la7 .la-body > h2, .la7 .la-wait h2 { margin-top: var(--space-64); font-size: var(--font-size-heading); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-heading); }
.la7 .la-body > :first-child, html:not(.review) .la7 .la-body > .la-wait:first-child + * { margin-top: 0; }
.la7 .la-body > p { margin-top: var(--space-12); font-size: var(--font-size-lead); line-height: var(--line-height-lead); }
.la7 .la-body > h2 + p { margin-top: var(--space-16); }
.la7 .la-wait .au-slot { margin-top: var(--space-16); }
.la7 .la-q { margin: var(--space-64) 0 0; }
.la7 .la-q p { color: var(--color-text); }
.la7 .la-q .co-by, .co7 .co-by { margin-top: var(--space-20); }
.la7 .la-fig { margin-top: var(--space-48); }
.la7 .la-fig .la-frame { position: relative; overflow: hidden; border-radius: var(--radius-media); background: #e4e7ea; }   
.la7 .la-fig .la-frame img { display: block; width: 100%; height: auto; }

.la7 .la-fig.la-pl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16); }
.la7 .la-pl img { display: block; width: 100%; height: auto; }
@media (max-width: 640px) { .la7 .la-fig.la-pl { grid-template-columns: minmax(0, 1fr); } }
.la7 .la-toc { display: grid; }
.la7 .la-toc a { padding: var(--space-4) 0; font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-muted); transition: color var(--t-base) var(--ease-std); }
.la7 .la-toc a:hover { color: var(--color-text); }
.la7 .la-aside-mc { display: grid; gap: var(--space-4); padding-top: var(--space-16); border-top: 1px solid var(--color-rule); font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-muted); }
.la7 .la-aside-mc a { justify-self: start; }
.la7 .la-body h2[id] { scroll-margin-top: calc(var(--nav-inset) + var(--nav-height-solid) + var(--space-32)); }



.ct7 .ct-k1 { padding-top: calc(var(--nav-height) + clamp(40px, 6.4vh, 64px)); padding-bottom: var(--space-block); row-gap: var(--space-40); align-items: start; }
.ct7 .label { font: 400 var(--font-size-caption)/var(--line-height-small) var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--color-text-muted); }   
.ct7 .ct-k1 h1 { grid-column: 2 / span 8; grid-row: 1; }
.ct7 .ct-mails { grid-column: 2 / span 8; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--gut); }
.ct7 .ct-mrow { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--space-4) var(--space-20); align-items: baseline; padding: var(--space-row-lg) 0; border-bottom: 1px solid var(--color-rule); }
.ct7 .ct-mrow:nth-child(-n+2) { padding-top: 0; }
.ct7 .ct-mrow .label { font-size: var(--font-size-caption); line-height: var(--line-height-small); color: var(--color-text-muted); }
.ct7 .ct-mrow > :last-child { justify-self: start; font-size: var(--font-size-lead); line-height: var(--line-height-lead); transition: opacity var(--t-base) var(--ease-std); }
.ct7 .ct-mrow > a { display: inline-block; padding: 10px 0; margin: -10px 0; background: linear-gradient(currentColor, currentColor) 0 calc(100% - 10px) / 0 1px no-repeat; transition: background-size var(--t-exit) var(--ease-in-exit), opacity var(--t-base) var(--ease-std); }
.ct7 .ct-mrow > a:hover { background-size: 100% 1px; transition: background-size var(--t-move) var(--ease-out); }

.ct7 .ct-mails.co-pick .ct-mrow[data-to] > :last-child { opacity: .72; }
.ct7 .ct-mails.co-pick .ct-mrow[data-to].is-to > :last-child { opacity: 1; }
.ct7 .ct-panel { grid-column: 2 / span 8; grid-row: 3; padding-top: var(--space-24); }
.ct7 .ct-win { grid-column: 11 / -1; grid-row: 1 / span 3; align-self: stretch; min-height: 420px; margin: 0 0 calc(-1 * var(--space-block)); border-radius: var(--glass-r) 0 0 var(--glass-r); }   
.ct7 .co-form fieldset { border: 0; padding: 0; margin: 0; }
.ct7 .co-form legend { padding: 0; }
.ct7 .co-form .label { font-size: var(--font-size-caption); line-height: var(--line-height-small); color: var(--color-text-muted); }
.ct7 .aud { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--space-24); margin-top: var(--space-12); }
.ct7 .aud label { display: flex; align-items: center; gap: var(--space-12); min-height: 48px; padding: var(--space-12) 0; border-top: 1px solid var(--color-rule); cursor: pointer; color: var(--color-text); transition: opacity var(--t-base) var(--ease-std); }
.ct7 .aud:has(input:checked) label { opacity: .72; }
.ct7 .aud label:has(input:checked), .ct7 .aud label:hover { opacity: 1; }
.ct7 .aud input { appearance: none; -webkit-appearance: none; flex: none; width: 16px; height: 16px; margin: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--color-text-muted); background: none; cursor: pointer; transition: box-shadow var(--t-base) var(--ease-std); }
.ct7 .aud label:hover input { box-shadow: inset 0 0 0 1px var(--color-text); }
.ct7 .aud input:checked { box-shadow: inset 0 0 0 1px var(--color-text); background: radial-gradient(circle, var(--color-signal) 0 3.5px, transparent 4px); }   
.ct7 .aud input:focus-visible { outline: var(--focus-width) solid var(--color-focus); outline-offset: var(--focus-offset); }
.ct7 .fld { display: grid; gap: var(--space-8); margin-top: var(--space-24); }
.ct7 .fld:focus-within .label { color: var(--color-text); }
.ct7 .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--space-24); }
.ct7 .fld input, .ct7 .fld textarea { width: 100%; border: 0; border-bottom: 1px solid var(--color-rule); border-radius: 0; background: none; padding: var(--space-12) 0; font: inherit; color: var(--color-text); transition: border-color var(--t-base) var(--ease-std); }
.ct7 .fld input { min-height: 48px; }
.ct7 .fld textarea { min-height: 96px; resize: vertical; }
.ct7 .fld input:hover, .ct7 .fld textarea:hover { border-bottom-color: var(--color-text-muted); }
.ct7 .fld input:focus, .ct7 .fld textarea:focus { border-bottom-color: var(--color-text); outline: none; }
.ct7 .ct-send { display: flex; align-items: center; gap: var(--space-24); flex-wrap: wrap; margin-top: var(--space-32); }
.ct7 .ct-send .btn { min-width: 112px; justify-content: center; }


@media (max-width: 1100px) and (min-width: 641px) {
  .nw7 .nw-kit-head, .nw7 .nw-rows { grid-column: 2 / span 10; }
  .nw7 .nw-th { width: 128px; }
  .la7 .la-head, .la7 .la-body { grid-column: 5 / span 8; }
  .ct7 .ct-mrow { grid-template-columns: minmax(0, 1fr); }
  .ct7 .row2 { grid-template-columns: 1fr; }
  .ct7 .ct-k1 h1, .ct7 .ct-mails, .ct7 .ct-panel { grid-column: 2 / span 7; }
  .ct7 .ct-win { grid-column: 10 / -1; }
}


@media (max-width: 640px) {
  .nw7 .nw-ann { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--space-8); padding: var(--space-24) 0; }
  .nw7 .nw-ann-date { grid-column: 1 / -1; }
  .nw7 .nw-row { grid-template-columns: minmax(0, 1fr) auto 20px; column-gap: var(--space-16); min-height: 84px; }
  .nw7 .nw-th { width: 120px; }   
  .nw7 .nw-row::before { inset: 0 calc(-1 * var(--space-8)); }
  .la7 .la-aside { display: none; }
  .la7 .la-head, .la7 .la-body { grid-row: auto; }
  .ct7 .ct-mails { grid-template-columns: minmax(0, 1fr); }
  .ct7 .ct-mrow { grid-template-columns: minmax(0, 1fr); }
  .ct7 .ct-mrow:nth-child(2) { padding-top: var(--space-row-lg); }
  .ct7 .ct-panel { grid-row: auto; padding-top: 0; }
  .ct7 .ct-win { display: none; }   
  .nw7 .nw-ann { grid-template-columns: minmax(0, 1fr) auto; }
  .nw7 .nw-ann-th { grid-column: 1 / -1; grid-row: 3; width: min(100%, 320px); }
  .ct7 .ct-k1 h1, .ct7 .ct-mails { grid-row: auto; }
  .ct7 .ct-k1 { padding-top: calc(var(--nav-height) + 24px); }
  .ct7 .row2, .ct7 .aud { grid-template-columns: 1fr; }
  .co7 .au-next, .ca7 .au-next { flex-direction: row; }
  .au7 .co-role summary { min-height: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .au7 .co-role .pm::before, .au7 .co-role .pm::after, .au7 .co-role summary::before, .nw7 .nw-row::before, .nw7 .nw-dl, .nw7 .nw-ann-go, .la7 .la-back i, .ct7 .aud input, .ct7 .aud label, .ct7 .ct-mrow > :last-child { transition: none !important; }
}


.c11-wrap { width: 100%; max-width: calc(var(--max) + 2 * var(--gut)); margin-left: auto; margin-right: auto; padding-left: var(--gut); padding-right: var(--gut); box-sizing: border-box; }
.c11-head { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); row-gap: var(--space-24); align-items: end;
  padding-top: calc(var(--nav-safe) + var(--space-section)); padding-bottom: calc(var(--s11-sec) * .5); }
.c11-head .c11-title { grid-column: 1 / span 7; }
.c11-head .c11-title h1 { margin: 0; }
.c11-head .c11-side { grid-column: 9 / span 4; margin: 0; }
.c11-head .c11-side > p { margin: 0; }
.c11-head .c11-side > p + p { margin-top: var(--space-24); }
.c11 .c11-eyebrow { margin: 0 0 var(--space-16); font-size: var(--font-size-small); line-height: var(--line-height-small); color: var(--color-text-muted); }
.c11-lead-media { padding-bottom: var(--s11-sec); }
.c11-lead-media .c11-media { aspect-ratio: 16 / 7; }
.c11-sec { padding-top: var(--s11-sec); padding-bottom: var(--s11-sec); border-top: 1px solid var(--s11-rule); }
.c11-media { position: relative; display: block; margin: 0; border-radius: var(--s11-media-r); overflow: hidden; background: rgba(127,127,127,.1); isolation: isolate; }
.c11-media > img, .c11-media > video, .c11-media > picture, .c11-media > picture > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.c11-split { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); row-gap: var(--space-40); align-items: center; }
.c11-split > .c11-text { grid-column: 1 / span 5; }
.c11-split > .c11-media { grid-column: 7 / span 6; aspect-ratio: 4 / 3; }
.c11-split.flip > .c11-media { grid-column: 1 / span 6; grid-row: 1; }
.c11-split.flip > .c11-text { grid-column: 8 / span 5; grid-row: 1; }
.c11 .c11-kicker { margin: 0 0 var(--space-24); font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: 400; color: var(--color-text-muted); }
.c11-next { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); flex-wrap: wrap; padding-top: var(--s11-sec); padding-bottom: var(--s11-sec); border-top: 1px solid var(--s11-rule); }
.c11-next > * { margin: 0; }
.c11 .tlink i, .c11 .btn i { font-style: normal; }
@media (max-width: 860px) {
  .c11-head { align-items: start; }
  .c11-head .c11-title, .c11-head .c11-side, .c11-split > .c11-text, .c11-split > .c11-media, .c11-split.flip > .c11-media, .c11-split.flip > .c11-text { grid-column: 1 / -1; grid-row: auto; }
  .c11-lead-media .c11-media { aspect-ratio: 4 / 3; }
}

.co11-q { margin: 0; } .co11-q .t-quote { margin: 0; }
.c11 .co11-by { margin: var(--space-24) 0 0; }
.co11-team > img { object-position: 30% 28%; }   
.co11-cto > img { object-position: 46% 30%; }

.co11-bw { position: absolute; inset: 0; display: block; filter: grayscale(1) contrast(1.06) sepia(.12) hue-rotate(180deg) brightness(1.04); }
.co11-bw > video { display: block; width: 100%; height: 100%; object-fit: cover; }

html:root:root .t-h1.ca11-big { font-size: clamp(48px, calc(22px + 5.6vw), 104px); line-height: .98; letter-spacing: -.045em; }
.ca11-pic > img { object-position: 68% 50%; }   
.c11 .ca11-rh { margin-bottom: var(--space-40); } .ca11-rh h2 { margin: 0; }
.ca11-roles .co-roles { max-width: 920px; }
.c11 .ca11-nofit { margin-top: var(--space-40); color: var(--color-text-muted); } .ca11-nofit a { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

.ca11 .ca11-build .ca11-rh { margin-bottom: 0; } .ca11 .ca11-build .ca11-rh .t-lead { margin-top: var(--space-24); max-width: 34em; }
.ca11 .pp-cols { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); column-gap: var(--gut); row-gap: var(--space-40); margin-top: var(--space-64); padding: 0; list-style: none; }   
.ca11 .pp-cols > li { padding-top: var(--space-24); border-top: 1px solid var(--color-rule); }
.ca11 .pp-cols h3 { font-size: var(--font-size-heading); line-height: 1.3; letter-spacing: -.01em; color: var(--color-text); }
.ca11 .pp-cols p { margin-top: var(--space-8); max-width: 26em; color: var(--color-text-muted); }
.ca11 .pp-cols .tlink { margin-top: var(--space-16); }
.ca11 .pp-num { display: block; margin-bottom: var(--space-16); font: var(--font-weight-regular) var(--font-size-label)/1.2 var(--font-mono); letter-spacing: .06em; color: var(--color-text-muted); }
.ca11 .ca11-who-go { margin-top: var(--space-24); }
.ca11 .co-role .rd { display: block; margin-top: var(--space-4); font-size: var(--font-size-small); line-height: var(--line-height-small); letter-spacing: 0; color: var(--color-text-muted); }
.ca11 .co-role .rbody > :first-child { margin-top: 0; }
@media (max-width: 860px) { .ca11 .pp-cols { --n: 1; row-gap: var(--space-24); margin-top: var(--space-40); } }

.ct11-list { padding-bottom: var(--s11-sec); }
.ct11-rows { border-bottom: 1px solid var(--s11-rule); }
.ct11-row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) auto; column-gap: var(--gut); align-items: baseline; min-height: 44px;
  padding: var(--space-24) 0; border-top: 1px solid var(--s11-rule); color: var(--color-text); }
.ct11-name { font-size: var(--font-size-heading); line-height: 1.25; letter-spacing: -.014em; }
.ct11-what { color: var(--color-text-muted); }
.ct11-go, .nw11-go { white-space: nowrap; color: var(--color-text-muted); transition: color var(--t-base) var(--ease-std); }
.ct11-go i, .nw11-go i { display: inline-block; font-style: normal; transition: transform var(--t-move) var(--ease-out); }
.ct11-row:hover .ct11-go, .nw11-card:hover .nw11-go, .ct11-row.is-from .ct11-go { color: var(--color-text); }
.ct11-row:hover .ct11-go i, .nw11-card:hover .nw11-go i { transform: translateX(2px); }
.ct11-row:hover .ct11-name, .ct11-row.is-from .ct11-name { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.ct11-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-8) var(--space-40); margin-top: var(--space-32); color: var(--color-text-muted); }
.ct11-meta p { margin: 0; } .ct11-meta a { color: var(--color-text); }
.ct11-social { display: inline-flex; gap: var(--space-24); }
.ct11-jobs .tlink { font-size: var(--font-size-lead); }
@media (max-width: 860px) { .ct11-row { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--space-8); } .ct11-what { grid-column: 1 / -1; grid-row: 2; } }

.nw11-list { padding-bottom: var(--s11-sec); }
.nw11-card { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); row-gap: var(--space-24); align-items: center; color: var(--color-text); }
.nw11-card .nw11-pic { grid-column: 1 / span 7; aspect-ratio: 16 / 9; }
.nw11-txt { grid-column: 9 / span 4; display: block; }
.nw11-txt > span { display: block; }
.nw11-date { margin-bottom: var(--space-16); font-size: var(--font-size-small); color: var(--color-text-muted); }
.nw11-title { margin-bottom: var(--space-16); }
.nw11-card:hover .nw11-title { text-decoration: underline; text-underline-offset: 8px; text-decoration-thickness: 1px; }
.nw11-stand { margin-bottom: var(--space-24); color: var(--color-text-muted); }
.nw11-kit-head { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); row-gap: var(--space-16); align-items: end; margin-bottom: var(--space-40); }
.nw11-kit-head h2 { grid-column: 1 / span 6; margin: 0; } .nw11-kit-head p { grid-column: 9 / span 4; margin: 0; } .nw11-kit-head a { color: var(--color-text); }
.nw11-rows { border-bottom: 1px solid var(--s11-rule); }
.nw11-row { display: grid; grid-template-columns: minmax(0, 1fr) 160px 24px; column-gap: var(--gut); align-items: center; padding: var(--space-16) 0; border-top: 1px solid var(--s11-rule); color: var(--color-text); }
.nw11-rt b { display: block; font-weight: 400; } .nw11-fmt { display: block; font-size: var(--font-size-small); color: var(--color-text-muted); }
.nw11-th { width: 160px; aspect-ratio: 16 / 9; }
.nw11-th-logo { background: #fff; display: grid; place-items: center; } .nw11-th-logo > img { width: 72%; height: auto; object-fit: contain; }
.nw11-dl { font-style: normal; color: var(--color-text-muted); text-align: right; transition: color var(--t-base) var(--ease-std); } .nw11-row:hover .nw11-dl { color: var(--color-text); }
@media (max-width: 860px) {
  .nw11-card .nw11-pic, .nw11-txt, .nw11-kit-head h2, .nw11-kit-head p { grid-column: 1 / -1; }
  .nw11-row { grid-template-columns: minmax(0, 1fr) 112px 20px; } .nw11-th { width: 112px; }
}

.e11 { min-height: 64svh; }

.la7 .la-more { display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-32); margin-top: var(--space-16); }
.la7 .la-more .tlink { color: var(--color-text); }

.la7 .la-aside { min-width: 0; }
.la7 .la-aside-mc a { white-space: normal; overflow-wrap: anywhere; }
.la7 .la-aside-mc .sys-copy { justify-self: start; margin-left: 0; }   


@media (max-width: 860px) { .c11-media.ca11-pic { aspect-ratio: 16 / 9; } .ca11-pic > img { object-position: 50% 50%; } }


.c11-head .c11-side > p.ct11-job { margin-top: var(--space-16); }
html:not(.au-post) .nw11-list { display: none; }


.ca11 .ca13-g { margin-top: var(--space-64); color: var(--color-text-muted); }
.ca11 .ca11-rh + .ca13-g { margin-top: 0; }
.ca11 .ca13-g + .co-roles { margin-top: var(--space-16); }
.ca11 .co-role .rbody > .about:only-of-type { margin-top: 0; }
@media (max-width: 640px) {
  .ca11 .co-role summary { flex-wrap: wrap; row-gap: var(--space-4); padding-right: var(--space-32); }
  .ca11 .co-role .rt { flex: 1 1 100%; }
  .ca11 .co-role .rk { margin-left: 0; order: 3; white-space: normal; }
  .ca11 .co-role .pm { position: absolute; right: 0; top: var(--space-24); }
}


.ca11 .ca11-who .ca13-team { margin: 0 0 var(--space-32); max-width: 30em; }
