.hero-film{position:relative;isolation:isolate;min-width:0;margin:0 -10px 0 12px;align-self:center}
.hero-film::before{content:"";position:absolute;z-index:-1;inset:-16% -14% 4%;background:radial-gradient(ellipse at 50% 48%,#c4824852,transparent 69%);filter:blur(35px);pointer-events:none}
.hero-film-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;font-size:8px;line-height:1.6;letter-spacing:.13em;color:#bfb2a4}
.hero-film-heading>span:first-child{display:flex;align-items:center;gap:10px}
.hero-film-heading>span:last-child{flex-shrink:0;color:#87817b;letter-spacing:.08em}
.hero-film-heading i{width:5px;height:5px;background:#d5a16e;border-radius:50%;flex-shrink:0}
.hero-film-screen{position:relative;aspect-ratio:16/9;background:#080a0d;border-radius:8px;overflow:hidden;box-shadow:0 22px 65px #0008,0 10px 70px #b9763e26}
.hero-film video{display:block;width:100%;height:100%;object-fit:contain;background:#080a0d}
.hero-film-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px}
.hero-film-eyebrow{font-size:7px;letter-spacing:.17em;color:#b69a7f}
.hero-film-caption p{margin:8px 0 0;color:#d9d5d0;font-size:18px;line-height:1.4;font-weight:400;letter-spacing:-.025em}
#promo-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;min-width:146px;padding:11px 15px;border:0;border-radius:5px;background:#c8915f;color:#101012;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0}
#promo-play:hover{background:#e0ad7d;transform:translateY(-1px)}
#promo-play:focus-visible,.promo-transcript summary:focus-visible{outline:2px solid #e7b584;outline-offset:5px}
#promo-play svg{height:14px;width:14px;fill:currentColor}
#promo-play:disabled{opacity:.65;cursor:wait}
.promo-status{min-height:16px;margin:13px 0 0;color:#b8a99b;font-size:10px;line-height:1.6}
.promo-transcript{margin-top:8px;font-size:10px;color:#8f949a}
.promo-transcript summary{width:fit-content;cursor:pointer;line-height:1.8}
.promo-transcript p{font-size:12px;line-height:1.8;max-width:550px;color:#aeb1b6;margin-top:10px}
@media(min-width:1550px){.hero-film{margin-left:0}.hero-film-heading{font-size:9px}.hero-film-caption p{font-size:21px}}
@media(max-width:1000px){.hero-film{width:100%;max-width:690px;margin:15px auto 0}.hero-film-caption p{font-size:22px}}
@media(max-width:700px){.hero-film{margin:6px 0 0}.hero-film-heading{font-size:6px;gap:10px;margin-bottom:13px;letter-spacing:.09em}.hero-film-heading>span:first-child{gap:7px}.hero-film-screen{border-radius:5px}.hero-film-caption{gap:12px;margin-top:19px}.hero-film-caption p{font-size:17px}.hero-film-eyebrow{font-size:6px;letter-spacing:.1em}#promo-play{font-size:10px;min-width:130px;gap:8px;padding:10px 12px}.hero-film::before{inset:-8% -6% 7%;filter:blur(22px)}}
@media(prefers-reduced-motion:reduce){#promo-play{transition:none}}

/* A rendered metal reveal followed by the exact, unchanged brand artwork. */
.brand-intro.higgsfield-intro{background:#080a0d!important;transition:opacity .4s ease,visibility .4s ease}
.higgsfield-intro .intro-film{position:absolute;left:50%;top:50%;width:min(115vw,1720px);max-width:none;height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%);object-fit:contain;opacity:1;transition:opacity .45s ease;pointer-events:none}
.intro-signature{position:relative;z-index:2;width:min(76vw,740px);text-align:center;opacity:0;transform:translateY(12px);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.intro-signature>img{display:block;width:100%;height:auto;filter:none}
.higgsfield-intro .intro-slogan{opacity:1;white-space:nowrap;margin:25px -8vw 0;font-size:clamp(8px,1.42vw,17px);letter-spacing:.01em;line-height:1.5;animation:none;color:#d8c7b7}
.higgsfield-intro .intro-slogan span{color:#fff}
.higgsfield-intro .intro-caption{opacity:.75;font-size:8px;letter-spacing:.24em;bottom:45px;animation:none}
.higgsfield-intro .intro-skip{z-index:4;color:#d3baa2;background:#111114bb;border-color:#94745644}
.higgsfield-intro.shows-signature .intro-film{opacity:0}
.higgsfield-intro.shows-signature .intro-signature{opacity:1;transform:translateY(0)}
.higgsfield-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){.higgsfield-intro .intro-film{width:160vw}.intro-signature{width:84vw}.higgsfield-intro .intro-slogan{font-size:clamp(7px,1.9vw,13px);margin:22px -6vw 0}.higgsfield-intro .intro-caption{font-size:6px;bottom:32px;letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.higgsfield-intro .intro-film{display:none}.intro-signature{transform:none;transition:none}.higgsfield-intro{transition:none}}
/* One player carries audible permission from the introduction into the hero. */
.higgsfield-intro .intro-film{width:min(100vw,1720px)}
.intro-sound{position:absolute;top:28px;left:34px;z-index:4;min-height:44px;padding:12px 17px;background:transparent;border:0;color:#bfa58f;font:inherit;font-size:10px;cursor:pointer}
.intro-entry{position:absolute;z-index:5;top:calc(50% + min(24vw,220px));left:20px;right:20px;text-align:center;display:none}
.awaiting-entry .intro-entry{display:block}
#intro-enter{min-height:48px;border:1px solid #c595693d;border-radius:5px;padding:14px 24px;background:#c79464;color:#100f10;font:inherit;font-size:12px;cursor:pointer}
#intro-enter span{margin-left:30px}#intro-enter[hidden]{display:none}
#intro-entry-note{font-size:10px;color:#a99889;margin-top:15px;line-height:1.5}
.intro-sound:focus-visible,#intro-enter:focus-visible,.intro-skip:focus-visible{outline:2px solid #e7b584;outline-offset:5px}
.intelligence-panel{background:#090b0d;border:0;box-shadow:none;padding:25px 27px 22px}
.intelligence-panel .architecture-heading>span{color:#b99b82}
.intelligence-stage{aspect-ratio:1.3;overflow:hidden;background:#090b0d;margin-top:14px}
.intelligence-stage:after{display:none}
.intelligence-stage video{width:100%;height:100%;object-fit:cover;transform:translate(var(--core-x,0px),var(--core-y,0px)) scale(1.03);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .6s;mask-image:linear-gradient(transparent,#000 12%,#000 82%,transparent)}
.intelligence-panel[data-layer="1"] video{filter:contrast(1.08) saturate(1.15)}
.intelligence-panel[data-layer="2"] video{filter:contrast(1.12) saturate(.7)}
.core-caption{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#b49c84;font-size:7px;letter-spacing:.24em;pointer-events:none}
.intelligence-panel .architecture-story{min-height:122px}
@media(max-width:700px){.intro-sound{left:15px;top:20px}.higgsfield-intro .intro-film{width:100vw}.intro-entry{top:calc(50% + 29vw)}.intro-signature{width:84vw}.intelligence-panel{padding:20px}.intelligence-stage{aspect-ratio:1.18}}
@media(prefers-reduced-motion:reduce){.intelligence-stage video{transition:none;transform:none}.higgsfield-intro .intro-signature{opacity:1}}
/* Purposeful software, shown as a connected workflow rather than a sculpture. */
.workflow-stage{aspect-ratio:500/390;margin-top:17px;overflow:hidden}
.workflow-stage:after{display:none}.workflow-map{display:block;width:100%;height:100%;font-family:inherit}
.workflow-lines path{fill:none;stroke:#94735444;stroke-width:1.2}
.workflow-flow path{fill:none;stroke:#e2b184;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:5 165;animation:workflow-stream 12s linear infinite}
.workflow-node rect{fill:#111418;stroke:#ffffff0d;stroke-width:1}
.workflow-node circle{fill:#ca9a6c}.workflow-node text{fill:#d1cfcc;font-size:12px}.workflow-node .node-detail{fill:#827c75;font-size:7px;letter-spacing:.7px}
.workflow-heart rect{fill:#191817;stroke:#bc895c65;stroke-width:1}.workflow-heart path{fill:none;stroke:#dbaa7c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workflow-heart text{fill:#e1c5aa;font-size:12px}
.workflow-stage .core-caption{bottom:0;font-size:6px}.core-paused .workflow-flow path{animation-play-state:paused}
@keyframes workflow-stream{to{stroke-dashoffset:-340}}
@media(prefers-reduced-motion:reduce){.workflow-flow path{animation:none}}
/* A perspective presentation for the approved film; no native player chrome. */
.hero-film{perspective:1300px}
.hero-film-screen{overflow:visible;transform-style:preserve-3d;transform:rotateX(var(--film-x,3deg)) rotateY(var(--film-y,-7deg));transition:transform 1.1s cubic-bezier(.16,.8,.24,1);border-radius:11px;background:#161311;box-shadow:2px 0 0 #e2b18380,6px 4px 0 #62422d,9px 7px 0 #1b1510,20px 35px 70px #000b,4px 18px 70px #c7854930;isolation:isolate}
.hero-film-screen:before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(130deg,#e4b589a8,#664c3820 35%,#9f6d4544 72%,#f0c69b99);z-index:-1}
.hero-film-screen:after{content:"";position:absolute;inset:18px 8px -18px;transform:translateZ(-35px);background:radial-gradient(ellipse,#b7744730,transparent 70%);filter:blur(18px);z-index:-2;pointer-events:none}
.hero-film video{border-radius:11px;overflow:hidden}
.hero-film-caption{margin-top:32px}.hero-sound{padding:8px 0;min-height:38px;background:none;border:0;font:inherit;font-size:10px;letter-spacing:.06em;color:#c29a78;cursor:pointer;float:right}.hero-sound:hover{color:#f0c9a7}.hero-sound:focus-visible{outline:2px solid #e7b584;outline-offset:4px}
#promo-play{background:transparent;color:#d6b28f;border:1px solid #a67b5038;min-width:118px}#promo-play:hover{background:#bb885918}
.hero-film video::-webkit-media-controls{display:none!important}
@media(max-width:700px){.hero-film{perspective:900px}.hero-film-screen{transform:rotateX(2deg) rotateY(-3deg);box-shadow:2px 2px 0 #a77b5550,5px 5px 0 #2a1e16,10px 22px 45px #0008,0 5px 40px #ba784028}.hero-film-caption{margin-top:27px}}
@media(prefers-reduced-motion:reduce){.hero-film-screen{transform:none;transition:none}}
.motion-paused .hero-film-screen{transform:none;transition:none}

.brand-tagline .slogan-white{color:#fff}
.censivo-loop{position:relative;aspect-ratio:1551/668}
.censivo-loop>video{display:block;width:100%;height:100%;object-fit:cover}
.censivo-loop-toggle{position:absolute;bottom:17px;right:18px;border:1px solid #8dd8f73b;border-radius:5px;background:#071420c9;color:#c5e7fa;padding:10px 13px;min-height:40px;font:inherit;font-size:10px;cursor:pointer;backdrop-filter:blur(10px)}
.censivo-loop-toggle:hover{background:#0c2839}.censivo-loop-toggle:focus-visible{outline:2px solid #7bdafa;outline-offset:4px}
@media(max-width:700px){.censivo-loop-toggle{bottom:9px;right:9px;padding:7px 10px;font-size:9px;min-height:36px}}
/* An integrated cinematic surface: flat, edge-blended, and embedded in the hero. */
.hero-film{perspective:none;margin-right:-15px}
.hero-film-screen{transform:none!important;transition:none;transform-style:flat;background:transparent;border-radius:0;box-shadow:none;overflow:hidden;isolation:auto;aspect-ratio:16/9}
.hero-film-screen:before,.hero-film-screen:after{display:none}
.hero-film-screen video{border-radius:0;background:transparent;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 85%,transparent);-webkit-mask-composite:source-in}
.hero-film::before{inset:-10% -12% 10%;background:radial-gradient(ellipse at 50% 48%,#b8754238,transparent 66%);filter:blur(35px)}
.hero-film-heading{margin-bottom:10px;color:#ae9985}.hero-film-caption{margin-top:10px;padding:12px 5px 0;border-top:1px solid #b3896126}
#promo-play{border:0;min-width:105px;padding:9px 8px;color:#d1ad8b;min-height:40px;background:none}#promo-play:hover{background:none;color:#f4d0ae;transform:none}
.hero-sound{margin-right:5px;color:#9e8874}.promo-status{margin-left:5px}.promo-transcript{margin-left:5px}
@media(max-width:1000px){.hero-film{margin-right:auto}}
@media(max-width:700px){.hero-film{margin-right:0}.hero-film-caption{margin-top:4px}.hero-film-screen{box-shadow:none;border-radius:0}}

.higgsfield-intro.is-probing .intro-film{opacity:0!important;visibility:hidden}

/* Donald DM 90034: on mobile the hero-film video/poster was being cropped by object-fit:cover — the horizontal COG wordmark lost its 'G' off the right side. Force contain + remove the mask-image edge fade on mobile so the entire logo poster sits inside the frame cleanly. */
@media(max-width:700px){.hero-film-screen video{object-fit:contain!important;mask-image:none!important;-webkit-mask-image:none!important}.hero-film-screen{background:#080a0d}}