.hc-craft{padding-block:var(--craft-space);color:var(--hc-text)}
.hc-craft[data-background="color"]{background:var(--hc-background-fill)}
.hc-craft__header{margin-bottom:24px}
.hc-craft__eyebrow{display:flex;align-items:center;gap:20px;margin:0 0 14px;font-size:11px;letter-spacing:.14em;color:var(--hc-muted)}
.hc-craft__eyebrow::after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--hc-accent) 30%,transparent)}
.hc-craft__intro{font-size:var(--body-font-size);line-height:1.5;margin-top:8px}
.hc-craft__intro p{margin:0}
.hc-craft__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:stretch}
.hc-craft__grid--single{grid-template-columns:1fr}
.hc-craft__card{position:relative;isolation:isolate;overflow:hidden;min-width:0;width:100%;margin:0;background:color-mix(in srgb,var(--hc-background) 75%,transparent);border:1px solid color-mix(in srgb,var(--hc-accent) 38%,transparent);border-radius:var(--button-radius);transition:border-color .35s linear}
.hc-craft__card:hover{border-color:var(--hc-accent)}
.hc-craft__main{display:flex;align-items:flex-end;min-height:420px;aspect-ratio:3/2}
.hc-craft__grid--single .hc-craft__main{max-height:640px;aspect-ratio:16/9}
.hc-craft__media{position:absolute;inset:0;z-index:-2}
.hc-craft__media img,.hc-craft__media svg,.hc-craft__media video{display:block;width:100%;height:100%;object-fit:var(--craft-fit);object-position:center}
.hc-craft__media img{transition:transform .8s linear;transform-origin:right center}
.hc-craft__detail:hover img{transform:scale(1.06)}
.hc-craft__card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(transparent 35%,rgba(0,18,18,var(--craft-shade)) 100%)}
.hc-craft__details{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:18px;min-width:0}
.hc-craft__detail{display:flex;align-items:flex-end;min-height:190px}
.hc-craft__badge{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);padding:6px 10px;border:1px solid color-mix(in srgb,var(--hc-accent) 45%,transparent);border-radius:6px;background:#032626b3;backdrop-filter:blur(6px);color:var(--hc-text);font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.hc-craft__caption{padding:24px;width:100%;overflow-wrap:anywhere;text-shadow:0 2px 10px #0008}
.hc-craft__caption h3{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:20px;line-height:1.25;color:var(--hc-heading)}
.hc-craft__caption p{margin:6px 0 0;font-size:14px;line-height:1.45;max-width:40ch}
.hc-craft__detail .hc-craft__caption{padding:18px}
.hc-craft__detail .hc-craft__caption h3{font-size:18px}
.hc-craft__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding:0;border:1px solid var(--hc-text);border-radius:50%;background:#001d1d80;color:var(--hc-text);backdrop-filter:blur(4px);cursor:pointer;transition:background .25s linear,scale .25s linear}
.hc-craft__play:hover{background:var(--hc-accent);scale:1.05}
.hc-craft [hidden]{display:none}
.hc-craft__main[data-started] .hc-craft__caption,.hc-craft__main[data-started] .hc-craft__badge,.hc-craft__main[data-started]::after{visibility:hidden}
.hc-craft__error{position:absolute;inset:16px 16px auto;margin:0;padding:12px;background:var(--hc-background-fill);font-size:14px}
@media(max-width:749px){
 .hc-craft{padding-block:calc(var(--craft-space) * .7)}
 .hc-craft__header{margin-bottom:18px}
 .hc-craft__grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .hc-craft__main,.hc-craft__grid--single .hc-craft__main{min-height:250px;max-height:none;aspect-ratio:3/2}
 .hc-craft__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hc-craft__detail{min-height:180px;aspect-ratio:1/1.15}
 .hc-craft__details:has(> :only-child){grid-template-columns:1fr}
 .hc-craft__details:has(> :only-child) .hc-craft__detail{aspect-ratio:2/1}
 .hc-craft__caption,.hc-craft__detail .hc-craft__caption{padding:14px}
 .hc-craft__caption h3{font-size:18px}
 .hc-craft__detail .hc-craft__caption h3{font-size:14px}
 .hc-craft__caption p{font-size:12px;margin-top:4px}
 .hc-craft__badge{top:10px;left:10px;max-width:calc(100% - 20px);font-size:10px;padding:5px 7px}
 .hc-craft__play{width:60px;height:60px}
}