/* Awarded projects share the existing works palette and documentary photos. */
body.page-works .works-awards{margin:12px 0 48px}
body.page-works #works-awards-heading{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;padding:16px 26px 16px 48px;margin:0 0 28px;border:0;border-radius:40px;background:linear-gradient(110deg,#27586d,#86a7b8);color:#fff;font-size:24px;font-weight:700;line-height:1.65;letter-spacing:.025em}
body.page-works #works-awards-heading::before{content:"";position:absolute;left:26px;top:50%;width:6px;height:20px;transform:translateY(-50%);border-radius:4px;background:#17a6d4}
body.page-works #works-awards-heading>.wind-decoration{opacity:.65;z-index:-1}
body.page-works .works-awards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body.page-works .award-card{--award-cut:clamp(12px,1.9vw,24px);--award-inset:22px;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c8d8df;border-radius:18px;background:#fff;color:#203d4b;text-decoration:none;box-shadow:0 5px 16px #173d500b;transition:border-color .28s ease,box-shadow .28s ease}
body.page-works .award-card-photo{aspect-ratio:16/9;overflow:hidden;background:#edf2f3;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - var(--award-cut)))}
body.page-works .award-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
body.page-works .award-card-photo--bridge img{object-position:50% 90%}
body.page-works .award-card-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:start;padding:0 var(--award-inset) 18px}
body.page-works .award-card h3{margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.7}
body.page-works .award-title-part{display:inline-block}
body.page-works .award-card-link{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:12px;width:100%;border-top:1px solid #d3dfe4;color:#32687f;font-size:14px;font-weight:600}
body.page-works .award-card-arrow{display:block;flex:none;width:30px;height:30px;margin-left:auto;border:1px solid #bdcfd7;border-radius:50%;background:url('../img/ui/arrow-forward.svg') center/17px 17px no-repeat;transition:transform .28s ease,border-color .28s ease}
body.page-works .award-card:is(:hover,:focus-visible) .award-card-link{border-color:#7195a5}
body.page-works .award-card:is(:hover,:focus-visible){border-color:#7195a5;box-shadow:0 9px 22px #234e641c}
body.page-works .award-card:is(:hover,:focus-visible) img{transform:scale(1.035)}
body.page-works .award-card:is(:hover,:focus-visible) .award-card-arrow{transform:translateX(3px);border-color:#7195a5}
body.page-works .award-card:focus-visible{outline:2px solid #39758e;outline-offset:4px}
body.page-works-detail .work--awarded{scroll-margin-top:32px}
body.page-works .work-award-label{display:inline-flex;align-items:center;gap:10px;max-width:100%;box-sizing:border-box;margin:0 0 16px;padding:7px 12px;border:1px solid #d9c797;border-radius:999px;background:linear-gradient(120deg,#fbf8ef,#f3ecd9);color:#705b2f;font-weight:600;line-height:1.6;box-shadow:0 2px 6px #6e593c12}
body.page-works .work-award-mark{display:block;flex:none;width:32px;height:32px;background:url('../img/ui/award-medal.svg') center/contain no-repeat}
body.page-works .work-award-year{display:block;font-size:12px;font-weight:500;letter-spacing:.025em}
body.page-works .work-award-name{display:block;font-size:14px;line-height:1.8}
body.page-works .award-card .work-award-label{position:relative;flex:none;width:max-content;max-width:calc(100% + var(--award-inset) * 2);margin:calc(-30px - var(--award-cut)) 0 16px calc(-1 * var(--award-inset))}
body.subpage.page-works-detail .work--awarded .work-thumb{aspect-ratio:4/3}
body.subpage.page-works-detail .work--awarded .work-thumb img{height:100%;aspect-ratio:4/3;object-fit:cover}
body.subpage.page-works-detail .work--awarded .work-cap{position:relative;padding-top:0}
body.subpage.page-works-detail .work--awarded .work-award-label{position:relative;display:flex;width:max-content;margin-top:-30px}
body.page-works-detail .work-cap .work-award-description{margin:16px 0 0;padding:16px 20px;border:1px solid #d5dce0;border-left:2px solid #87949d;border-radius:10px;background:#f3f5f6;font-size:14px;line-height:1.9;color:#626e77;text-align:left}
@media(max-width:760px){
 body.page-works .works-awards{margin-bottom:44px}
 body.page-works #works-awards-heading{padding:15px 20px 15px 38px;font-size:23px}
 body.page-works #works-awards-heading::before{left:20px}
 body.page-works #works-awards-heading>.wind-decoration{opacity:.48}
 body.page-works .works-awards-grid{grid-template-columns:1fr;gap:24px}
 body.page-works .award-card{--award-inset:16px}
 body.page-works .award-card-body{padding-bottom:16px}
 body.page-works .award-card h3{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
 body.page-works .award-card,body.page-works .award-card-photo img,body.page-works .award-card-arrow{transition:none}
 body.page-works .award-card:is(:hover,:focus-visible) img,body.page-works .award-card:is(:hover,:focus-visible) .award-card-arrow{transform:none}
}
