.page-header{text-align:center;margin-block-end:48px}.page-header__title{font-size:clamp(2rem,4vw,2.625rem);font-weight:600;color:var(--color-text);margin-block-end:16px}.page-header__subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-secondary);margin:0;max-width:600px;margin-inline:auto}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-block-end:32px}.page-controls__count{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;font-family:var(--font-mono)}.gallery-grid{margin-block-end:48px}.gallery-grid__loading{grid-column:1 / -1;text-align:center;padding:48px;color:var(--color-text-secondary);font-size:16px}.gallery-empty{text-align:center;padding:96px 24px;color:var(--color-text-secondary)}.gallery-empty.hidden{display:none}.gallery-card{position:relative;border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s;cursor:pointer;overflow:hidden;aspect-ratio:1 / 1}.gallery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.gallery-card__logo{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:stretch}.gallery-card__logo-container{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch}.gallery-card__logo-container .iso-logo{width:100%!important;height:100%!important;display:flex!important;align-items:stretch!important}.gallery-card__logo-container .iso-logo__bar{height:100%!important;flex-shrink:0!important}.gallery-card__info{position:absolute;inset-block-end:0;inset-inline:0;padding:32px;background:var(--color-surface);display:flex;flex-direction:column;gap:4px}.gallery-card__title{font-size:18px;font-weight:500;color:var(--color-text);line-height:1.4;margin:0;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card__meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text)}.gallery-card__date{opacity:.7}@media(max-width:768px){.gallery-card__info{padding:12px}.gallery-card__title{font-size:var(--t-xs)}}@media(max-width:480px){.page-controls{flex-direction:column;align-items:start;gap:12px}}.profile-detail__header{margin-block-end:40px}.profile-detail__breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);color:var(--color-text-secondary);margin-block-end:16px}.profile-detail__breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.profile-detail__breadcrumb a:hover{color:var(--color-text);text-decoration:underline}.profile-detail__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--color-text);margin:0 0 16px;line-height:1.2}.profile-detail__query{font-size:var(--t-base);color:var(--color-text-secondary);margin:0}.profile-detail__query-label{font-weight:500;color:var(--color-text)}.profile-detail__content{display:flex;flex-direction:column;gap:48px}.profile-detail__body{display:block}.profile-detail__logo{aspect-ratio:3 / 1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.profile-detail__logo-container{width:100%;height:100%;display:flex;align-items:stretch}.profile-detail__logo-container .iso-logo{width:100%!important;height:100%!important;display:flex!important;align-items:stretch!important}.profile-detail__logo-container .iso-logo__bar{height:100%!important;flex-shrink:0!important;transition:flex-grow .25s ease-out;cursor:pointer;position:relative}.profile-detail__logo-container .iso-logo__bar:hover{flex-grow:10!important}.iso-bar-tooltip{position:fixed;padding:6px 10px;background:#fff;color:var(--color-text);font-family:var(--font-mono);font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px #00000026;pointer-events:none;z-index:1000;opacity:0;transition:opacity .1s}.iso-bar-tooltip.is-visible{opacity:1}.profile-detail__section-title{font-size:var(--t-lg);font-weight:600;color:var(--color-text);margin:0 0 24px}.profile-detail__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-start:48px;padding-block-start:32px;border-block-start:1px solid var(--color-border)}.profile-detail__back{color:var(--color-text-secondary);text-decoration:none;font-size:var(--t-sm)}.profile-detail__back:hover{color:var(--color-text)}@media(max-width:768px){.profile-detail__logo{aspect-ratio:2 / 1}.profile-detail__footer{flex-direction:column;align-items:stretch;text-align:center}}
