/* ==========================================================================
   /beta : 회사소개 · 수상 및 인증   (prefix: aw-, co-)
   전체 목록(총계 + 필터 + 액자 갤러리) → 대표 문서(돋보기) → 회사소개 다른 페이지 · 라이트박스
   팔레트: site.css 토큰만 사용 (paper / ink / night / signal / tape)
   ========================================================================== */

/* ---------- 01. 전체 목록 ---------- */
.aw-arch { overflow: hidden; }
.aw-arch .c-container { position: relative; }
.aw-kinetic { position: absolute; left: 0; right: 0; top: clamp(20px, 3.4vw, 48px); pointer-events: none; overflow: hidden; white-space: nowrap; }
.aw-kinetic span {
    display: inline-block; padding-left: 10vw;
    font-size: clamp(88px, 14vw, 236px); font-weight: 800; line-height: 1; letter-spacing: -0.06em;
    color: transparent; -webkit-text-stroke: 1.5px rgba(46, 48, 146, .12);
}

.aw-bar {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap;
    padding-top: 28px; border-top: 1.5px solid var(--ink); margin-bottom: clamp(44px, 5.4vw, 80px);
}
.aw-total { display: flex; align-items: flex-end; gap: 16px; }
.aw-total strong { font-size: clamp(68px, 7.4vw, 120px); font-weight: 760; line-height: .8; letter-spacing: -0.055em; font-variant-numeric: tabular-nums; }
.aw-total span { padding-bottom: 2px; font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--muted); }
.aw-total span::before { content: ""; display: block; width: 8px; height: 8px; margin-bottom: 12px; border-radius: 1px; background: var(--signal); }

/* ---------- 액자 갤러리 ---------- */
.aw-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(40px, 4.4vw, 72px) clamp(18px, 2.2vw, 36px); }
.aw-item { display: flex; flex-direction: column; gap: 22px; min-width: 0; margin: 0; }

.aw-frame { position: relative; display: block; width: 100%; padding: 0; text-align: left; border-radius: 6px; cursor: zoom-in; }
.aw-frame.is-empty { cursor: default; }
.aw-frame:focus-visible { outline-offset: 8px; }
.aw-frame__card {
    position: relative; display: block; padding: 11%;
    background: var(--white); border-radius: 6px;
    box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(16, 18, 46, .04), 0 26px 44px -30px rgba(16, 18, 46, .38);
    transition: transform .8s var(--ease);
    will-change: transform;
}
/* 호버 그림자 (tilt 가 transition 을 덮어써도 독립 동작) */
.aw-frame__card::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
    box-shadow: 0 60px 80px -40px rgba(16, 18, 46, .55), 0 0 0 1px var(--line-2);
    opacity: 0; transition: opacity .6s var(--ease);
}
.aw-frame:hover .aw-frame__card::before, .aw-frame:focus-visible .aw-frame__card::before { opacity: 1; }
/* 매트 안쪽 베벨 라인 */
.aw-frame__card::after { content: ""; position: absolute; inset: 5%; border: 1px solid var(--line); border-radius: 2px; pointer-events: none; }
.aw-frame__mat { position: relative; display: block; box-shadow: 0 1px 1px rgba(16, 18, 46, .08), 0 8px 18px -8px rgba(16, 18, 46, .28); }
/* 크롭 마크 (호버 시 문서 모서리에 맞춰 들어옴) */
.aw-frame__mat::after {
    content: ""; position: absolute; inset: -12px; z-index: 2; pointer-events: none;
    --cm: var(--signal);
    background:
        linear-gradient(var(--cm), var(--cm)) 0 0 / 16px 2px, linear-gradient(var(--cm), var(--cm)) 0 0 / 2px 16px,
        linear-gradient(var(--cm), var(--cm)) 100% 0 / 16px 2px, linear-gradient(var(--cm), var(--cm)) 100% 0 / 2px 16px,
        linear-gradient(var(--cm), var(--cm)) 0 100% / 16px 2px, linear-gradient(var(--cm), var(--cm)) 0 100% / 2px 16px,
        linear-gradient(var(--cm), var(--cm)) 100% 100% / 16px 2px, linear-gradient(var(--cm), var(--cm)) 100% 100% / 2px 16px;
    background-repeat: no-repeat;
    opacity: 0; transform: scale(1.08); transition: opacity .45s var(--ease), transform .8s var(--ease);
}
.aw-frame:hover .aw-frame__mat::after, .aw-frame:focus-visible .aw-frame__mat::after { opacity: 1; transform: none; }
.aw-frame__doc { position: relative; display: block; overflow: hidden; aspect-ratio: 1 / 1.414; background: var(--white); }
/* 문서 원본 비율 유지 (A4 가 아닌 스캔 · 사진이 올라와도 잘리지 않도록 contain) */
.aw-frame__doc img { width: 100%; height: 100%; object-fit: contain; }
html.js .aw-frame__doc[data-reveal="img"].is-in img { transition: transform 1.2s var(--ease); }
html.js .aw-frame:hover .aw-frame__doc[data-reveal="img"].is-in img, .aw-frame:hover .aw-frame__doc img { transform: scale(1.04); }
.aw-frame__doc .c-ph::before { font-family: var(--font-sans); letter-spacing: 0; text-transform: none; }
.aw-ph { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(135deg, var(--paper-2), var(--paper-3)); }
.aw-ph img { width: 44px; height: 44px; opacity: .32; filter: grayscale(1); object-fit: contain; }

.aw-frame__tag {
    position: absolute; left: 0; top: 7%; z-index: 3; display: inline-flex; align-items: center; gap: 7px;
    padding: 5px 10px 5px 9px; border-radius: 0 3px 3px 0;
    background: var(--ink); color: #fff; font-size: 11px; letter-spacing: .06em;
    transform: translateX(-5px); transition: transform .6s var(--ease), background .4s;
}
.aw-frame__tag::before { content: ""; width: 6px; height: 6px; border-radius: 1px; background: var(--tape); }
.aw-frame:hover .aw-frame__tag { transform: none; background: var(--signal); }
.aw-frame__zoom {
    position: absolute; right: 7%; bottom: 7%; z-index: 3; display: grid; place-items: center;
    width: 44px; height: 44px; border-radius: 50%; background: var(--signal); color: var(--on-signal);
    box-shadow: 0 10px 22px -10px rgba(16, 18, 46, .55);
    opacity: 0; transform: scale(.4); transition: opacity .35s var(--ease), transform .55s var(--ease-back);
}
.aw-frame__zoom svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.aw-frame:hover .aw-frame__zoom, .aw-frame:focus-visible .aw-frame__zoom { opacity: 1; transform: none; }

.aw-cap { display: flex; flex-direction: column; gap: 9px; padding: 0 2px; }
.aw-cap__meta { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); }
.aw-cap__meta b { font-weight: 650; letter-spacing: -0.01em; color: var(--signal); }
.aw-cap__meta i { font-style: normal; font-size: 11px; letter-spacing: .06em; padding: 1px 6px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--line-2); }
.aw-cap__title {
    font-size: 17px; font-weight: 650; line-height: 1.45; letter-spacing: -0.022em; text-wrap: balance;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.aw-cap__issuer { display: flex; align-items: baseline; gap: 12px; margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-3); min-width: 0; }
.aw-cap__label { flex: none; font-size: 12px; font-weight: 600; color: var(--muted); }
.aw-cap__issuer span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aw-empty { margin-top: 24px; }
.aw-empty-mark { width: 48px; height: 48px; opacity: .32; filter: grayscale(1); }

/* ---------- 02. 대표 문서 (dark) ---------- */
.aw-feat { overflow: hidden; isolation: isolate; }
.aw-feat__field {
    position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; opacity: .26; pointer-events: none;
    -webkit-mask-image: radial-gradient(ellipse 60% 70% at 25% 55%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse 60% 70% at 25% 55%, #000 0%, transparent 70%);
}
.aw-feat__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 128px); align-items: center; margin-top: clamp(48px, 5vw, 80px); }
/* 겹쳐 놓인 서류 더미 (단색 시트 2장 + 문서 + 표지 테이프) */
.aw-feat__stage { position: relative; justify-self: center; width: min(100%, 440px); }
.aw-feat__sheet { position: absolute; inset: 0; border-radius: 3px; pointer-events: none; will-change: transform; }
.aw-feat__sheet--a { background: var(--night-2); box-shadow: inset 0 0 0 1px var(--night-line-2); transform: rotate(-6deg) translate(-5%, 2%); }
.aw-feat__sheet--b { background: var(--night-3); box-shadow: inset 0 0 0 1px var(--night-line); transform: rotate(4deg) translate(4%, 1%); }
.aw-feat__doc { position: relative; will-change: transform; }
.aw-feat__tape {
    position: absolute; z-index: 4; left: 50%; top: -16px; width: 132px; height: 30px; margin-left: -66px; pointer-events: none;
    background: var(--tape); opacity: .92; transform: rotate(-4deg);
    box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .6);
    -webkit-mask-image: linear-gradient(90deg, transparent 0 3px, #000 3px calc(100% - 3px), transparent calc(100% - 3px));
    mask-image: linear-gradient(90deg, transparent 0 3px, #000 3px calc(100% - 3px), transparent calc(100% - 3px));
}
.aw-loupe { position: relative; display: block; width: 100%; padding: 0; border-radius: 3px; cursor: zoom-in; }
.aw-loupe img {
    width: 100%; height: auto; border-radius: 3px; background: var(--white);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 60px 90px -40px rgba(0, 0, 0, .85);
}
.aw-loupe__lens {
    position: absolute; left: 0; top: 0; z-index: 3; width: 190px; height: 190px; border-radius: 50%;
    pointer-events: none; opacity: 0; background-color: #fff; background-repeat: no-repeat;
    box-shadow: 0 0 0 2px var(--signal), 0 0 0 8px rgba(var(--signal-rgb), .18), 0 30px 60px -12px rgba(0, 0, 0, .7);
    transition: opacity .3s var(--ease); will-change: transform;
}
.aw-loupe__lens::before, .aw-loupe__lens::after { content: ""; position: absolute; left: 50%; top: 50%; background: var(--ink); opacity: .55; }
.aw-loupe__lens::before { width: 18px; height: 1.5px; margin: -.75px 0 0 -9px; }
.aw-loupe__lens::after { width: 1.5px; height: 18px; margin: -9px 0 0 -.75px; }
.aw-loupe.is-loupe { cursor: none; }
.aw-loupe.is-loupe .aw-loupe__lens { opacity: 1; }

.aw-feat__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; min-width: 0; }
.aw-feat__title { color: #fff; text-wrap: balance; }
.aw-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; width: 100%; max-width: 560px; }
.aw-meta > div { display: flex; flex-direction: column; gap: 6px; padding: 16px 0; border-top: 1px solid var(--night-line-2); min-width: 0; }
.aw-meta dt { font-size: 13px; color: var(--fog-2); }
.aw-meta dd { font-size: 17px; font-weight: 600; color: #fff; overflow-wrap: anywhere; }
.aw-feat__note { display: flex; align-items: flex-start; gap: 10px; max-width: 460px; font-size: 15.5px; line-height: 1.75; color: var(--fog); }
.aw-feat__note-ico { flex: none; width: 18px; height: 18px; margin-top: .3em; fill: none; stroke: var(--signal); stroke-width: 2; stroke-linecap: round; }
.aw-hint--touch { display: none; }
@media (hover: none), (pointer: coarse) {
    .aw-hint--mouse { display: none; }
    .aw-hint--touch { display: inline; }
    .aw-frame__zoom { opacity: 1; transform: scale(.82); }
}

/* ---------- 라이트박스 (dialog, data-theme="dark") ---------- */
.aw-lb {
    position: fixed; inset: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
    margin: 0; padding: 0; border: 0; overflow: hidden;
    background: rgba(11, 13, 38, .96); color: #fff;
    -webkit-backdrop-filter: blur(14px) saturate(.6); backdrop-filter: blur(14px) saturate(.6);
    opacity: 0; transition: opacity .34s var(--ease);
}
.aw-lb::backdrop { background: transparent; }
.aw-lb[open] {
    display: grid; grid-template-columns: minmax(0, 1fr) clamp(300px, 26vw, 400px);
    grid-template-rows: auto minmax(0, 1fr);
}
.aw-lb.is-open { opacity: 1; }
.aw-lb::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(var(--night-line) 1px, transparent 1px), linear-gradient(90deg, var(--night-line) 1px, transparent 1px);
    background-size: 88px 88px; opacity: .45;
    -webkit-mask-image: radial-gradient(ellipse 60% 70% at 40% 50%, #000, transparent 80%); mask-image: radial-gradient(ellipse 60% 70% at 40% 50%, #000, transparent 80%);
}
.aw-lb__bar {
    grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px;
    height: 76px; padding: 0 var(--gutter); border-bottom: 1px solid var(--night-line);
}
.aw-lb__count { font-size: 13px; letter-spacing: .1em; color: var(--fog-2); }
.aw-lb__count b { color: #fff; font-weight: 600; }
.aw-lb__keys { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; margin-right: 8px; font-size: 13px; color: var(--fog-2); }
.aw-lb__keys kbd { display: inline-grid; place-items: center; min-width: 26px; height: 24px; padding: 0 6px; margin-right: 2px; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--night-line-2); font-size: 11px; color: var(--fog); }
.aw-lb__keys kbd svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.aw-lb__sep { width: 1px; height: 14px; margin: 0 12px; background: var(--night-line-2); }
.aw-lb__close {
    display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
    box-shadow: inset 0 0 0 1px var(--night-line-2); transition: background .35s, color .35s, transform .6s var(--ease);
}
.aw-lb__close:hover { background: var(--signal); color: var(--on-signal); transform: rotate(90deg); }
.aw-lb__close svg, .aw-lb__nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.aw-lb__stage { --py: clamp(20px, 3vw, 44px); --px: clamp(84px, 7vw, 112px); position: relative; min-height: 0; overflow: hidden; }
.aw-lb__img {
    position: absolute; inset: 0; margin: auto;
    max-width: calc(100% - var(--px) * 2); max-height: calc(100% - var(--py) * 2); width: auto; height: auto; object-fit: contain;
    background: #fff; box-shadow: 0 50px 100px -30px rgba(0, 0, 0, .9);
    transform: scale(.97); transition: transform .7s var(--ease), opacity .3s;
}
.aw-lb.is-open .aw-lb__img { transform: none; }
.aw-lb.is-loading .aw-lb__img { opacity: .25; }
.aw-lb__img:not([src]) { opacity: 0; }
.aw-lb__spin {
    position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%;
    border: 2px solid var(--night-line-2); border-top-color: var(--signal);
    opacity: 0; animation: c-spin .9s linear infinite; transition: opacity .3s; pointer-events: none;
}
.aw-lb.is-loading .aw-lb__spin { opacity: 1; }
.aw-lb__nav {
    position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 56px; height: 56px; margin-top: -28px;
    border-radius: 50%; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px var(--night-line-2);
    transition: background .35s, color .35s, box-shadow .35s;
}
.aw-lb__nav:hover { background: var(--signal); color: var(--on-signal); box-shadow: inset 0 0 0 1px var(--signal); }
.aw-lb__nav--prev { left: clamp(12px, 1.6vw, 28px); }
.aw-lb__nav--next { right: clamp(12px, 1.6vw, 28px); }
.aw-lb__info {
    display: flex; flex-direction: column; justify-content: flex-end; gap: 18px; min-width: 0;
    padding: 40px var(--gutter) clamp(36px, 5vw, 64px) clamp(28px, 2.6vw, 40px); border-left: 1px solid var(--night-line);
    transform: translate3d(24px, 0, 0); opacity: 0; transition: transform .8s var(--ease) .1s, opacity .6s var(--ease) .1s;
}
.aw-lb.is-open .aw-lb__info { transform: none; opacity: 1; }
.aw-lb__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.aw-lb__tags .c-badge { font-family: var(--font-sans); font-size: 12px; font-weight: 650; letter-spacing: 0; }
.aw-lb__title { font-size: clamp(24px, 2.2vw, 34px); font-weight: 720; line-height: 1.28; letter-spacing: -0.035em; }
.aw-lb__issuer { display: flex; align-items: baseline; gap: 12px; padding-top: 16px; border-top: 1px solid var(--night-line-2); font-size: 16px; color: var(--fog); }
.aw-lb__label { flex: none; font-size: 13px; color: var(--fog-2); }
.aw-lb__orig { align-self: flex-start; margin-top: 6px; font-size: 14px; color: var(--fog); }
.aw-lb__orig:hover { color: #fff; }
.aw-lb.is-closing { opacity: 0; }

/* ---------- 회사소개 다른 페이지 (company 공통) ---------- */
.co-next__heading::after { display: block; content: ""; flex: 1; height: 1px; background: var(--line-2); transform-origin: 0 50%; }
.co-next__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.co-next__link {
    position: relative; isolation: isolate; overflow: hidden; display: grid;
    grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr auto auto; gap: 10px 24px;
    min-height: clamp(240px, 21vw, 320px); padding: clamp(24px, 2.6vw, 40px);
    border-radius: var(--r-lg); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line-2);
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
.co-next__link::before { display: none; }
.co-next__link:hover, .co-next__link:focus-visible { color: #fff; background: #25275C; box-shadow: inset 0 0 0 1px #25275C; }
.co-next__no { grid-column: 1; grid-row: 1; font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--signal); transition: color .45s; }
.co-next__link:hover .co-next__no { color: var(--tape); }
.co-next__ico { grid-column: 1; grid-row: 2; align-self: start; width: 46px; height: 46px; margin-top: 6px; fill: none; stroke: var(--signal); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke .45s; }
.co-next__link:is(:hover, :focus-visible) .co-next__ico { stroke: #fff; }
.co-next__big {
    position: absolute; right: clamp(16px, 2vw, 32px); bottom: -.2em; z-index: -1; pointer-events: none;
    font-size: clamp(110px, 13vw, 200px); font-weight: 800; line-height: 1; letter-spacing: -0.06em;
    color: transparent; -webkit-text-stroke: 1px var(--line-2); transition: -webkit-text-stroke-color .55s, transform 1s var(--ease);
}
.co-next__link:hover .co-next__big { -webkit-text-stroke-color: rgba(255, 255, 255, .2); transform: translateY(-6%); }
.co-next__title { grid-column: 1; grid-row: 3; align-self: end; font-size: clamp(26px, 2.6vw, 40px); font-weight: 720; letter-spacing: -0.04em; line-height: 1.15; }
.co-next__desc { grid-column: 1; grid-row: 4; font-size: 15px; color: var(--muted); transition: color .5s; }
.co-next__link:is(:hover, :focus-visible) .co-next__desc { color: #DEE0EE; }
.co-next__link .c-arrow { grid-column: 2; grid-row: 1; }
.co-next__link:is(:hover, :focus-visible) .c-arrow { background: rgba(255, 255, 255, .12); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); }
.co-next__link:is(:hover, :focus-visible) .c-arrow svg { transform: rotate(-45deg); }

/* ---------- Reveal: 이미지 · clip 계열이 아닌 리빌은 등장 후 clip-path 해제 ----------
   바깥 그림자 · 크롭 마크가 잘리지 않도록 페이지 범위에서 none 으로 되돌린다. */
html.js .c-page-awards [data-reveal]:not([data-reveal="clip"]):not([data-reveal="wipe"]):not([data-reveal="iris"]):not([data-reveal="img"]).is-in { clip-path: none; }

/* 섹션 설명 문단: 마지막 줄에 한 어절만 남는 줄바꿈 방지 */
.c-page-awards .c-sechead__desc { text-wrap: pretty; }

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
    .aw-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
    .aw-feat__grid { grid-template-columns: minmax(0, 1fr); }
    .aw-feat__stage { width: min(84%, 400px); }
    /* 세로 배치: 헥스 텍스처는 문서 주변에만 (아래 설명 텍스트 뒤로 깔리지 않게) */
    .aw-feat__field { -webkit-mask-image: radial-gradient(ellipse 80% 38% at 50% 24%, #000 0%, transparent 72%); mask-image: radial-gradient(ellipse 80% 38% at 50% 24%, #000 0%, transparent 72%); }
    .aw-lb[open] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; }
    .aw-lb__info { border-left: 0; border-top: 1px solid var(--night-line); padding: 18px var(--gutter) max(20px, env(safe-area-inset-bottom)); gap: 10px; transform: translate3d(0, 16px, 0); }
    .aw-lb__title { font-size: 20px; }
    .aw-lb__issuer { padding-top: 0; border-top: 0; font-size: 14.5px; }
    .aw-lb__orig { display: none; }
    .co-next__grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .aw-kinetic span { font-size: 84px; }
    .aw-bar { align-items: flex-start; flex-direction: column; }
    .aw-filter { width: calc(100% + var(--gutter) * 2); gap: 6px; }
    /* 칩 4개가 375px 한 줄에 잘리지 않고 들어가도록 (높이 42px 유지) */
    .aw-filter .c-chip { padding: 0 13px; gap: 5px; font-size: 14px; }
    .aw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 14px; }
    .aw-item { gap: 16px; }
    .aw-frame__card { padding: 10%; border-radius: 4px; }
    .aw-frame__tag { font-size: 10px; padding: 4px 8px 4px 7px; gap: 5px; }
    .aw-frame__tag::before { width: 5px; height: 5px; }
    .aw-frame__zoom { width: 34px; height: 34px; right: 6%; bottom: 6%; }
    .aw-frame__zoom svg { width: 16px; height: 16px; }
    .aw-frame__mat::after { inset: -8px; }
    .aw-cap__title { font-size: 15px; }
    .aw-cap__issuer { flex-direction: column; gap: 4px; font-size: 13px; padding-top: 10px; }
    .aw-cap__issuer span:last-child { white-space: normal; }
    .aw-feat__tape { width: 104px; height: 24px; margin-left: -52px; top: -12px; }
    .aw-meta { grid-template-columns: minmax(0, 1fr); }
    .aw-meta > div { flex-direction: row; justify-content: space-between; align-items: baseline; gap: 16px; padding: 13px 0; }
    .aw-meta dd { text-align: right; font-size: 15px; }
    .aw-lb__bar { height: 64px; }
    .aw-lb__keys { display: none; }
    .aw-lb__close { width: 44px; height: 44px; }
    .aw-lb__img { inset: 14px 14px 76px; max-width: calc(100% - 28px); max-height: calc(100% - 90px); }
    .aw-lb__nav { top: auto; bottom: 14px; margin-top: 0; width: 48px; height: 48px; }
    .aw-lb__nav--prev { left: calc(50% - 58px); }
    .aw-lb__nav--next { right: calc(50% - 58px); }
    .co-next__link { min-height: 210px; }
    .co-next__ico { width: 38px; height: 38px; }
}