.awards-body .header { background:rgba(245,241,235,.96); }
.awards-body .lang-toggle { border:0; background:transparent; padding:8px 0; }
.skip-link { position:fixed; left:20px; top:-80px; z-index:4000; background:#fff; padding:12px 18px; }
.skip-link:focus { top:12px; }
.awards-page { padding-top:132px; }
.awards-intro { padding-top:30px; padding-bottom:44px; }
.awards-breadcrumb { display:flex; gap:13px; font-size:11px; color:#777168; margin-bottom:64px; }
.awards-breadcrumb a:hover { color:var(--color-dark); }
.awards-intro-grid { display:block; }
.awards-intro .section-label { margin-bottom:20px; font-size:10px; letter-spacing:3px; }
.awards-heading { color:var(--color-dark); font-size:clamp(36px,4.7vw,62px); font-weight:300; letter-spacing:2px; line-height:1.25; }
.awards-lead { margin-top:24px; color:#777168; font-size:14px; max-width:480px; line-height:2; }
.awards-scroll { display:inline-flex; gap:38px; align-items:center; margin-top:34px; padding-bottom:6px; border-bottom:1px solid var(--color-brand); font-size:12px; }
.awards-scroll span:last-child { font-size:17px; }
.awards-collection { padding-top:48px; padding-bottom:80px; border-top:0; scroll-margin-top:150px; }
.awards-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:32px; }
.awards-section-heading h2 { font-size:23px; font-weight:300; color:var(--color-dark); }
.awards-section-heading p { font-size:12px; color:#81786c; }
.awards-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px 64px; }
.award-card { min-width:0; }
.award-badge { font-size:11px; color:#81786c; letter-spacing:.5px; }
.award-badge.gold { color:#987b48; }
.award-badge.silver { color:#777a78; }
.certificate-button { display:block; position:relative; width:100%; text-align:left; color:inherit; cursor:zoom-in; }
.certificate-mat { display:flex; align-items:center; justify-content:center; height:450px; padding:0; overflow:hidden; }
.certificate-mat img { width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;  transition:transform .35s ease; }
.certificate-button:hover img { transform:translateY(-2px); }
.certificate-button:focus-visible { outline:2px solid #8e7456; outline-offset:5px; }
.award-info { padding:24px 0 0; text-align:center; }
.award-caption-line { display:flex; align-items:baseline; justify-content:center; gap:12px; flex-wrap:wrap; }
.award-title { font-size:20px; font-weight:400; color:var(--color-dark); line-height:1.45; }
.award-work { font-size:14px; margin-top:10px; color:#6a6257; }
.award-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; color:#81786c; font-size:10px; margin-top:14px; }
.awards-designer { display:flex; align-items:center; justify-content:center; gap:18px; color:#81786c; font-size:11px; margin-top:48px; }
.designer-rule { width:30px; height:1px; background:#bca98c; }
.learning-section { padding:90px 0; }
.learning-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.learning-copy .section-label { margin-bottom:24px; }
.learning-heading { white-space:pre-line; font-size:38px; font-weight:300; color:var(--color-dark); line-height:1.5; }
.learning-school { margin-top:34px; font-size:17px; font-weight:400; }
.learning-program { max-width:390px; margin-top:8px; font-size:14px; color:#696154; }
.learning-type { margin-top:18px; font-size:11px; color:#81786c; }
.learning-note { font-size:12px; color:#81786c; line-height:2; max-width:360px; margin-top:26px; }
.learning-document { width:100%; max-width:390px; margin-left:auto; }
.learning-document-label { display:block; text-align:center; color:#81786c; font-size:10px; letter-spacing:2px; margin-bottom:18px; }
.learning-button { padding:0; }
.learning-button img { width:auto; height:auto; max-height:400px; max-width:100%; margin:auto;  }
.learning-caption { font-size:10px; color:#81786c; text-align:center; margin-top:16px; line-height:1.8; }
.awards-outro { padding-top:70px; padding-bottom:75px; display:flex; gap:30px; align-items:center; justify-content:space-between; }
.awards-outro p { font-size:21px; color:var(--color-dark); }
.awards-outro a { display:inline-flex; gap:42px; font-size:12px; border-bottom:1px solid #b59c7e; padding-bottom:7px; }
.certificate-viewer { position:fixed; inset:0; width:100vw; height:100vh; height:100dvh; max-width:none; max-height:none; border:0; padding:0; background:#262521; color:#f5f1eb; }
.certificate-viewer[open] { display:flex; flex-direction:column; }
.certificate-viewer::backdrop { background:#262521; }
.viewer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 28px; flex-shrink:0; }
.viewer-toolbar h2 { font-weight:300; font-size:14px; line-height:1.5; }
.viewer-actions { display:flex; gap:9px; flex-shrink:0; align-items:center; }
.viewer-actions button,.viewer-actions a,.viewer-bottom button { font-size:11px; color:#f5f1eb; padding:8px 12px; border:0; background:transparent; cursor:pointer; }
.viewer-actions button:hover,.viewer-actions a:hover,.viewer-bottom button:hover { color:#c9bba5; }
.viewer-stage { overflow:auto; flex:1; min-height:0; display:flex; justify-content:center; align-items:center; padding:22px; }
.viewer-stage img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.certificate-viewer.is-zoomed .viewer-stage { display:block; text-align:center; }
.certificate-viewer.is-zoomed .viewer-stage img { max-width:none; max-height:none; width:1600px; height:auto; margin:auto; }
.viewer-bottom { display:flex; justify-content:center; align-items:center; gap:28px; padding:12px 20px; flex-shrink:0; }
.viewer-bottom span { font-size:11px; letter-spacing:2px; min-width:48px; text-align:center; }
@media (max-width:1000px) { .certificate-mat { height:380px; padding:0; } .learning-grid { gap:48px; } }
@media (max-width:768px) {
 .awards-body .header,.awards-body .header.scrolled { padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left)); }
 .awards-body .header-left { gap:14px; }
}
@media (max-width:700px) {
 .awards-body .container { padding-left:max(20px,env(safe-area-inset-left)); padding-right:max(20px,env(safe-area-inset-right)); }
 .awards-page { padding-top:82px; }
 .awards-intro { padding-top:20px; padding-bottom:18px; }
 .awards-breadcrumb { margin-bottom:24px; font-size:12px; }
 .awards-intro .section-label { font-size:10px; letter-spacing:2px; margin-bottom:12px; }
 .awards-heading { font-size:clamp(29px,8.2vw,36px); letter-spacing:0; overflow-wrap:break-word; }
 .awards-lead { font-size:14px; line-height:1.85; margin-top:16px; color:#70685d; }
 .awards-scroll { margin-top:16px; min-height:44px; padding:0; font-size:13px; }
 .awards-collection { padding-top:24px; padding-bottom:36px; scroll-margin-top:94px; }
 .awards-section-heading { align-items:flex-start; flex-direction:column; gap:6px; margin-bottom:24px; }
 .awards-section-heading h2 { font-size:21px; }
 .awards-section-heading p { font-size:12px; color:#70685d; }
 .awards-grid { grid-template-columns:minmax(0,1fr); gap:44px; }
 .certificate-mat { height:auto; padding:0; overflow:visible; }
 .certificate-mat img { max-height:480px; width:auto; max-width:100%; height:auto; }
 .award-info { padding-top:18px; }
 .award-caption-line { gap:6px 10px; }
 .award-title { font-size:20px; }
 .award-badge { font-size:12px; }
 .award-work { font-size:14px; margin-top:8px; line-height:1.7; }
 .award-meta { font-size:12px; margin-top:8px; color:#70685d; }
 .awards-designer { font-size:12px; gap:12px; margin-top:32px; line-height:1.8; }
 .designer-rule { flex-shrink:0; width:22px; }
 .learning-section { padding:36px 0; }
 .learning-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .learning-heading { font-size:30px; }
 .learning-copy .section-label { margin-bottom:18px; }
 .learning-school { margin-top:22px; font-size:18px; }
 .learning-program { font-size:14px; line-height:1.8; }
 .learning-type { font-size:12px; }
 .learning-note { font-size:13px; margin-top:18px; line-height:1.85; }
 .learning-document { max-width:350px; margin:auto; }
 .learning-document-label { font-size:12px; margin-bottom:14px; }
 .learning-button img { max-height:480px; }
 .learning-caption { font-size:11px; line-height:1.8; }
 .awards-outro { padding-top:28px; padding-bottom:40px; flex-direction:column; align-items:flex-start; gap:16px; }
 .awards-outro p { font-size:18px; line-height:1.7; }
 .awards-outro a { font-size:13px; min-height:44px; align-items:center; padding:0; }
 .viewer-toolbar { align-items:flex-start; flex-direction:column; gap:8px; padding:max(12px,env(safe-area-inset-top)) 16px 4px; }
 .viewer-toolbar h2 { font-size:12px; line-height:1.65; }
 .viewer-actions { width:100%; justify-content:space-between; gap:8px; }
 .viewer-actions button,.viewer-actions a,.viewer-bottom button { font-size:13px; min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 10px; }
 .viewer-stage { padding:8px 12px; overscroll-behavior:contain; touch-action:pan-y pinch-zoom; }
 .certificate-viewer.is-zoomed .viewer-stage { touch-action:pan-x pan-y pinch-zoom; }
 .viewer-bottom { gap:16px; padding:4px 16px max(12px,env(safe-area-inset-bottom)); }
 .viewer-bottom span { font-size:12px; }
}
@media (max-height:500px) and (orientation:landscape) {
 .viewer-toolbar { flex-direction:row; align-items:center; gap:12px; padding:8px 16px; }
 .viewer-toolbar h2 { font-size:11px; }
 .viewer-actions { width:auto; flex-shrink:0; }
 .viewer-actions button,.viewer-actions a,.viewer-bottom button { min-height:44px; }
 .viewer-stage { padding:4px 12px; }
 .viewer-bottom { padding-top:0; padding-bottom:max(4px,env(safe-area-inset-bottom)); }
}
@media (hover:none) { .certificate-button:hover img { transform:none; } }

@media (prefers-reduced-motion:reduce) { .certificate-mat img { transition:none; } }
