/* Garraje Creative UI 1.3 — Cinematic service film. Brand accent #F9954B. */
.g-film{position:relative;isolation:isolate;padding:clamp(18px,3vw,46px);background:#f5f3ee;color:#fff;overflow:hidden}
.g-film-inner{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(570px,69vw,850px);border-radius:clamp(13px,1.5vw,24px);background:linear-gradient(130deg,#151320 12%,#3b292a 60%,#151320 100%);box-shadow:0 30px 100px rgba(21,19,32,.16)}
.g-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;opacity:.8;filter:saturate(.76) contrast(1.08)}
.g-film-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,14,24,.96) 0%,rgba(19,16,24,.8) 42%,rgba(16,15,23,.25) 88%),linear-gradient(0deg,rgba(16,14,24,.74),rgba(0,0,0,0) 42%),linear-gradient(120deg,rgba(249,149,75,.19),transparent 70%)}
.g-film-grain{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.05) 3px);mix-blend-mode:soft-light}
.g-film-content{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(38px,5.5vw,78px);padding-bottom:clamp(35px,4vw,55px)}
.g-film-topline{display:flex;align-items:center;gap:13px;font:500 10px/1.3 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#f9e0cb}
.g-film-live-dot{display:inline-block;flex:none;height:8px;width:8px;border-radius:50%;background:#f9954b;box-shadow:0 0 0 7px rgba(249,149,75,.1)}
.g-film-topline-rule{margin-left:10px;height:1px;width:55px;background:rgba(255,255,255,.3)}
.g-film-copy{margin-top:60px;margin-bottom:100px;width:min(910px,87%)}
.g-film-copy h2{font:650 clamp(50px,7.8vw,126px)/.98 'Outfit',sans-serif;letter-spacing:-.066em;color:#fff;text-wrap:balance}
.g-film-copy h2 em{font-style:normal;color:#F9954B}
.g-film-copy p{margin:36px 0 30px;max-width:560px;color:rgba(255,255,255,.83);font:400 clamp(15px,1.55vw,20px)/1.65 'DM Sans',sans-serif}
.g-film-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:265px;padding:7px 7px 7px 26px;background:#F9954B;color:#19141a!important;text-decoration:none!important;border-radius:99px;font:650 14px 'DM Sans',sans-serif;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s}
.g-film-cta:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(249,149,75,.3)}
.g-film-cta-icon{height:44px;width:44px;display:grid;place-items:center;background:#151320;border-radius:50%;color:#fff;font-size:19px}
.g-film-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.24);font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.15em;color:rgba(255,255,255,.72)}
.g-film-bottom span:last-child{color:#F9954B}
@media (prefers-reduced-motion:no-preference){.g-film-copy h2,.g-film-copy p{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .85s}.g-film:not(.g-film-visible) .g-film-copy h2,.g-film:not(.g-film-visible) .g-film-copy p{opacity:.6;transform:translateY(20px)}.g-film-live-dot{animation:garraje-v13-pulse 2.8s ease-in-out infinite}@keyframes garraje-v13-pulse{50%{box-shadow:0 0 0 13px rgba(249,149,75,.03)}}}
@media(max-width:800px){.g-film{padding:14px}.g-film-inner{min-height:690px}.g-film-content{padding:35px 24px}.g-film-copy{width:100%;margin:65px 0 100px}.g-film-copy h2{font-size:clamp(48px,10vw,78px)}.g-film-copy p{font-size:16px}.g-film-bottom{align-items:flex-start;flex-direction:column;gap:7px}.g-film-scrim{background:linear-gradient(90deg,rgba(16,14,24,.91),rgba(18,15,25,.61)),linear-gradient(0deg,rgba(16,14,24,.72),transparent)}}
@media(max-width:480px){.g-film-inner{min-height:650px}.g-film-content{padding:28px 18px}.g-film-copy h2{font-size:clamp(43px,12vw,67px)}.g-film-topline{font-size:9px;letter-spacing:.08em}.g-film-topline-rule{display:none}.g-film-bottom{font-size:8px}.g-film-cta{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.g-film-video{display:none}.g-film-live-dot{animation:none}.g-film-copy h2,.g-film-copy p{transform:none!important;opacity:1!important}}

/* Editorial cover art used only when the user has not supplied real project artwork. */
.g-work-placeholder-v13{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;text-align:left;padding:clamp(25px,4vw,50px);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent) 74%,#151320),#151320);isolation:isolate;color:#fff}
.g-work-placeholder-v13:before{content:"";position:absolute;z-index:-1;inset:-18%;opacity:.48;background:repeating-radial-gradient(circle at 82% 22%,transparent 0 27px,rgba(255,255,255,.15) 28px,transparent 29px,transparent 54px);transform:rotate(-15deg)}
.g-work-placeholder-v13 .g-work-placeholder-stamp{position:absolute;top:28px;left:clamp(25px,4vw,50px);font:600 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.76)}
.g-work-placeholder-v13 strong{display:block;max-width:85%;font:600 clamp(37px,4vw,73px)/.99 'Outfit',sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere}
.g-work-placeholder-v13 small{font:500 12px 'DM Sans',sans-serif;color:rgba(255,255,255,.82);letter-spacing:.08em;text-transform:uppercase}
.g-work-placeholder-v13 i{font:normal 80px/1 'Outfit',sans-serif;position:absolute;right:25px;top:22px;color:rgba(255,255,255,.16)}