/* Deliberately scoped to Brasa Burger. Existing project cards keep their styling. */
.feature-brasa{--brasa-cream:#f6eada;--brasa-orange:#ff8b43;position:relative;background:#10100f;color:var(--brasa-cream);border:1px solid #38312b;border-radius:6px;overflow:hidden;isolation:isolate}
.portfolio-page .feature-brasa{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;margin-bottom:12px}
.feature-visual{position:relative;min-width:0;overflow:hidden;background:#0b0a09;aspect-ratio:1.5}
.feature-visual picture,.feature-visual img{display:block;width:100%;height:100%}.feature-visual img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.feature-visual::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 30%,transparent 65%,#0009)}
.feature-visual:hover img{transform:scale(1.025)}.feature-brasa:hover img{transform:none}.feature-brasa .feature-visual:hover img{transform:scale(1.025)}
.feature-badge{position:absolute;left:24px;top:22px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;background:#14120fe6;border:1px solid #70513b;color:#f6eada;border-radius:3px;font-size:11px;font-weight:650;letter-spacing:.02em;backdrop-filter:blur(8px)}.feature-badge::before{content:'';width:5px;height:5px;background:#ff8b43;border-radius:50%}
.feature-play{position:absolute;z-index:2;right:24px;bottom:24px;border:1px solid #ffd1b3;background:#f6eada;box-shadow:0 6px 24px #0003;color:#17120e;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;padding:0;transition:background .2s,transform .2s}.feature-play svg{width:23px;height:23px;fill:currentColor;margin-left:4px}.feature-play:hover{background:#ffc39c;transform:scale(1.04)}.feature-play:focus-visible{outline:3px solid #ffc39c;outline-offset:5px}
.feature-time{position:absolute;left:24px;bottom:26px;z-index:1;font-size:11px;color:#f6eada;letter-spacing:.08em}.feature-time>span{display:inline-block;padding:3px 7px;border:1px solid #b9a18b;border-radius:2px;margin-right:9px;font-weight:700;font-size:12px}
.feature-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:38px 40px;min-width:0}.feature-kicker{font-size:10px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--brasa-orange);margin-bottom:17px}.feature-copy h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,4.4vw,64px);letter-spacing:-.025em;line-height:.98;text-transform:uppercase}.feature-category{font-size:14px;line-height:1.7;color:#e0d2c3;margin-top:17px;max-width:26ch}.feature-summary{font-size:13px;line-height:1.9;color:#bcae9e;margin-top:18px;max-width:38ch}.feature-type{font-size:11px;line-height:1.7;color:#bcae9e;margin-top:16px}.feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px;width:100%}.feature-actions a,.feature-watch{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 16px;border-radius:3px;font:700 12px var(--font);line-height:1.6}.feature-actions a{background:#f6eada;color:#21150e;border:1px solid #f6eada}.feature-actions a:hover{background:#ffd4b6;border-color:#ffd4b6}.feature-watch{background:transparent;color:#f6eada;border:1px solid #7a6857}.feature-watch:hover{background:#282019;border-color:#bc8c6a}.feature-watch svg{width:12px;height:12px;fill:currentColor}.feature-actions :focus-visible{outline-color:#ff9d60}.feature-rights{font-size:10px;color:#bcae9e;line-height:1.8;margin-top:20px;padding-top:17px;border-top:1px solid #38312b;width:100%;max-width:40ch}.feature-rights span{color:#ffad7c}
.home-feature .feature-copy{padding:24px}.home-feature .feature-visual{aspect-ratio:1.5}.home-feature .feature-copy h3{font-size:36px}.home-feature .feature-category{font-size:12px;margin-top:11px;max-width:none}.home-feature .feature-kicker,.home-feature .feature-summary,.home-feature .feature-rights{display:none}.home-feature .feature-type{font-size:10px;margin-top:10px}.home-feature .feature-actions{margin-top:18px;gap:8px}.home-feature .feature-actions a,.home-feature .feature-watch{padding:10px 11px;font-size:11px;gap:9px;flex:1;white-space:nowrap}.home-feature .feature-badge{left:15px;top:15px;padding:6px 9px;font-size:10px}.home-feature .feature-play{width:48px;height:48px;right:15px;bottom:15px}.home-feature .feature-play svg{width:17px;height:17px}.home-feature .feature-time{left:15px;bottom:19px;font-size:9px}.home-feature .feature-time>span{font-size:10px}
@media(min-width:901px){.showcase .demo-grid:has(.home-feature){grid-template-columns:1.16fr 1fr 1fr;align-items:start}}
@media(max-width:1100px){.feature-copy{padding:30px}.feature-summary{margin-top:14px}.feature-actions{gap:10px;margin-top:22px}.feature-actions a,.feature-watch{padding-inline:13px;font-size:11px}.feature-copy h3{font-size:50px}.feature-category{font-size:13px}.feature-rights{margin-top:17px;padding-top:14px}}
@media(max-width:900px){.portfolio-page .feature-brasa{grid-template-columns:1.1fr 1fr}.feature-copy{padding:25px}.feature-copy h3{font-size:45px}.feature-actions{align-items:stretch;gap:9px}.feature-actions a,.feature-watch{flex:1 1 100%;justify-content:space-between}.feature-summary{font-size:12px;line-height:1.8}.feature-badge{left:18px;top:18px}.feature-visual{aspect-ratio:auto;min-height:370px}.feature-time{left:18px;bottom:21px;font-size:10px}.feature-play{right:18px;bottom:18px;width:54px;height:54px}.home-feature .feature-actions a,.home-feature .feature-watch{flex:1 1 auto;justify-content:center}.home-feature .feature-visual{min-height:0}.home-feature .feature-copy{padding:22px}.home-feature .feature-copy h3{font-size:34px}}
@media(max-width:600px){.portfolio-page .feature-brasa{display:flex;flex-direction:column;margin-bottom:5px}.feature-visual{aspect-ratio:1.4;min-height:0}.feature-copy{padding:27px 24px}.feature-copy h3{font-size:48px}.feature-kicker{margin-bottom:15px;font-size:9px}.feature-category{font-size:14px;max-width:25ch;margin-top:13px}.feature-summary{font-size:13px;max-width:34ch;margin-top:14px}.feature-type{font-size:11px;margin-top:13px}.feature-actions{margin-top:23px;gap:10px}.feature-actions a,.feature-watch{min-height:48px;font-size:12px;padding-inline:16px;flex:1 1 auto;justify-content:center}.feature-rights{margin-top:18px;padding-top:16px;font-size:10px}.feature-badge{left:16px;top:16px;font-size:10px}.feature-play{right:17px;bottom:17px;width:55px;height:55px}.feature-time{left:17px;bottom:24px}.home-feature .feature-copy{padding:23px}.home-feature .feature-copy h3{font-size:38px}.home-feature .feature-actions a,.home-feature .feature-watch{min-height:44px;font-size:11px}.home-feature .feature-category{font-size:12px}.home-feature .feature-visual{aspect-ratio:1.5}}
.feature-actions a{background:transparent;color:#f6eada;border-color:#7a6857}.feature-actions a:hover{background:#282019;border-color:#bc8c6a}.feature-watch{background:#bc430e;color:#fff;border-color:#bc430e}.feature-watch:hover{background:#a93608;border-color:#a93608}
@media(prefers-reduced-motion:reduce){.feature-brasa *{transition:none!important}}